@buoy-gg/react-query 7.0.41 → 7.0.43

package/lib/commonjs/react-query/components/WifiToggle.js

@@ -1,51 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WifiToggle = WifiToggle;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _useWifiState = require("../hooks/useWifiState");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Small icon button that toggles React Query’s online manager, allowing developers to simulate
- * offline scenarios directly from the modal header.
- */
-function WifiToggle({
-  size = 16,
-  testID
-}) {
-  const {
-    isOnline,
-    handleWifiToggle
-  } = (0, _useWifiState.useWifiState)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    "sentry-label": `ignore toggle WiFi ${isOnline ? "On" : "Off"}`,
-    testID: testID,
-    accessibilityRole: "button",
-    accessibilityLabel: `WiFi ${isOnline ? "On" : "Off"}`,
-    accessibilityHint: `Tap to turn WiFi ${isOnline ? "off" : "on"} for React Query`,
-    onPress: handleWifiToggle,
-    hitSlop: {
-      top: 10,
-      bottom: 10,
-      left: 10,
-      right: 10
-    },
-    activeOpacity: 0.7,
-    style: {
-      alignItems: "center",
-      justifyContent: "center",
-      width: 14,
-      flexShrink: 0
-    },
-    children: isOnline ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Wifi, {
-      size: size,
-      color: "#10B981"
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Wifi, {
-      size: size,
-      color: "#DC2626"
-    })
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.WifiToggle=WifiToggle;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _useWifiState=require("../hooks/useWifiState");var _jsxRuntime=require("react/jsx-runtime");function WifiToggle({size:i=16,testID:t}){const{isOnline:e,handleWifiToggle:r}=(0,_useWifiState.useWifiState)();return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{"sentry-label":`ignore toggle WiFi ${e?"On":"Off"}`,testID:t,accessibilityRole:"button",accessibilityLabel:`WiFi ${e?"On":"Off"}`,accessibilityHint:`Tap to turn WiFi ${e?"off":"on"} for React Query`,onPress:r,hitSlop:{top:10,bottom:10,left:10,right:10},activeOpacity:.7,style:{alignItems:"center",justifyContent:"center",width:14,flexShrink:0},children:e?(0,_jsxRuntime.jsx)(_sharedUi.Wifi,{size:i,color:"#10B981"}):(0,_jsxRuntime.jsx)(_sharedUi.Wifi,{size:i,color:"#DC2626"})})}

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

@@ -1,103 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DataEditorModal = DataEditorModal;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _useSelectedQuery = require("../../hooks/useSelectedQuery");
-var _ReactQueryModalHeader = require("./ReactQueryModalHeader");
-var _DataEditorMode = require("../DataEditorMode");
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Specialized modal for data editing following "Decompose by Responsibility"
- * Single purpose: Display data editor when a query is selected
- */
-function DataEditorModal({
-  visible,
-  selectedQueryKey,
-  onQuerySelect,
-  onClose,
-  onMinimize,
-  enableSharedModalDimensions = false,
-  onTabChange
-}) {
-  const {
-    query: selectedQuery,
-    version: queryVersion
-  } = (0, _useSelectedQuery.useGetQueryByQueryKeyWithVersion)(selectedQueryKey);
-  const [modalMode, setModalMode] = (0, _react.useState)("bottomSheet");
-
-  /**
-   * Fall back to the list when the selected query leaves the cache — a
-   * removal, a cache clear, or garbage collection. Same failure as the
-   * mutation editor: the key that selected it is still set, so this modal
-   * bails out and the browser stays hidden behind it, leaving an "open" tool
-   * with nothing on screen. The ref covers the tick before the subscription
-   * has resolved the query, when undefined does not yet mean gone.
-   */
-  const currentQueryKey = selectedQueryKey ? JSON.stringify(selectedQueryKey) : undefined;
-  const seenQueryKey = (0, _react.useRef)(undefined);
-  (0, _react.useEffect)(() => {
-    if (selectedQuery) {
-      seenQueryKey.current = currentQueryKey;
-      return;
-    }
-    // Keyed to THIS query for the same reason as the mutation editor: the
-    // last-seen key outlives the detail view, so an un-keyed check would fire
-    // on the next selection before its lookup has resolved.
-    if (visible && seenQueryKey.current !== undefined && seenQueryKey.current === currentQueryKey) {
-      seenQueryKey.current = undefined;
-      onQuerySelect(undefined);
-    }
-  }, [visible, selectedQuery, currentQueryKey, onQuerySelect]);
-  const handleModeChange = (0, _react.useCallback)(mode => {
-    setModalMode(mode);
-  }, []);
-
-  // JsModal overlays the footer on the content and only reserves `footerHeight`
-  // of padding beneath it. DataEditorActionsFooter pads its bottom with
-  // `insets.bottom + 8` when docked, so the reserve must grow by the same
-  // amount or the editor bottom hides behind the footer.
-  const insets = (0, _sharedUi.useSafeAreaInsets)({
-    minBottom: 16
-  });
-  const footerHeight = modalMode === "floating" ? 72 : 80 + insets.bottom;
-  const renderHeaderContent = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactQueryModalHeader.ReactQueryModalHeader, {
-    selectedQuery: selectedQuery,
-    activeTab: "queries",
-    onTabChange: onTabChange,
-    onBack: () => onQuerySelect(undefined)
-  });
-  const storagePrefix = enableSharedModalDimensions ? _sharedUi.devToolsStorageKeys.reactQuery.modal() : `${_sharedUi.devToolsStorageKeys.reactQuery.modal()}_data_editor`;
-  if (!visible || !selectedQuery) return null;
-  const footerNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataEditorMode.DataEditorActionsFooter, {
-    selectedQuery: selectedQuery,
-    isFloatingMode: modalMode === "floating",
-    queryVersion: queryVersion
-  }, `footer-${queryVersion}`);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
-    visible: visible,
-    onClose: onClose,
-    onMinimize: onMinimize,
-    persistenceKey: storagePrefix,
-    header: {
-      customContent: renderHeaderContent(),
-      showToggleButton: true
-    },
-    onModeChange: handleModeChange,
-    enablePersistence: true,
-    initialMode: "bottomSheet",
-    enableGlitchEffects: true,
-    styles: {},
-    footer: footerNode,
-    footerHeight: footerHeight,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataEditorMode.DataEditorMode, {
-      selectedQuery: selectedQuery,
-      isFloatingMode: modalMode === "floating",
-      disableInternalFooter: true,
-      queryVersion: queryVersion
-    })
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DataEditorModal=DataEditorModal;var _sharedUi=require("@buoy-gg/shared-ui");var _useSelectedQuery=require("../../hooks/useSelectedQuery");var _ReactQueryModalHeader=require("./ReactQueryModalHeader");var _DataEditorMode=require("../DataEditorMode");var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");function DataEditorModal({visible:t,selectedQueryKey:o,onQuerySelect:n,onClose:u,onMinimize:i,enableSharedModalDimensions:c=false,onTabChange:l}){const{query:e,version:a}=(0,_useSelectedQuery.useGetQueryByQueryKeyWithVersion)(o);const[s,f]=(0,_react.useState)("bottomSheet");const d=o?JSON.stringify(o):void 0;const r=(0,_react.useRef)(void 0);(0,_react.useEffect)(()=>{if(e){r.current=d;return}if(t&&r.current!==void 0&&r.current===d){r.current=void 0;n(void 0)}},[t,e,d,n]);const y=(0,_react.useCallback)(Q=>{f(Q)},[]);const M=(0,_sharedUi.useSafeAreaInsets)({minBottom:16});const g=s==="floating"?72:80+M.bottom;const h=()=>(0,_jsxRuntime.jsx)(_ReactQueryModalHeader.ReactQueryModalHeader,{selectedQuery:e,activeTab:"queries",onTabChange:l,onBack:()=>n(void 0)});const m=c?_sharedUi.devToolsStorageKeys.reactQuery.modal():`${_sharedUi.devToolsStorageKeys.reactQuery.modal()}_data_editor`;if(!t||!e)return null;const q=(0,_jsxRuntime.jsx)(_DataEditorMode.DataEditorActionsFooter,{selectedQuery:e,isFloatingMode:s==="floating",queryVersion:a},`footer-${a}`);return(0,_jsxRuntime.jsx)(_sharedUi.JsModal,{visible:t,onClose:u,onMinimize:i,persistenceKey:m,header:{customContent:h(),showToggleButton:true},onModeChange:y,enablePersistence:true,initialMode:"bottomSheet",enableGlitchEffects:true,styles:{},footer:q,footerHeight:g,children:(0,_jsxRuntime.jsx)(_DataEditorMode.DataEditorMode,{selectedQuery:e,isFloatingMode:s==="floating",disableInternalFooter:true,queryVersion:a})})}

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

@@ -1,61 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MutationBrowserFooter = MutationBrowserFooter;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _MutationStatusCount = _interopRequireDefault(require("../query-browser/MutationStatusCount"));
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Footer component for MutationBrowserModal following composition principles
- *
- * Applied principles:
- * - Decompose by Responsibility: Dedicated footer component for mutation filter controls
- * - Prefer Composition over Configuration: Specialized footer matching DataEditorMode pattern
- * - Extract Reusable Logic: Consistent footer styling across modal types
- */
-function MutationBrowserFooter({
-  activeFilter,
-  onFilterChange,
-  modalMode,
-  size = "default"
-}) {
-  const isFloatingMode = modalMode === "floating";
-  const insets = (0, _sharedUi.useSafeAreaInsets)({
-    minBottom: 16
-  });
-
-  // Use useMemo to ensure paddingBottom is recalculated when isFloatingMode changes
-  const paddingBottom = (0, _react.useMemo)(() => {
-    return !isFloatingMode ? insets.bottom : 0;
-  }, [isFloatingMode, insets.bottom]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolFooter, {
-    // Force re-render with key change
-    floating: isFloatingMode,
-    safeArea: false,
-    paddingBottom: paddingBottom,
-    style: styles.filterFooter,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.filterContainer,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationStatusCount.default, {
-        activeFilter: activeFilter,
-        onFilterChange: onFilterChange,
-        size: size
-      })
-    })
-  }, `footer-${isFloatingMode ? "floating" : "docked"}`);
-}
-const styles = _reactNative.StyleSheet.create({
-  filterFooter: {
-    paddingTop: 8,
-    paddingHorizontal: 0
-  },
-  filterContainer: {
-    minHeight: 32,
-    justifyContent: "center"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.MutationBrowserFooter=MutationBrowserFooter;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _MutationStatusCount=_interopRequireDefault(require("../query-browser/MutationStatusCount"));var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function MutationBrowserFooter({activeFilter:e,onFilterChange:o,modalMode:i,size:n="default"}){const t=i==="floating";const r=(0,_sharedUi.useSafeAreaInsets)({minBottom:16});const a=(0,_react.useMemo)(()=>{return!t?r.bottom:0},[t,r.bottom]);return(0,_jsxRuntime.jsx)(_sharedUi.ToolFooter,{floating:t,safeArea:false,paddingBottom:a,style:styles.filterFooter,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.filterContainer,children:(0,_jsxRuntime.jsx)(_MutationStatusCount.default,{activeFilter:e,onFilterChange:o,size:n})})},`footer-${t?"floating":"docked"}`)}const styles=_reactNative.StyleSheet.create({filterFooter:{paddingTop:8,paddingHorizontal:0},filterContainer:{minHeight:32,justifyContent:"center"}});

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

@@ -1,164 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MutationBrowserModal = MutationBrowserModal;
-var _reactQuery = require("@tanstack/react-query");
-var _react = require("react");
-var _useSelectedMutation = require("../../hooks/useSelectedMutation");
-var _MutationBrowserMode = require("../MutationBrowserMode");
-var _MutationBrowserFooter = require("./MutationBrowserFooter");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _ReactQueryModalHeader = require("./ReactQueryModalHeader");
-var _reactNative = require("react-native");
-var _SwipeIndicator = require("./SwipeIndicator");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Specialized modal wrapper for browsing mutations. Handles persistence, swipe gestures, and
- * filter coordination before delegating to the underlying list view.
- */
-function MutationBrowserModal({
-  visible,
-  selectedMutationId,
-  onMutationSelect,
-  onClose,
-  onMinimize,
-  activeFilter: externalActiveFilter,
-  onFilterChange: externalOnFilterChange,
-  onTabChange,
-  enableSharedModalDimensions = false,
-  searchText = "",
-  onSearchChange
-}) {
-  const queryClient = (0, _reactQuery.useQueryClient)();
-  const selectedMutation = (0, _useSelectedMutation.useGetMutationById)(selectedMutationId);
-  const [internalActiveFilter, setInternalActiveFilter] = (0, _react.useState)(null);
-  const activeFilter = externalActiveFilter ?? internalActiveFilter;
-  const setActiveFilter = externalOnFilterChange ?? setInternalActiveFilter;
-
-  // Clear mutation cache handler
-  const handleClearCache = (0, _react.useCallback)(() => {
-    queryClient.getMutationCache().clear();
-    onMutationSelect(undefined);
-  }, [queryClient, onMutationSelect]);
-
-  // Track modal mode for conditional styling
-  // Initialize with bottomSheet but it will be updated from persisted state if available
-  const [modalMode, setModalMode] = (0, _react.useState)("bottomSheet");
-  const storagePrefix = enableSharedModalDimensions ? _sharedUi.devToolsStorageKeys.reactQuery.modal() : _sharedUi.devToolsStorageKeys.reactQuery.mutationModal();
-
-  // Animated value for gesture tracking [[memory:4875251]]
-  const translationX = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const handleSwipeNavigation = (0, _react.useCallback)(direction => {
-    if (direction === "right") {
-      onTabChange("queries");
-    }
-  }, [onTabChange]);
-  const handleModeChange = (0, _react.useCallback)(mode => {
-    setModalMode(mode);
-  }, []);
-
-  // JsModal overlays the footer on the content and only reserves `footerHeight`
-  // of padding beneath it. MutationBrowserFooter grows by the safe-area inset
-  // when docked, so the reserve must track that or the list bottom hides
-  // behind the footer.
-  const insets = (0, _sharedUi.useSafeAreaInsets)({
-    minBottom: 16
-  });
-  const footerHeight = modalMode === "floating" ? 56 : 48 + insets.bottom;
-
-  // Create PanResponder for swipe navigation
-  const panResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
-    onStartShouldSetPanResponder: () => false,
-    onMoveShouldSetPanResponder: (evt, gestureState) => {
-      // Only capture horizontal swipes
-      return Math.abs(gestureState.dx) > 5 && Math.abs(gestureState.dy) < 10;
-    },
-    onPanResponderMove: (evt, gestureState) => {
-      // Update translation for visual feedback
-      translationX.setValue(gestureState.dx);
-    },
-    onPanResponderRelease: (evt, gestureState) => {
-      const {
-        dx,
-        vx
-      } = gestureState;
-      const swipeThreshold = 80; // Match EDGE_THRESHOLD from SwipeIndicator
-      const velocityThreshold = 0.5;
-
-      // Reset visual feedback with spring animation
-      _reactNative.Animated.spring(translationX, {
-        toValue: 0,
-        useNativeDriver: true
-      }).start();
-      if (Math.abs(dx) > swipeThreshold || Math.abs(vx) > velocityThreshold) {
-        if (dx > 0 || vx > 0) {
-          handleSwipeNavigation("right");
-        } else {
-          handleSwipeNavigation("left");
-        }
-      }
-    },
-    onPanResponderTerminate: () => {
-      // Reset on termination
-      _reactNative.Animated.spring(translationX, {
-        toValue: 0,
-        useNativeDriver: true
-      }).start();
-    }
-  })).current;
-  if (!visible) return null;
-  const renderHeaderContent = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactQueryModalHeader.ReactQueryModalHeader, {
-    selectedMutation: selectedMutation,
-    activeTab: "mutations",
-    onTabChange: onTabChange,
-    onBack: () => onMutationSelect(undefined),
-    searchText: searchText,
-    onSearchChange: onSearchChange,
-    onClearCache: handleClearCache
-  });
-  const footerNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationBrowserFooter.MutationBrowserFooter, {
-    activeFilter: activeFilter,
-    onFilterChange: setActiveFilter,
-    modalMode: modalMode
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
-    visible: visible,
-    onClose: onClose,
-    onMinimize: onMinimize,
-    persistenceKey: storagePrefix,
-    header: {
-      customContent: renderHeaderContent(),
-      showToggleButton: true
-    },
-    onModeChange: handleModeChange,
-    enablePersistence: true,
-    initialMode: "bottomSheet",
-    enableGlitchEffects: true,
-    styles: {},
-    footer: footerNode,
-    footerHeight: footerHeight,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        flex: 1
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        ...panResponder.panHandlers,
-        style: {
-          flex: 1
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SwipeIndicator.SwipeIndicator, {
-          translationX: translationX,
-          canSwipeLeft: false,
-          canSwipeRight: true
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationBrowserMode.MutationBrowserMode, {
-          selectedMutation: selectedMutation,
-          onMutationSelect: onMutationSelect,
-          activeFilter: activeFilter,
-          searchText: searchText
-        })]
-      })
-    })
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.MutationBrowserModal=MutationBrowserModal;var _reactQuery=require("@tanstack/react-query");var _react=require("react");var _useSelectedMutation=require("../../hooks/useSelectedMutation");var _MutationBrowserMode=require("../MutationBrowserMode");var _MutationBrowserFooter=require("./MutationBrowserFooter");var _sharedUi=require("@buoy-gg/shared-ui");var _ReactQueryModalHeader=require("./ReactQueryModalHeader");var _reactNative=require("react-native");var _SwipeIndicator=require("./SwipeIndicator");var _jsxRuntime=require("react/jsx-runtime");function MutationBrowserModal({visible:n,selectedMutationId:v,onMutationSelect:r,onClose:f,onMinimize:p,activeFilter:g,onFilterChange:y,onTabChange:o,enableSharedModalDimensions:w=false,searchText:s="",onSearchChange:x}){const i=(0,_reactQuery.useQueryClient)();const l=(0,_useSelectedMutation.useGetMutationById)(v);const[m,S]=(0,_react.useState)(null);const u=g??m;const C=y??S;const R=(0,_react.useCallback)(()=>{i.getMutationCache().clear();r(void 0)},[i,r]);const[c,b]=(0,_react.useState)("bottomSheet");const q=w?_sharedUi.devToolsStorageKeys.reactQuery.modal():_sharedUi.devToolsStorageKeys.reactQuery.mutationModal();const a=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;const d=(0,_react.useCallback)(e=>{if(e==="right"){o("queries")}},[o]);const B=(0,_react.useCallback)(e=>{b(e)},[]);const F=(0,_sharedUi.useSafeAreaInsets)({minBottom:16});const _=c==="floating"?56:48+F.bottom;const j=(0,_react.useRef)(_reactNative.PanResponder.create({onStartShouldSetPanResponder:()=>false,onMoveShouldSetPanResponder:(e,t)=>{return Math.abs(t.dx)>5&&Math.abs(t.dy)<10},onPanResponderMove:(e,t)=>{a.setValue(t.dx)},onPanResponderRelease:(e,t)=>{const{dx:h,vx:M}=t;const H=80;const Q=.5;_reactNative.Animated.spring(a,{toValue:0,useNativeDriver:true}).start();if(Math.abs(h)>H||Math.abs(M)>Q){if(h>0||M>0){d("right")}else{d("left")}}},onPanResponderTerminate:()=>{_reactNative.Animated.spring(a,{toValue:0,useNativeDriver:true}).start()}})).current;if(!n)return null;const P=()=>(0,_jsxRuntime.jsx)(_ReactQueryModalHeader.ReactQueryModalHeader,{selectedMutation:l,activeTab:"mutations",onTabChange:o,onBack:()=>r(void 0),searchText:s,onSearchChange:x,onClearCache:R});const A=(0,_jsxRuntime.jsx)(_MutationBrowserFooter.MutationBrowserFooter,{activeFilter:u,onFilterChange:C,modalMode:c});return(0,_jsxRuntime.jsx)(_sharedUi.JsModal,{visible:n,onClose:f,onMinimize:p,persistenceKey:q,header:{customContent:P(),showToggleButton:true},onModeChange:B,enablePersistence:true,initialMode:"bottomSheet",enableGlitchEffects:true,styles:{},footer:A,footerHeight:_,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flex:1},children:(0,_jsxRuntime.jsxs)(_reactNative.View,{...j.panHandlers,style:{flex:1},children:[(0,_jsxRuntime.jsx)(_SwipeIndicator.SwipeIndicator,{translationX:a,canSwipeLeft:false,canSwipeRight:true}),(0,_jsxRuntime.jsx)(_MutationBrowserMode.MutationBrowserMode,{selectedMutation:l,onMutationSelect:r,activeFilter:u,searchText:s})]})})})}

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

@@ -1,106 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MutationEditorModal = MutationEditorModal;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _useSelectedMutation = require("../../hooks/useSelectedMutation");
-var _ReactQueryModalHeader = require("./ReactQueryModalHeader");
-var _MutationEditorMode = require("../MutationEditorMode");
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Modal variant dedicated to editing a single mutation entry. Restores persisted positioning and
- * mirrors the behavior of the query editor.
- */
-function MutationEditorModal({
-  visible,
-  selectedMutationId,
-  onMutationSelect,
-  onClose,
-  onMinimize,
-  onTabChange,
-  enableSharedModalDimensions = false
-}) {
-  const selectedMutation = (0, _useSelectedMutation.useGetMutationById)(selectedMutationId);
-  const [modalMode, setModalMode] = (0, _react.useState)("bottomSheet");
-
-  /**
-   * Fall back to the list when the selected mutation leaves the cache.
-   *
-   * Without this the whole tool disappears. `Remove` (and a mutation-cache
-   * clear, and ordinary garbage collection) drops the entry while the id that
-   * selected it is still set, so this modal bails out on the missing mutation
-   * and the browser stays hidden behind an `inDetail` that is still true —
-   * leaving an "open" tool with nothing on screen and no way back except
-   * closing and reopening it from the dial.
-   *
-   * The ref is what makes it safe: `useGetMutationById` resolves on a
-   * `setTimeout(0)`, so the mutation is legitimately undefined for the first
-   * tick after a selection. Only a mutation that was HERE and then went away
-   * counts as gone.
-   */
-  const seenMutationId = (0, _react.useRef)(undefined);
-  (0, _react.useEffect)(() => {
-    if (selectedMutation) {
-      seenMutationId.current = selectedMutation.mutationId;
-      return;
-    }
-    // Only THIS mutation going missing counts. Keying the check to the id
-    // matters: leaving a detail view leaves the last-seen id behind, and a
-    // plain "we had one and now we don't" flag would fire on the very next
-    // selection — during the tick before its own lookup resolves — and bounce
-    // the user straight back out of the mutation they just opened.
-    if (visible && seenMutationId.current !== undefined && seenMutationId.current === selectedMutationId) {
-      seenMutationId.current = undefined;
-      onMutationSelect(undefined);
-    }
-  }, [visible, selectedMutation, selectedMutationId, onMutationSelect]);
-  const handleModeChange = (0, _react.useCallback)(mode => {
-    setModalMode(mode);
-  }, []);
-
-  // JsModal overlays the footer on the content and only reserves `footerHeight`
-  // of padding beneath it. MutationEditorActionsFooter pads its bottom with
-  // `insets.bottom + 8` when docked, so the reserve must grow by the same
-  // amount or the editor bottom hides behind the action bar.
-  const insets = (0, _sharedUi.useSafeAreaInsets)({
-    minBottom: 16
-  });
-  const footerHeight = modalMode === "floating" ? 72 : 80 + insets.bottom;
-  const renderHeaderContent = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactQueryModalHeader.ReactQueryModalHeader, {
-    selectedMutation: selectedMutation,
-    activeTab: "mutations",
-    onTabChange: onTabChange,
-    onBack: () => onMutationSelect(undefined)
-  });
-  const storagePrefix = enableSharedModalDimensions ? _sharedUi.devToolsStorageKeys.reactQuery.modal() : _sharedUi.devToolsStorageKeys.reactQuery.mutationModal();
-  if (!visible || !selectedMutation) return null;
-  const footerNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationEditorMode.MutationEditorActionsFooter, {
-    selectedMutation: selectedMutation,
-    isFloatingMode: modalMode === "floating"
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
-    visible: visible,
-    onClose: onClose,
-    onMinimize: onMinimize,
-    persistenceKey: storagePrefix,
-    header: {
-      customContent: renderHeaderContent(),
-      showToggleButton: true
-    },
-    onModeChange: handleModeChange,
-    enablePersistence: true,
-    initialMode: "bottomSheet",
-    enableGlitchEffects: true,
-    styles: {},
-    footer: footerNode,
-    footerHeight: footerHeight,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationEditorMode.MutationEditorMode, {
-      selectedMutation: selectedMutation,
-      isFloatingMode: modalMode === "floating",
-      disableInternalFooter: true
-    })
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.MutationEditorModal=MutationEditorModal;var _sharedUi=require("@buoy-gg/shared-ui");var _useSelectedMutation=require("../../hooks/useSelectedMutation");var _ReactQueryModalHeader=require("./ReactQueryModalHeader");var _MutationEditorMode=require("../MutationEditorMode");var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");function MutationEditorModal({visible:t,selectedMutationId:r,onMutationSelect:n,onClose:i,onMinimize:u,onTabChange:s,enableSharedModalDimensions:d=false}){const e=(0,_useSelectedMutation.useGetMutationById)(r);const[a,c]=(0,_react.useState)("bottomSheet");const o=(0,_react.useRef)(void 0);(0,_react.useEffect)(()=>{if(e){o.current=e.mutationId;return}if(t&&o.current!==void 0&&o.current===r){o.current=void 0;n(void 0)}},[t,e,r,n]);const l=(0,_react.useCallback)(y=>{c(y)},[]);const M=(0,_sharedUi.useSafeAreaInsets)({minBottom:16});const f=a==="floating"?72:80+M.bottom;const g=()=>(0,_jsxRuntime.jsx)(_ReactQueryModalHeader.ReactQueryModalHeader,{selectedMutation:e,activeTab:"mutations",onTabChange:s,onBack:()=>n(void 0)});const h=d?_sharedUi.devToolsStorageKeys.reactQuery.modal():_sharedUi.devToolsStorageKeys.reactQuery.mutationModal();if(!t||!e)return null;const m=(0,_jsxRuntime.jsx)(_MutationEditorMode.MutationEditorActionsFooter,{selectedMutation:e,isFloatingMode:a==="floating"});return(0,_jsxRuntime.jsx)(_sharedUi.JsModal,{visible:t,onClose:i,onMinimize:u,persistenceKey:h,header:{customContent:g(),showToggleButton:true},onModeChange:l,enablePersistence:true,initialMode:"bottomSheet",enableGlitchEffects:true,styles:{},footer:m,footerHeight:f,children:(0,_jsxRuntime.jsx)(_MutationEditorMode.MutationEditorMode,{selectedMutation:e,isFloatingMode:a==="floating",disableInternalFooter:true})})}

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

@@ -1,56 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.QueryBrowserFooter = QueryBrowserFooter;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _QueryStatusCount = _interopRequireDefault(require("../query-browser/QueryStatusCount"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Footer component for QueryBrowserModal following composition principles
- *
- * Applied principles:
- * - Decompose by Responsibility: Dedicated footer component for filter controls
- * - Prefer Composition over Configuration: Specialized footer matching DataEditorMode pattern
- * - Extract Reusable Logic: Consistent footer styling across modal types
- */
-function QueryBrowserFooter({
-  activeFilter,
-  onFilterChange,
-  isFloatingMode = true,
-  // Default to floating mode if not specified
-  size = "default"
-}) {
-  // Use safe area insets with a minimum bottom padding of 16 for docked mode
-  // This ensures proper spacing even on resized simulators or devices without home indicator
-  const insets = (0, _sharedUi.useSafeAreaInsets)({
-    minBottom: 16
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolFooter, {
-    floating: isFloatingMode,
-    safeArea: false,
-    paddingBottom: !isFloatingMode ? insets.bottom : 0,
-    style: styles.filterFooter,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.filterContainer,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatusCount.default, {
-        activeFilter: activeFilter,
-        onFilterChange: onFilterChange,
-        size: size
-      })
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  filterFooter: {
-    paddingTop: 8,
-    paddingHorizontal: 0
-  },
-  filterContainer: {
-    minHeight: 32,
-    justifyContent: "center"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.QueryBrowserFooter=QueryBrowserFooter;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _QueryStatusCount=_interopRequireDefault(require("../query-browser/QueryStatusCount"));var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function QueryBrowserFooter({activeFilter:e,onFilterChange:r,isFloatingMode:t=true,size:o="default"}){const i=(0,_sharedUi.useSafeAreaInsets)({minBottom:16});return(0,_jsxRuntime.jsx)(_sharedUi.ToolFooter,{floating:t,safeArea:false,paddingBottom:!t?i.bottom:0,style:styles.filterFooter,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.filterContainer,children:(0,_jsxRuntime.jsx)(_QueryStatusCount.default,{activeFilter:e,onFilterChange:r,size:o})})})}const styles=_reactNative.StyleSheet.create({filterFooter:{paddingTop:8,paddingHorizontal:0},filterContainer:{minHeight:32,justifyContent:"center"}});