@conduction/nextcloud-vue 2.129.0 → 2.130.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-340c80f7";
+script.__scopeId = "data-v-622f305a";
 const __sfc_main = script;
 
 export { __sfc_main as default };

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

@@ -276,6 +276,41 @@ var script = {
 			}
 		},
 
+		/**
+		 * The group value `footerAction.group` puts the action in, with
+		 * `groupBy`; '' when the action stands under the list.
+		 *
+		 * @spec openspec/changes/record-list-group-action/specs/record-list/spec.md#requirement-a-record-lists-action-can-end-a-group-heading-as-a-tonal-pill
+		 * @return {string}
+		 */
+		footerGroup() {
+			const group = this.content?.footerAction?.group;
+			if (!this.footerAction || !this.isGrouped || group === null || group === undefined || group === '') {
+				return ''
+			}
+			return String(group)
+		},
+
+		/**
+		 * The heading of the action's group, for the list without rows.
+		 *
+		 * @return {string}
+		 */
+		footerGroupHead() {
+			if (this.footerGroup === '') {
+				return ''
+			}
+			const c = this.content;
+			const labels = c.valueLabels && typeof c.valueLabels[c.groupBy] === 'object' ? c.valueLabels[c.groupBy] : {};
+			const named = labels[this.footerGroup] || this.footerGroup;
+			return this.translate(named)
+		},
+
+		/** @return {boolean} Whether the action is drawn as a tonal pill (`footerAction.variant: "tonal"`). */
+		footerTonal() {
+			return this.content?.footerAction?.variant === 'tonal'
+		},
+
 		/**
 		 * What `footerAction.disabledWhen` depends on, so it is evaluated again
 		 * when the condition, the record or the workspace changes.
@@ -457,7 +492,7 @@ var script = {
 		 * or not at all. Without `groupBy` all rows are one unheaded group.
 		 *
 		 * @spec openspec/changes/record-list-group-headings/specs/record-list/spec.md#requirement-a-record-list-can-group-its-rows-under-headings
-		 * @return {Array<{key: string, label: string, headingId: string, items: Array<object>}>} The groups.
+		 * @return {Array<{key: string, value: string, label: string, headingId: string, items: Array<object>}>} The groups.
 		 */
 		itemGroups() {
 			if (!this.isGrouped) {
@@ -484,10 +519,15 @@ var script = {
 			if (buckets.has('')) {
 				values.push('');
 			}
+			if (this.footerGroup !== '' && !buckets.has(this.footerGroup)) {
+				buckets.set(this.footerGroup, []);
+				values.splice(buckets.has('') ? values.length - 1 : values.length, 0, this.footerGroup);
+			}
 			return values.map((value, index) => {
 				const named = value === '' ? c.groupEmptyLabel : (labels[value] || value);
 				return {
 					key: `group-${value}`,
+					value,
 					label: typeof named === 'string' && named !== '' ? this.translate(named) : '',
 					headingId: `${this.groupIdBase}-${index}`,
 					items: buckets.get(value),
@@ -519,6 +559,8 @@ var script = {
 			const indentPath = this.content?.indentPath;
 			const rows = this.items.map((item) => ({
 				key: item.key,
+				row: item.row,
+				rowActions: this.rowActions.length > 0 ? this.rowActionsOf(item.row) : [],
 				to: item.attrs.to || null,
 				depth: indentPath ? Math.max(0, Math.floor(Number(readPath(item.row, indentPath)) || 0)) : 0,
 				cells: this.tableColumns.map((col) => {
@@ -528,6 +570,7 @@ var script = {
 					return {
 						key: col.key,
 						text,
+						sub: typeof col.sub === 'string' ? this.fill(col.sub, item.row) : '',
 						align: col.align,
 						alert: col.alertAbove !== undefined && Number.isFinite(limit) && text !== '' && Number.isFinite(value) && value > limit,
 						tone: this.cellToneOf(col, item.row, text),
@@ -725,6 +768,17 @@ var script = {
 				}))
 		},
 
+		/**
+		 * The heading of the `table` presentation's actions column.
+		 *
+		 * @return {string}
+		 * @spec openspec/changes/record-list-table-row-actions/specs/record-list-table/spec.md#requirement-a-table-row-can-carry-a-second-line-and-an-actions-menu
+		 */
+		rowActionsHeader() {
+			const own = this.content?.rowActionsHeader;
+			return typeof own === 'string' && own !== '' ? this.translate(own) : translate('nextcloud-vue', 'Actions')
+		},
+
 		/** @return {string} The accessible name of a row's actions menu. */
 		rowActionsLabel() {
 			const own = this.content?.rowActionsLabel;
@@ -933,7 +987,7 @@ var script = {
 			if (!declared || this.footerDisabled) {
 				return undefined
 			}
-			const { disabledWhen, disabledReason, ...action } = declared;
+			const { disabledWhen, disabledReason, group, variant, ...action } = declared;
 			if (typeof this.cnDispatchAction === 'function') {
 				return this.cnDispatchAction(action)
 			}
@@ -1146,16 +1200,22 @@ var script = {
 		 * Run a `rowAction` that is not a plain link through the page's
 		 * dispatcher: a `handler` gets the row as its last argument, an
 		 * `open-modal` gets it as the `row` prop, an `object-op` acts on it.
+		 * With `endpoint` it calls that app URL for the row, as a `rowActions`
+		 * endpoint entry does.
 		 *
 		 * @param {object} row The row.
 		 * @return {unknown} What the dispatcher returns.
 		 * @spec openspec/changes/screens-record-list-row-action/specs/record-list/spec.md
+		 * @spec openspec/changes/record-list-row-action-endpoint/specs/record-list/spec.md#requirement-a-rows-one-action-can-call-an-app-endpoint-for-that-row
 		 */
 		runRowAction(row) {
 			const action = this.content?.rowAction;
 			if (!action || typeof action !== 'object') {
 				return undefined
 			}
+			if (typeof action.endpoint === 'string' && action.endpoint !== '') {
+				return this.runRowActionEntry(action, row)
+			}
 			const type = action.type || 'handler';
 			let wrapped = action;
 			if (type === 'handler') {