@conduction/nextcloud-vue 2.124.0 → 2.125.0

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

@@ -2,7 +2,7 @@ import script from './CnObjectListWidget.vue2.js';
 import { render } from './CnObjectListWidget.vue3.js';
 
 script.render = render;
-script.__scopeId = "data-v-ec0414c2";
+script.__scopeId = "data-v-50a61b52";
 const __sfc_main = script;
 
 export { __sfc_main as default };

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

@@ -13,6 +13,7 @@ import { buildExportUrl } from '../../utils/indexExportHelpers.js';
 import { resolveHref, followLinkClick, openRowTarget } from '../../utils/linkNavigation.js';
 import { createActionState } from '../../utils/listCreateAction.js';
 import { objectFieldValue, objectDisplayName } from '../../utils/objectName.js';
+import { readPath } from '../../utils/readPath.js';
 import { rowIdOf, renumberRows, moveIndex } from '../../utils/reorderRows.js';
 import { dropOptionalUnresolved, resolveFilterTokens, hasUnresolvedTokens } from '../../utils/resolveFilterTokens.js';
 import { markNewTabHandled } from '../../utils/rowAuxClick.js';
@@ -157,13 +158,15 @@ var script = {
 		 * `hideHeader: true` drops the table's column header row (CnDataTable's
 		 * `hideHeader`), for a short list that reads as rows, not as a table.
 		 *
+		 * `rowIdField` (a dot-path) names the row field holding the id
+		 * `rowRoute` opens, for a row that links to another record.
 		 * `footnote` is a line under the table, through the host translate.
 		 *
 		 * `export` (`{ label?, format?, group? }`) offers the filtered list as a
 		 * download in the card's header; `group` shows it to one group only.
 		 *
 		 * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-small-opt-ins-from-the-decidiq-and-learniq-lanes
-		 * @type {{register?: string, schema?: string, filter?: object, sort?: {field?: string, dir?: string}, limit?: number, extend?: Array<string>, columns?: Array, rowActions?: Array<object>, dropZone?: object, upload?: boolean, groupBy?: string, groupLabel?: string, groupLabelResolve?: {register: string, schema: string, labelField?: string}, selectable?: boolean, bulkActions?: Array<object>, sortable?: boolean, facet?: {field: string, label?: string}, rowRoute?: string, prompt?: string, emptyText?: string, footnote?: string, viewAllRoute?: string, viewAllQuery?: object, hideHeader?: boolean, export?: {label?: string, format?: ('csv'|'excel'), group?: string}}}
+		 * @type {{register?: string, schema?: string, filter?: object, sort?: {field?: string, dir?: string}, limit?: number, extend?: Array<string>, columns?: Array, rowActions?: Array<object>, dropZone?: object, upload?: boolean, groupBy?: string, groupLabel?: string, groupLabelResolve?: {register: string, schema: string, labelField?: string}, selectable?: boolean, bulkActions?: Array<object>, sortable?: boolean, facet?: {field: string, label?: string}, rowRoute?: string, rowIdField?: string, prompt?: string, emptyText?: string, footnote?: string, viewAllRoute?: string, viewAllQuery?: object, hideHeader?: boolean, export?: {label?: string, format?: ('csv'|'excel'), group?: string}}}
 		 */
 		content: {
 			type: Object,
@@ -1805,7 +1808,9 @@ var script = {
 		 */
 		openRowRoute(row, event) {
 			const route = this.content.rowRoute;
-			const id = row && (row.id || (row['@self'] && row['@self'].id));
+			const field = this.content.rowIdField;
+			const raw = field ? readPath(row, field) : row && (row.id || (row['@self'] && row['@self'].id));
+			const id = typeof raw === 'string' || typeof raw === 'number' ? String(raw) : '';
 			if (route && id && this.$router) {
 				markNewTabHandled(event, openRowTarget(event, { name: route, params: { id } }, this.$router));
 			}