@conduction/nextcloud-vue 2.124.0 → 2.125.0

package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js

@@ -2,7 +2,7 @@ import script from './CnRecordListWidget.vue2.js';
 import { render } from './CnRecordListWidget.vue3.js';
 
 script.render = render;
-script.__scopeId = "data-v-1484103e";
+script.__scopeId = "data-v-0cb81a45";
 const __sfc_main = script;
 
 export { __sfc_main as default };

package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js

@@ -1,6 +1,6 @@
 import { subscribe, unsubscribe } from '@nextcloud/event-bus';
 import { translate } from '@nextcloud/l10n';
-import { NcActionButton, NcActions, NcButton, NcLoadingIcon } from '@nextcloud/vue';
+import { NcActionButton, NcActionLink, NcActions, NcButton, NcLoadingIcon } from '@nextcloud/vue';
 import { inject, ref } from 'vue';
 import ChevronRight from 'vue-material-design-icons/ChevronRight.vue';
 import __sfc_main from '../CnIcon/CnIcon.vue.js';
@@ -19,7 +19,7 @@ import { lensUnavailableText, readLensReports } from '../../utils/lensAvailabili
 import { pageFilter, pageSort } from '../../utils/pageControls.js';
 import { readPath } from '../../utils/readPath.js';
 import { dropOptionalUnresolved, resolveFilterTokens, hasUnresolvedTokens, resolveDeepTokens } from '../../utils/resolveFilterTokens.js';
-import { evaluateVisibleWhen } from '../../utils/visibleWhen.js';
+import { evaluateVisibleWhen, evaluateVisibleWhenLocal } from '../../utils/visibleWhen.js';
 import { interpolateUrlTokens } from '../../utils/interpolateUrlTokens.js';
 
 const PAGE_REFRESH_CHANNEL = 'cn:page:refresh';
@@ -28,6 +28,22 @@ const PAGE_REFRESH_CHANNEL = 'cn:page:refresh';
 let footerSeq = 0;
 const PRESENTATIONS = ['rows', 'feed', 'inline', 'cards', 'notice', 'table', 'notes'];
 
+/**
+ * Compare two table cell texts: as numbers when both read as one, else as text.
+ *
+ * @param {string} a One cell text.
+ * @param {string} b The other.
+ * @return {number} Negative, zero or positive.
+ */
+function compareCells(a, b) {
+	const x = Number(a);
+	const y = Number(b);
+	if (a !== '' && b !== '' && Number.isFinite(x) && Number.isFinite(y)) {
+		return x - y
+	}
+	return String(a).localeCompare(String(b))
+}
+
 /** The tones a `notice` list takes. */
 const NOTICE_VARIANTS = ['info', 'warning', 'error'];
 
@@ -79,7 +95,7 @@ function unwrap(value) {
 var script = {
 	name: 'CnRecordListWidget',
 
-	components: { ChevronRight, CnIcon: __sfc_main, CnRecordNoteRows: __sfc_main$1, CnStatusBadge: __sfc_main$2, NcActionButton, NcActions, NcButton, NcLoadingIcon },
+	components: { ChevronRight, CnIcon: __sfc_main, CnRecordNoteRows: __sfc_main$1, CnStatusBadge: __sfc_main$2, NcActionButton, NcActionLink, NcActions, NcButton, NcLoadingIcon },
 
 	inject: {
 		/** Detail-page object context (`{ objectId, object, register, schema }`). */
@@ -125,6 +141,8 @@ var script = {
 		 * per value, headed by the field's `valueLabels` entry; `groupOrder`
 		 * (values) orders the groups and `groupEmptyLabel` heads the rows
 		 * without a value.
+		 * `density: "compact"` draws the rows 10px above and below, at least
+		 * 56px tall, with the title at 500 (DqProcesanalyse).
 		 *
 		 * @type {object}
 		 */
@@ -175,6 +193,8 @@ var script = {
 
 	data() {
 		return {
+			/** The reader's sort of a `table`: the column key and `ascending` or `descending`. */
+			tableSort: { key: '', dir: '' },
 			rows: [],
 			total: 0,
 			loading: false,
@@ -376,6 +396,7 @@ var script = {
 					dot: this.dotOf(row),
 					flag: this.flagOf(row),
 					links: this.linksOf(row),
+					rowActions: this.rowActionsOf(row),
 				}
 			})
 		},
@@ -454,8 +475,11 @@ var script = {
 		 * @spec openspec/changes/record-list-table/specs/record-list-table/spec.md#requirement-a-record-list-can-draw-its-rows-as-a-small-table
 		 */
 		tableRows() {
-			return this.items.map((item) => ({
+			const indentPath = this.content?.indentPath;
+			const rows = this.items.map((item) => ({
 				key: item.key,
+				to: item.attrs.to || null,
+				depth: indentPath ? Math.max(0, Math.floor(Number(readPath(item.row, indentPath)) || 0)) : 0,
 				cells: this.tableColumns.map((col) => {
 					const text = this.fill(col.value, item.row);
 					const limit = Number(col.alertAbove);
@@ -465,9 +489,17 @@ var script = {
 						text,
 						align: col.align,
 						alert: col.alertAbove !== undefined && Number.isFinite(limit) && text !== '' && Number.isFinite(value) && value > limit,
+						tone: this.cellToneOf(col, item.row, text),
 					}
 				}),
-			}))
+			}));
+			const { key, dir } = this.tableSort;
+			const index = this.tableColumns.findIndex((col) => col.key === key);
+			if (index < 0 || !dir) {
+				return rows
+			}
+			const sign = dir === 'descending' ? -1 : 1;
+			return [...rows].sort((a, b) => sign * compareCells(a.cells[index].text, b.cells[index].text))
 		},
 
 		/** @return {string} The note under the list (`footnote`), translated. */
@@ -1129,6 +1161,123 @@ var script = {
 			}
 		},
 
+		/**
+		 * The badge variant of a `table` cell with a `tone`
+		 * (`{ field?, map, default?, override?: { when, tone } }`): the value at
+		 * `field` (else the cell text) looked up in `map`, else `default`. While
+		 * `override.when` (a condition over the row) holds, the cell takes
+		 * `override.tone` instead, so a verdict is never green unless a second
+		 * field allows it.
+		 *
+		 * @param {object} col The column.
+		 * @param {object} row The row.
+		 * @param {string} text The cell text.
+		 * @return {string} A badge variant, or '' for a plain cell.
+		 * @spec openspec/changes/record-list-table-shape/specs/record-list-table-shape/spec.md#requirement-a-record-list-table-takes-its-shape-from-the-rows
+		 */
+		cellToneOf(col, row, text) {
+			const tone = col.tone;
+			if (!tone || typeof tone !== 'object') {
+				return ''
+			}
+			let variant;
+			if (tone.override && typeof tone.override === 'object' && evaluateVisibleWhenLocal(tone.override.when, row || {})) {
+				variant = tone.override.tone;
+			} else {
+				const value = tone.field ? readPath(row, tone.field) : text;
+				const map = tone.map && typeof tone.map === 'object' ? tone.map : {};
+				variant = Object.hasOwn(map, String(value)) ? map[String(value)] : tone.default;
+			}
+			return isBadgeVariant(variant) ? variant : 'default'
+		},
+
+		/**
+		 * The `aria-sort` of a sortable `table` column.
+		 *
+		 * @param {string} key The column key.
+		 * @return {string} `ascending`, `descending` or `none`.
+		 */
+		sortStateOf(key) {
+			return this.tableSort.key === key && this.tableSort.dir ? this.tableSort.dir : 'none'
+		},
+
+		/**
+		 * The arrow after a sortable column's label.
+		 *
+		 * @param {string} key The column key.
+		 * @return {string} An up or down arrow, or '' while the column is not the sort.
+		 */
+		sortMarkOf(key) {
+			const state = this.sortStateOf(key);
+			if (state === 'ascending') {
+				return '▲'
+			}
+			return state === 'descending' ? '▼' : ''
+		},
+
+		/**
+		 * Sort the `table` by a column: ascending first, then descending.
+		 *
+		 * @param {string} key The column key.
+		 * @spec openspec/changes/record-list-table-shape/specs/record-list-table-shape/spec.md#requirement-a-record-list-table-takes-its-shape-from-the-rows
+		 */
+		toggleTableSort(key) {
+			const dir = this.tableSort.key === key && this.tableSort.dir === 'ascending' ? 'descending' : 'ascending';
+			this.tableSort = { key, dir };
+		},
+
+		/**
+		 * The rows of a read with `flattenPath` set: each entry of the list at
+		 * that path on a record becomes a row, with the record at `@parent`.
+		 * A record without the list adds no row. Without `flattenPath` the
+		 * records are the rows.
+		 *
+		 * @param {Array<object>} records The records read.
+		 * @return {Array<object>} The rows.
+		 * @spec openspec/changes/record-list-table-shape/specs/record-list-table-shape/spec.md#requirement-a-record-list-table-takes-its-shape-from-the-rows
+		 */
+		flattenRows(records) {
+			const path = this.content?.flattenPath;
+			if (typeof path !== 'string' || path === '') {
+				return records
+			}
+			return records.flatMap((record) => {
+				const list = readPath(record, path);
+				return Array.isArray(list)
+					? list.filter((entry) => entry && typeof entry === 'object').map((entry) => ({ ...entry, '@parent': record }))
+					: []
+			})
+		},
+
+		/**
+		 * The row actions shown on one row: those whose `visibleWhen` (a
+		 * condition over the row) holds. An `href` action is a template over
+		 * the row and shows only when it fills to a web address or an
+		 * instance path; a web address opens in a new tab.
+		 *
+		 * @param {object} row The row.
+		 * @return {Array<{action: object, index: number, href: string, external: boolean}>} The visible actions, with their place in `rowActions`.
+		 * @spec openspec/changes/record-list-row-rules/specs/record-list-row-rules/spec.md#requirement-a-row-action-can-depend-on-the-row
+		 */
+		rowActionsOf(row) {
+			const shown = [];
+			this.rowActions.forEach((action, index) => {
+				if (action.visibleWhen && !evaluateVisibleWhenLocal(action.visibleWhen, row || {})) {
+					return
+				}
+				if (typeof action.href !== 'string') {
+					shown.push({ action, index, href: '', external: false });
+					return
+				}
+				const href = this.fill(action.href, row).trim();
+				const external = /^https?:\/\//i.test(href);
+				if (external || (href.startsWith('/') && !href.startsWith('//'))) {
+					shown.push({ action, index, href, external });
+				}
+			});
+			return shown
+		},
+
 		/**
 		 * A row's `links` line: the ids at `links.field`, each labelled from
 		 * `links.labelSource` (`{ register, schema, template }`) once read, else
@@ -1456,7 +1605,7 @@ var script = {
 		 * @spec openspec/changes/endpoint-source-card-grid-record-list/specs/dashboard-page/spec.md#requirement-a-record-list-and-a-card-grid-can-read-an-endpoint
 		 */
 		takeEndpointRows() {
-			this.rows = Array.isArray(this.epData) ? this.epData : [];
+			this.rows = this.flattenRows(Array.isArray(this.epData) ? this.epData : []);
 			this.total = this.rows.length;
 			this.loading = this.epLoading === true;
 			this.error = Boolean(this.epError);
@@ -1533,14 +1682,14 @@ var script = {
 					if (run !== this.fetchRun) {
 						return
 					}
-					this.rows = ranked.rows;
-					this.total = ranked.total;
+					this.rows = this.flattenRows(ranked.rows);
+					this.total = this.content?.flattenPath ? this.rows.length : ranked.total;
 					return
 				}
 				const response = await axios.get(url, { params });
 				const data = response && response.data ? response.data : {};
-				this.rows = Array.isArray(data.results) ? data.results : [];
-				this.total = typeof data.total === 'number' ? data.total : this.rows.length;
+				this.rows = this.flattenRows(Array.isArray(data.results) ? data.results : []);
+				this.total = typeof data.total === 'number' && !this.content?.flattenPath ? data.total : this.rows.length;
 				this.lenses = readLensReports(data);
 			} catch (e) {
 				// eslint-disable-next-line no-console