@atscript/vue-table 0.1.149 → 0.1.151

package/dist/{use-table-nav-bridge-CJBERyPB.mjs → use-table-nav-bridge-Ch61msQs.mjs}

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

package/dist/{use-table-state-CIoWhwTD.mjs → use-table-state-DzvCmxEx.mjs}

@@ -1,5 +1,5 @@
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
-import { navigateHrefFor, setByPath } from "@atscript/ui";
+import { invalidateValueHelpCache, navigateHrefFor, setByPath } from "@atscript/ui";
 import { computed, inject, nextTick, onBeforeUnmount, onScopeDispose, provide, ref, shallowRef, toValue, watch } from "vue";
 import { DEV, STANDARD_PRESET_ID, arraysEqual, blockStartFor, buildTableQuery, canonicalPresetSnapshot, cellAsString, columnFilterKind, compactFieldFilters, createColumnValueEncoder, debounce, derivePresetAspects, filterExprFields, filterExprKey, fromWireSnapshot, gateOwns, isDirtyAgainst, isFilled, isSystemPresetId, isTemporalKind, mergeDisplayColumns, mergeSorters, normalizeResidualFilters, pageAlignedBlocksFor, planFetch, prunePresetSnapshot, pruneResidualFilters, reconcileColumnWidthDefaults, residualGateOwns, resolveAspectGate, resolveSystemPresets, restoreDroppedEntries, rowsToPks, sameColumnSet, selectionQueryOf, selectionSignature, sortRowsLocally, sortersEqual, stableValueKey, stateToUrlQueryString, togglePk, urlQueryStringToState, walkBackwardAbsorb, walkForwardAbsorb } from "@atscript/ui-table";
 import { formatIdentifier } from "@atscript/db-client";
@@ -791,6 +791,7 @@ function createActions(opts) {
 		}
 		setLastResult(name, result);
 		setInvoking(name, false);
+		if (action.processor !== "custom" && action.processor !== "navigate") invalidateValueHelpCache();
 		if (callOpts?.suppressRefresh !== true && opts.refreshOnAction() !== false && result.ok && (result.kind === "backend" || result.kind === "remove")) opts.scheduleQuery("query");
 		if (result.ok && result.kind === "backend" && result.target) opts.onTargetSettled?.();
 		if (opts.onResolved) opts.onResolved(action, idsForAction(action.level, pk), result, callOpts?.event);

package/dist/{use-table-state-BQchKxUr.cjs → use-table-state-zE3BpeA7.cjs}

@@ -791,6 +791,7 @@ function createActions(opts) {
 		}
 		setLastResult(name, result);
 		setInvoking(name, false);
+		if (action.processor !== "custom" && action.processor !== "navigate") (0, _atscript_ui.invalidateValueHelpCache)();
 		if (callOpts?.suppressRefresh !== true && opts.refreshOnAction() !== false && result.ok && (result.kind === "backend" || result.kind === "remove")) opts.scheduleQuery("query");
 		if (result.ok && result.kind === "backend" && result.target) opts.onTargetSettled?.();
 		if (opts.onResolved) opts.onResolved(action, idsForAction(action.level, pk), result, callOpts?.event);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atscript/vue-table",
-  "version": "0.1.149",
+  "version": "0.1.151",
   "description": "Type-driven table components for Atscript with Vue 3",
   "keywords": [
     "atscript",
@@ -167,17 +167,17 @@
     "access": "public"
   },
   "dependencies": {
-    "@atscript/ui": "^0.1.149",
-    "@atscript/ui-table": "^0.1.149",
-    "@atscript/vue-form": "^0.1.149"
+    "@atscript/ui": "^0.1.151",
+    "@atscript/ui-table": "^0.1.151",
+    "@atscript/vue-form": "^0.1.151"
   },
   "devDependencies": {
-    "@atscript/core": "^0.1.100",
-    "@atscript/db-client": "^0.1.149",
-    "@atscript/typescript": "^0.1.100",
+    "@atscript/core": "^0.1.102",
+    "@atscript/db-client": "^0.1.151",
+    "@atscript/typescript": "^0.1.102",
     "@tanstack/vue-virtual": "^3.13.26",
-    "@uniqu/core": "^0.1.13",
-    "@uniqu/url": "^0.1.13",
+    "@uniqu/core": "^0.1.14",
+    "@uniqu/url": "^0.1.14",
     "@vitejs/plugin-vue": "^6",
     "@vue/test-utils": "^2",
     "@vueuse/core": "^14.3.0",
@@ -190,9 +190,9 @@
     "vunor": "^0.3.2"
   },
   "peerDependencies": {
-    "@atscript/db-client": "^0.1.149",
+    "@atscript/db-client": "^0.1.151",
     "@tanstack/vue-virtual": "^3.13.26",
-    "@uniqu/url": "^0.1.13",
+    "@uniqu/url": "^0.1.14",
     "@vueuse/core": "^14.3.0",
     "reka-ui": "^2.9.8",
     "vue": "^3"

package/dist/as-cell-date-DrnhvCr4.cjs

@@ -1,71 +0,0 @@
-const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
-const require_use_cell_locale = require("./use-cell-locale-Dv514-Al.cjs");
-let vue = require("vue");
-let _atscript_ui_table = require("@atscript/ui-table");
-let _vueuse_core = require("@vueuse/core");
-//#region src/components/defaults/as-cell-date.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = ["title"];
-//#endregion
-//#region src/components/defaults/as-cell-date.vue
-var as_cell_date_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "as-cell-date",
-	props: {
-		row: {
-			type: Object,
-			required: true
-		},
-		column: {
-			type: Object,
-			required: true
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const { locale, timezone } = require_use_cell_locale.useCellLocale();
-		const DATE_OPTS = {
-			year: "numeric",
-			month: "short",
-			day: "2-digit"
-		};
-		const DATETIME_OPTS = {
-			...DATE_OPTS,
-			hour: "2-digit",
-			minute: "2-digit"
-		};
-		const date = (0, vue.computed)(() => {
-			const v = require_get_cell_value.getCellValue(props.row, props.column.path);
-			if (v === null || v === void 0 || v === "") return void 0;
-			if (v instanceof Date) {
-				const t = v.getTime();
-				return Number.isFinite(t) && t !== 0 ? v : void 0;
-			}
-			if (typeof v === "number" || typeof v === "string") {
-				const d = new Date(v);
-				const t = d.getTime();
-				return Number.isFinite(t) && t !== 0 ? d : void 0;
-			}
-		});
-		const formatted = (0, vue.computed)(() => {
-			const d = date.value;
-			if (!d) return "";
-			if (props.column.type === "relative") return (0, _vueuse_core.formatTimeAgoIntl)(d, { locale: locale.value });
-			const tz = timezone.value;
-			const base = props.column.type === "datetime" ? DATETIME_OPTS : DATE_OPTS;
-			const opts = tz ? {
-				...base,
-				timeZone: tz
-			} : base;
-			return (0, _atscript_ui_table.getDateTimeFormat)(locale.value, opts).format(d);
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", { title: date.value?.toISOString() ?? "" }, (0, vue.toDisplayString)(formatted.value), 9, _hoisted_1);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "as_cell_date_default", {
-	enumerable: true,
-	get: function() {
-		return as_cell_date_default;
-	}
-});

package/dist/as-cell-date-dhIM7hWA.mjs

@@ -1,66 +0,0 @@
-import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
-import { n as useCellLocale } from "./use-cell-locale-BTJZ6UcP.mjs";
-import { computed, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
-import { getDateTimeFormat } from "@atscript/ui-table";
-import { formatTimeAgoIntl } from "@vueuse/core";
-//#region src/components/defaults/as-cell-date.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = ["title"];
-//#endregion
-//#region src/components/defaults/as-cell-date.vue
-var as_cell_date_default = /* @__PURE__ */ defineComponent({
-	__name: "as-cell-date",
-	props: {
-		row: {
-			type: Object,
-			required: true
-		},
-		column: {
-			type: Object,
-			required: true
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const { locale, timezone } = useCellLocale();
-		const DATE_OPTS = {
-			year: "numeric",
-			month: "short",
-			day: "2-digit"
-		};
-		const DATETIME_OPTS = {
-			...DATE_OPTS,
-			hour: "2-digit",
-			minute: "2-digit"
-		};
-		const date = computed(() => {
-			const v = getCellValue(props.row, props.column.path);
-			if (v === null || v === void 0 || v === "") return void 0;
-			if (v instanceof Date) {
-				const t = v.getTime();
-				return Number.isFinite(t) && t !== 0 ? v : void 0;
-			}
-			if (typeof v === "number" || typeof v === "string") {
-				const d = new Date(v);
-				const t = d.getTime();
-				return Number.isFinite(t) && t !== 0 ? d : void 0;
-			}
-		});
-		const formatted = computed(() => {
-			const d = date.value;
-			if (!d) return "";
-			if (props.column.type === "relative") return formatTimeAgoIntl(d, { locale: locale.value });
-			const tz = timezone.value;
-			const base = props.column.type === "datetime" ? DATETIME_OPTS : DATE_OPTS;
-			const opts = tz ? {
-				...base,
-				timeZone: tz
-			} : base;
-			return getDateTimeFormat(locale.value, opts).format(d);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("td", { title: date.value?.toISOString() ?? "" }, toDisplayString(formatted.value), 9, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { as_cell_date_default as t };

package/dist/as-cell-date.vue-BcMgxBfm.d.cts

@@ -1,12 +0,0 @@
-import * as vue from "vue";
-import { ColumnDef } from "@atscript/ui";
-
-//#region src/components/defaults/as-cell-date.vue.d.ts
-type __VLS_Props = {
-  row: Record<string, unknown>;
-  column: ColumnDef;
-};
-declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-//#endregion
-export { _default as t };

package/dist/as-cell-date.vue-Chs7WTZ9.d.mts

@@ -1,12 +0,0 @@
-import { ColumnDef } from "@atscript/ui";
-import * as vue from "vue";
-
-//#region src/components/defaults/as-cell-date.vue.d.ts
-type __VLS_Props = {
-  row: Record<string, unknown>;
-  column: ColumnDef;
-};
-declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-//#endregion
-export { _default as t };

package/dist/as-table-cell-value-D-S127gr.mjs

@@ -1,37 +0,0 @@
-import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
-import { t as formatCellValue } from "./format-cell-D1Ziv96Q.mjs";
-import { createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString } from "vue";
-//#endregion
-//#region src/components/defaults/as-table-cell-value.vue
-var as_table_cell_value_default = /* @__PURE__ */ defineComponent({
-	__name: "as-table-cell-value",
-	props: {
-		row: {
-			type: Object,
-			required: true
-		},
-		column: {
-			type: Object,
-			required: true
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		/** Union columns show the option label (`@ui.literalLabel`); anything else formats by type. */
-		function display() {
-			const value = getCellValue(props.row, props.column.path);
-			const options = props.column.options;
-			if (options?.length && value !== null && typeof value !== "object") {
-				const key = String(value);
-				const hit = options.find((o) => o.key === key);
-				if (hit) return hit.label;
-			}
-			return formatCellValue(value, props.column.type);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("td", { class: normalizeClass({ "as-cell-number": props.column.type === "number" }) }, toDisplayString(display()), 3);
-		};
-	}
-});
-//#endregion
-export { as_table_cell_value_default as t };

package/dist/as-table-cell-value-VWlXc5dA.cjs

@@ -1,42 +0,0 @@
-const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
-const require_format_cell = require("./format-cell-vCNTh4WZ.cjs");
-let vue = require("vue");
-//#endregion
-//#region src/components/defaults/as-table-cell-value.vue
-var as_table_cell_value_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "as-table-cell-value",
-	props: {
-		row: {
-			type: Object,
-			required: true
-		},
-		column: {
-			type: Object,
-			required: true
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		/** Union columns show the option label (`@ui.literalLabel`); anything else formats by type. */
-		function display() {
-			const value = require_get_cell_value.getCellValue(props.row, props.column.path);
-			const options = props.column.options;
-			if (options?.length && value !== null && typeof value !== "object") {
-				const key = String(value);
-				const hit = options.find((o) => o.key === key);
-				if (hit) return hit.label;
-			}
-			return require_format_cell.formatCellValue(value, props.column.type);
-		}
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", { class: (0, vue.normalizeClass)({ "as-cell-number": props.column.type === "number" }) }, (0, vue.toDisplayString)(display()), 3);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "as_table_cell_value_default", {
-	enumerable: true,
-	get: function() {
-		return as_table_cell_value_default;
-	}
-});