@buoy-gg/react-query 7.0.40 → 7.0.42

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

@@ -1,204 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SwipeIndicator = SwipeIndicator;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Morphing swipe indicator – thin line ➜ pill ➜ circle with a pop-out cue at
- * full commit.  Visual-only; gesture logic lives upstream.
- */
-
-/* -------------------------------------------------------------------------- */
-// VISUAL CONSTANTS – tuned for typical back-gesture UX
-/* -------------------------------------------------------------------------- */
-const INDICATOR_HEIGHT = 32; // ⬆️ bigger circle (line height)
-const MIN_WIDTH = 6; // hairline start
-const MAX_WIDTH = INDICATOR_HEIGHT; // circle when width == height
-const DEFAULT_MAX_TRANSLATION = 120;
-const POP_OUT_START = 0.95; // progress at which pop-out begins
-const POP_OUT_SCALE = 1.15; // final scale factor when fully committed
-
-function SwipeIndicator({
-  translationX,
-  maxTranslation = DEFAULT_MAX_TRANSLATION,
-  canSwipeLeft = true,
-  canSwipeRight = true
-}) {
-  /* ---------------- LEFT EDGE (Back) ---------------- */
-  const leftProgress = (0, _react.useMemo)(() => {
-    return translationX.interpolate({
-      inputRange: [0, maxTranslation],
-      outputRange: [0, 1],
-      extrapolate: "clamp"
-    });
-  }, [translationX, maxTranslation]);
-  const leftIndicatorWidth = (0, _react.useMemo)(() => {
-    return leftProgress.interpolate({
-      inputRange: [0, 1],
-      outputRange: [MIN_WIDTH, MAX_WIDTH]
-    });
-  }, [leftProgress]);
-  const leftIndicatorScale = (0, _react.useMemo)(() => {
-    return leftProgress.interpolate({
-      inputRange: [0, POP_OUT_START, 1],
-      outputRange: [1, 1, POP_OUT_SCALE]
-    });
-  }, [leftProgress]);
-  const leftIndicatorTranslateX = (0, _react.useMemo)(() => {
-    return leftProgress.interpolate({
-      inputRange: [0, 0.99, 1],
-      outputRange: [0, 0, 16]
-    });
-  }, [leftProgress]);
-  const leftIndicatorOpacity = (0, _react.useMemo)(() => {
-    return leftProgress.interpolate({
-      inputRange: [0, 0.01],
-      outputRange: [0, 1],
-      extrapolate: "clamp"
-    });
-  }, [leftProgress]);
-  const leftArrowOpacity = (0, _react.useMemo)(() => {
-    return leftProgress.interpolate({
-      inputRange: [0, 0.5, 1],
-      outputRange: [0, 0, 1],
-      extrapolate: "clamp"
-    });
-  }, [leftProgress]);
-  const leftArrowScale = (0, _react.useMemo)(() => {
-    return leftProgress.interpolate({
-      inputRange: [0, 0.5, POP_OUT_START, 1],
-      outputRange: [0.8, 0.8, 1, 1.2]
-    });
-  }, [leftProgress]);
-
-  /* ---------------- RIGHT EDGE ---------------- */
-  const rightProgress = (0, _react.useMemo)(() => {
-    return translationX.interpolate({
-      inputRange: [-maxTranslation, 0],
-      outputRange: [1, 0],
-      extrapolate: "clamp"
-    });
-  }, [translationX, maxTranslation]);
-  const rightIndicatorWidth = (0, _react.useMemo)(() => {
-    return rightProgress.interpolate({
-      inputRange: [0, 1],
-      outputRange: [MIN_WIDTH, MAX_WIDTH]
-    });
-  }, [rightProgress]);
-  const rightIndicatorScale = (0, _react.useMemo)(() => {
-    return rightProgress.interpolate({
-      inputRange: [0, POP_OUT_START, 1],
-      outputRange: [1, 1, POP_OUT_SCALE]
-    });
-  }, [rightProgress]);
-  const rightIndicatorTranslateX = (0, _react.useMemo)(() => {
-    return rightProgress.interpolate({
-      inputRange: [0, 0.99, 1],
-      outputRange: [0, 0, -16]
-    });
-  }, [rightProgress]);
-  const rightIndicatorOpacity = (0, _react.useMemo)(() => {
-    return rightProgress.interpolate({
-      inputRange: [0, 0.01],
-      outputRange: [0, 1],
-      extrapolate: "clamp"
-    });
-  }, [rightProgress]);
-  const rightArrowOpacity = (0, _react.useMemo)(() => {
-    return rightProgress.interpolate({
-      inputRange: [0, 0.5, 1],
-      outputRange: [0, 0, 1],
-      extrapolate: "clamp"
-    });
-  }, [rightProgress]);
-  const rightArrowScale = (0, _react.useMemo)(() => {
-    return rightProgress.interpolate({
-      inputRange: [0, 0.5, POP_OUT_START, 1],
-      outputRange: [0.8, 0.8, 1, 1.2]
-    });
-  }, [rightProgress]);
-
-  /* ---------------- Render ---------------- */
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    pointerEvents: "none",
-    children: [canSwipeRight && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [styles.leftWrapper, {
-        width: leftIndicatorWidth,
-        height: INDICATOR_HEIGHT,
-        borderRadius: INDICATOR_HEIGHT / 2,
-        backgroundColor: _sharedUi.night.color.text + "E6",
-        justifyContent: "center",
-        alignItems: "center",
-        opacity: leftIndicatorOpacity,
-        transform: [{
-          scale: leftIndicatorScale
-        }, {
-          translateX: leftIndicatorTranslateX
-        }]
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        style: {
-          opacity: leftArrowOpacity,
-          transform: [{
-            scale: leftArrowScale
-          }]
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronLeft, {
-          size: INDICATOR_HEIGHT * 0.6,
-          color: _sharedUi.night.color.accent,
-          strokeWidth: 3
-        })
-      })
-    }), canSwipeLeft && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [styles.rightWrapper, {
-        width: rightIndicatorWidth,
-        height: INDICATOR_HEIGHT,
-        borderRadius: INDICATOR_HEIGHT / 2,
-        backgroundColor: _sharedUi.night.color.text + "E6",
-        justifyContent: "center",
-        alignItems: "center",
-        opacity: rightIndicatorOpacity,
-        transform: [{
-          scale: rightIndicatorScale
-        }, {
-          translateX: rightIndicatorTranslateX
-        }]
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        style: {
-          opacity: rightArrowOpacity,
-          transform: [{
-            scale: rightArrowScale
-          }]
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-          size: INDICATOR_HEIGHT * 0.6,
-          color: _sharedUi.night.color.accent,
-          strokeWidth: 3
-        })
-      })
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    ..._sharedUi.absoluteFill,
-    zIndex: 1000,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  leftWrapper: {
-    position: "absolute",
-    left: 16
-  },
-  rightWrapper: {
-    position: "absolute",
-    right: 16
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.SwipeIndicator=SwipeIndicator;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");const INDICATOR_HEIGHT=32;const MIN_WIDTH=6;const MAX_WIDTH=INDICATOR_HEIGHT;const DEFAULT_MAX_TRANSLATION=120;const POP_OUT_START=.95;const POP_OUT_SCALE=1.15;function SwipeIndicator({translationX:r,maxTranslation:n=DEFAULT_MAX_TRANSLATION,canSwipeLeft:o=true,canSwipeRight:a=true}){const e=(0,_react.useMemo)(()=>{return r.interpolate({inputRange:[0,n],outputRange:[0,1],extrapolate:"clamp"})},[r,n]);const i=(0,_react.useMemo)(()=>{return e.interpolate({inputRange:[0,1],outputRange:[MIN_WIDTH,MAX_WIDTH]})},[e]);const u=(0,_react.useMemo)(()=>{return e.interpolate({inputRange:[0,POP_OUT_START,1],outputRange:[1,1,POP_OUT_SCALE]})},[e]);const c=(0,_react.useMemo)(()=>{return e.interpolate({inputRange:[0,.99,1],outputRange:[0,0,16]})},[e]);const s=(0,_react.useMemo)(()=>{return e.interpolate({inputRange:[0,.01],outputRange:[0,1],extrapolate:"clamp"})},[e]);const p=(0,_react.useMemo)(()=>{return e.interpolate({inputRange:[0,.5,1],outputRange:[0,0,1],extrapolate:"clamp"})},[e]);const l=(0,_react.useMemo)(()=>{return e.interpolate({inputRange:[0,.5,POP_OUT_START,1],outputRange:[.8,.8,1,1.2]})},[e]);const t=(0,_react.useMemo)(()=>{return r.interpolate({inputRange:[-n,0],outputRange:[1,0],extrapolate:"clamp"})},[r,n]);const g=(0,_react.useMemo)(()=>{return t.interpolate({inputRange:[0,1],outputRange:[MIN_WIDTH,MAX_WIDTH]})},[t]);const d=(0,_react.useMemo)(()=>{return t.interpolate({inputRange:[0,POP_OUT_START,1],outputRange:[1,1,POP_OUT_SCALE]})},[t]);const h=(0,_react.useMemo)(()=>{return t.interpolate({inputRange:[0,.99,1],outputRange:[0,0,-16]})},[t]);const R=(0,_react.useMemo)(()=>{return t.interpolate({inputRange:[0,.01],outputRange:[0,1],extrapolate:"clamp"})},[t]);const m=(0,_react.useMemo)(()=>{return t.interpolate({inputRange:[0,.5,1],outputRange:[0,0,1],extrapolate:"clamp"})},[t]);const I=(0,_react.useMemo)(()=>{return t.interpolate({inputRange:[0,.5,POP_OUT_START,1],outputRange:[.8,.8,1,1.2]})},[t]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,pointerEvents:"none",children:[a&&(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.leftWrapper,{width:i,height:INDICATOR_HEIGHT,borderRadius:INDICATOR_HEIGHT/2,backgroundColor:_sharedUi.night.color.text+"E6",justifyContent:"center",alignItems:"center",opacity:s,transform:[{scale:u},{translateX:c}]}],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{opacity:p,transform:[{scale:l}]},children:(0,_jsxRuntime.jsx)(_sharedUi.ChevronLeft,{size:INDICATOR_HEIGHT*.6,color:_sharedUi.night.color.accent,strokeWidth:3})})}),o&&(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.rightWrapper,{width:g,height:INDICATOR_HEIGHT,borderRadius:INDICATOR_HEIGHT/2,backgroundColor:_sharedUi.night.color.text+"E6",justifyContent:"center",alignItems:"center",opacity:R,transform:[{scale:d},{translateX:h}]}],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{opacity:m,transform:[{scale:I}]},children:(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:INDICATOR_HEIGHT*.6,color:_sharedUi.night.color.accent,strokeWidth:3})})})]})}const styles=_reactNative.StyleSheet.create({container:{..._sharedUi.absoluteFill,zIndex:1e3,justifyContent:"center",alignItems:"center"},leftWrapper:{position:"absolute",left:16},rightWrapper:{position:"absolute",right:16}});

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

@@ -1,100 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ActionButton;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-// Clean, minimal color config matching React Query DevTools style
-const buttonConfigs = {
-  refetch: {
-    dotColor: _sharedUi.night.color.accent,
-    textColor: _sharedUi.night.color.text,
-    borderColor: _sharedUi.night.color.border
-  },
-  invalidate: {
-    dotColor: _sharedUi.night.color.warning,
-    textColor: _sharedUi.night.color.text,
-    borderColor: _sharedUi.night.color.border
-  },
-  reset: {
-    dotColor: _sharedUi.night.color.textSecondary,
-    textColor: _sharedUi.night.color.text,
-    borderColor: _sharedUi.night.color.border
-  },
-  remove: {
-    dotColor: _sharedUi.night.color.danger,
-    textColor: _sharedUi.night.color.danger,
-    borderColor: _sharedUi.night.color.danger + "40"
-  },
-  triggerLoading: {
-    dotColor: _sharedUi.night.color.info,
-    textColor: _sharedUi.night.color.info,
-    borderColor: _sharedUi.night.color.info + "40"
-  },
-  triggerError: {
-    dotColor: _sharedUi.night.color.danger,
-    textColor: _sharedUi.night.color.danger,
-    borderColor: _sharedUi.night.color.danger + "40"
-  }
-};
-/** Clean, minimal action button matching React Query DevTools style. */
-function ActionButton({
-  onClick,
-  text,
-  variant,
-  disabled,
-  testID
-}) {
-  const config = buttonConfigs[variant];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    "sentry-label": "ignore devtools action button",
-    testID: testID,
-    disabled: disabled,
-    onPress: onClick,
-    style: [styles.button, {
-      borderColor: disabled ? _sharedUi.night.color.border : config.borderColor,
-      opacity: disabled ? 0.4 : 1
-    }],
-    activeOpacity: 0.7,
-    accessibilityRole: "button",
-    accessibilityLabel: text,
-    accessibilityState: {
-      disabled
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.dot, {
-        backgroundColor: disabled ? _sharedUi.night.color.textTertiary : config.dotColor
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.text, {
-        color: disabled ? _sharedUi.night.color.textTertiary : config.textColor
-      }],
-      children: text
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 4,
-    borderWidth: 1,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    backgroundColor: "transparent"
-  },
-  dot: {
-    width: 6,
-    height: 6,
-    borderRadius: 3,
-    marginRight: 6
-  },
-  text: {
-    fontSize: 12,
-    fontWeight: "500"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=ActionButton;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");const buttonConfigs={refetch:{dotColor:_sharedUi.night.color.accent,textColor:_sharedUi.night.color.text,borderColor:_sharedUi.night.color.border},invalidate:{dotColor:_sharedUi.night.color.warning,textColor:_sharedUi.night.color.text,borderColor:_sharedUi.night.color.border},reset:{dotColor:_sharedUi.night.color.textSecondary,textColor:_sharedUi.night.color.text,borderColor:_sharedUi.night.color.border},remove:{dotColor:_sharedUi.night.color.danger,textColor:_sharedUi.night.color.danger,borderColor:_sharedUi.night.color.danger+"40"},triggerLoading:{dotColor:_sharedUi.night.color.info,textColor:_sharedUi.night.color.info,borderColor:_sharedUi.night.color.info+"40"},triggerError:{dotColor:_sharedUi.night.color.danger,textColor:_sharedUi.night.color.danger,borderColor:_sharedUi.night.color.danger+"40"}};function ActionButton({onClick:e,text:r,variant:i,disabled:o,testID:n}){const t=buttonConfigs[i];return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{"sentry-label":"ignore devtools action button",testID:n,disabled:o,onPress:e,style:[styles.button,{borderColor:o?_sharedUi.night.color.border:t.borderColor,opacity:o?.4:1}],activeOpacity:.7,accessibilityRole:"button",accessibilityLabel:r,accessibilityState:{disabled:o},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,{backgroundColor:o?_sharedUi.night.color.textTertiary:t.dotColor}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.text,{color:o?_sharedUi.night.color.textTertiary:t.textColor}],children:r})]})}const styles=_reactNative.StyleSheet.create({button:{flexDirection:"row",alignItems:"center",justifyContent:"center",borderRadius:4,borderWidth:1,paddingHorizontal:8,paddingVertical:4,backgroundColor:"transparent"},dot:{width:6,height:6,borderRadius:3,marginRight:6},text:{fontSize:12,fontWeight:"500"}});

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

@@ -1,53 +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");
-/**
- * Icon-only button for clearing either the query or mutation cache from the dev tools UI.
- */
-const ClearCacheButton = ({
-  type,
-  onClear,
-  disabled = false
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    "sentry-label": "ignore devtools clear cache button",
-    style: [styles.button, disabled && styles.disabledButton],
-    onPress: onClear,
-    disabled: disabled,
-    activeOpacity: 0.7,
-    accessibilityLabel: `Clear ${type} cache`,
-    accessibilityRole: "button",
-    accessibilityState: {
-      disabled
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash, {
-      size: 16,
-      strokeWidth: 2,
-      color: disabled ? _sharedUi.night.color.textTertiary : _sharedUi.night.color.warning
-    })
-  });
-};
-const styles = _reactNative.StyleSheet.create({
-  button: {
-    width: 32,
-    height: 32,
-    borderRadius: 6,
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    justifyContent: "center",
-    alignItems: "center",
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.warning + "33"
-  },
-  disabledButton: {
-    opacity: 0.5,
-    backgroundColor: _sharedUi.night.color.fill,
-    borderColor: _sharedUi.night.color.border
-  }
-});
-var _default = exports.default = ClearCacheButton;
+"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 ClearCacheButton=({type:t,onClear:r,disabled:e=false})=>{return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{"sentry-label":"ignore devtools clear cache button",style:[styles.button,e&&styles.disabledButton],onPress:r,disabled:e,activeOpacity:.7,accessibilityLabel:`Clear ${t} cache`,accessibilityRole:"button",accessibilityState:{disabled:e},children:(0,_jsxRuntime.jsx)(_sharedUi.Trash,{size:16,strokeWidth:2,color:e?_sharedUi.night.color.textTertiary:_sharedUi.night.color.warning})})};const styles=_reactNative.StyleSheet.create({button:{width:32,height:32,borderRadius:6,backgroundColor:_sharedUi.night.color.warningSoft,justifyContent:"center",alignItems:"center",borderWidth:1,borderColor:_sharedUi.night.color.warning+"33"},disabledButton:{opacity:.5,backgroundColor:_sharedUi.night.color.fill,borderColor:_sharedUi.night.color.border}});var _default=exports.default=ClearCacheButton;

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

@@ -1,75 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Explorer;
-var _react = require("react");
-var _reactQuery = require("@tanstack/react-query");
-var _updateNestedDataByPath = require("../../utils/updateNestedDataByPath");
-var _deleteItem = _interopRequireDefault(require("../../utils/actions/deleteItem"));
-var _testIDs = require("../../utils/testIDs");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * React Query's data explorer — now a thin wrapper over shared-ui's
- * {@link LiveExplorer}, which is this component's own implementation hoisted
- * so every tool (react-query, zustand, storage, whatever comes next) edits
- * data through ONE live editor.
- *
- * Everything RQ-specific stays here and only here:
- * - the WRITER: edits go through `queryClient.setQueryData` against the
- *   active query (deletes via `deleteItem`, which forces a fresh reference so
- *   observers re-render);
- * - the HANDLE scheme: `explorerTestID` keeps every existing
- *   `buoy-rq-explorer-*` testID exactly as the Detox suite knows them;
- * - the cadence: `debounceMs: 0` — a cache write is free and unlogged, so RQ
- *   keeps its original per-keystroke behavior.
- */
-
-/**
- * Recursive data explorer component used for both editable and read-only JSON
- * trees inside the React Query dev tools.
- */
-function Explorer({
-  editable,
-  label,
-  value,
-  defaultExpanded,
-  activeQuery,
-  dataPath,
-  itemsDeletable,
-  dataVersion = 0
-}) {
-  const queryClient = (0, _reactQuery.useQueryClient)();
-  const writer = (0, _react.useMemo)(() => {
-    if (!activeQuery) return undefined;
-    return {
-      update: (path, next) => {
-        const oldData = activeQuery.state.data;
-        const newData = (0, _updateNestedDataByPath.updateNestedDataByPath)(oldData, path, next);
-        queryClient.setQueryData(activeQuery.queryKey, newData);
-      },
-      remove: path => {
-        (0, _deleteItem.default)({
-          queryClient,
-          activeQuery,
-          dataPath: path
-        });
-      }
-    };
-  }, [queryClient, activeQuery]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.LiveExplorer, {
-    editable: editable,
-    label: label,
-    value: value,
-    defaultExpanded: defaultExpanded,
-    writer: writer,
-    dataPath: dataPath,
-    itemsDeletable: itemsDeletable,
-    dataVersion: dataVersion,
-    testIDForPath: _testIDs.explorerTestID,
-    debounceMs: 0
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=Explorer;var _react=require("react");var _reactQuery=require("@tanstack/react-query");var _updateNestedDataByPath=require("../../utils/updateNestedDataByPath");var _deleteItem=_interopRequireDefault(require("../../utils/actions/deleteItem"));var _testIDs=require("../../utils/testIDs");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function Explorer({editable:e,label:u,value:s,defaultExpanded:d,activeQuery:t,dataPath:i,itemsDeletable:n,dataVersion:l=0}){const r=(0,_reactQuery.useQueryClient)();const o=(0,_react.useMemo)(()=>{if(!t)return void 0;return{update:(a,c)=>{const p=t.state.data;const D=(0,_updateNestedDataByPath.updateNestedDataByPath)(p,a,c);r.setQueryData(t.queryKey,D)},remove:a=>{(0,_deleteItem.default)({queryClient:r,activeQuery:t,dataPath:a})}}},[r,t]);return(0,_jsxRuntime.jsx)(_dataViewer.LiveExplorer,{editable:e,label:u,value:s,defaultExpanded:d,writer:o,dataPath:i,itemsDeletable:n,dataVersion:l,testIDForPath:_testIDs.explorerTestID,debounceMs:0})}

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

@@ -1,190 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MutationButton;
-var _reactNative = require("react-native");
-var _svgs = require("./svgs");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _testIDs = require("../../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-const getMutationText = mutation => {
-  if (!mutation.options.mutationKey) return "Anonymous Mutation";
-  const keys = Array.isArray(mutation.options.mutationKey) ? mutation.options.mutationKey : [mutation.options.mutationKey];
-  return keys.filter(k => k != null).map(k => String(k)).join(" › ") || "Anonymous Mutation";
-};
-/**
- * List-row button for displaying mutation metadata and selecting it for detail inspection.
- */
-function MutationButton({
-  mutation,
-  setSelectedMutation,
-  selected
-}) {
-  const submittedAt = new Date(mutation.state.submittedAt).toLocaleTimeString();
-
-  // Get the best available timestamp for this mutation
-  const bestTimestamp = (() => {
-    if (mutation.state.submittedAt && mutation.state.submittedAt > 0) {
-      return mutation.state.submittedAt;
-    }
-    // @ts-ignore - exploring state fields for debugging
-    const stateAny = mutation.state;
-    if (stateAny.updatedAt && stateAny.updatedAt > 0) {
-      return stateAny.updatedAt;
-    }
-    return null;
-  })();
-  const relativeTime = (0, _sharedUi.useRelativeTime)(bestTimestamp);
-  const lastUpdated = relativeTime || `N/A (${mutation.state.submittedAt || 0})`;
-  const getStatusInfo = () => {
-    if (mutation.state.isPaused) {
-      return {
-        status: "Paused",
-        color: _sharedUi.buoyColors.textMuted,
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.PauseCircle, {})
-      };
-    }
-    switch (mutation.state.status) {
-      case "success":
-        return {
-          status: "Success",
-          color: _sharedUi.buoyColors.success,
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.CheckCircle, {})
-        };
-      case "error":
-        return {
-          status: "Error",
-          color: _sharedUi.buoyColors.error,
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.XCircle, {})
-        };
-      case "pending":
-        return {
-          status: "Loading",
-          color: _sharedUi.buoyColors.primary,
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.LoadingCircle, {})
-        };
-      default:
-        return {
-          status: "Idle",
-          color: _sharedUi.buoyColors.textMuted,
-          icon: null
-        };
-    }
-  };
-  const statusInfo = getStatusInfo();
-  const mutationText = getMutationText(mutation);
-  const testID = (0, _testIDs.mutationRowTestID)(mutation.options.mutationKey, mutation.mutationId);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    "sentry-label": "ignore devtools mutation button",
-    testID: testID,
-    accessibilityRole: "button"
-    // Same Fabric merge as the query rows: without a spelled-out label the
-    // row announces as an unnamed button.
-    ,
-    accessibilityLabel: `${mutationText}, ${statusInfo.status}`,
-    onPress: () => setSelectedMutation(mutation === selected ? undefined : mutation),
-    style: [styles.button, selected?.mutationId === mutation.mutationId && styles.selected],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.rowContent,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.statusSection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.statusDot, {
-            backgroundColor: statusInfo.color
-          }]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.statusInfo,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            testID: `${testID}-status`,
-            style: [styles.statusLabel, {
-              color: statusInfo.color
-            }],
-            children: statusInfo.status
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.submittedText,
-            children: submittedAt
-          })]
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.mutationSection,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          testID: `${testID}-key`,
-          style: styles.mutationKey,
-          children: mutationText
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.bottomRightContainer,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.bottomRightText,
-        children: lastUpdated
-      })
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  button: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    marginHorizontal: 8,
-    marginVertical: 3,
-    padding: 12
-  },
-  selected: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorderStrong
-  },
-  rowContent: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  statusSection: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    flex: 1
-  },
-  statusDot: {
-    width: 8,
-    height: 8,
-    borderRadius: 4
-  },
-  statusInfo: {
-    flex: 1
-  },
-  statusLabel: {
-    fontSize: 11,
-    fontWeight: "600",
-    lineHeight: 14
-  },
-  submittedText: {
-    fontSize: 10,
-    color: _sharedUi.night.color.textTertiary,
-    marginTop: 1
-  },
-  mutationSection: {
-    flex: 2,
-    paddingHorizontal: 12
-  },
-  mutationKey: {
-    fontFamily: _sharedUi.monoFont,
-    fontSize: 12,
-    color: _sharedUi.night.color.text,
-    lineHeight: 16
-  },
-  bottomRightContainer: {
-    position: "absolute",
-    bottom: 4,
-    right: 8
-  },
-  bottomRightText: {
-    fontSize: 9,
-    color: _sharedUi.night.color.textTertiary,
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=MutationButton;var _reactNative=require("react-native");var _svgs=require("./svgs");var _sharedUi=require("@buoy-gg/shared-ui");var _testIDs=require("../../utils/testIDs");var _jsxRuntime=require("react/jsx-runtime");const getMutationText=t=>{if(!t.options.mutationKey)return"Anonymous Mutation";const s=Array.isArray(t.options.mutationKey)?t.options.mutationKey:[t.options.mutationKey];return s.filter(e=>e!=null).map(e=>String(e)).join(" \u203A ")||"Anonymous Mutation"};function MutationButton({mutation:t,setSelectedMutation:s,selected:e}){const a=new Date(t.state.submittedAt).toLocaleTimeString();const l=(()=>{if(t.state.submittedAt&&t.state.submittedAt>0){return t.state.submittedAt}const i=t.state;if(i.updatedAt&&i.updatedAt>0){return i.updatedAt}return null})();const u=(0,_sharedUi.useRelativeTime)(l);const c=u||`N/A (${t.state.submittedAt||0})`;const d=()=>{if(t.state.isPaused){return{status:"Paused",color:_sharedUi.buoyColors.textMuted,icon:(0,_jsxRuntime.jsx)(_svgs.PauseCircle,{})}}switch(t.state.status){case"success":return{status:"Success",color:_sharedUi.buoyColors.success,icon:(0,_jsxRuntime.jsx)(_svgs.CheckCircle,{})};case"error":return{status:"Error",color:_sharedUi.buoyColors.error,icon:(0,_jsxRuntime.jsx)(_svgs.XCircle,{})};case"pending":return{status:"Loading",color:_sharedUi.buoyColors.primary,icon:(0,_jsxRuntime.jsx)(_svgs.LoadingCircle,{})};default:return{status:"Idle",color:_sharedUi.buoyColors.textMuted,icon:null}}};const o=d();const n=getMutationText(t);const r=(0,_testIDs.mutationRowTestID)(t.options.mutationKey,t.mutationId);return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{"sentry-label":"ignore devtools mutation button",testID:r,accessibilityRole:"button",accessibilityLabel:`${n}, ${o.status}`,onPress:()=>s(t===e?void 0:t),style:[styles.button,e?.mutationId===t.mutationId&&styles.selected],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.rowContent,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.statusSection,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.statusDot,{backgroundColor:o.color}]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.statusInfo,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:`${r}-status`,style:[styles.statusLabel,{color:o.color}],children:o.status}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.submittedText,children:a})]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.mutationSection,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:`${r}-key`,style:styles.mutationKey,children:n})})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.bottomRightContainer,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.bottomRightText,children:c})})]})}const styles=_reactNative.StyleSheet.create({button:{backgroundColor:_sharedUi.night.color.surface,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,marginHorizontal:8,marginVertical:3,padding:12},selected:{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong},rowContent:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},statusSection:{flexDirection:"row",alignItems:"center",gap:8,flex:1},statusDot:{width:8,height:8,borderRadius:4},statusInfo:{flex:1},statusLabel:{fontSize:11,fontWeight:"600",lineHeight:14},submittedText:{fontSize:10,color:_sharedUi.night.color.textTertiary,marginTop:1},mutationSection:{flex:2,paddingHorizontal:12},mutationKey:{fontFamily:_sharedUi.monoFont,fontSize:12,color:_sharedUi.night.color.text,lineHeight:16},bottomRightContainer:{position:"absolute",bottom:4,right:8},bottomRightText:{fontSize:9,color:_sharedUi.night.color.textTertiary,fontFamily:_sharedUi.monoFont}});