@buoy-gg/react-query 7.0.40 → 7.0.42

package/lib/commonjs/preset.js

@@ -1,243 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createReactQueryTool = createReactQueryTool;
-exports.createWifiToggleTool = createWifiToggleTool;
-exports.wifiTogglePreset = exports.reactQueryToolPreset = void 0;
-var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _ReactQueryDevToolsModal = require("./react-query/components/ReactQueryDevToolsModal");
-var _reactQuery = require("@tanstack/react-query");
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Pre-configured React Query devtools for FloatingDevTools
- *
- * This preset provides a zero-config way to add React Query inspection to your dev tools.
- * Just import and add it to your apps array!
- *
- * @example
- * ```tsx
- * import { reactQueryToolPreset } from '@buoy-gg/react-query';
- *
- * const installedApps = [
- *   reactQueryToolPreset, // That's it!
- *   // ...other tools
- * ];
- * ```
- */
-
-// Empty component for toggle-only mode
-const EmptyComponent = () => null;
-
-// Save WiFi state to storage
-const saveWifiState = async enabled => {
-  try {
-    await _sharedUi.persistentStorage.setItem(_sharedUi.devToolsStorageKeys.settings.wifiEnabled(), enabled.toString());
-  } catch (error) {
-    // Failed to save WiFi state
-  }
-};
-
-/**
- * Restore the persisted WiFi state into onlineManager on app load.
- *
- * The toggle is rendered as a `toggle-only` tool whose state lives in
- * `onlineManager`, not in a mounted React component. The `useWifiState` hook
- * only restores when its component (the modal) mounts, so without this the
- * persisted offline state is lost on reload and defaults back to online.
- * Running this at module load ensures the saved state is applied eagerly.
- */
-const restoreWifiState = async () => {
-  try {
-    const savedState = await _sharedUi.persistentStorage.getItem(_sharedUi.devToolsStorageKeys.settings.wifiEnabled());
-    if (savedState !== null) {
-      _reactQuery.onlineManager.setOnline(savedState === "true");
-    }
-  } catch (error) {
-    // Failed to restore WiFi state
-  }
-};
-
-// Eagerly restore persisted WiFi state on import so offline mode survives reloads.
-restoreWifiState();
-
-/**
- * WiFi icon component - uses hooks to subscribe to onlineManager changes.
- *
- * ⚠️ IMPORTANT - DO NOT MODIFY THIS COMPONENT ⚠️
- * This component MUST use useState and useEffect hooks to subscribe to onlineManager.
- * It is rendered as a JSX component (<IconComponent />) in FloatingMenu and DialIcon,
- * which allows hooks to work properly.
- *
- * If you remove the hooks or change this to read onlineManager.isOnline() directly,
- * the icon color will NOT update when the WiFi toggle is pressed.
- *
- * See: FloatingMenu.tsx (renders as <IconComponent />)
- * See: DialIcon.tsx (renders as <icon.iconComponent />)
- */
-function WifiIcon({
-  size
-}) {
-  const [isOnline, setIsOnline] = (0, _react.useState)(() => _reactQuery.onlineManager.isOnline());
-  (0, _react.useEffect)(() => {
-    const unsubscribe = _reactQuery.onlineManager.subscribe(online => {
-      setIsOnline(online);
-    });
-    return unsubscribe;
-  }, []);
-  const color = isOnline ? "#10B981" : "#DC2626";
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Wifi, {
-    size: size,
-    color: color
-  });
-}
-
-/**
- * Pre-configured React Query devtools for FloatingDevTools.
- * Includes:
- * - Query browser and inspector
- * - Mutation tracking
- * - Cache inspection
- * - Query invalidation
- * - Performance monitoring
- */
-const reactQueryToolPreset = exports.reactQueryToolPreset = {
-  id: "query",
-  name: "QUERY",
-  description: "React Query inspector",
-  slot: "both",
-  icon: ({
-    size
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.QueryIcon, {
-    size: size
-  }),
-  component: _ReactQueryDevToolsModal.ReactQueryDevToolsModal,
-  props: {
-    enableSharedModalDimensions: false
-  }
-};
-
-/**
- * Create a custom React Query devtools configuration.
- * Use this if you want to override default settings.
- *
- * @example
- * ```tsx
- * import { createReactQueryTool } from '@buoy-gg/react-query';
- *
- * const myQueryTool = createReactQueryTool({
- *   name: "TANSTACK",
- *   colorPreset: "purple",
- *   enableSharedModalDimensions: true,
- * });
- * ```
- */
-function createReactQueryTool(options) {
-  return {
-    id: options?.id || "query",
-    name: options?.name || "QUERY",
-    description: options?.description || "React Query inspector",
-    slot: "both",
-    icon: ({
-      size
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.QueryIcon, {
-      size: size
-    }),
-    component: _ReactQueryDevToolsModal.ReactQueryDevToolsModal,
-    props: {
-      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
-    }
-  };
-}
-
-/**
- * Pre-configured WiFi toggle tool for FloatingDevTools.
- * Allows toggling React Query's online state to simulate offline scenarios.
- * Simple toggle - no modal needed!
- *
- * @example
- * ```tsx
- * import { wifiTogglePreset } from '@buoy-gg/react-query';
- *
- * const installedApps = [
- *   wifiTogglePreset, // That's it!
- *   // ...other tools
- * ];
- * ```
- */
-const wifiTogglePreset = exports.wifiTogglePreset = {
-  id: "query-wifi-toggle",
-  name: "WIFI",
-  description: "Toggle React Query online/offline state",
-  slot: "row",
-  icon: WifiIcon,
-  component: EmptyComponent,
-  props: {},
-  launchMode: "toggle-only",
-  onPress: () => {
-    const newState = !_reactQuery.onlineManager.isOnline();
-    _reactQuery.onlineManager.setOnline(newState);
-    saveWifiState(newState);
-  }
-};
-
-/**
- * Create a custom WiFi toggle tool configuration.
- * Use this if you want to override default settings.
- *
- * @example
- * ```tsx
- * import { createWifiToggleTool } from '@buoy-gg/react-query';
- *
- * const myWifiTool = createWifiToggleTool({
- *   name: "OFFLINE",
- *   onColor: "#10B981",
- *   offColor: "#DC2626",
- * });
- * ```
- */
-function createWifiToggleTool(options) {
-  const onColor = options?.onColor || "#10B981";
-  const offColor = options?.offColor || "#DC2626";
-
-  /**
-   * Custom WiFi icon component with hooks - rendered as JSX component.
-   *
-   * ⚠️ IMPORTANT - DO NOT MODIFY THIS COMPONENT ⚠️
-   * This component MUST use useState and useEffect hooks to subscribe to onlineManager.
-   * See the comment on WifiIcon above for full explanation.
-   */
-  const CustomWifiIcon = ({
-    size
-  }) => {
-    const [isOnline, setIsOnline] = (0, _react.useState)(() => _reactQuery.onlineManager.isOnline());
-    (0, _react.useEffect)(() => {
-      const unsubscribe = _reactQuery.onlineManager.subscribe(online => {
-        setIsOnline(online);
-      });
-      return unsubscribe;
-    }, []);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Wifi, {
-      size: size,
-      color: isOnline ? onColor : offColor
-    });
-  };
-  return {
-    id: options?.id || "query-wifi-toggle",
-    name: options?.name || "WIFI",
-    description: options?.description || "Toggle React Query online/offline state",
-    slot: "row",
-    icon: CustomWifiIcon,
-    component: EmptyComponent,
-    props: {},
-    launchMode: "toggle-only",
-    onPress: () => {
-      const newState = !_reactQuery.onlineManager.isOnline();
-      _reactQuery.onlineManager.setOnline(newState);
-      saveWifiState(newState);
-    }
-  };
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.createReactQueryTool=createReactQueryTool;exports.createWifiToggleTool=createWifiToggleTool;exports.wifiTogglePreset=exports.reactQueryToolPreset=void 0;var _floatingToolsCore=require("@buoy-gg/floating-tools-core");var _sharedUi=require("@buoy-gg/shared-ui");var _ReactQueryDevToolsModal=require("./react-query/components/ReactQueryDevToolsModal");var _reactQuery=require("@tanstack/react-query");var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");const EmptyComponent=()=>null;const saveWifiState=async e=>{try{await _sharedUi.persistentStorage.setItem(_sharedUi.devToolsStorageKeys.settings.wifiEnabled(),e.toString())}catch(o){}};const restoreWifiState=async()=>{try{const e=await _sharedUi.persistentStorage.getItem(_sharedUi.devToolsStorageKeys.settings.wifiEnabled());if(e!==null){_reactQuery.onlineManager.setOnline(e==="true")}}catch(e){}};restoreWifiState();function WifiIcon({size:e}){const[o,r]=(0,_react.useState)(()=>_reactQuery.onlineManager.isOnline());(0,_react.useEffect)(()=>{const n=_reactQuery.onlineManager.subscribe(s=>{r(s)});return n},[]);const t=o?"#10B981":"#DC2626";return(0,_jsxRuntime.jsx)(_sharedUi.Wifi,{size:e,color:t})}const reactQueryToolPreset=exports.reactQueryToolPreset={id:"query",name:"QUERY",description:"React Query inspector",slot:"both",icon:({size:e})=>(0,_jsxRuntime.jsx)(_floatingToolsCore.QueryIcon,{size:e}),component:_ReactQueryDevToolsModal.ReactQueryDevToolsModal,props:{enableSharedModalDimensions:false}};function createReactQueryTool(e){return{id:e?.id||"query",name:e?.name||"QUERY",description:e?.description||"React Query inspector",slot:"both",icon:({size:o})=>(0,_jsxRuntime.jsx)(_floatingToolsCore.QueryIcon,{size:o}),component:_ReactQueryDevToolsModal.ReactQueryDevToolsModal,props:{enableSharedModalDimensions:e?.enableSharedModalDimensions!==void 0?e.enableSharedModalDimensions:false}}}const wifiTogglePreset=exports.wifiTogglePreset={id:"query-wifi-toggle",name:"WIFI",description:"Toggle React Query online/offline state",slot:"row",icon:WifiIcon,component:EmptyComponent,props:{},launchMode:"toggle-only",onPress:()=>{const e=!_reactQuery.onlineManager.isOnline();_reactQuery.onlineManager.setOnline(e);saveWifiState(e)}};function createWifiToggleTool(e){const o=e?.onColor||"#10B981";const r=e?.offColor||"#DC2626";const t=({size:n})=>{const[s,i]=(0,_react.useState)(()=>_reactQuery.onlineManager.isOnline());(0,_react.useEffect)(()=>{const a=_reactQuery.onlineManager.subscribe(l=>{i(l)});return a},[]);return(0,_jsxRuntime.jsx)(_sharedUi.Wifi,{size:n,color:s?o:r})};return{id:e?.id||"query-wifi-toggle",name:e?.name||"WIFI",description:e?.description||"Toggle React Query online/offline state",slot:"row",icon:t,component:EmptyComponent,props:{},launchMode:"toggle-only",onPress:()=>{const n=!_reactQuery.onlineManager.isOnline();_reactQuery.onlineManager.setOnline(n);saveWifiState(n)}}}

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

@@ -1,317 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DataEditorActionsFooter = DataEditorActionsFooter;
-exports.DataEditorMode = DataEditorMode;
-var _reactNative = require("react-native");
-var _reactQuery = require("@tanstack/react-query");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _Explorer = _interopRequireDefault(require("./query-browser/Explorer"));
-var _QueryDetails = _interopRequireDefault(require("./query-browser/QueryDetails"));
-var _ActionButton = _interopRequireDefault(require("./query-browser/ActionButton"));
-var _getQueryStatusLabel = require("../utils/getQueryStatusLabel");
-var _useActionButtons = require("../hooks/useActionButtons");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Primary data editing surface displayed inside the React Query modal. Couples the editable
- * explorer, read-only insight panels, and action footer for the selected query.
- */
-function DataEditorMode({
-  selectedQuery,
-  isFloatingMode,
-  disableInternalFooter = false,
-  queryVersion
-}) {
-  const insets = (0, _sharedUi.useSafeAreaInsets)({
-    minBottom: 16
-  });
-  const queryClient = (0, _reactQuery.useQueryClient)();
-  const actionButtons = (0, _useActionButtons.useActionButtons)(selectedQuery, queryClient, queryVersion);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      testID: "buoy-rq-detail-scroll",
-      accessibilityLabel: "Data editor mode",
-      accessibilityHint: "View data editor mode",
-      "sentry-label": "ignore data editor mode",
-      style: styles.explorerScrollContainer,
-      contentContainerStyle: [styles.explorerScrollContent, !disableInternalFooter && {
-        paddingBottom: 72
-      }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.section,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DataExplorer, {
-          visible: !!selectedQuery.state.data,
-          selectedQuery: selectedQuery,
-          queryVersion: queryVersion
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DataEmptyState, {
-          visible: !selectedQuery.state.data,
-          selectedQuery: selectedQuery
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.section,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryDetails.default, {
-          query: selectedQuery
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.section,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.queryExplorerContainer,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            testID: "buoy-rq-query-explorer-header",
-            style: styles.queryExplorerHeader,
-            children: "Query Explorer"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.queryExplorerContent,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-              title: "",
-              data: selectedQuery,
-              maxDepth: 10,
-              rawMode: true,
-              showTypeFilter: true,
-              initialExpanded: false
-            })
-          })]
-        })
-      })]
-    }), !disableInternalFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.actionFooter, {
-        paddingBottom: isFloatingMode ? 0 : insets.bottom + 8
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.actionsRow,
-        children: actionButtons.map((action, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionButton.default, {
-          testID: `buoy-rq-action-${action.variant}`,
-          onClick: action.onPress,
-          text: action.label,
-          variant: action.variant,
-          disabled: action.disabled
-        }, index))
-      })
-    })]
-  });
-}
-
-// External footer component for sticky modal footer usage
-/**
- * Standalone footer variant that can be composed into sticky modal layouts while reusing the
- * standard action button arrangement.
- */
-function DataEditorActionsFooter({
-  selectedQuery,
-  isFloatingMode,
-  queryVersion
-}) {
-  const insets = (0, _sharedUi.useSafeAreaInsets)({
-    minBottom: 16
-  });
-  const queryClient = (0, _reactQuery.useQueryClient)();
-  const actionButtons = (0, _useActionButtons.useActionButtons)(selectedQuery, queryClient, queryVersion);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.actionFooter, {
-      paddingBottom: isFloatingMode ? 0 : insets.bottom + 8
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.actionsRow,
-      children: actionButtons.map((action, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionButton.default, {
-        testID: `buoy-rq-action-${action.variant}`,
-        onClick: action.onPress,
-        text: action.label,
-        variant: action.variant,
-        disabled: action.disabled
-      }, index))
-    })
-  });
-}
-function DataExplorer({
-  visible,
-  selectedQuery,
-  queryVersion = 0
-}) {
-  if (!visible) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.dataContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      testID: "buoy-rq-data-header",
-      style: styles.dataHeader,
-      children: "Data Editor"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.dataContent,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Explorer.default, {
-        editable: true,
-        label: "Data",
-        value: selectedQuery.state.data,
-        defaultExpanded: ["Data"],
-        activeQuery: selectedQuery,
-        dataVersion: queryVersion
-      })
-    })]
-  });
-}
-function DataEmptyState({
-  visible,
-  selectedQuery
-}) {
-  if (!visible) return null;
-  const getEmptyStateContent = () => {
-    // Check if query is disabled first
-    if (selectedQuery.isDisabled()) {
-      return {
-        title: "Query Disabled",
-        description: "This query is disabled and won't automatically fetch. Enable the query or manually trigger a fetch to load data."
-      };
-    }
-    if (selectedQuery.state.status === "pending" || (0, _getQueryStatusLabel.getQueryStatusLabel)(selectedQuery) === "fetching") {
-      return {
-        title: selectedQuery.state.status === "pending" ? "Loading..." : "Refetching...",
-        description: "Please wait while the query is being executed."
-      };
-    }
-    if (selectedQuery.state.status === "error") {
-      return {
-        title: "Query Error",
-        description: selectedQuery.state.error?.message || "An error occurred while fetching data."
-      };
-    }
-    return {
-      title: "No Data Available",
-      description: "This query has no data to edit. Try refetching the query first."
-    };
-  };
-  const {
-    title,
-    description
-  } = getEmptyStateContent();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.emptyState,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      testID: "buoy-rq-detail-empty-title",
-      style: styles.emptyTitle,
-      children: title
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      testID: "buoy-rq-detail-empty-description",
-      style: styles.emptyDescription,
-      children: description
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  // Explorer section
-  explorerScrollContainer: {
-    flex: 1
-  },
-  explorerScrollContent: {
-    paddingBottom: 16,
-    paddingHorizontal: 8,
-    flexGrow: 1
-  },
-  // Section layout matching QueryInformation
-  section: {
-    marginBottom: 16
-  },
-  // Empty states matching main dev tools
-  emptyState: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 32
-  },
-  emptyTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: 18,
-    fontWeight: "600",
-    marginBottom: 8,
-    textAlign: "center"
-  },
-  emptyDescription: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 14,
-    textAlign: "center",
-    lineHeight: 20,
-    maxWidth: 280
-  },
-  // Action footer - compact single row layout
-  actionFooter: {
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.night.color.border,
-    paddingTop: 8,
-    paddingHorizontal: 12,
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent",
-    borderBottomLeftRadius: 14,
-    borderBottomRightRadius: 14
-  },
-  actionsRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  // Query Explorer styled container matching QueryDetails
-  queryExplorerContainer: {
-    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
-  },
-  queryExplorerHeader: {
-    backgroundColor: _sharedUi.night.color.accent + "1A",
-    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
-  },
-  queryExplorerContent: {
-    padding: 8
-  },
-  // Data section with teal accent - editable/success theme
-  dataContainer: {
-    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,
-    marginTop: 8
-  },
-  dataHeader: {
-    backgroundColor: _sharedUi.night.color.accent + "1A",
-    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
-  },
-  dataContent: {
-    padding: 8
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DataEditorActionsFooter=DataEditorActionsFooter;exports.DataEditorMode=DataEditorMode;var _reactNative=require("react-native");var _reactQuery=require("@tanstack/react-query");var _sharedUi=require("@buoy-gg/shared-ui");var _Explorer=_interopRequireDefault(require("./query-browser/Explorer"));var _QueryDetails=_interopRequireDefault(require("./query-browser/QueryDetails"));var _ActionButton=_interopRequireDefault(require("./query-browser/ActionButton"));var _getQueryStatusLabel=require("../utils/getQueryStatusLabel");var _useActionButtons=require("../hooks/useActionButtons");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function DataEditorMode({selectedQuery:t,isFloatingMode:e,disableInternalFooter:r=false,queryVersion:a}){const n=(0,_sharedUi.useSafeAreaInsets)({minBottom:16});const s=(0,_reactQuery.useQueryClient)();const o=(0,_useActionButtons.useActionButtons)(t,s,a);return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{testID:"buoy-rq-detail-scroll",accessibilityLabel:"Data editor mode",accessibilityHint:"View data editor mode","sentry-label":"ignore data editor mode",style:styles.explorerScrollContainer,contentContainerStyle:[styles.explorerScrollContent,!r&&{paddingBottom:72}],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsx)(DataExplorer,{visible:!!t.state.data,selectedQuery:t,queryVersion:a}),(0,_jsxRuntime.jsx)(DataEmptyState,{visible:!t.state.data,selectedQuery:t})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.section,children:(0,_jsxRuntime.jsx)(_QueryDetails.default,{query:t})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.section,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.queryExplorerContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-rq-query-explorer-header",style:styles.queryExplorerHeader,children:"Query Explorer"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.queryExplorerContent,children:(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:"",data:t,maxDepth:10,rawMode:true,showTypeFilter:true,initialExpanded:false})})]})})]}),!r&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.actionFooter,{paddingBottom:e?0:n.bottom+8}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.actionsRow,children:o.map((i,l)=>(0,_jsxRuntime.jsx)(_ActionButton.default,{testID:`buoy-rq-action-${i.variant}`,onClick:i.onPress,text:i.label,variant:i.variant,disabled:i.disabled},l))})})]})}function DataEditorActionsFooter({selectedQuery:t,isFloatingMode:e,queryVersion:r}){const a=(0,_sharedUi.useSafeAreaInsets)({minBottom:16});const n=(0,_reactQuery.useQueryClient)();const s=(0,_useActionButtons.useActionButtons)(t,n,r);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.actionFooter,{paddingBottom:e?0:a.bottom+8}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.actionsRow,children:s.map((o,i)=>(0,_jsxRuntime.jsx)(_ActionButton.default,{testID:`buoy-rq-action-${o.variant}`,onClick:o.onPress,text:o.label,variant:o.variant,disabled:o.disabled},i))})})}function DataExplorer({visible:t,selectedQuery:e,queryVersion:r=0}){if(!t)return null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.dataContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-rq-data-header",style:styles.dataHeader,children:"Data Editor"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.dataContent,children:(0,_jsxRuntime.jsx)(_Explorer.default,{editable:true,label:"Data",value:e.state.data,defaultExpanded:["Data"],activeQuery:e,dataVersion:r})})]})}function DataEmptyState({visible:t,selectedQuery:e}){if(!t)return null;const r=()=>{if(e.isDisabled()){return{title:"Query Disabled",description:"This query is disabled and won't automatically fetch. Enable the query or manually trigger a fetch to load data."}}if(e.state.status==="pending"||(0,_getQueryStatusLabel.getQueryStatusLabel)(e)==="fetching"){return{title:e.state.status==="pending"?"Loading...":"Refetching...",description:"Please wait while the query is being executed."}}if(e.state.status==="error"){return{title:"Query Error",description:e.state.error?.message||"An error occurred while fetching data."}}return{title:"No Data Available",description:"This query has no data to edit. Try refetching the query first."}};const{title:a,description:n}=r();return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.emptyState,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-rq-detail-empty-title",style:styles.emptyTitle,children:a}),(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-rq-detail-empty-description",style:styles.emptyDescription,children:n})]})}const styles=_reactNative.StyleSheet.create({explorerScrollContainer:{flex:1},explorerScrollContent:{paddingBottom:16,paddingHorizontal:8,flexGrow:1},section:{marginBottom:16},emptyState:{flex:1,justifyContent:"center",alignItems:"center",padding:32},emptyTitle:{color:_sharedUi.night.color.text,fontSize:18,fontWeight:"600",marginBottom:8,textAlign:"center"},emptyDescription:{color:_sharedUi.night.color.textSecondary,fontSize:14,textAlign:"center",lineHeight:20,maxWidth:280},actionFooter:{borderTopWidth:1,borderTopColor:_sharedUi.night.color.border,paddingTop:8,paddingHorizontal:12,backgroundColor:"transparent",borderBottomLeftRadius:14,borderBottomRightRadius:14},actionsRow:{flexDirection:"row",alignItems:"center",gap:8},queryExplorerContainer:{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},queryExplorerHeader:{backgroundColor:_sharedUi.night.color.accent+"1A",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},queryExplorerContent:{padding:8},dataContainer:{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,marginTop:8},dataHeader:{backgroundColor:_sharedUi.night.color.accent+"1A",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},dataContent:{padding:8}});

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

@@ -1,55 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FilterStatusBadge = FilterStatusBadge;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Compact badge showing filter status (e.g., "Showing 5 of 12")
- * Displayed below the header when filters are active
- */
-function FilterStatusBadge({
-  totalCount,
-  filteredCount,
-  onPress
-}) {
-  // Don't show if no filtering is happening
-  if (filteredCount === totalCount) {
-    return null;
-  }
-  const content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      testID: "buoy-rq-filter-badge",
-      style: styles.text,
-      children: ["Showing ", filteredCount, " of ", totalCount]
-    })
-  });
-  if (onPress) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      testID: "buoy-rq-filter-badge-button",
-      accessibilityRole: "button",
-      accessibilityLabel: `Showing ${filteredCount} of ${totalCount}, open filters`,
-      onPress: onPress,
-      activeOpacity: 0.7,
-      children: content
-    });
-  }
-  return content;
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 2
-  },
-  text: {
-    fontSize: 9,
-    color: _sharedUi.night.color.textTertiary,
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.FilterStatusBadge=FilterStatusBadge;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function FilterStatusBadge({totalCount:e,filteredCount:t,onPress:r}){if(t===e){return null}const i=(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.container,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{testID:"buoy-rq-filter-badge",style:styles.text,children:["Showing ",t," of ",e]})});if(r){return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"buoy-rq-filter-badge-button",accessibilityRole:"button",accessibilityLabel:`Showing ${t} of ${e}, open filters`,onPress:r,activeOpacity:.7,children:i})}return i}const styles=_reactNative.StyleSheet.create({container:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:2},text:{fontSize:9,color:_sharedUi.night.color.textTertiary,fontFamily:_sharedUi.monoFont}});

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

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MutationBrowserMode = MutationBrowserMode;
-var _reactNative = require("react-native");
-var _MutationsList = _interopRequireDefault(require("./query-browser/MutationsList"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Layout wrapper that renders the mutation list alongside selection handling glue logic used by
- * the React Query modal.
- */
-function MutationBrowserMode({
-  selectedMutation,
-  onMutationSelect,
-  activeFilter,
-  searchText = ""
-}) {
-  // Convert function to Dispatch compatible format
-  const handleMutationSelect = action => {
-    if (typeof action === "function") {
-      onMutationSelect(action(selectedMutation));
-    } else {
-      onMutationSelect(action);
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.mutationListContainer,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationsList.default, {
-      selectedMutation: selectedMutation,
-      setSelectedMutation: handleMutationSelect,
-      activeFilter: activeFilter,
-      searchText: searchText,
-      hideInfoPanel: true,
-      contentContainerStyle: styles.mutationListContent
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  mutationListContainer: {
-    flex: 1,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent"
-  },
-  mutationListContent: {
-    padding: 8,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.MutationBrowserMode=MutationBrowserMode;var _reactNative=require("react-native");var _MutationsList=_interopRequireDefault(require("./query-browser/MutationsList"));var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function MutationBrowserMode({selectedMutation:t,onMutationSelect:r,activeFilter:n,searchText:i=""}){const o=e=>{if(typeof e==="function"){r(e(t))}else{r(e)}};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.mutationListContainer,children:(0,_jsxRuntime.jsx)(_MutationsList.default,{selectedMutation:t,setSelectedMutation:o,activeFilter:n,searchText:i,hideInfoPanel:true,contentContainerStyle:styles.mutationListContent})})}const styles=_reactNative.StyleSheet.create({mutationListContainer:{flex:1,backgroundColor:"transparent"},mutationListContent:{padding:8,backgroundColor:"transparent"}});