@atscript/vue-table 0.1.136 → 0.1.138

package/dist/use-table-column-handlers-r47WDxEh.cjs

@@ -0,0 +1,96 @@
+const require_use_table_state = require("./use-table-state-CoVe_8NI.cjs");
+let vue = require("vue");
+let _atscript_ui_table = require("@atscript/ui-table");
+//#region src/composables/use-row-actions-column.ts
+/**
+* The synthesised row-actions pseudo-column, shared by `<AsTable>` and
+* `<AsWindowTable>`. Returns the renderer's effective column list — the base
+* columns with a fixed `__actions` column prepended / appended per
+* `placement` — and opts the table into per-row `$actions` while the column
+* is shown.
+*/
+function useRowActionsColumn(state, opts) {
+	(0, vue.watch)(() => {
+		const placement = opts.placement();
+		if (!placement) return false;
+		if (placement === "merge-select" && opts.select() !== "none") return false;
+		return state.actions.cellRow.length > 0;
+	}, (on) => {
+		state.includeActions.value = on;
+	}, { immediate: true });
+	const actionsCol = (0, vue.computed)(() => {
+		const acts = state.actions.row;
+		return {
+			path: require_use_table_state.ROW_ACTIONS_PATH,
+			label: "",
+			type: require_use_table_state.ROW_ACTIONS_TYPE,
+			sortable: false,
+			filterable: false,
+			nullable: false,
+			order: 0,
+			fixed: true,
+			width: acts.length === 1 && !acts[0]?.icon ? "8em" : "4em"
+		};
+	});
+	return (0, vue.computed)(() => {
+		const base = opts.columns();
+		const placement = opts.placement();
+		if (placement === false || placement === void 0) return base;
+		if (state.actions.row.length === 0) return base;
+		if (placement === "first") return [actionsCol.value, ...base];
+		if (placement === "last") return [...base, actionsCol.value];
+		if (opts.select() === "none") return [actionsCol.value, ...base];
+		return base;
+	});
+}
+//#endregion
+//#region src/composables/use-table-column-handlers.ts
+/**
+* Pure pass-through handlers shared between the pagination renderer
+* (`<AsTable>`) and the window renderer (`<AsWindowTableBase>`). Selection
+* and row-mouse handlers stay in their owning components because their
+* semantics diverge meaningfully (window has no "all" state; standalone
+* vs Reka renderModes need different gating).
+*/
+function useTableColumnHandlers(state) {
+	return {
+		onSort(column, direction) {
+			state.sorters.value = direction === null ? [] : [{
+				field: column.path,
+				direction
+			}];
+		},
+		onHide(column) {
+			state.columnNames.value = state.columnNames.value.filter((n) => n !== column.path);
+		},
+		onFilter(column) {
+			state.openFilterDialog(column);
+		},
+		onFiltersOff(column) {
+			state.removeFieldFilter(column.path);
+		},
+		onResetWidth(column) {
+			state.resetColumnWidth(column.path);
+		},
+		onReorder(fromPath, toPath, position) {
+			state.columnNames.value = (0, _atscript_ui_table.reorderColumnNames)(state.columnNames.value, fromPath, toPath, position);
+		},
+		onClearFilters() {
+			state.resetFilters();
+			if (state.searchTerm.value) state.searchTerm.value = "";
+		}
+	};
+}
+//#endregion
+Object.defineProperty(exports, "useRowActionsColumn", {
+	enumerable: true,
+	get: function() {
+		return useRowActionsColumn;
+	}
+});
+Object.defineProperty(exports, "useTableColumnHandlers", {
+	enumerable: true,
+	get: function() {
+		return useTableColumnHandlers;
+	}
+});

package/dist/{use-table-component-Bpy5mg_P.cjs → use-table-component-DIWiP_Vs.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-jljSQQ8m.cjs");
+const require_use_table_state = require("./use-table-state-CoVe_8NI.cjs");
 //#region src/composables/use-table-component.ts
 /**
 * Resolve a single skin-slot component from the injected `controls` map,

package/dist/{use-table-component-DYzKgCC4.mjs → use-table-component-VUFlxIk-.mjs}

@@ -1,4 +1,4 @@
-import { o as useTableContextOptional } from "./use-table-state-CwfgWmuk.mjs";
+import { o as useTableContextOptional } from "./use-table-state-CqU1N4Q9.mjs";
 //#region src/composables/use-table-component.ts
 /**
 * Resolve a single skin-slot component from the injected `controls` map,

package/dist/{use-table-nav-bridge-qyvyRm6S.cjs → use-table-nav-bridge-BBtXE70x.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-jljSQQ8m.cjs");
+const require_use_table_state = require("./use-table-state-CoVe_8NI.cjs");
 //#region src/composables/use-table-nav-bridge.ts
 function isPassthroughKey(event) {
 	const key = event.key;

package/dist/{use-table-nav-bridge-LCL6vq9F.mjs → use-table-nav-bridge-DT8oU-6r.mjs}

@@ -1,4 +1,4 @@
-import { o as useTableContextOptional } from "./use-table-state-CwfgWmuk.mjs";
+import { o as useTableContextOptional } from "./use-table-state-CqU1N4Q9.mjs";
 //#region src/composables/use-table-nav-bridge.ts
 function isPassthroughKey(event) {
 	const key = event.key;

package/dist/{use-table-state-jljSQQ8m.cjs → use-table-state-CoVe_8NI.cjs}

@@ -2111,8 +2111,9 @@ function createTableState(opts) {
 		lastEmittedUrl = next;
 		queryOpts.onUrlQueryChange(next);
 	}
-	function applyUrlQuery(urlString) {
+	function applyUrlQuery(urlString, opts) {
 		if (urlsEquivalent(urlString, lastEmittedUrl)) return;
+		const replace = opts?.mode === "replace";
 		const cols = allColumns.value;
 		const parsed = (0, _atscript_ui_table.urlQueryStringToState)(urlString, {
 			knownFields: cols.length > 0 ? cols.map((c) => c.path) : void 0,
@@ -2125,16 +2126,16 @@ function createTableState(opts) {
 		hydratingFromUrl = true;
 		const filtersGate = (0, _atscript_ui_table.resolveAspectGate)(urlQuerySync?.filters);
 		if (filtersGate !== "none") {
-			const next = { ...filters.value };
+			const next = {};
+			for (const path in filters.value) if (!replace || !(0, _atscript_ui_table.gateOwns)(filtersGate, path)) next[path] = filters.value[path];
 			for (const path in parsed.filters) next[path] = parsed.filters[path];
 			filters.value = next;
 		}
 		const sortersGate = (0, _atscript_ui_table.resolveAspectGate)(urlQuerySync?.sorters);
 		let urlSortersChanged = false;
 		if (sortersGate !== "none") {
-			const urlFields = /* @__PURE__ */ new Set();
-			for (const s of parsed.sorters) urlFields.add(s.field);
-			const merged = [...sorters.value.filter((s) => !urlFields.has(s.field)), ...parsed.sorters];
+			const urlSortFields = new Set(parsed.sorters.map((s) => s.field));
+			const merged = [...sorters.value.filter((s) => !(replace ? (0, _atscript_ui_table.gateOwns)(sortersGate, s.field) : urlSortFields.has(s.field))), ...parsed.sorters];
 			if (!(0, _atscript_ui_table.sortersEqual)(sorters.value, merged)) {
 				sorters.value = merged;
 				urlSortersChanged = true;

package/dist/{use-table-state-CwfgWmuk.mjs → use-table-state-CqU1N4Q9.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 { STANDARD_PRESET_ID, blockStartFor, buildTableQuery, cellAsString, debounce, derivePresetAspects, fromWireSnapshot, isDirtyAgainst, isFilled, isSystemPresetId, mergeDisplayColumns, mergeSorters, pageAlignedBlocksFor, planFetch, reconcileColumnWidthDefaults, resolveAspectGate, resolveSystemPresets, rowsToPks, sameColumnSet, sortRowsLocally, sortersEqual, stateToUrlQueryString, togglePk, urlQueryStringToState, walkBackwardAbsorb, walkForwardAbsorb } from "@atscript/ui-table";
+import { STANDARD_PRESET_ID, blockStartFor, buildTableQuery, cellAsString, debounce, derivePresetAspects, fromWireSnapshot, gateOwns, isDirtyAgainst, isFilled, isSystemPresetId, mergeDisplayColumns, mergeSorters, pageAlignedBlocksFor, planFetch, reconcileColumnWidthDefaults, resolveAspectGate, resolveSystemPresets, 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. */
@@ -2111,8 +2111,9 @@ function createTableState(opts) {
 		lastEmittedUrl = next;
 		queryOpts.onUrlQueryChange(next);
 	}
-	function applyUrlQuery(urlString) {
+	function applyUrlQuery(urlString, opts) {
 		if (urlsEquivalent(urlString, lastEmittedUrl)) return;
+		const replace = opts?.mode === "replace";
 		const cols = allColumns.value;
 		const parsed = urlQueryStringToState(urlString, {
 			knownFields: cols.length > 0 ? cols.map((c) => c.path) : void 0,
@@ -2125,16 +2126,16 @@ function createTableState(opts) {
 		hydratingFromUrl = true;
 		const filtersGate = resolveAspectGate(urlQuerySync?.filters);
 		if (filtersGate !== "none") {
-			const next = { ...filters.value };
+			const next = {};
+			for (const path in filters.value) if (!replace || !gateOwns(filtersGate, path)) next[path] = filters.value[path];
 			for (const path in parsed.filters) next[path] = parsed.filters[path];
 			filters.value = next;
 		}
 		const sortersGate = resolveAspectGate(urlQuerySync?.sorters);
 		let urlSortersChanged = false;
 		if (sortersGate !== "none") {
-			const urlFields = /* @__PURE__ */ new Set();
-			for (const s of parsed.sorters) urlFields.add(s.field);
-			const merged = [...sorters.value.filter((s) => !urlFields.has(s.field)), ...parsed.sorters];
+			const urlSortFields = new Set(parsed.sorters.map((s) => s.field));
+			const merged = [...sorters.value.filter((s) => !(replace ? gateOwns(sortersGate, s.field) : urlSortFields.has(s.field))), ...parsed.sorters];
 			if (!sortersEqual(sorters.value, merged)) {
 				sorters.value = merged;
 				urlSortersChanged = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atscript/vue-table",
-  "version": "0.1.136",
+  "version": "0.1.138",
   "description": "Type-driven table components for Atscript with Vue 3",
   "keywords": [
     "atscript",
@@ -162,12 +162,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@atscript/ui": "^0.1.136",
-    "@atscript/ui-table": "^0.1.136",
-    "@atscript/vue-form": "^0.1.136"
+    "@atscript/ui": "^0.1.138",
+    "@atscript/ui-table": "^0.1.138",
+    "@atscript/vue-form": "^0.1.138"
   },
   "devDependencies": {
-    "@atscript/db-client": "^0.1.130",
+    "@atscript/db-client": "^0.1.131",
     "@atscript/typescript": "^0.1.93",
     "@tanstack/vue-virtual": "^3.13.26",
     "@uniqu/core": "^0.1.8",
@@ -183,7 +183,7 @@
     "vunor": "^0.3.0"
   },
   "peerDependencies": {
-    "@atscript/db-client": "^0.1.130",
+    "@atscript/db-client": "^0.1.131",
     "@tanstack/vue-virtual": "^3.13.26",
     "@vueuse/core": "^14.3.0",
     "reka-ui": "^2.9.8",

package/dist/use-table-column-handlers-BMrP0WY2.cjs

@@ -1,45 +0,0 @@
-let _atscript_ui_table = require("@atscript/ui-table");
-//#region src/composables/use-table-column-handlers.ts
-/**
-* Pure pass-through handlers shared between the pagination renderer
-* (`<AsTable>`) and the window renderer (`<AsWindowTableBase>`). Selection
-* and row-mouse handlers stay in their owning components because their
-* semantics diverge meaningfully (window has no "all" state; standalone
-* vs Reka renderModes need different gating).
-*/
-function useTableColumnHandlers(state) {
-	return {
-		onSort(column, direction) {
-			state.sorters.value = direction === null ? [] : [{
-				field: column.path,
-				direction
-			}];
-		},
-		onHide(column) {
-			state.columnNames.value = state.columnNames.value.filter((n) => n !== column.path);
-		},
-		onFilter(column) {
-			state.openFilterDialog(column);
-		},
-		onFiltersOff(column) {
-			state.removeFieldFilter(column.path);
-		},
-		onResetWidth(column) {
-			state.resetColumnWidth(column.path);
-		},
-		onReorder(fromPath, toPath, position) {
-			state.columnNames.value = (0, _atscript_ui_table.reorderColumnNames)(state.columnNames.value, fromPath, toPath, position);
-		},
-		onClearFilters() {
-			state.resetFilters();
-			if (state.searchTerm.value) state.searchTerm.value = "";
-		}
-	};
-}
-//#endregion
-Object.defineProperty(exports, "useTableColumnHandlers", {
-	enumerable: true,
-	get: function() {
-		return useTableColumnHandlers;
-	}
-});

package/dist/use-table-column-handlers-Bx3JERqs.mjs

@@ -1,40 +0,0 @@
-import { reorderColumnNames } from "@atscript/ui-table";
-//#region src/composables/use-table-column-handlers.ts
-/**
-* Pure pass-through handlers shared between the pagination renderer
-* (`<AsTable>`) and the window renderer (`<AsWindowTableBase>`). Selection
-* and row-mouse handlers stay in their owning components because their
-* semantics diverge meaningfully (window has no "all" state; standalone
-* vs Reka renderModes need different gating).
-*/
-function useTableColumnHandlers(state) {
-	return {
-		onSort(column, direction) {
-			state.sorters.value = direction === null ? [] : [{
-				field: column.path,
-				direction
-			}];
-		},
-		onHide(column) {
-			state.columnNames.value = state.columnNames.value.filter((n) => n !== column.path);
-		},
-		onFilter(column) {
-			state.openFilterDialog(column);
-		},
-		onFiltersOff(column) {
-			state.removeFieldFilter(column.path);
-		},
-		onResetWidth(column) {
-			state.resetColumnWidth(column.path);
-		},
-		onReorder(fromPath, toPath, position) {
-			state.columnNames.value = reorderColumnNames(state.columnNames.value, fromPath, toPath, position);
-		},
-		onClearFilters() {
-			state.resetFilters();
-			if (state.searchTerm.value) state.searchTerm.value = "";
-		}
-	};
-}
-//#endregion
-export { useTableColumnHandlers as t };