@atscript/vue-table 0.1.141 → 0.1.142

package/dist/{use-table-state-BgLIOO31.mjs → use-table-state-Cq-3tbVr.mjs}

@@ -1,7 +1,7 @@
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
 import { navigateHrefFor } from "@atscript/ui";
 import { computed, inject, nextTick, onBeforeUnmount, onScopeDispose, provide, ref, shallowRef, toValue, watch } from "vue";
-import { DEV, STANDARD_PRESET_ID, arraysEqual, blockStartFor, buildTableQuery, cellAsString, debounce, derivePresetAspects, filterExprFields, filterExprKey, fromWireSnapshot, gateOwns, isDirtyAgainst, isFilled, isSystemPresetId, mergeDisplayColumns, mergeSorters, normalizeResidualFilters, pageAlignedBlocksFor, planFetch, prunePresetSnapshot, pruneResidualFilters, reconcileColumnWidthDefaults, residualGateOwns, resolveAspectGate, resolveSystemPresets, restoreDroppedEntries, rowsToPks, sameColumnSet, sortRowsLocally, sortersEqual, stateToUrlQueryString, togglePk, urlQueryStringToState, walkBackwardAbsorb, walkForwardAbsorb } from "@atscript/ui-table";
+import { DEV, STANDARD_PRESET_ID, arraysEqual, blockStartFor, buildTableQuery, canonicalPresetSnapshot, cellAsString, compactFieldFilters, debounce, derivePresetAspects, filterExprFields, filterExprKey, fromWireSnapshot, gateOwns, isDirtyAgainst, isFilled, isSystemPresetId, mergeDisplayColumns, mergeSorters, normalizeResidualFilters, pageAlignedBlocksFor, planFetch, prunePresetSnapshot, pruneResidualFilters, reconcileColumnWidthDefaults, residualGateOwns, resolveAspectGate, resolveSystemPresets, restoreDroppedEntries, rowsToPks, sameColumnSet, sortRowsLocally, sortersEqual, stateToUrlQueryString, togglePk, urlQueryStringToState, walkBackwardAbsorb, walkForwardAbsorb } from "@atscript/ui-table";
 import { formatIdentifier } from "@atscript/db-client";
 //#region src/types.ts
 /** UI-side sentinel for the synthesised row-delete processor. */
@@ -565,6 +565,14 @@ function buildRemoveAction(opts) {
 /** Shared verdicts — frozen, so the common case allocates nothing per row. */
 const SELECTABLE = Object.freeze({ ok: true });
 const NOT_SELECTABLE = Object.freeze({ ok: false });
+/**
+* The header tri-state from how many of the rows in scope are eligible and
+* how many of those are selected.
+*/
+function toSelectAllState(selected, selectable) {
+	if (selected === 0) return "none";
+	return selected >= selectable ? "all" : "some";
+}
 /** Normalise a {@link RowSelectableHook} return value. `""` carries no reason. */
 function verdictOf(value) {
 	if (value === void 0 || value === true) return SELECTABLE;
@@ -602,22 +610,33 @@ function createSelectionApi(opts, getActiveRow, activeIndex) {
 		for (let i = 0; i < rows.length; i++) if (isRowSelectable(rows[i], i).ok) n++;
 		return n;
 	}
+	function eligiblePks(rows) {
+		return rowsToPks(selectableRows(rows), rowValueFn);
+	}
+	function addPks(pks) {
+		const current = selectedSet.value;
+		const added = [...new Set(pks)].filter((pk) => !current.has(pk));
+		if (added.length > 0) selectedRows.value = [...selectedRows.value, ...added];
+	}
+	function removePks(pks) {
+		const drop = new Set(pks);
+		const next = selectedRows.value.filter((pk) => !drop.has(pk));
+		if (next.length !== selectedRows.value.length) selectedRows.value = next;
+	}
 	function selectAll(rows, indexOf) {
-		if (!rowSelectable.value) {
-			selectedRows.value = rowsToPks(rows, rowValueFn);
-			return;
-		}
-		const out = [];
-		const seen = /* @__PURE__ */ new Set();
-		for (let i = 0; i < rows.length; i++) {
-			const row = rows[i];
-			const pk = rowValueFn(row);
-			if (seen.has(pk)) continue;
-			if (!isRowSelectable(row, indexOf ? indexOf(i) : i).ok && !isPkSelected(pk)) continue;
-			seen.add(pk);
-			out.push(pk);
-		}
-		selectedRows.value = out;
+		addPks(rowsToPks(indexOf ? rows.filter((row, i) => isRowSelectable(row, indexOf(i)).ok) : selectableRows(rows), rowValueFn));
+	}
+	function deselectAll(rows) {
+		removePks(eligiblePks(rows));
+	}
+	function toggleAll(rows) {
+		const pks = eligiblePks(rows);
+		const selected = pks.filter((pk) => selectedSet.value.has(pk)).length;
+		if (toSelectAllState(selected, pks.length) === "all") removePks(pks);
+		else addPks(pks);
+	}
+	function clearSelection() {
+		if (selectedRows.value.length > 0) selectedRows.value = [];
 	}
 	function toggleActiveSelection(mode) {
 		if (mode === "none") return;
@@ -637,6 +656,9 @@ function createSelectionApi(opts, getActiveRow, activeIndex) {
 		selectableRows,
 		selectableCount,
 		selectAll,
+		deselectAll,
+		toggleAll,
+		clearSelection,
 		toggleActiveSelection
 	};
 }
@@ -854,6 +876,15 @@ function createNavController(inputs) {
 	};
 }
 /**
+* Toggle the row at `index`: it becomes the active row, then the active row
+* toggles. Selectability is NOT re-checked here: `toggleActiveSelection`
+* gates on `rowSelectable` itself, which is the single place that rule lives.
+*/
+function toggleRowAt(index, mode, state) {
+	state.setActive(index);
+	state.toggleActiveSelection(mode);
+}
+/**
 * `@keydown` handler for a row's SELECTION CONTROL (the leading checkbox),
 * shared by `<AsTableBase>` and `<AsWindowTableBase>`. The control carries
 * `role="checkbox"`, so the tbody-level nav handler deliberately leaves
@@ -862,16 +893,13 @@ function createNavController(inputs) {
 * Keys other than Space, and `select="none"`, fall through untouched; only
 * once the press is ours do we consume it, so the Reka-wrapped rendering
 * modes (which never bind this handler) keep Space for their own item.
-* Selectability is NOT re-checked here: `toggleActiveSelection` gates on
-* `rowSelectable` itself, which is the single place that rule lives.
 */
 function onSelectControlKeydown(event, index, mode, state) {
 	if (event.key !== " ") return;
 	if (mode === "none") return;
 	event.preventDefault();
 	event.stopPropagation();
-	state.setActive(index);
-	state.toggleActiveSelection(mode);
+	toggleRowAt(index, mode, state);
 }
 //#endregion
 //#region src/composables/preset-aspect-display.ts
@@ -1022,7 +1050,7 @@ function createPresetState(opts) {
 			},
 			apply(o, value, isSystem) {
 				if (!value && !isSystem) return;
-				o.filters.value = value ? { ...value } : {};
+				o.filters.value = value ? { ...compactFieldFilters(value) } : {};
 				if (o.residualFilters?.value.length) o.residualFilters.value = [];
 			},
 			expandDefault: () => ({})
@@ -1170,6 +1198,11 @@ function createPresetState(opts) {
 		const wire = row.data?.content;
 		return wire ? fromWireSnapshot(wire) : {};
 	});
+	const defaultWidths = computed((prev) => {
+		const next = {};
+		for (const [path, entry] of Object.entries(opts.columnWidths.value)) next[path] = entry.d;
+		return prev && shallowEqual(prev, next) ? prev : next;
+	});
 	const prunedActive = computed(() => {
 		const known = opts.knownFields?.value;
 		const stored = storedActiveSnapshot.value;
@@ -1178,7 +1211,7 @@ function createPresetState(opts) {
 			dropped: null
 		};
 	});
-	const activeSnapshot = computed(() => prunedActive.value.snapshot);
+	const activeSnapshot = computed(() => canonicalPresetSnapshot(prunedActive.value.snapshot, defaultWidths.value));
 	const droppedFields = computed(() => {
 		const dropped = prunedActive.value.dropped;
 		const presetId = activeId.value;
@@ -1326,6 +1359,12 @@ function createPresetState(opts) {
 		}
 	};
 }
+function shallowEqual(a, b) {
+	const keys = Object.keys(a);
+	if (keys.length !== Object.keys(b).length) return false;
+	for (const k of keys) if (a[k] !== b[k]) return false;
+	return true;
+}
 function inertMutator() {
 	throw new Error("[vue-table] presets feature not configured (preset.url missing)");
 }
@@ -1968,7 +2007,7 @@ function createTableState(opts) {
 		if (idx < 0) return void 0;
 		return navMode.value === "window" ? dataAt(idx) : results.value[idx];
 	}
-	const { selectedRows, selectedCount, rowValueFn, isPkSelected, rowSelectable, isRowSelectable, selectableRows, selectableCount, selectAll, toggleActiveSelection } = createSelectionApi(selectionOpts, getActiveRow, activeIndex);
+	const { selectedRows, selectedCount, rowValueFn, isPkSelected, rowSelectable, isRowSelectable, selectableRows, selectableCount, selectAll, deselectAll, toggleAll, clearSelection, toggleActiveSelection } = createSelectionApi(selectionOpts, getActiveRow, activeIndex);
 	const { actions } = createActions({
 		tableDef,
 		client,
@@ -2143,6 +2182,9 @@ function createTableState(opts) {
 		selectableRows,
 		selectableCount,
 		selectAll,
+		deselectAll,
+		toggleAll,
+		clearSelection,
 		rowDelete,
 		rowActions,
 		includeActions,
@@ -2206,14 +2248,11 @@ function createTableState(opts) {
 			filterFields.value = filterFields.value.filter((f) => f !== path);
 		},
 		setFieldFilter(path, conditions) {
-			if (!conditions.some(isFilled)) {
-				if (!(path in filters.value)) return;
-				const { [path]: _, ...rest } = filters.value;
-				filters.value = rest;
-			} else filters.value = {
+			if (!conditions.some(isFilled) && !(path in filters.value)) return;
+			filters.value = compactFieldFilters({
 				...filters.value,
 				[path]: conditions
-			};
+			});
 		},
 		setColumnWidth(path, width) {
 			writeColumnWidth(path, width);
@@ -2634,4 +2673,4 @@ function useRegisterMainActionListener(state, listener, enabled) {
 	});
 }
 //#endregion
-export { intentClass as C, triggerAction as D, isPlainLeftClick as E, ROW_ACTIONS_PATH as O, extractIdentifier as S, isModClick as T, applyRowGate as _, useTableContext as a, collectIdentifiers as b, warnUnsupportedFilter as c, ASPECT_LABELS as d, ownerNameOf as f, rowActionHref as g, onSelectControlKeydown as h, useRegisterMainActionListener as i, ROW_ACTIONS_TYPE as k, DEFAULT_AVAILABLE_ASPECTS as l, INTERACTIVE_SELECTOR as m, createTableState as n, useTableContextOptional as o, readPresetLabel as p, provideTableContext as r, warnFieldsDropped as s, createStaticTableState as t, ASPECT_ICONS as u, applyRowsGate as v, intentToScope as w, createNavigateGestures as x, ariaLabelFor as y };
+export { ROW_ACTIONS_PATH as A, createNavigateGestures as C, isModClick as D, intentToScope as E, isPlainLeftClick as O, collectIdentifiers as S, intentClass as T, toSelectAllState as _, useTableContext as a, applyRowsGate as b, warnUnsupportedFilter as c, ASPECT_LABELS as d, ownerNameOf as f, toggleRowAt as g, onSelectControlKeydown as h, useRegisterMainActionListener as i, ROW_ACTIONS_TYPE as j, triggerAction as k, DEFAULT_AVAILABLE_ASPECTS as l, INTERACTIVE_SELECTOR as m, createTableState as n, useTableContextOptional as o, readPresetLabel as p, provideTableContext as r, warnFieldsDropped as s, createStaticTableState as t, ASPECT_ICONS as u, rowActionHref as v, extractIdentifier as w, ariaLabelFor as x, applyRowGate as y };

package/dist/{use-table-rc6_sYU6.cjs → use-table-yZNJTfRq.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-CgXY-ruN.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.cjs");
 const require_use_table_selection = require("./use-table-selection-DtCV3rhu.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atscript/vue-table",
-  "version": "0.1.141",
+  "version": "0.1.142",
   "description": "Type-driven table components for Atscript with Vue 3",
   "keywords": [
     "atscript",
@@ -167,16 +167,16 @@
     "access": "public"
   },
   "dependencies": {
-    "@atscript/ui": "^0.1.141",
-    "@atscript/ui-table": "^0.1.141",
-    "@atscript/vue-form": "^0.1.141"
+    "@atscript/vue-form": "^0.1.142",
+    "@atscript/ui-table": "^0.1.142",
+    "@atscript/ui": "^0.1.142"
   },
   "devDependencies": {
-    "@atscript/db-client": "^0.1.133",
+    "@atscript/db-client": "^0.1.136",
     "@atscript/typescript": "^0.1.93",
     "@tanstack/vue-virtual": "^3.13.26",
-    "@uniqu/core": "^0.1.10",
-    "@uniqu/url": "^0.1.10",
+    "@uniqu/core": "^0.1.11",
+    "@uniqu/url": "^0.1.11",
     "@vitejs/plugin-vue": "^6",
     "@vue/test-utils": "^2",
     "@vueuse/core": "^14.3.0",
@@ -189,9 +189,9 @@
     "vunor": "^0.3.0"
   },
   "peerDependencies": {
-    "@atscript/db-client": "^0.1.133",
+    "@atscript/db-client": "^0.1.136",
     "@tanstack/vue-virtual": "^3.13.26",
-    "@uniqu/url": "^0.1.10",
+    "@uniqu/url": "^0.1.11",
     "@vueuse/core": "^14.3.0",
     "reka-ui": "^2.9.8",
     "vue": "^3"