tp-react-elements 1.3.0 → 1.3.2

package/dist/components/PaginatedGrid/GenericPaginatedGrid.esm.js

@@ -0,0 +1,222 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { useMaterialReactTable, MaterialReactTable } from 'material-react-table';
+import { keepPreviousData } from '../../node_modules/@tanstack/query-core/build/modern/utils.esm.js';
+import { useQuery } from '../../node_modules/@tanstack/react-query/build/modern/useQuery.esm.js';
+import { Box, Tooltip, IconButton, Button, GlobalStyles, Typography, Select, MenuItem, CircularProgress } from '@mui/material';
+import RefreshIcon from '@mui/icons-material/Refresh';
+import FileDownloadIcon from '@mui/icons-material/FileDownload';
+import FirstPageIcon from '@mui/icons-material/FirstPage';
+import LastPageIcon from '@mui/icons-material/LastPage';
+import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
+import ChevronRightIcon from '@mui/icons-material/ChevronRight';
+import DynamicFilterBar from './DynamicFilterBar.esm.js';
+
+// ─── Internal: overlay loader ─────────────────────────────────────────────────
+const OverlayLoader = ({ message }) => (jsxs(Box, { sx: {
+        position: 'absolute', inset: 0,
+        display: 'flex', flexDirection: 'column',
+        alignItems: 'center', justifyContent: 'center',
+        bgcolor: 'rgba(255,255,255,0.80)', backdropFilter: 'blur(2px)',
+        zIndex: 10, gap: 1.5,
+    }, children: [jsx(CircularProgress, { size: 50, thickness: 4 }), jsx(Typography, { variant: "body2", color: "text.secondary", fontWeight: 500, children: message })] }));
+const PaginationFooter = ({ pageIndex, pageSize, totalRecords, isFetching, isLoading, canPrev, canNext, onFirst, onPrev, onNext, onLast, onPageSizeChange, pageSizeOptions, }) => {
+    const startRow = totalRecords === 0 ? 0 : pageIndex * pageSize + 1;
+    const endRow = Math.min((pageIndex + 1) * pageSize, totalRecords);
+    return (jsxs(Box, { sx: {
+            display: 'flex', alignItems: 'center', justifyContent: 'flex-end',
+            gap: { xs: 1.5, md: 3 }, px: 2, py: 0.75,
+            borderTop: '1px solid', borderColor: 'divider',
+            bgcolor: 'background.paper', flexWrap: 'wrap', minHeight: 48,
+        }, children: [jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 1 }, children: [jsx(Typography, { variant: "body2", color: "text.secondary", noWrap: true, children: "Rows per page:" }), jsx(Select, { value: pageSize, onChange: (e) => onPageSizeChange(Number(e.target.value)), size: "small", variant: "outlined", sx: {
+                            height: 28, fontSize: 13, minWidth: 80,
+                            '.MuiSelect-select': { py: '3px !important' },
+                            '.MuiOutlinedInput-notchedOutline': { borderColor: 'divider' },
+                        }, children: pageSizeOptions.map((opt) => (jsx(MenuItem, { value: opt, sx: { fontSize: 13 }, children: opt.toLocaleString() }, opt))) })] }), jsx(Typography, { variant: "body2", color: "text.secondary", noWrap: true, children: isLoading || (isFetching && totalRecords === 0)
+                    ? 'Loading…'
+                    : totalRecords === 0
+                        ? 'No records'
+                        : `${startRow.toLocaleString()}–${endRow.toLocaleString()} of ${totalRecords.toLocaleString()}` }), jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 0.25 }, children: [jsx(Tooltip, { title: "First page", children: jsx("span", { children: jsx(IconButton, { size: "small", onClick: onFirst, disabled: !canPrev, children: jsx(FirstPageIcon, { sx: { fontSize: 20 } }) }) }) }), jsx(Tooltip, { title: "Previous page", children: jsx("span", { children: jsx(IconButton, { size: "small", onClick: onPrev, disabled: !canPrev, children: jsx(ChevronLeftIcon, { sx: { fontSize: 20 } }) }) }) }), jsx(Typography, { variant: "body2", fontWeight: 600, sx: {
+                            mx: 0.5, minWidth: 28, height: 28,
+                            display: 'flex', alignItems: 'center', justifyContent: 'center',
+                            borderRadius: 1, border: '1px solid', borderColor: 'primary.main',
+                            color: 'primary.main', bgcolor: 'rgba(25,118,210,0.07)', fontSize: 13,
+                        }, children: pageIndex + 1 }), jsx(Tooltip, { title: "Next page", children: jsx("span", { children: jsx(IconButton, { size: "small", onClick: onNext, disabled: !canNext, children: jsx(ChevronRightIcon, { sx: { fontSize: 20 } }) }) }) }), jsx(Tooltip, { title: "Last page", children: jsx("span", { children: jsx(IconButton, { size: "small", onClick: onLast, disabled: !canNext, children: jsx(LastPageIcon, { sx: { fontSize: 20 } }) }) }) })] })] }));
+};
+// ─── GenericPaginatedGrid ─────────────────────────────────────────────────────
+function GenericPaginatedGrid({ columns, fetchPage, queryKey, serverFilterDefs, defaultFilters, defaultVisibleFilterIds, batchSize = 10000, exportFilename = 'export', tableHeight = '60vh', pageSizeOptions = [1000, 5000, 10000], headerBgColor, }) {
+    const defaultVisible = defaultVisibleFilterIds
+        ?? (serverFilterDefs.length > 0 ? [serverFilterDefs[0].id] : []);
+    // ── State ──────────────────────────────────────────────────────────────────
+    const [filterValues, setFilterValues] = useState(defaultFilters);
+    const [visibleFilterIds, setVisibleFilterIds] = useState(defaultVisible);
+    const [pagination, setPagination] = useState({
+        pageIndex: 0,
+        pageSize: batchSize,
+    });
+    const [sorting, setSorting] = useState([]);
+    const [columnFilters, setColumnFilters] = useState([]);
+    const [globalFilter, setGlobalFilter] = useState('');
+    const [columnPinning, setColumnPinning] = useState({});
+    // ── Data fetching ──────────────────────────────────────────────────────────
+    const { data, isLoading, isError, isFetching, refetch } = useQuery({
+        queryKey: [...queryKey, filterValues, pagination.pageIndex],
+        queryFn: () => fetchPage(filterValues, pagination.pageIndex),
+        placeholderData: keepPreviousData,
+        staleTime: 30000,
+    });
+    const rows = data?.data ?? [];
+    const totalRecords = data?.totalRecords ?? 0;
+    // ── Derive column list for filter chip picker ──────────────────────────────
+    const availableColumns = useMemo(() => {
+        const serverManagedColKeys = new Set(serverFilterDefs
+            .filter((d) => d.type === 'date')
+            .map((d) => d.columnKey));
+        return columns
+            .filter((c) => 'accessorKey' in c && c.accessorKey && !serverManagedColKeys.has(c.accessorKey))
+            .map((c) => ({ id: c.accessorKey, label: c.header }));
+    }, [columns, serverFilterDefs]);
+    // ── Handlers ───────────────────────────────────────────────────────────────
+    const handleFilterValuesChange = (newValues) => {
+        setFilterValues(newValues);
+        setPagination((p) => ({ ...p, pageIndex: 0 }));
+    };
+    const handleToggleFilter = (id) => setVisibleFilterIds((prev) => prev.includes(id) ? prev.filter((v) => v !== id) : [...prev, id]);
+    const handleClearAll = () => {
+        setFilterValues(defaultFilters);
+        setColumnFilters([]);
+        setVisibleFilterIds(defaultVisible);
+        setPagination((p) => ({ ...p, pageIndex: 0 }));
+    };
+    const handleExport = () => {
+        const headers = columns.map((c) => c.header).join(',');
+        const csvRows = rows.map((row) => columns
+            .map((c) => {
+            const key = c.accessorKey ?? '';
+            const val = row[key] ?? '';
+            return `"${String(val).replace(/"/g, '""')}"`;
+        })
+            .join(','));
+        const blob = new Blob([[headers, ...csvRows].join('\n')], { type: 'text/csv' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `${exportFilename}-page${pagination.pageIndex + 1}.csv`;
+        a.click();
+        URL.revokeObjectURL(url);
+    };
+    const hasAnyValue = Object.values(filterValues).some(Boolean) ||
+        columnFilters.some((f) => f.value);
+    // ── Table instance ─────────────────────────────────────────────────────────
+    const table = useMaterialReactTable({
+        columns,
+        data: rows,
+        manualPagination: true,
+        rowCount: totalRecords,
+        manualSorting: false,
+        manualFiltering: false,
+        state: {
+            pagination,
+            sorting,
+            columnFilters,
+            globalFilter,
+            columnPinning,
+            showAlertBanner: isError,
+            showProgressBars: false,
+        },
+        onPaginationChange: setPagination,
+        onSortingChange: setSorting,
+        onColumnFiltersChange: setColumnFilters,
+        onGlobalFilterChange: setGlobalFilter,
+        onColumnPinningChange: (updater) => {
+            setColumnPinning((prev) => {
+                const next = typeof updater === 'function' ? updater(prev) : updater;
+                return { ...next, right: [] };
+            });
+        },
+        enableColumnResizing: true,
+        enableColumnOrdering: true,
+        enableColumnActions: false,
+        enableColumnPinning: true,
+        columnResizeMode: 'onChange',
+        enableFilters: false,
+        enableGlobalFilter: true,
+        enableDensityToggle: true,
+        enableFullScreenToggle: true,
+        enableHiding: true,
+        enableStickyHeader: true,
+        enableRowVirtualization: true,
+        muiTableContainerProps: { sx: { maxHeight: tableHeight } },
+        muiTopToolbarProps: {
+            sx: {
+                alignItems: 'center',
+                flexWrap: 'nowrap',
+            },
+        },
+        muiTableHeadCellProps: ({ column }) => {
+            const colProps = column.columnDef.muiTableHeadCellProps;
+            const align = colProps && typeof colProps !== 'function'
+                ? colProps.align
+                : undefined;
+            const justifyContent = align === 'right' ? 'flex-start'
+                : align === 'center' ? 'center'
+                    : 'flex-end';
+            return {
+                align: (align ?? 'left'),
+                sx: {
+                    ...(headerBgColor ? { backgroundColor: headerBgColor } : {}),
+                    verticalAlign: 'bottom',
+                    whiteSpace: 'normal',
+                    borderRight: '1px solid rgba(224,224,224,1)',
+                    borderBottom: '2px solid rgba(0,0,0,0.15)',
+                    '& button[aria-label="Move"]': { display: 'none' },
+                    '& .MuiTableSortLabel-icon': { display: 'none' },
+                    '& .Mui-TableHeadCell-ResizeHandle-Wrapper': {
+                        height: '100%',
+                        top: 0,
+                    },
+                    '& .Mui-TableHeadCell-ResizeHandle-Divider': {
+                        borderRight: 'none',
+                    },
+                    '& .Mui-TableHeadCell-Content': {
+                        alignItems: 'flex-end',
+                        justifyContent,
+                    },
+                    '& .Mui-TableHeadCell-Content-Labels': {
+                        flexWrap: 'wrap',
+                        whiteSpace: 'normal',
+                        overflowWrap: 'normal',
+                        lineHeight: 1.3,
+                        justifyContent,
+                    },
+                    '& .Mui-TableHeadCell-Content-Wrapper': {
+                        whiteSpace: 'normal',
+                        overflow: 'visible',
+                    },
+                },
+            };
+        },
+        muiTableBodyCellProps: {
+            sx: {
+                whiteSpace: 'nowrap',
+                borderRight: '1px solid rgba(224,224,224,1)',
+            },
+        },
+        muiToolbarAlertBannerProps: isError
+            ? { color: 'error', children: 'Failed to load data. Please try again.' }
+            : undefined,
+        renderTopToolbarCustomActions: () => (jsxs(Box, { sx: { display: 'flex', alignItems: 'center', flex: 1, minWidth: 0, pr: 1, gap: 0.5 }, children: [jsxs(Box, { sx: { display: 'flex', alignItems: 'center', flexShrink: 0, gap: 0.25 }, children: [jsx(Tooltip, { title: "Refresh current batch", children: jsx("span", { children: jsx(IconButton, { size: "small", onClick: () => refetch(), disabled: isFetching, children: jsx(RefreshIcon, { fontSize: "small" }) }) }) }), jsx(Tooltip, { title: "Export batch as CSV", children: jsx("span", { children: jsx(IconButton, { size: "small", onClick: handleExport, disabled: rows.length === 0 || isFetching, children: jsx(FileDownloadIcon, { fontSize: "small" }) }) }) })] }), jsx(Box, { sx: { flex: 1, minWidth: 0 }, children: jsx(DynamicFilterBar, { serverFilterDefs: serverFilterDefs, visibleFilterIds: visibleFilterIds, onToggleFilter: handleToggleFilter, filterValues: filterValues, onFilterValuesChange: handleFilterValuesChange, columnFilters: columnFilters, onColumnFilterChange: setColumnFilters, availableColumns: availableColumns }) }), hasAnyValue && (jsx(Button, { size: "small", onClick: handleClearAll, sx: {
+                        flexShrink: 0,
+                        textTransform: 'none',
+                        fontSize: 12,
+                        color: 'error.main',
+                        minWidth: 'auto',
+                        px: 1,
+                        '&:hover': { bgcolor: 'rgba(211,47,47,0.06)' },
+                    }, children: "Clear All" }))] })),
+        renderBottomToolbar: ({ table: t }) => (jsx(PaginationFooter, { pageIndex: t.getState().pagination.pageIndex, pageSize: t.getState().pagination.pageSize, totalRecords: totalRecords, isFetching: isFetching, isLoading: isLoading, canPrev: t.getCanPreviousPage() && !isFetching, canNext: t.getCanNextPage() && !isFetching, onFirst: () => t.firstPage(), onPrev: () => t.previousPage(), onNext: () => t.nextPage(), onLast: () => t.lastPage(), onPageSizeChange: (s) => t.setPageSize(s), pageSizeOptions: pageSizeOptions })),
+    });
+    return (jsxs(Box, { sx: { position: 'relative' }, children: [jsx(GlobalStyles, { styles: { 'button[aria-label="Pin to right"]': { display: 'none' } } }), isLoading && jsx(OverlayLoader, { message: "Loading data\u2026" }), !isLoading && isFetching && jsx(OverlayLoader, { message: "Updating data\u2026" }), jsx(MaterialReactTable, { table: table })] }));
+}
+
+export { GenericPaginatedGrid as default };

package/dist/components/PaginatedGrid/InvoiceGrid.d.ts

@@ -0,0 +1,2 @@
+declare const InvoiceGrid: () => import("react/jsx-runtime").JSX.Element;
+export default InvoiceGrid;

package/dist/components/PaginatedGrid/columns.d.ts

@@ -0,0 +1,3 @@
+import type { MRT_ColumnDef } from 'material-react-table';
+import type { InvoiceDetail } from './types';
+export declare const invoiceColumns: MRT_ColumnDef<InvoiceDetail>[];

package/dist/components/PaginatedGrid/helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const formatDate: (dateString: string) => string;
+export declare const formatINR: (value: number) => string;
+export declare const formatNumber: (value: number, decimals?: number) => string;

package/dist/components/PaginatedGrid/index.d.ts

@@ -0,0 +1,4 @@
+export { default as GenericPaginatedGrid } from './GenericPaginatedGrid';
+export type { GenericPaginatedGridProps, PagedResult } from './GenericPaginatedGrid';
+export { default as DynamicFilterBar } from './DynamicFilterBar';
+export type { ServerFilterDef } from './DynamicFilterBar';

package/dist/components/PaginatedGrid/index.esm.js

@@ -0,0 +1,2 @@
+export { default as GenericPaginatedGrid } from './GenericPaginatedGrid.esm.js';
+export { default as DynamicFilterBar } from './DynamicFilterBar.esm.js';

package/dist/components/PaginatedGrid/invoiceApi.d.ts

@@ -0,0 +1,2 @@
+import type { InvoiceRequest, InvoiceApiResponse } from './types';
+export declare const fetchInvoiceDetails: (request: InvoiceRequest) => Promise<InvoiceApiResponse>;

package/dist/components/PaginatedGrid/types.d.ts

@@ -0,0 +1,48 @@
+export interface InvoiceDetail {
+    Data_from: string;
+    FINYEAR: string;
+    Div_Code: string;
+    Depo_Code: string;
+    Customer: string;
+    category: string;
+    Dist_Chan: string;
+    InvoiceNo: number;
+    BillItem: string;
+    InvoiceDate: string;
+    Prod_ID: number;
+    Batch: string;
+    Allocated_Qty: number;
+    free_qty: number;
+    Nettrate: number;
+    fld_ed_diff: number;
+    disc_val: number;
+    Net_val: number;
+    Nett_ed_value: number;
+    Tax_amt_value: number;
+    Act_Division: string;
+    MRP: number;
+    Inv_time: string;
+    status: string;
+    createdate: string;
+    RetType: string;
+    Mkt_nett: number;
+    changeddate: string;
+    SHIP_TO_PARTY: string;
+}
+export interface InvoiceRequest {
+    FromDate: string;
+    ToDate: string;
+    Division: string;
+    Customer: string;
+    DC: string;
+    ProductCode: string;
+    PageNumber: number;
+}
+export interface InvoiceApiResponse {
+    PageNumber: number;
+    PageSize: number;
+    TotalRecords: number;
+    TotalPages: number;
+    HasNextPage: boolean;
+    Data: InvoiceDetail[];
+}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { default as DeleteField } from './components/DeleteComponent/DeleteField
 export { default as SessionTimeoutField } from './components/SessionTimeOut/SessionTimeOut';
 export { default as useFormValidatingContext } from './components/Form/FormConstants';
 export { default as MultiSelectFieldComponent } from './components/SelectField/MultiSelectFieldComponent';
+export { default as GenericPaginatedGrid } from './components/PaginatedGrid/GenericPaginatedGrid';
 export { TPElementsProvider } from './auth/authContext';
 export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor, } from './utils';
 export * as Utils from './utils';

package/dist/index.esm.js

@@ -5,6 +5,7 @@ export { default as DeleteField } from './components/DeleteComponent/DeleteField
 export { default as SessionTimeoutField } from './components/SessionTimeOut/SessionTimeOut.esm.js';
 export { default as useFormValidatingContext } from './components/Form/FormConstants.esm.js';
 export { default as MultiSelectFieldComponent } from './components/SelectField/MultiSelectFieldComponent.esm.js';
+export { default as GenericPaginatedGrid } from './components/PaginatedGrid/GenericPaginatedGrid.esm.js';
 export { TPElementsProvider } from './auth/authContext.esm.js';
 import * as index$1 from './utils/index.esm.js';
 export { index$1 as Utils };

package/dist/node_modules/@tanstack/query-core/build/modern/environmentManager.esm.js

@@ -0,0 +1,22 @@
+import { isServer } from './utils.esm.js';
+
+// src/environmentManager.ts
+var environmentManager = /* @__PURE__ */ (() => {
+  let isServerFn = () => isServer;
+  return {
+    /**
+     * Returns whether the current runtime should be treated as a server environment.
+     */
+    isServer() {
+      return isServerFn();
+    },
+    /**
+     * Overrides the server check globally.
+     */
+    setIsServer(isServerValue) {
+      isServerFn = isServerValue;
+    }
+  };
+})();
+
+export { environmentManager };

package/dist/node_modules/@tanstack/query-core/build/modern/focusManager.esm.js

@@ -0,0 +1,65 @@
+import { Subscribable } from './subscribable.esm.js';
+
+// src/focusManager.ts
+var FocusManager = class extends Subscribable {
+  #focused;
+  #cleanup;
+  #setup;
+  constructor() {
+    super();
+    this.#setup = (onFocus) => {
+      if (typeof window !== "undefined" && window.addEventListener) {
+        const listener = () => onFocus();
+        window.addEventListener("visibilitychange", listener, false);
+        return () => {
+          window.removeEventListener("visibilitychange", listener);
+        };
+      }
+      return;
+    };
+  }
+  onSubscribe() {
+    if (!this.#cleanup) {
+      this.setEventListener(this.#setup);
+    }
+  }
+  onUnsubscribe() {
+    if (!this.hasListeners()) {
+      this.#cleanup?.();
+      this.#cleanup = void 0;
+    }
+  }
+  setEventListener(setup) {
+    this.#setup = setup;
+    this.#cleanup?.();
+    this.#cleanup = setup((focused) => {
+      if (typeof focused === "boolean") {
+        this.setFocused(focused);
+      } else {
+        this.onFocus();
+      }
+    });
+  }
+  setFocused(focused) {
+    const changed = this.#focused !== focused;
+    if (changed) {
+      this.#focused = focused;
+      this.onFocus();
+    }
+  }
+  onFocus() {
+    const isFocused = this.isFocused();
+    this.listeners.forEach((listener) => {
+      listener(isFocused);
+    });
+  }
+  isFocused() {
+    if (typeof this.#focused === "boolean") {
+      return this.#focused;
+    }
+    return globalThis.document?.visibilityState !== "hidden";
+  }
+};
+var focusManager = new FocusManager();
+
+export { FocusManager, focusManager };

package/dist/node_modules/@tanstack/query-core/build/modern/notifyManager.esm.js

@@ -0,0 +1,83 @@
+import { systemSetTimeoutZero } from './timeoutManager.esm.js';
+
+// src/notifyManager.ts
+var defaultScheduler = systemSetTimeoutZero;
+function createNotifyManager() {
+  let queue = [];
+  let transactions = 0;
+  let notifyFn = (callback) => {
+    callback();
+  };
+  let batchNotifyFn = (callback) => {
+    callback();
+  };
+  let scheduleFn = defaultScheduler;
+  const schedule = (callback) => {
+    if (transactions) {
+      queue.push(callback);
+    } else {
+      scheduleFn(() => {
+        notifyFn(callback);
+      });
+    }
+  };
+  const flush = () => {
+    const originalQueue = queue;
+    queue = [];
+    if (originalQueue.length) {
+      scheduleFn(() => {
+        batchNotifyFn(() => {
+          originalQueue.forEach((callback) => {
+            notifyFn(callback);
+          });
+        });
+      });
+    }
+  };
+  return {
+    batch: (callback) => {
+      let result;
+      transactions++;
+      try {
+        result = callback();
+      } finally {
+        transactions--;
+        if (!transactions) {
+          flush();
+        }
+      }
+      return result;
+    },
+    /**
+     * All calls to the wrapped function will be batched.
+     */
+    batchCalls: (callback) => {
+      return (...args) => {
+        schedule(() => {
+          callback(...args);
+        });
+      };
+    },
+    schedule,
+    /**
+     * Use this method to set a custom notify function.
+     * This can be used to for example wrap notifications with `React.act` while running tests.
+     */
+    setNotifyFunction: (fn) => {
+      notifyFn = fn;
+    },
+    /**
+     * Use this method to set a custom function to batch notifications together into a single tick.
+     * By default React Query will use the batch function provided by ReactDOM or React Native.
+     */
+    setBatchNotifyFunction: (fn) => {
+      batchNotifyFn = fn;
+    },
+    setScheduler: (fn) => {
+      scheduleFn = fn;
+    }
+  };
+}
+var notifyManager = createNotifyManager();
+
+export { createNotifyManager, defaultScheduler, notifyManager };

package/dist/node_modules/@tanstack/query-core/build/modern/onlineManager.esm.js

@@ -0,0 +1,55 @@
+import { Subscribable } from './subscribable.esm.js';
+
+// src/onlineManager.ts
+var OnlineManager = class extends Subscribable {
+  #online = true;
+  #cleanup;
+  #setup;
+  constructor() {
+    super();
+    this.#setup = (onOnline) => {
+      if (typeof window !== "undefined" && window.addEventListener) {
+        const onlineListener = () => onOnline(true);
+        const offlineListener = () => onOnline(false);
+        window.addEventListener("online", onlineListener, false);
+        window.addEventListener("offline", offlineListener, false);
+        return () => {
+          window.removeEventListener("online", onlineListener);
+          window.removeEventListener("offline", offlineListener);
+        };
+      }
+      return;
+    };
+  }
+  onSubscribe() {
+    if (!this.#cleanup) {
+      this.setEventListener(this.#setup);
+    }
+  }
+  onUnsubscribe() {
+    if (!this.hasListeners()) {
+      this.#cleanup?.();
+      this.#cleanup = void 0;
+    }
+  }
+  setEventListener(setup) {
+    this.#setup = setup;
+    this.#cleanup?.();
+    this.#cleanup = setup(this.setOnline.bind(this));
+  }
+  setOnline(online) {
+    const changed = this.#online !== online;
+    if (changed) {
+      this.#online = online;
+      this.listeners.forEach((listener) => {
+        listener(online);
+      });
+    }
+  }
+  isOnline() {
+    return this.#online;
+  }
+};
+var onlineManager = new OnlineManager();
+
+export { OnlineManager, onlineManager };

package/dist/node_modules/@tanstack/query-core/build/modern/query.esm.js

@@ -0,0 +1,16 @@
+import { canFetch } from './retryer.esm.js';
+
+// src/query.ts
+function fetchState(data, options) {
+  return {
+    fetchFailureCount: 0,
+    fetchFailureReason: null,
+    fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused",
+    ...data === void 0 && {
+      error: null,
+      status: "pending"
+    }
+  };
+}
+
+export { fetchState };