@undevy-org/tablewright 0.2.2 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/hooks/table-orchestration/use-column-gaps.js +1 -5
- package/dist/es/index.js +2 -1
- package/dist/es/lib/column-gaps.js +5 -1
- package/dist/tablewright.cjs +4 -3
- package/dist/types/hooks/table-orchestration/use-column-gaps.d.ts +0 -2
- package/dist/types/index.d.ts +1 -1
- package/dist/types/lib/column-gaps.d.ts +6 -0
- package/package.json +1 -1
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { useMemo } from "react";
|
|
2
|
-
import { computeColumnGaps } from "../../lib/column-gaps.js";
|
|
2
|
+
import { computeColumnGaps, gapColumnId } from "../../lib/column-gaps.js";
|
|
3
3
|
const GAP_WIDTH = 32;
|
|
4
|
-
function gapColumnId(afterColumnId) {
|
|
5
|
-
return `__gap_after_${afterColumnId ?? "start"}`;
|
|
6
|
-
}
|
|
7
4
|
function useColumnGaps({
|
|
8
5
|
columnGroups,
|
|
9
6
|
toggleableColumnIds,
|
|
@@ -30,6 +27,5 @@ function useColumnGaps({
|
|
|
30
27
|
return { columnGaps, extendedColumnMeta, extendedWidths };
|
|
31
28
|
}
|
|
32
29
|
export {
|
|
33
|
-
gapColumnId,
|
|
34
30
|
useColumnGaps
|
|
35
31
|
};
|
package/dist/es/index.js
CHANGED
|
@@ -65,7 +65,7 @@ import { getCompoundValue, getDateRange, getNumberRange, getStringArray, isFilte
|
|
|
65
65
|
import { useTableOrchestration } from "./hooks/useTableOrchestration.js";
|
|
66
66
|
import { createTableOrchestrationStore, defaultValueForFilter } from "./hooks/table-orchestration-store.js";
|
|
67
67
|
import { useRowDragOverride } from "./hooks/useRowDragOverride.js";
|
|
68
|
-
import { computeColumnGaps } from "./lib/column-gaps.js";
|
|
68
|
+
import { computeColumnGaps, gapColumnId } from "./lib/column-gaps.js";
|
|
69
69
|
import { computeColumnStats } from "./lib/filter-stats.js";
|
|
70
70
|
import { formatEnumLabel } from "./lib/format-enum.js";
|
|
71
71
|
import { displayTimeZone, formatDateParts, formatLiveTimestamp, parsePossibleTimestamp } from "./lib/format-timestamp.js";
|
|
@@ -184,6 +184,7 @@ export {
|
|
|
184
184
|
formatDateParts,
|
|
185
185
|
formatEnumLabel,
|
|
186
186
|
formatLiveTimestamp,
|
|
187
|
+
gapColumnId,
|
|
187
188
|
getCompoundValue,
|
|
188
189
|
getDateRange,
|
|
189
190
|
getNumberRange,
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
function gapColumnId(afterColumnId) {
|
|
2
|
+
return `__gap_after_${afterColumnId ?? "start"}`;
|
|
3
|
+
}
|
|
1
4
|
function computeColumnGaps(orderedColumnIds, columnVisibility) {
|
|
2
5
|
const gaps = [];
|
|
3
6
|
let lastVisibleId = null;
|
|
@@ -19,5 +22,6 @@ function computeColumnGaps(orderedColumnIds, columnVisibility) {
|
|
|
19
22
|
return gaps;
|
|
20
23
|
}
|
|
21
24
|
export {
|
|
22
|
-
computeColumnGaps
|
|
25
|
+
computeColumnGaps,
|
|
26
|
+
gapColumnId
|
|
23
27
|
};
|
package/dist/tablewright.cjs
CHANGED
|
@@ -4528,6 +4528,9 @@ function useColumnFilterStats(rows, filteredRows, filterConfigs, isFiltered) {
|
|
|
4528
4528
|
return result;
|
|
4529
4529
|
}, [allStats, filteredStats]);
|
|
4530
4530
|
}
|
|
4531
|
+
function gapColumnId(afterColumnId) {
|
|
4532
|
+
return `__gap_after_${afterColumnId ?? "start"}`;
|
|
4533
|
+
}
|
|
4531
4534
|
function computeColumnGaps(orderedColumnIds, columnVisibility) {
|
|
4532
4535
|
const gaps = [];
|
|
4533
4536
|
let lastVisibleId = null;
|
|
@@ -4549,9 +4552,6 @@ function computeColumnGaps(orderedColumnIds, columnVisibility) {
|
|
|
4549
4552
|
return gaps;
|
|
4550
4553
|
}
|
|
4551
4554
|
const GAP_WIDTH = 32;
|
|
4552
|
-
function gapColumnId(afterColumnId) {
|
|
4553
|
-
return `__gap_after_${afterColumnId ?? "start"}`;
|
|
4554
|
-
}
|
|
4555
4555
|
function useColumnGaps({
|
|
4556
4556
|
columnGroups,
|
|
4557
4557
|
toggleableColumnIds,
|
|
@@ -5544,6 +5544,7 @@ exports.displayTimeZone = displayTimeZone;
|
|
|
5544
5544
|
exports.formatDateParts = formatDateParts;
|
|
5545
5545
|
exports.formatEnumLabel = formatEnumLabel;
|
|
5546
5546
|
exports.formatLiveTimestamp = formatLiveTimestamp;
|
|
5547
|
+
exports.gapColumnId = gapColumnId;
|
|
5547
5548
|
exports.getCompoundValue = getCompoundValue;
|
|
5548
5549
|
exports.getDateRange = getDateRange;
|
|
5549
5550
|
exports.getNumberRange = getNumberRange;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import type { VisibilityState } from "@tanstack/react-table";
|
|
2
2
|
import type { ColumnGap, ColumnGroup } from "../../components/data-table/filter-types.js";
|
|
3
3
|
import type { ColumnMetaDef } from "../../components/data-table/types.js";
|
|
4
|
-
/** Column id of the gap indicator column placed after `afterColumnId` (`null` = at the start). */
|
|
5
|
-
export declare function gapColumnId(afterColumnId: string | null): string;
|
|
6
4
|
/** Gap indicators for hidden columns, plus column meta/widths extended with the gap columns. */
|
|
7
5
|
export declare function useColumnGaps({ columnGroups, toggleableColumnIds, columnVisibility, columnMeta, widths, }: {
|
|
8
6
|
columnGroups: ColumnGroup[] | undefined;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -96,7 +96,7 @@ export { createTableOrchestrationStore, defaultValueForFilter, } from "./hooks/t
|
|
|
96
96
|
export type { TableOrchestrationState, TableOrchestrationActions, TableOrchestrationStore, TableOrchestrationStoreApi, } from "./hooks/table-orchestration-store.js";
|
|
97
97
|
export { useRowDragOverride } from "./hooks/useRowDragOverride.js";
|
|
98
98
|
export type { UseRowDragOverrideResult } from "./hooks/useRowDragOverride.js";
|
|
99
|
-
export { computeColumnGaps } from "./lib/column-gaps.js";
|
|
99
|
+
export { computeColumnGaps, gapColumnId } from "./lib/column-gaps.js";
|
|
100
100
|
export { computeColumnStats } from "./lib/filter-stats.js";
|
|
101
101
|
export { formatEnumLabel } from "./lib/format-enum.js";
|
|
102
102
|
export { formatDateParts, parsePossibleTimestamp, formatLiveTimestamp, displayTimeZone, } from "./lib/format-timestamp.js";
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import type { VisibilityState } from "@tanstack/react-table";
|
|
2
2
|
import type { ColumnGap } from "../components/data-table/filter-types.js";
|
|
3
|
+
/**
|
|
4
|
+
* Column id of the gap indicator column placed after `afterColumnId` (`null` =
|
|
5
|
+
* at the start). `useTableOrchestration` keys `extendedColumnMeta` /
|
|
6
|
+
* `extendedWidths` by it, so gap columns you define must use the same id.
|
|
7
|
+
*/
|
|
8
|
+
export declare function gapColumnId(afterColumnId: string | null): string;
|
|
3
9
|
export declare function computeColumnGaps(orderedColumnIds: readonly string[], columnVisibility: VisibilityState): ColumnGap[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@undevy-org/tablewright",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "React data-table and application-shell components: filters, drawers, row controls, sortable and resizable columns, built on Radix UI and TanStack Table.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|