@buoy-gg/react-query 7.0.41 → 7.0.43

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

@@ -1,99 +1 @@
-"use strict";
-
-import { JsModal, devToolsStorageKeys, useSafeAreaInsets } from "@buoy-gg/shared-ui";
-import { useGetQueryByQueryKeyWithVersion } from "../../hooks/useSelectedQuery";
-import { ReactQueryModalHeader } from "./ReactQueryModalHeader";
-import { DataEditorMode, DataEditorActionsFooter } from "../DataEditorMode";
-import { useState, useCallback, useEffect, useRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Specialized modal for data editing following "Decompose by Responsibility"
- * Single purpose: Display data editor when a query is selected
- */
-export function DataEditorModal({
-  visible,
-  selectedQueryKey,
-  onQuerySelect,
-  onClose,
-  onMinimize,
-  enableSharedModalDimensions = false,
-  onTabChange
-}) {
-  const {
-    query: selectedQuery,
-    version: queryVersion
-  } = useGetQueryByQueryKeyWithVersion(selectedQueryKey);
-  const [modalMode, setModalMode] = 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 = useRef(undefined);
-  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 = 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 = useSafeAreaInsets({
-    minBottom: 16
-  });
-  const footerHeight = modalMode === "floating" ? 72 : 80 + insets.bottom;
-  const renderHeaderContent = () => /*#__PURE__*/_jsx(ReactQueryModalHeader, {
-    selectedQuery: selectedQuery,
-    activeTab: "queries",
-    onTabChange: onTabChange,
-    onBack: () => onQuerySelect(undefined)
-  });
-  const storagePrefix = enableSharedModalDimensions ? devToolsStorageKeys.reactQuery.modal() : `${devToolsStorageKeys.reactQuery.modal()}_data_editor`;
-  if (!visible || !selectedQuery) return null;
-  const footerNode = /*#__PURE__*/_jsx(DataEditorActionsFooter, {
-    selectedQuery: selectedQuery,
-    isFloatingMode: modalMode === "floating",
-    queryVersion: queryVersion
-  }, `footer-${queryVersion}`);
-  return /*#__PURE__*/_jsx(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__*/_jsx(DataEditorMode, {
-      selectedQuery: selectedQuery,
-      isFloatingMode: modalMode === "floating",
-      disableInternalFooter: true,
-      queryVersion: queryVersion
-    })
-  });
-}
+"use strict";import{JsModal as q,devToolsStorageKeys as u,useSafeAreaInsets as E}from"@buoy-gg/shared-ui";import{useGetQueryByQueryKeyWithVersion as x}from"../../hooks/useSelectedQuery";import{ReactQueryModalHeader as B}from"./ReactQueryModalHeader";import{DataEditorMode as F,DataEditorActionsFooter as H}from"../DataEditorMode";import{useState as S,useCallback as T,useEffect as V,useRef as D}from"react";import{jsx as r}from"react/jsx-runtime";export function DataEditorModal({visible:t,selectedQueryKey:n,onQuerySelect:s,onClose:f,onMinimize:c,enableSharedModalDimensions:l=false,onTabChange:m}){const{query:e,version:i}=x(n);const[a,y]=S("bottomSheet");const d=n?JSON.stringify(n):void 0;const o=D(void 0);V(()=>{if(e){o.current=d;return}if(t&&o.current!==void 0&&o.current===d){o.current=void 0;s(void 0)}},[t,e,d,s]);const g=T(Q=>{y(Q)},[]);const h=E({minBottom:16});const M=a==="floating"?72:80+h.bottom;const p=()=>r(B,{selectedQuery:e,activeTab:"queries",onTabChange:m,onBack:()=>s(void 0)});const b=l?u.reactQuery.modal():`${u.reactQuery.modal()}_data_editor`;if(!t||!e)return null;const C=r(H,{selectedQuery:e,isFloatingMode:a==="floating",queryVersion:i},`footer-${i}`);return r(q,{visible:t,onClose:f,onMinimize:c,persistenceKey:b,header:{customContent:p(),showToggleButton:true},onModeChange:g,enablePersistence:true,initialMode:"bottomSheet",enableGlitchEffects:true,styles:{},footer:C,footerHeight:M,children:r(F,{selectedQuery:e,isFloatingMode:a==="floating",disableInternalFooter:true,queryVersion:i})})}

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

@@ -1,56 +1 @@
-"use strict";
-
-import { View, StyleSheet } from "react-native";
-import { ToolFooter, useSafeAreaInsets } from "@buoy-gg/shared-ui";
-import MutationStatusCount from "../query-browser/MutationStatusCount";
-import { useMemo } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * 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
- */
-export function MutationBrowserFooter({
-  activeFilter,
-  onFilterChange,
-  modalMode,
-  size = "default"
-}) {
-  const isFloatingMode = modalMode === "floating";
-  const insets = useSafeAreaInsets({
-    minBottom: 16
-  });
-
-  // Use useMemo to ensure paddingBottom is recalculated when isFloatingMode changes
-  const paddingBottom = useMemo(() => {
-    return !isFloatingMode ? insets.bottom : 0;
-  }, [isFloatingMode, insets.bottom]);
-  return /*#__PURE__*/_jsx(ToolFooter, {
-    // Force re-render with key change
-    floating: isFloatingMode,
-    safeArea: false,
-    paddingBottom: paddingBottom,
-    style: styles.filterFooter,
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.filterContainer,
-      children: /*#__PURE__*/_jsx(MutationStatusCount, {
-        activeFilter: activeFilter,
-        onFilterChange: onFilterChange,
-        size: size
-      })
-    })
-  }, `footer-${isFloatingMode ? "floating" : "docked"}`);
-}
-const styles = StyleSheet.create({
-  filterFooter: {
-    paddingTop: 8,
-    paddingHorizontal: 0
-  },
-  filterContainer: {
-    minHeight: 32,
-    justifyContent: "center"
-  }
-});
+"use strict";import{View as f,StyleSheet as m}from"react-native";import{ToolFooter as d,useSafeAreaInsets as c}from"@buoy-gg/shared-ui";import u from"../query-browser/MutationStatusCount";import{useMemo as p}from"react";import{jsx as o}from"react/jsx-runtime";export function MutationBrowserFooter({activeFilter:i,onFilterChange:n,modalMode:s,size:a="default"}){const t=s==="floating";const e=c({minBottom:16});const l=p(()=>{return!t?e.bottom:0},[t,e.bottom]);return o(d,{floating:t,safeArea:false,paddingBottom:l,style:r.filterFooter,children:o(f,{style:r.filterContainer,children:o(u,{activeFilter:i,onFilterChange:n,size:a})})},`footer-${t?"floating":"docked"}`)}const r=m.create({filterFooter:{paddingTop:8,paddingHorizontal:0},filterContainer:{minHeight:32,justifyContent:"center"}});

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

@@ -1,161 +1 @@
-"use strict";
-
-import { useQueryClient } from "@tanstack/react-query";
-import { useCallback, useState, useRef } from "react";
-import { useGetMutationById } from "../../hooks/useSelectedMutation";
-import { MutationBrowserMode } from "../MutationBrowserMode";
-import { MutationBrowserFooter } from "./MutationBrowserFooter";
-import { JsModal, useSafeAreaInsets } from "@buoy-gg/shared-ui";
-import { ReactQueryModalHeader } from "./ReactQueryModalHeader";
-import { View, Animated, PanResponder } from "react-native";
-import { SwipeIndicator } from "./SwipeIndicator";
-import { devToolsStorageKeys } from "@buoy-gg/shared-ui";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Specialized modal wrapper for browsing mutations. Handles persistence, swipe gestures, and
- * filter coordination before delegating to the underlying list view.
- */
-export function MutationBrowserModal({
-  visible,
-  selectedMutationId,
-  onMutationSelect,
-  onClose,
-  onMinimize,
-  activeFilter: externalActiveFilter,
-  onFilterChange: externalOnFilterChange,
-  onTabChange,
-  enableSharedModalDimensions = false,
-  searchText = "",
-  onSearchChange
-}) {
-  const queryClient = useQueryClient();
-  const selectedMutation = useGetMutationById(selectedMutationId);
-  const [internalActiveFilter, setInternalActiveFilter] = useState(null);
-  const activeFilter = externalActiveFilter ?? internalActiveFilter;
-  const setActiveFilter = externalOnFilterChange ?? setInternalActiveFilter;
-
-  // Clear mutation cache handler
-  const handleClearCache = 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] = useState("bottomSheet");
-  const storagePrefix = enableSharedModalDimensions ? devToolsStorageKeys.reactQuery.modal() : devToolsStorageKeys.reactQuery.mutationModal();
-
-  // Animated value for gesture tracking [[memory:4875251]]
-  const translationX = useRef(new Animated.Value(0)).current;
-  const handleSwipeNavigation = useCallback(direction => {
-    if (direction === "right") {
-      onTabChange("queries");
-    }
-  }, [onTabChange]);
-  const handleModeChange = 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 = useSafeAreaInsets({
-    minBottom: 16
-  });
-  const footerHeight = modalMode === "floating" ? 56 : 48 + insets.bottom;
-
-  // Create PanResponder for swipe navigation
-  const panResponder = useRef(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
-      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
-      Animated.spring(translationX, {
-        toValue: 0,
-        useNativeDriver: true
-      }).start();
-    }
-  })).current;
-  if (!visible) return null;
-  const renderHeaderContent = () => /*#__PURE__*/_jsx(ReactQueryModalHeader, {
-    selectedMutation: selectedMutation,
-    activeTab: "mutations",
-    onTabChange: onTabChange,
-    onBack: () => onMutationSelect(undefined),
-    searchText: searchText,
-    onSearchChange: onSearchChange,
-    onClearCache: handleClearCache
-  });
-  const footerNode = /*#__PURE__*/_jsx(MutationBrowserFooter, {
-    activeFilter: activeFilter,
-    onFilterChange: setActiveFilter,
-    modalMode: modalMode
-  });
-  return /*#__PURE__*/_jsx(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__*/_jsx(View, {
-      style: {
-        flex: 1
-      },
-      children: /*#__PURE__*/_jsxs(View, {
-        ...panResponder.panHandlers,
-        style: {
-          flex: 1
-        },
-        children: [/*#__PURE__*/_jsx(SwipeIndicator, {
-          translationX: translationX,
-          canSwipeLeft: false,
-          canSwipeRight: true
-        }), /*#__PURE__*/_jsx(MutationBrowserMode, {
-          selectedMutation: selectedMutation,
-          onMutationSelect: onMutationSelect,
-          activeFilter: activeFilter,
-          searchText: searchText
-        })]
-      })
-    })
-  });
-}
+"use strict";import{useQueryClient as X}from"@tanstack/react-query";import{useCallback as s,useState as v,useRef as g}from"react";import{useGetMutationById as _}from"../../hooks/useSelectedMutation";import{MutationBrowserMode as z}from"../MutationBrowserMode";import{MutationBrowserFooter as E}from"./MutationBrowserFooter";import{JsModal as J,useSafeAreaInsets as L}from"@buoy-gg/shared-ui";import{ReactQueryModalHeader as O}from"./ReactQueryModalHeader";import{View as C,Animated as i,PanResponder as U}from"react-native";import{SwipeIndicator as W}from"./SwipeIndicator";import{devToolsStorageKeys as x}from"@buoy-gg/shared-ui";import{jsx as o,jsxs as Y}from"react/jsx-runtime";export function MutationBrowserModal({visible:l,selectedMutationId:y,onMutationSelect:r,onClose:S,onMinimize:w,activeFilter:R,onFilterChange:b,onTabChange:a,enableSharedModalDimensions:F=false,searchText:c="",onSearchChange:P}){const d=X();const u=_(y);const[B,T]=v(null);const m=R??B;const A=b??T;const H=s(()=>{d.getMutationCache().clear();r(void 0)},[d,r]);const[f,V]=v("bottomSheet");const j=F?x.reactQuery.modal():x.reactQuery.mutationModal();const n=g(new i.Value(0)).current;const h=s(e=>{if(e==="right"){a("queries")}},[a]);const I=s(e=>{V(e)},[]);const N=L({minBottom:16});const Q=f==="floating"?56:48+N.bottom;const k=g(U.create({onStartShouldSetPanResponder:()=>false,onMoveShouldSetPanResponder:(e,t)=>{return Math.abs(t.dx)>5&&Math.abs(t.dy)<10},onPanResponderMove:(e,t)=>{n.setValue(t.dx)},onPanResponderRelease:(e,t)=>{const{dx:p,vx:M}=t;const G=80;const K=.5;i.spring(n,{toValue:0,useNativeDriver:true}).start();if(Math.abs(p)>G||Math.abs(M)>K){if(p>0||M>0){h("right")}else{h("left")}}},onPanResponderTerminate:()=>{i.spring(n,{toValue:0,useNativeDriver:true}).start()}})).current;if(!l)return null;const q=()=>o(O,{selectedMutation:u,activeTab:"mutations",onTabChange:a,onBack:()=>r(void 0),searchText:c,onSearchChange:P,onClearCache:H});const D=o(E,{activeFilter:m,onFilterChange:A,modalMode:f});return o(J,{visible:l,onClose:S,onMinimize:w,persistenceKey:j,header:{customContent:q(),showToggleButton:true},onModeChange:I,enablePersistence:true,initialMode:"bottomSheet",enableGlitchEffects:true,styles:{},footer:D,footerHeight:Q,children:o(C,{style:{flex:1},children:Y(C,{...k.panHandlers,style:{flex:1},children:[o(W,{translationX:n,canSwipeLeft:false,canSwipeRight:true}),o(z,{selectedMutation:u,onMutationSelect:r,activeFilter:m,searchText:c})]})})})}

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

@@ -1,102 +1 @@
-"use strict";
-
-import { JsModal, useSafeAreaInsets, devToolsStorageKeys } from "@buoy-gg/shared-ui";
-import { useGetMutationById } from "../../hooks/useSelectedMutation";
-import { ReactQueryModalHeader } from "./ReactQueryModalHeader";
-import { MutationEditorMode, MutationEditorActionsFooter } from "../MutationEditorMode";
-import { useState, useCallback, useEffect, useRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Modal variant dedicated to editing a single mutation entry. Restores persisted positioning and
- * mirrors the behavior of the query editor.
- */
-export function MutationEditorModal({
-  visible,
-  selectedMutationId,
-  onMutationSelect,
-  onClose,
-  onMinimize,
-  onTabChange,
-  enableSharedModalDimensions = false
-}) {
-  const selectedMutation = useGetMutationById(selectedMutationId);
-  const [modalMode, setModalMode] = 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 = useRef(undefined);
-  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 = 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 = useSafeAreaInsets({
-    minBottom: 16
-  });
-  const footerHeight = modalMode === "floating" ? 72 : 80 + insets.bottom;
-  const renderHeaderContent = () => /*#__PURE__*/_jsx(ReactQueryModalHeader, {
-    selectedMutation: selectedMutation,
-    activeTab: "mutations",
-    onTabChange: onTabChange,
-    onBack: () => onMutationSelect(undefined)
-  });
-  const storagePrefix = enableSharedModalDimensions ? devToolsStorageKeys.reactQuery.modal() : devToolsStorageKeys.reactQuery.mutationModal();
-  if (!visible || !selectedMutation) return null;
-  const footerNode = /*#__PURE__*/_jsx(MutationEditorActionsFooter, {
-    selectedMutation: selectedMutation,
-    isFloatingMode: modalMode === "floating"
-  });
-  return /*#__PURE__*/_jsx(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__*/_jsx(MutationEditorMode, {
-      selectedMutation: selectedMutation,
-      isFloatingMode: modalMode === "floating",
-      disableInternalFooter: true
-    })
-  });
-}
+"use strict";import{JsModal as C,useSafeAreaInsets as E,devToolsStorageKeys as s}from"@buoy-gg/shared-ui";import{useGetMutationById as x}from"../../hooks/useSelectedMutation";import{ReactQueryModalHeader as B}from"./ReactQueryModalHeader";import{MutationEditorMode as F,MutationEditorActionsFooter as H}from"../MutationEditorMode";import{useState as T,useCallback as I,useEffect as Q,useRef as S}from"react";import{jsx as n}from"react/jsx-runtime";export function MutationEditorModal({visible:t,selectedMutationId:r,onMutationSelect:a,onClose:d,onMinimize:u,onTabChange:f,enableSharedModalDimensions:c=false}){const e=x(r);const[i,l]=T("bottomSheet");const o=S(void 0);Q(()=>{if(e){o.current=e.mutationId;return}if(t&&o.current!==void 0&&o.current===r){o.current=void 0;a(void 0)}},[t,e,r,a]);const m=I(y=>{l(y)},[]);const M=E({minBottom:16});const g=i==="floating"?72:80+M.bottom;const h=()=>n(B,{selectedMutation:e,activeTab:"mutations",onTabChange:f,onBack:()=>a(void 0)});const p=c?s.reactQuery.modal():s.reactQuery.mutationModal();if(!t||!e)return null;const b=n(H,{selectedMutation:e,isFloatingMode:i==="floating"});return n(C,{visible:t,onClose:d,onMinimize:u,persistenceKey:p,header:{customContent:h(),showToggleButton:true},onModeChange:m,enablePersistence:true,initialMode:"bottomSheet",enableGlitchEffects:true,styles:{},footer:b,footerHeight:g,children:n(F,{selectedMutation:e,isFloatingMode:i==="floating",disableInternalFooter:true})})}

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

@@ -1,51 +1 @@
-"use strict";
-
-import { View, StyleSheet } from "react-native";
-import { ToolFooter, useSafeAreaInsets } from "@buoy-gg/shared-ui";
-import QueryStatusCount from "../query-browser/QueryStatusCount";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * 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
- */
-export 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 = useSafeAreaInsets({
-    minBottom: 16
-  });
-  return /*#__PURE__*/_jsx(ToolFooter, {
-    floating: isFloatingMode,
-    safeArea: false,
-    paddingBottom: !isFloatingMode ? insets.bottom : 0,
-    style: styles.filterFooter,
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.filterContainer,
-      children: /*#__PURE__*/_jsx(QueryStatusCount, {
-        activeFilter: activeFilter,
-        onFilterChange: onFilterChange,
-        size: size
-      })
-    })
-  });
-}
-const styles = StyleSheet.create({
-  filterFooter: {
-    paddingTop: 8,
-    paddingHorizontal: 0
-  },
-  filterContainer: {
-    minHeight: 32,
-    justifyContent: "center"
-  }
-});
+"use strict";import{View as a,StyleSheet as l}from"react-native";import{ToolFooter as f,useSafeAreaInsets as m}from"@buoy-gg/shared-ui";import u from"../query-browser/QueryStatusCount";import{jsx as t}from"react/jsx-runtime";export function QueryBrowserFooter({activeFilter:r,onFilterChange:i,isFloatingMode:e=true,size:n="default"}){const s=m({minBottom:16});return t(f,{floating:e,safeArea:false,paddingBottom:!e?s.bottom:0,style:o.filterFooter,children:t(a,{style:o.filterContainer,children:t(u,{activeFilter:r,onFilterChange:i,size:n})})})}const o=l.create({filterFooter:{paddingTop:8,paddingHorizontal:0},filterContainer:{minHeight:32,justifyContent:"center"}});