@atscript/vue-table 0.1.97 → 0.1.98

package/dist/use-table-selection-Cmiu1h4S.cjs

@@ -0,0 +1,70 @@
+let vue = require("vue");
+let _atscript_ui_table = require("@atscript/ui-table");
+//#region src/composables/use-table-selection.ts
+/**
+* Renderer-owned cleanup for the `select` prop transition. Dropping into
+* `'none'` clears `selectedRows` so the next opt-in to multi-mode starts
+* clean; other transitions are no-ops (`'none' → 'multi'` already has an
+* empty selection, `'multi' → 'multi'` doesn't change semantics). The
+* getter is invoked once per change — NOT immediate, so the mount-time
+* default `'none'` doesn't clobber externally-seeded selections.
+*
+* Lives outside `useTableSelection` because selection mode is a renderer
+* concern (a prop, not state) — both `<AsTable>` and `<AsWindowTable>`
+* call this from their setup so the cleanup tracks the renderer's prop.
+*/
+function useSelectModeReset(state, selectGetter) {
+	(0, vue.watch)(selectGetter, (next, prev) => {
+		if (next === "none" && prev !== "none" && state.selectedRows.value.length > 0) state.selectedRows.value = [];
+	});
+}
+/**
+* Wire up selection reconciliation on results change.
+*
+* The watcher distinguishes results-replacement (query / invalidate /
+* pagination jump) from results-extension in EITHER direction (queryNext /
+* forward-merging loadRange / backward-merging loadRange) and only runs the
+* reconciliation logic on replacement. Backward extension prepends rows AND
+* decrements `resultsStart` — caught via the last-row reference identity
+* check, so scrolling upward doesn't silently mutate selection.
+*
+* Mode semantics on results-replacement:
+* - `"persist"` — no-op; the consumer's ref is untouched.
+* - `"trim"` (default) — keep the subset of selected PKs still present in the new results.
+* - `"clear"` — drop everything.
+*/
+function useTableSelection(state, opts) {
+	const mode = opts?.mode ?? "trim";
+	(0, vue.watch)([() => state.results.value, () => state.resultsStart.value], ([newResults, newResultsStart], [oldResults, oldResultsStart]) => {
+		if (mode === "persist") return;
+		if (state.selectedRows.value.length === 0) return;
+		const oldArr = oldResults ?? [];
+		const newArr = newResults;
+		const oldStart = oldResultsStart ?? 0;
+		const delta = newArr.length - oldArr.length;
+		if (delta > 0 && oldArr.length > 0) {
+			if (newResultsStart === oldStart && newArr[0] === oldArr[0]) return;
+			if (newResultsStart === oldStart - delta && newArr[newArr.length - 1] === oldArr[oldArr.length - 1]) return;
+		}
+		if (mode === "clear") {
+			state.selectedRows.value = [];
+			return;
+		}
+		const presentPks = /* @__PURE__ */ new Set();
+		for (const r of newArr) presentPks.add(state.rowValueFn(r));
+		state.selectedRows.value = (0, _atscript_ui_table.trimSelection)(state.selectedRows.value, presentPks);
+	});
+}
+//#endregion
+Object.defineProperty(exports, "useSelectModeReset", {
+	enumerable: true,
+	get: function() {
+		return useSelectModeReset;
+	}
+});
+Object.defineProperty(exports, "useTableSelection", {
+	enumerable: true,
+	get: function() {
+		return useTableSelection;
+	}
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atscript/vue-table",
-  "version": "0.1.97",
+  "version": "0.1.98",
   "description": "Type-driven table components for Atscript with Vue 3",
   "keywords": [
     "atscript",
@@ -31,6 +31,9 @@
     "styles.d.ts"
   ],
   "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "main": "dist/index.mjs",
   "types": "dist/index.d.mts",
   "exports": {
@@ -159,13 +162,13 @@
     "access": "public"
   },
   "dependencies": {
-    "@atscript/ui": "^0.1.97",
-    "@atscript/ui-table": "^0.1.97",
-    "@atscript/vue-form": "^0.1.97"
+    "@atscript/ui": "^0.1.98",
+    "@atscript/ui-table": "^0.1.98",
+    "@atscript/vue-form": "^0.1.98"
   },
   "devDependencies": {
-    "@atscript/db-client": "^0.1.102",
-    "@atscript/typescript": "^0.1.74",
+    "@atscript/db-client": "^0.1.104",
+    "@atscript/typescript": "^0.1.75",
     "@tanstack/vue-virtual": "^3.13.26",
     "@uniqu/core": "^0.1.6",
     "@vitejs/plugin-vue": "^6",
@@ -180,7 +183,7 @@
     "vunor": "^0.2.1"
   },
   "peerDependencies": {
-    "@atscript/db-client": "^0.1.102",
+    "@atscript/db-client": "^0.1.104",
     "@tanstack/vue-virtual": "^3.13.26",
     "@vueuse/core": "^14.3.0",
     "reka-ui": "^2.9.8",