@undevy-org/tablewright 0.2.2 → 0.4.0

package/dist/es/hooks/table-orchestration/use-column-gaps.js

@@ -1,9 +1,6 @@
 import { useMemo } from "react";
-import { computeColumnGaps } from "../../lib/column-gaps.js";
+import { computeColumnGaps, gapColumnId } from "../../lib/column-gaps.js";
 const GAP_WIDTH = 32;
-function gapColumnId(afterColumnId) {
-  return `__gap_after_${afterColumnId ?? "start"}`;
-}
 function useColumnGaps({
   columnGroups,
   toggleableColumnIds,
@@ -30,6 +27,5 @@ function useColumnGaps({
   return { columnGaps, extendedColumnMeta, extendedWidths };
 }
 export {
-  gapColumnId,
   useColumnGaps
 };

package/dist/es/hooks/table-orchestration/use-orchestration-actions.js

@@ -99,7 +99,6 @@ function useOrchestrationActions({
     () => store.getState().clearAll(defaultViewKey),
     [defaultViewKey, store]
   );
-  const handleRefresh = useCallback(() => store.getState().startRefresh(), [store]);
   const handleToggleRowSelection = useCallback(
     (id) => store.getState().toggleRowSelection(id),
     [store]
@@ -162,7 +161,6 @@ function useOrchestrationActions({
     handleRemoveSort,
     handleRemoveCustomFilter,
     handleClearAll,
-    handleRefresh,
     handleToggleRowSelection,
     handleToggleHeaderCheck,
     handleExpandRow,

package/dist/es/hooks/table-orchestration-store.js

@@ -31,7 +31,6 @@ function createTableOrchestrationStore({
       page: 1,
       rowsPerPage: initialRowsPerPage,
       density: "normal",
-      isRefreshing: false,
       selectedIds: /* @__PURE__ */ new Set(),
       activeView: defaultViewKey,
       columnsMenuOpen: false,
@@ -112,12 +111,6 @@ function createTableOrchestrationStore({
       setPage: (p) => set({ page: p }),
       setRowsPerPage: (n) => set({ rowsPerPage: n, page: 1 }),
       setDensity: (v) => set({ density: v }),
-      startRefresh: (durationMs = 700) => {
-        set({ isRefreshing: true });
-        if (typeof window !== "undefined") {
-          window.setTimeout(() => set({ isRefreshing: false }), durationMs);
-        }
-      },
       setSelectedIds: (next) => set((s) => ({
         selectedIds: typeof next === "function" ? next(s.selectedIds) : next
       })),

package/dist/es/hooks/useTableOrchestration.js

@@ -43,7 +43,6 @@ function useTableOrchestration(config) {
   const storedPage = useStore(store, (s) => s.page);
   const rowsPerPage = useStore(store, (s) => s.rowsPerPage);
   const density = useStore(store, (s) => s.density);
-  const isRefreshing = useStore(store, (s) => s.isRefreshing);
   const storedSelectedIds = useStore(store, (s) => s.selectedIds);
   const activeView = useStore(store, (s) => s.activeView);
   const columnsMenuOpen = useStore(store, (s) => s.columnsMenuOpen);
@@ -150,7 +149,6 @@ function useTableOrchestration(config) {
     handleRemoveSort,
     handleRemoveCustomFilter,
     handleClearAll,
-    handleRefresh,
     handleToggleRowSelection,
     handleToggleHeaderCheck,
     handleExpandRow,
@@ -191,7 +189,6 @@ function useTableOrchestration(config) {
     rowsPerPage,
     density,
     setDensity,
-    isRefreshing,
     selectedIds,
     setSelectedIds,
     activeView,
@@ -238,7 +235,6 @@ function useTableOrchestration(config) {
     handleRemoveSort,
     handleRemoveCustomFilter,
     handleClearAll,
-    handleRefresh,
     handleToggleRowSelection,
     handleToggleHeaderCheck,
     handleExpandRow,

package/dist/es/index.js

@@ -65,7 +65,7 @@ import { getCompoundValue, getDateRange, getNumberRange, getStringArray, isFilte
 import { useTableOrchestration } from "./hooks/useTableOrchestration.js";
 import { createTableOrchestrationStore, defaultValueForFilter } from "./hooks/table-orchestration-store.js";
 import { useRowDragOverride } from "./hooks/useRowDragOverride.js";
-import { computeColumnGaps } from "./lib/column-gaps.js";
+import { computeColumnGaps, gapColumnId } from "./lib/column-gaps.js";
 import { computeColumnStats } from "./lib/filter-stats.js";
 import { formatEnumLabel } from "./lib/format-enum.js";
 import { displayTimeZone, formatDateParts, formatLiveTimestamp, parsePossibleTimestamp } from "./lib/format-timestamp.js";
@@ -184,6 +184,7 @@ export {
   formatDateParts,
   formatEnumLabel,
   formatLiveTimestamp,
+  gapColumnId,
   getCompoundValue,
   getDateRange,
   getNumberRange,

package/dist/es/lib/column-gaps.js

@@ -1,3 +1,6 @@
+function gapColumnId(afterColumnId) {
+  return `__gap_after_${afterColumnId ?? "start"}`;
+}
 function computeColumnGaps(orderedColumnIds, columnVisibility) {
   const gaps = [];
   let lastVisibleId = null;
@@ -19,5 +22,6 @@ function computeColumnGaps(orderedColumnIds, columnVisibility) {
   return gaps;
 }
 export {
-  computeColumnGaps
+  computeColumnGaps,
+  gapColumnId
 };

package/dist/tablewright.cjs

@@ -4303,7 +4303,6 @@ function createTableOrchestrationStore({
       page: 1,
       rowsPerPage: initialRowsPerPage,
       density: "normal",
-      isRefreshing: false,
       selectedIds: /* @__PURE__ */ new Set(),
       activeView: defaultViewKey,
       columnsMenuOpen: false,
@@ -4384,12 +4383,6 @@ function createTableOrchestrationStore({
       setPage: (p) => set({ page: p }),
       setRowsPerPage: (n) => set({ rowsPerPage: n, page: 1 }),
       setDensity: (v) => set({ density: v }),
-      startRefresh: (durationMs = 700) => {
-        set({ isRefreshing: true });
-        if (typeof window !== "undefined") {
-          window.setTimeout(() => set({ isRefreshing: false }), durationMs);
-        }
-      },
       setSelectedIds: (next) => set((s) => ({
         selectedIds: typeof next === "function" ? next(s.selectedIds) : next
       })),
@@ -4528,6 +4521,9 @@ function useColumnFilterStats(rows, filteredRows, filterConfigs, isFiltered) {
     return result;
   }, [allStats, filteredStats]);
 }
+function gapColumnId(afterColumnId) {
+  return `__gap_after_${afterColumnId ?? "start"}`;
+}
 function computeColumnGaps(orderedColumnIds, columnVisibility) {
   const gaps = [];
   let lastVisibleId = null;
@@ -4549,9 +4545,6 @@ function computeColumnGaps(orderedColumnIds, columnVisibility) {
   return gaps;
 }
 const GAP_WIDTH = 32;
-function gapColumnId(afterColumnId) {
-  return `__gap_after_${afterColumnId ?? "start"}`;
-}
 function useColumnGaps({
   columnGroups,
   toggleableColumnIds,
@@ -4704,7 +4697,6 @@ function useOrchestrationActions({
     () => store.getState().clearAll(defaultViewKey),
     [defaultViewKey, store]
   );
-  const handleRefresh = React.useCallback(() => store.getState().startRefresh(), [store]);
   const handleToggleRowSelection = React.useCallback(
     (id) => store.getState().toggleRowSelection(id),
     [store]
@@ -4767,7 +4759,6 @@ function useOrchestrationActions({
     handleRemoveSort,
     handleRemoveCustomFilter,
     handleClearAll,
-    handleRefresh,
     handleToggleRowSelection,
     handleToggleHeaderCheck,
     handleExpandRow,
@@ -4848,7 +4839,6 @@ function useTableOrchestration(config) {
   const storedPage = zustand.useStore(store, (s) => s.page);
   const rowsPerPage = zustand.useStore(store, (s) => s.rowsPerPage);
   const density = zustand.useStore(store, (s) => s.density);
-  const isRefreshing = zustand.useStore(store, (s) => s.isRefreshing);
   const storedSelectedIds = zustand.useStore(store, (s) => s.selectedIds);
   const activeView = zustand.useStore(store, (s) => s.activeView);
   const columnsMenuOpen = zustand.useStore(store, (s) => s.columnsMenuOpen);
@@ -4955,7 +4945,6 @@ function useTableOrchestration(config) {
     handleRemoveSort,
     handleRemoveCustomFilter,
     handleClearAll,
-    handleRefresh,
     handleToggleRowSelection,
     handleToggleHeaderCheck,
     handleExpandRow,
@@ -4996,7 +4985,6 @@ function useTableOrchestration(config) {
     rowsPerPage,
     density,
     setDensity,
-    isRefreshing,
     selectedIds,
     setSelectedIds,
     activeView,
@@ -5043,7 +5031,6 @@ function useTableOrchestration(config) {
     handleRemoveSort,
     handleRemoveCustomFilter,
     handleClearAll,
-    handleRefresh,
     handleToggleRowSelection,
     handleToggleHeaderCheck,
     handleExpandRow,
@@ -5544,6 +5531,7 @@ exports.displayTimeZone = displayTimeZone;
 exports.formatDateParts = formatDateParts;
 exports.formatEnumLabel = formatEnumLabel;
 exports.formatLiveTimestamp = formatLiveTimestamp;
+exports.gapColumnId = gapColumnId;
 exports.getCompoundValue = getCompoundValue;
 exports.getDateRange = getDateRange;
 exports.getNumberRange = getNumberRange;

package/dist/types/hooks/table-orchestration/use-column-gaps.d.ts

@@ -1,8 +1,6 @@
 import type { VisibilityState } from "@tanstack/react-table";
 import type { ColumnGap, ColumnGroup } from "../../components/data-table/filter-types.js";
 import type { ColumnMetaDef } from "../../components/data-table/types.js";
-/** Column id of the gap indicator column placed after `afterColumnId` (`null` = at the start). */
-export declare function gapColumnId(afterColumnId: string | null): string;
 /** Gap indicators for hidden columns, plus column meta/widths extended with the gap columns. */
 export declare function useColumnGaps({ columnGroups, toggleableColumnIds, columnVisibility, columnMeta, widths, }: {
     columnGroups: ColumnGroup[] | undefined;

package/dist/types/hooks/table-orchestration/use-orchestration-actions.d.ts

@@ -33,7 +33,6 @@ export declare function useOrchestrationActions<TRow extends object, TViewKey ex
     handleRemoveSort: () => void;
     handleRemoveCustomFilter: () => void;
     handleClearAll: () => void;
-    handleRefresh: () => void;
     handleToggleRowSelection: (id: string) => void;
     handleToggleHeaderCheck: () => void;
     handleExpandRow: (row: TRow, e: React.MouseEvent) => void;

package/dist/types/hooks/table-orchestration-store.d.ts

@@ -14,8 +14,6 @@ export interface TableOrchestrationState<TViewKey extends string = string> {
     page: number;
     rowsPerPage: number;
     density: "normal" | "dense";
-    /** @deprecated Demo-only: it only spins for a fixed time (700 ms by default) and refetches nothing. Keep refresh state in your data layer (e.g. your query's `isFetching`). Will be removed in a future minor release. */
-    isRefreshing: boolean;
     selectedIds: Set<string>;
     activeView: TViewKey;
     columnsMenuOpen: boolean;
@@ -44,8 +42,6 @@ export interface TableOrchestrationActions<TViewKey extends string = string> {
     setPage: (p: number) => void;
     setRowsPerPage: (n: number) => void;
     setDensity: (v: "normal" | "dense") => void;
-    /** @deprecated Demo-only: it only spins for a fixed time (700 ms by default) and refetches nothing. Keep refresh state in your data layer (e.g. your query's `isFetching`). Will be removed in a future minor release. */
-    startRefresh: (durationMs?: number) => void;
     setSelectedIds: (next: Set<string> | ((prev: Set<string>) => Set<string>)) => void;
     toggleRowSelection: (id: string) => void;
     toggleHeaderCheck: (pageIds: string[], allOnPageSelected: boolean) => void;

package/dist/types/hooks/useTableOrchestration.d.ts

@@ -53,8 +53,6 @@ export interface TableOrchestrationReturn<TRow extends object, TViewKey extends
     rowsPerPage: number;
     density: "normal" | "dense";
     setDensity: (v: "normal" | "dense") => void;
-    /** @deprecated Demo-only: it only spins for a fixed time (700 ms by default) and refetches nothing. Keep refresh state in your data layer (e.g. your query's `isFetching`). Will be removed in a future minor release. */
-    isRefreshing: boolean;
     selectedIds: Set<string>;
     setSelectedIds: React.Dispatch<React.SetStateAction<Set<string>>>;
     activeView: TViewKey;
@@ -102,8 +100,6 @@ export interface TableOrchestrationReturn<TRow extends object, TViewKey extends
     handleRemoveSort: () => void;
     handleRemoveCustomFilter: () => void;
     handleClearAll: () => void;
-    /** @deprecated Demo-only: it only spins for a fixed time (700 ms by default) and refetches nothing. Keep refresh state in your data layer (e.g. your query's `isFetching`). Will be removed in a future minor release. */
-    handleRefresh: () => void;
     handleToggleRowSelection: (id: string) => void;
     handleToggleHeaderCheck: () => void;
     handleExpandRow: (row: TRow, e: React.MouseEvent) => void;

package/dist/types/index.d.ts

@@ -96,7 +96,7 @@ export { createTableOrchestrationStore, defaultValueForFilter, } from "./hooks/t
 export type { TableOrchestrationState, TableOrchestrationActions, TableOrchestrationStore, TableOrchestrationStoreApi, } from "./hooks/table-orchestration-store.js";
 export { useRowDragOverride } from "./hooks/useRowDragOverride.js";
 export type { UseRowDragOverrideResult } from "./hooks/useRowDragOverride.js";
-export { computeColumnGaps } from "./lib/column-gaps.js";
+export { computeColumnGaps, gapColumnId } from "./lib/column-gaps.js";
 export { computeColumnStats } from "./lib/filter-stats.js";
 export { formatEnumLabel } from "./lib/format-enum.js";
 export { formatDateParts, parsePossibleTimestamp, formatLiveTimestamp, displayTimeZone, } from "./lib/format-timestamp.js";

package/dist/types/lib/column-gaps.d.ts

@@ -1,3 +1,9 @@
 import type { VisibilityState } from "@tanstack/react-table";
 import type { ColumnGap } from "../components/data-table/filter-types.js";
+/**
+ * Column id of the gap indicator column placed after `afterColumnId` (`null` =
+ * at the start). `useTableOrchestration` keys `extendedColumnMeta` /
+ * `extendedWidths` by it, so gap columns you define must use the same id.
+ */
+export declare function gapColumnId(afterColumnId: string | null): string;
 export declare function computeColumnGaps(orderedColumnIds: readonly string[], columnVisibility: VisibilityState): ColumnGap[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undevy-org/tablewright",
-  "version": "0.2.2",
+  "version": "0.4.0",
   "description": "React data-table and application-shell components: filters, drawers, row controls, sortable and resizable columns, built on Radix UI and TanStack Table.",
   "license": "MIT",
   "repository": {