@buoy-gg/react-query 7.0.40 → 7.0.42

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

@@ -1,124 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MutationDetails;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _MutationDetailsChips = _interopRequireDefault(require("./MutationDetailsChips"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Displays high-level mutation metadata such as status, retries, and timestamps.
- */
-function MutationDetails({
-  selectedMutation
-}) {
-  if (selectedMutation === undefined) {
-    return null;
-  }
-  const submittedAt = new Date(selectedMutation.state.submittedAt).toLocaleTimeString();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.minWidth,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.headerText,
-      children: "Mutation Details"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.row,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-        "sentry-label": "ignore devtools mutation details scroll",
-        horizontal: true,
-        style: styles.flex1,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          testID: "buoy-rq-mutation-detail-key",
-          style: styles.flexWrap,
-          children: `${selectedMutation.options.mutationKey ? (0, _sharedUi.displayValue)(selectedMutation.options.mutationKey, true) : "No mutationKey found"}`
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationDetailsChips.default, {
-        status: selectedMutation.state.status,
-        testID: "buoy-rq-mutation-detail-status"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.row,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.labelText,
-        children: "Submitted At:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.valueText,
-        children: submittedAt
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  minWidth: {
-    minWidth: 200,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.accent + "4D",
-    overflow: "hidden",
-    shadowColor: _sharedUi.night.color.accent,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 6
-  },
-  headerText: {
-    backgroundColor: _sharedUi.night.color.accent + "15",
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    fontWeight: "600",
-    fontSize: 12,
-    color: _sharedUi.night.color.accent,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.accent + "33",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: _sharedUi.monoFont
-  },
-  row: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.separator
-  },
-  flex1: {
-    flex: 1,
-    marginRight: 8
-  },
-  flexWrap: {
-    fontSize: 12,
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont,
-    lineHeight: 18,
-    flexShrink: 1,
-    backgroundColor: _sharedUi.night.color.accent + "15",
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 4,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.accent + "4D"
-  },
-  labelText: {
-    fontSize: 10,
-    color: _sharedUi.night.color.textSecondary,
-    fontWeight: "600",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: _sharedUi.monoFont
-  },
-  valueText: {
-    fontSize: 12,
-    color: _sharedUi.night.color.text,
-    fontWeight: "500",
-    fontVariant: ["tabular-nums"],
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=MutationDetails;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _MutationDetailsChips=_interopRequireDefault(require("./MutationDetailsChips"));var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function MutationDetails({selectedMutation:t}){if(t===void 0){return null}const e=new Date(t.state.submittedAt).toLocaleTimeString();return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.minWidth,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.headerText,children:"Mutation Details"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.row,children:[(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{"sentry-label":"ignore devtools mutation details scroll",horizontal:true,style:styles.flex1,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-rq-mutation-detail-key",style:styles.flexWrap,children:`${t.options.mutationKey?(0,_sharedUi.displayValue)(t.options.mutationKey,true):"No mutationKey found"}`})}),(0,_jsxRuntime.jsx)(_MutationDetailsChips.default,{status:t.state.status,testID:"buoy-rq-mutation-detail-status"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.row,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.labelText,children:"Submitted At:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.valueText,children:e})]})]})}const styles=_reactNative.StyleSheet.create({minWidth:{minWidth:200,backgroundColor:_sharedUi.night.color.surface,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.accent+"4D",overflow:"hidden",shadowColor:_sharedUi.night.color.accent,shadowOffset:{width:0,height:0},shadowOpacity:.1,shadowRadius:6},headerText:{backgroundColor:_sharedUi.night.color.accent+"15",paddingHorizontal:12,paddingVertical:10,fontWeight:"600",fontSize:12,color:_sharedUi.night.color.accent,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.accent+"33",letterSpacing:.5,textTransform:"uppercase",fontFamily:_sharedUi.monoFont},row:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingHorizontal:12,paddingVertical:10,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.separator},flex1:{flex:1,marginRight:8},flexWrap:{fontSize:12,color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont,lineHeight:18,flexShrink:1,backgroundColor:_sharedUi.night.color.accent+"15",paddingHorizontal:8,paddingVertical:4,borderRadius:4,borderWidth:1,borderColor:_sharedUi.night.color.accent+"4D"},labelText:{fontSize:10,color:_sharedUi.night.color.textSecondary,fontWeight:"600",letterSpacing:.5,textTransform:"uppercase",fontFamily:_sharedUi.monoFont},valueText:{fontSize:12,color:_sharedUi.night.color.text,fontWeight:"500",fontVariant:["tabular-nums"],fontFamily:_sharedUi.monoFont}});

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

@@ -1,68 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = QueryDetailsChip;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-const backgroundColors = {
-  success: _sharedUi.buoyColors.success + "15",
-  error: _sharedUi.buoyColors.error + "15",
-  pending: _sharedUi.buoyColors.primary + "15",
-  idle: _sharedUi.buoyColors.textMuted + "1A"
-};
-const borderColors = {
-  success: _sharedUi.buoyColors.success + "33",
-  error: _sharedUi.buoyColors.error + "33",
-  pending: _sharedUi.buoyColors.primary + "33",
-  idle: _sharedUi.buoyColors.textMuted + "33"
-};
-const textColors = {
-  success: _sharedUi.buoyColors.success,
-  error: _sharedUi.buoyColors.error,
-  pending: _sharedUi.buoyColors.primary,
-  idle: _sharedUi.buoyColors.textMuted
-};
-/**
- * Small status chip used in mutation detail views that adapts styling to the mutation status.
- */
-function QueryDetailsChip({
-  status,
-  testID
-}) {
-  const statusToColor = status;
-  const backgroundColor = backgroundColors[statusToColor];
-  const borderColor = borderColors[statusToColor];
-  const textColor = textColors[statusToColor];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor,
-      borderColor
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      testID: testID,
-      style: [styles.text, {
-        color: textColor
-      }],
-      children: status
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderWidth: 1,
-    borderRadius: 6,
-    alignSelf: "flex-start"
-  },
-  text: {
-    fontSize: 11,
-    fontWeight: "600",
-    textTransform: "uppercase",
-    letterSpacing: 0.5,
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=QueryDetailsChip;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");const backgroundColors={success:_sharedUi.buoyColors.success+"15",error:_sharedUi.buoyColors.error+"15",pending:_sharedUi.buoyColors.primary+"15",idle:_sharedUi.buoyColors.textMuted+"1A"};const borderColors={success:_sharedUi.buoyColors.success+"33",error:_sharedUi.buoyColors.error+"33",pending:_sharedUi.buoyColors.primary+"33",idle:_sharedUi.buoyColors.textMuted+"33"};const textColors={success:_sharedUi.buoyColors.success,error:_sharedUi.buoyColors.error,pending:_sharedUi.buoyColors.primary,idle:_sharedUi.buoyColors.textMuted};function QueryDetailsChip({status:r,testID:e}){const o=r;const t=backgroundColors[o];const s=borderColors[o];const l=textColors[o];return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.container,{backgroundColor:t,borderColor:s}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:e,style:[styles.text,{color:l}],children:r})})}const styles=_reactNative.StyleSheet.create({container:{paddingHorizontal:8,paddingVertical:4,borderWidth:1,borderRadius:6,alignSelf:"flex-start"},text:{fontSize:11,fontWeight:"600",textTransform:"uppercase",letterSpacing:.5,fontFamily:_sharedUi.monoFont}});

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

@@ -1,118 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MutationInformation;
-var _Explorer = _interopRequireDefault(require("./Explorer"));
-var _reactNative = require("react-native");
-var _MutationDetails = _interopRequireDefault(require("./MutationDetails"));
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** Detailed information block for a selected mutation within the modal experience. */
-function MutationInformation({
-  selectedMutation
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-    "sentry-label": "ignore devtools mutation information scroll",
-    style: styles.flex1,
-    contentContainerStyle: styles.scrollContent,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.section,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationDetails.default, {
-        selectedMutation: selectedMutation
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.textHeader,
-        children: "Variables Details"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.padding,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Explorer.default, {
-          label: "Variables",
-          value: selectedMutation?.state.variables,
-          defaultExpanded: ["Variables"]
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.textHeader,
-        children: "Context Details"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.padding,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Explorer.default, {
-          label: "Context",
-          value: selectedMutation?.state.context,
-          defaultExpanded: ["Context"]
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.textHeader,
-        children: "Data Explorer"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.padding,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Explorer.default, {
-          label: "Data",
-          defaultExpanded: ["Data"],
-          value: selectedMutation?.state.data
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.textHeader,
-        children: "Mutations Explorer"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.padding,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Explorer.default, {
-          label: "Mutation",
-          defaultExpanded: ["Mutation"],
-          value: selectedMutation
-        })
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  flex1: {
-    flex: 1,
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent"
-  },
-  scrollContent: {
-    paddingBottom: 16,
-    paddingHorizontal: 8
-  },
-  section: {
-    marginBottom: 16
-  },
-  textHeader: {
-    textAlign: "left",
-    backgroundColor: _sharedUi.night.color.accent + "15",
-    padding: 12,
-    fontSize: 12,
-    fontWeight: "700",
-    color: _sharedUi.night.color.accent,
-    borderTopLeftRadius: 8,
-    borderTopRightRadius: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.accent + "33",
-    fontFamily: _sharedUi.monoFont,
-    letterSpacing: 1,
-    textTransform: "uppercase"
-  },
-  padding: {
-    padding: 12,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderBottomLeftRadius: 8,
-    borderBottomRightRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    borderTopWidth: 0
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=MutationInformation;var _Explorer=_interopRequireDefault(require("./Explorer"));var _reactNative=require("react-native");var _MutationDetails=_interopRequireDefault(require("./MutationDetails"));var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function MutationInformation({selectedMutation:e}){return(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{"sentry-label":"ignore devtools mutation information scroll",style:styles.flex1,contentContainerStyle:styles.scrollContent,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.section,children:(0,_jsxRuntime.jsx)(_MutationDetails.default,{selectedMutation:e})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.textHeader,children:"Variables Details"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.padding,children:(0,_jsxRuntime.jsx)(_Explorer.default,{label:"Variables",value:e?.state.variables,defaultExpanded:["Variables"]})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.textHeader,children:"Context Details"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.padding,children:(0,_jsxRuntime.jsx)(_Explorer.default,{label:"Context",value:e?.state.context,defaultExpanded:["Context"]})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.textHeader,children:"Data Explorer"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.padding,children:(0,_jsxRuntime.jsx)(_Explorer.default,{label:"Data",defaultExpanded:["Data"],value:e?.state.data})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.textHeader,children:"Mutations Explorer"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.padding,children:(0,_jsxRuntime.jsx)(_Explorer.default,{label:"Mutation",defaultExpanded:["Mutation"],value:e})})]})]})}const styles=_reactNative.StyleSheet.create({flex1:{flex:1,backgroundColor:"transparent"},scrollContent:{paddingBottom:16,paddingHorizontal:8},section:{marginBottom:16},textHeader:{textAlign:"left",backgroundColor:_sharedUi.night.color.accent+"15",padding:12,fontSize:12,fontWeight:"700",color:_sharedUi.night.color.accent,borderTopLeftRadius:8,borderTopRightRadius:8,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.accent+"33",fontFamily:_sharedUi.monoFont,letterSpacing:1,textTransform:"uppercase"},padding:{padding:12,backgroundColor:_sharedUi.night.color.surface,borderBottomLeftRadius:8,borderBottomRightRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,borderTopWidth:0}});

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

@@ -1,84 +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 = require("../../hooks/useQueryStatusCounts");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Horizontal status filter bar tailored for mutations. Integrates scroll detection to avoid
- * accidental filter toggles while panning.
- */
-const MutationStatusCount = ({
-  activeFilter,
-  onFilterChange,
-  size = "default"
-}) => {
-  const {
-    pending,
-    success,
-    error,
-    paused
-  } = (0, _useQueryStatusCounts.useMutationStatusCounts)();
-  const {
-    scrollProps,
-    onTouchStart: handleTouchStart,
-    isTap
-  } = (0, _sharedUi.useChipTap)();
-  const handleFilterClick = (filter, event) => {
-    if (!isTap(event)) return;
-    if (onFilterChange) {
-      onFilterChange(activeFilter === filter ? null : filter);
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ChipStrip, {
-    scrollProps: scrollProps,
-    sentryLabel: "ignore devtools mutation status count scroll",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
-      label: "Pending",
-      color: "blue",
-      count: pending,
-      isActive: activeFilter === "pending",
-      onPress: event => handleFilterClick("pending", event),
-      onTouchStart: handleTouchStart,
-      testID: "buoy-rq-mstatus-pending",
-      showLabel: true,
-      size: size
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
-      label: "Success",
-      color: "green",
-      count: success,
-      isActive: activeFilter === "success",
-      onPress: event => handleFilterClick("success", event),
-      onTouchStart: handleTouchStart,
-      testID: "buoy-rq-mstatus-success",
-      showLabel: true,
-      size: size
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
-      label: "Error",
-      color: "red",
-      count: error,
-      isActive: activeFilter === "error",
-      onPress: event => handleFilterClick("error", event),
-      onTouchStart: handleTouchStart,
-      testID: "buoy-rq-mstatus-error",
-      showLabel: true,
-      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-mstatus-paused",
-      showLabel: true,
-      size: size
-    })]
-  });
-};
-var _default = exports.default = MutationStatusCount;
+"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=require("../../hooks/useQueryStatusCounts");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const MutationStatusCount=({activeFilter:e,onFilterChange:o,size:t="default"})=>{const{pending:a,success:n,error:l,paused:c}=(0,_useQueryStatusCounts.useMutationStatusCounts)();const{scrollProps:i,onTouchStart:u,isTap:d}=(0,_sharedUi.useChipTap)();const r=(s,p)=>{if(!d(p))return;if(o){o(e===s?null:s)}};return(0,_jsxRuntime.jsxs)(_sharedUi.ChipStrip,{scrollProps:i,sentryLabel:"ignore devtools mutation status count scroll",children:[(0,_jsxRuntime.jsx)(_QueryStatus.default,{label:"Pending",color:"blue",count:a,isActive:e==="pending",onPress:s=>r("pending",s),onTouchStart:u,testID:"buoy-rq-mstatus-pending",showLabel:true,size:t}),(0,_jsxRuntime.jsx)(_QueryStatus.default,{label:"Success",color:"green",count:n,isActive:e==="success",onPress:s=>r("success",s),onTouchStart:u,testID:"buoy-rq-mstatus-success",showLabel:true,size:t}),(0,_jsxRuntime.jsx)(_QueryStatus.default,{label:"Error",color:"red",count:l,isActive:e==="error",onPress:s=>r("error",s),onTouchStart:u,testID:"buoy-rq-mstatus-error",showLabel:true,size:t}),(0,_jsxRuntime.jsx)(_QueryStatus.default,{label:"Paused",color:"purple",count:c,isActive:e==="paused",onPress:s=>r("paused",s),onTouchStart:u,testID:"buoy-rq-mstatus-paused",showLabel:true,size:t})]})};var _default=exports.default=MutationStatusCount;

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

@@ -1,220 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MutationsList;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _MutationButton = _interopRequireDefault(require("./MutationButton"));
-var _MutationInformation = _interopRequireDefault(require("./MutationInformation"));
-var _useAllMutations = _interopRequireDefault(require("../../hooks/useAllMutations"));
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Virtualized list of mutations with filtering and selection support for the mutation browser.
- */
-function MutationsList({
-  selectedMutation,
-  setSelectedMutation,
-  activeFilter,
-  hideInfoPanel = false,
-  contentContainerStyle,
-  searchText = ""
-}) {
-  const {
-    mutations: allmutations
-  } = (0, _useAllMutations.default)();
-
-  // Helper function to get mutation status for filtering
-  const getMutationStatus = mutation => {
-    if (mutation.state.isPaused) return "paused";
-    const status = mutation.state.status;
-    return status; // 'idle', 'pending', 'success', 'error'
-  };
-
-  // Filter mutations based on active filter and search text
-  const filteredMutations = (0, _react.useMemo)(() => {
-    let filtered = allmutations;
-
-    // Apply status filter
-    if (activeFilter) {
-      filtered = filtered.filter(mutation => {
-        const status = getMutationStatus(mutation);
-        return status === activeFilter;
-      });
-    }
-
-    // Apply search filter on mutation keys
-    if (searchText) {
-      const searchLower = searchText.toLowerCase();
-      filtered = filtered.filter(mutation => {
-        const mutationKey = mutation.options.mutationKey;
-        if (!mutationKey) return false;
-        const keys = Array.isArray(mutationKey) ? mutationKey : [mutationKey];
-        const keyString = keys.filter(k => k != null).map(k => String(k)).join(" ").toLowerCase();
-        return keyString.includes(searchLower);
-      });
-    }
-    return filtered;
-  }, [allmutations, activeFilter, searchText]);
-
-  // Height management for resizable mutation information panel
-  const screenHeight = _reactNative.Dimensions.get("window").height;
-  const defaultInfoHeight = screenHeight * 0.4; // 40% of screen height
-  const minInfoHeight = 150;
-  const maxInfoHeight = screenHeight * 0.7; // 70% of screen height
-
-  const infoHeightAnim = (0, _react.useRef)(new _reactNative.Animated.Value(defaultInfoHeight)).current;
-  const [, setCurrentInfoHeight] = (0, _react.useState)(defaultInfoHeight);
-  const currentInfoHeightRef = (0, _react.useRef)(defaultInfoHeight);
-
-  // Pan responder for dragging the mutation information panel
-  const infoPanResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
-    onMoveShouldSetPanResponder: (evt, gestureState) => {
-      return Math.abs(gestureState.dy) > Math.abs(gestureState.dx) && Math.abs(gestureState.dy) > 10;
-    },
-    onPanResponderGrant: () => {
-      infoHeightAnim.stopAnimation(value => {
-        setCurrentInfoHeight(value);
-        currentInfoHeightRef.current = value;
-        infoHeightAnim.setValue(value);
-      });
-    },
-    onPanResponderMove: (evt, gestureState) => {
-      // Use the ref value which is always current
-      const newHeight = currentInfoHeightRef.current - gestureState.dy;
-      const clampedHeight = Math.max(minInfoHeight, Math.min(maxInfoHeight, newHeight));
-      infoHeightAnim.setValue(clampedHeight);
-    },
-    onPanResponderRelease: (evt, gestureState) => {
-      const finalHeight = Math.max(minInfoHeight, Math.min(maxInfoHeight, currentInfoHeightRef.current - gestureState.dy));
-      setCurrentInfoHeight(finalHeight);
-      currentInfoHeightRef.current = finalHeight;
-      _reactNative.Animated.timing(infoHeightAnim, {
-        toValue: finalHeight,
-        duration: 200,
-        useNativeDriver: false
-      }).start(() => {
-        // Ensure the animated value and state are perfectly synced after animation
-        infoHeightAnim.setValue(finalHeight);
-        setCurrentInfoHeight(finalHeight);
-        currentInfoHeightRef.current = finalHeight;
-      });
-    }
-  })).current;
-
-  // Optimize FlatList performance - memoize renderItem to prevent re-renders
-  const renderMutation = (0, _react.useCallback)(({
-    item
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationButton.default, {
-    selected: selectedMutation,
-    setSelectedMutation: setSelectedMutation,
-    mutation: item
-  }), [selectedMutation, setSelectedMutation]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [filteredMutations.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.listWrapper,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-        "sentry-label": "ignore devtools mutations list",
-        testID: "buoy-rq-mutation-list",
-        data: filteredMutations,
-        renderItem: renderMutation,
-        keyExtractor: (item, index) => `${item.mutationId}-${item.state.submittedAt}-${item.state.status}-${index}`,
-        inverted: true,
-        showsVerticalScrollIndicator: true
-        // See QueryBrowser: e2e bundles keep every cell mounted so Detox's
-        // hittability check doesn't reject an on-screen row as clipped.
-        ,
-        removeClippedSubviews: !(typeof process !== "undefined" && process.env?.EXPO_PUBLIC_E2E),
-        contentContainerStyle: contentContainerStyle || styles.listContent,
-        initialNumToRender: 10,
-        maxToRenderPerBatch: 10,
-        windowSize: 10,
-        scrollEnabled: false
-      })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-      testID: "buoy-rq-mutations-empty",
-      otto: activeFilter ? "filtering" : "scanning",
-      title: "No mutations found",
-      message: activeFilter ? `No ${activeFilter} mutations. Pick another status to see the rest.` : "Mutations run through useMutation will appear here."
-    }), selectedMutation && !hideInfoPanel && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-      style: [styles.mutationInfo, {
-        height: infoHeightAnim
-      }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.dragHandle,
-        ...infoPanResponder.panHandlers,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.dragIndicator
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.mutationInfoContent,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationInformation.default, {
-          selectedMutation: selectedMutation
-        })
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent"
-  },
-  listWrapper: {
-    flex: 1
-  },
-  listContent: {
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent",
-    paddingHorizontal: 8,
-    paddingTop: 8
-  },
-  mutationInfo: {
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.night.color.border,
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent"
-  },
-  dragHandle: {
-    height: 20,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: _sharedUi.night.color.surface,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.border
-  },
-  dragIndicator: {
-    width: 40,
-    height: 4,
-    backgroundColor: _sharedUi.night.color.placeholder,
-    borderRadius: 2
-  },
-  mutationInfoContent: {
-    flex: 1,
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent"
-  },
-  emptyContainer: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 32,
-    backgroundColor: _sharedUi.night.color.surface,
-    margin: 16,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  emptyText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 14,
-    textAlign: "center",
-    fontFamily: _sharedUi.monoFont,
-    letterSpacing: 0.5
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=MutationsList;var _react=require("react");var _reactNative=require("react-native");var _MutationButton=_interopRequireDefault(require("./MutationButton"));var _MutationInformation=_interopRequireDefault(require("./MutationInformation"));var _useAllMutations=_interopRequireDefault(require("../../hooks/useAllMutations"));var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(r){return r&&r.__esModule?r:{default:r}}function MutationsList({selectedMutation:r,setSelectedMutation:f,activeFilter:o,hideInfoPanel:b=false,contentContainerStyle:x,searchText:u=""}){const{mutations:h}=(0,_useAllMutations.default)();const C=t=>{if(t.state.isPaused)return"paused";const e=t.state.status;return e};const g=(0,_react.useMemo)(()=>{let t=h;if(o){t=t.filter(e=>{const n=C(e);return n===o})}if(u){const e=u.toLowerCase();t=t.filter(n=>{const s=n.options.mutationKey;if(!s)return false;const w=Array.isArray(s)?s:[s];const R=w.filter(c=>c!=null).map(c=>String(c)).join(" ").toLowerCase();return R.includes(e)})}return t},[h,o,u]);const m=_reactNative.Dimensions.get("window").height;const l=m*.4;const p=150;const y=m*.7;const a=(0,_react.useRef)(new _reactNative.Animated.Value(l)).current;const[,d]=(0,_react.useState)(l);const i=(0,_react.useRef)(l);const M=(0,_react.useRef)(_reactNative.PanResponder.create({onMoveShouldSetPanResponder:(t,e)=>{return Math.abs(e.dy)>Math.abs(e.dx)&&Math.abs(e.dy)>10},onPanResponderGrant:()=>{a.stopAnimation(t=>{d(t);i.current=t;a.setValue(t)})},onPanResponderMove:(t,e)=>{const n=i.current-e.dy;const s=Math.max(p,Math.min(y,n));a.setValue(s)},onPanResponderRelease:(t,e)=>{const n=Math.max(p,Math.min(y,i.current-e.dy));d(n);i.current=n;_reactNative.Animated.timing(a,{toValue:n,duration:200,useNativeDriver:false}).start(()=>{a.setValue(n);d(n);i.current=n})}})).current;const I=(0,_react.useCallback)(({item:t})=>(0,_jsxRuntime.jsx)(_MutationButton.default,{selected:r,setSelectedMutation:f,mutation:t}),[r,f]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[g.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.listWrapper,children:(0,_jsxRuntime.jsx)(_reactNative.FlatList,{"sentry-label":"ignore devtools mutations list",testID:"buoy-rq-mutation-list",data:g,renderItem:I,keyExtractor:(t,e)=>`${t.mutationId}-${t.state.submittedAt}-${t.state.status}-${e}`,inverted:true,showsVerticalScrollIndicator:true,removeClippedSubviews:!(typeof process!=="undefined"&&process.env?.EXPO_PUBLIC_E2E),contentContainerStyle:x||styles.listContent,initialNumToRender:10,maxToRenderPerBatch:10,windowSize:10,scrollEnabled:false})}):(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:"buoy-rq-mutations-empty",otto:o?"filtering":"scanning",title:"No mutations found",message:o?`No ${o} mutations. Pick another status to see the rest.`:"Mutations run through useMutation will appear here."}),r&&!b&&(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[styles.mutationInfo,{height:a}],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.dragHandle,...M.panHandlers,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.dragIndicator})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.mutationInfoContent,children:(0,_jsxRuntime.jsx)(_MutationInformation.default,{selectedMutation:r})})]})]})}const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:"transparent"},listWrapper:{flex:1},listContent:{backgroundColor:"transparent",paddingHorizontal:8,paddingTop:8},mutationInfo:{borderTopWidth:1,borderTopColor:_sharedUi.night.color.border,backgroundColor:"transparent"},dragHandle:{height:20,justifyContent:"center",alignItems:"center",backgroundColor:_sharedUi.night.color.surface,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.border},dragIndicator:{width:40,height:4,backgroundColor:_sharedUi.night.color.placeholder,borderRadius:2},mutationInfoContent:{flex:1,backgroundColor:"transparent"},emptyContainer:{flex:1,justifyContent:"center",alignItems:"center",padding:32,backgroundColor:_sharedUi.night.color.surface,margin:16,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border},emptyText:{color:_sharedUi.night.color.textTertiary,fontSize:14,textAlign:"center",fontFamily:_sharedUi.monoFont,letterSpacing:.5}});