@conduction/nextcloud-vue 2.101.0 → 2.103.0

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

@@ -50,6 +50,7 @@ import { resolveFilterMap } from '../../utils/routeFilters.js';
 import { DEFAULT_ROW_ACTION_FIELD, withoutViewWhenRowOpensDetail, availableRowActions, refusalReasonFor, undeclaredRowActions } from '../../utils/rowActionAvailability.js';
 import { isRowActionVisible, rowActionPayload } from '../../utils/rowActionItem.js';
 import { isNewTabClick, preventMiddleClickAutoscroll, isRowMiddleClick, isNewTabHandled, markNewTabHandled } from '../../utils/rowAuxClick.js';
+import { compileRowClass } from '../../utils/rowClassRules.js';
 import { DEFAULT_ROW_INDICATOR_CAP } from '../../utils/rowIndicators.js';
 import { viewMatchesScope, extractViewState, buildRouteQueryFromViewState, extractViewStateFromRouteQuery, buildViewCreatePayload, savedViewScope, normalizeSharedWith } from '../../utils/savedViewHelpers.js';
 import { fieldsFromSchema, columnsFromSchema } from '../../utils/schema.js';
@@ -700,6 +701,17 @@ var script = {
 			default: '',
 		},
 
+		/**
+		 * Board look: draw the bulk band before anything is selected too, its
+		 * buttons disabled until there is a selection (DqZaken, DqWerkbord).
+		 * Manifest key `config.bulkBandAlways`. Only when the band has an
+		 * action to offer.
+		 */
+		bulkBandAlways: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * Board look: the 13px hint after the bulk band's buttons ("See what
 		 * changes first, then run it"). Manifest key `config.bulkHint`.
@@ -881,6 +893,21 @@ var script = {
 			default: null,
 		},
 
+		/**
+		 * Where the quick-filter chips sit (manifest `config.quickFilterPlacement`).
+		 * `''` (the default) as before. `'toolbar'` keeps them on one row with
+		 * the Filter button and the view switch, in whatever width that row has
+		 * beside a side panel (DqTeamwachtrij): the chips take the room the
+		 * buttons leave, and those that do not fit move into the overflow chip.
+		 *
+		 * @type {''|'toolbar'}
+		 */
+		quickFilterPlacement: {
+			type: String,
+			default: '',
+			validator: (v) => ['', 'toolbar'].includes(v),
+		},
+
 		/**
 		 * How the quick filters render: `'chips'` (pill strip, default) or
 		 * `'dropdown'` (a single `NcSelect`). Sourced from the manifest as
@@ -1457,9 +1484,18 @@ var script = {
 			default: 'Loading…',
 		},
 
-		/** Function returning CSS class(es) for a row */
+		/**
+		 * CSS class(es) for a row: a function `(row) => string`, or (manifest
+		 * `config.rowClass`) rules `[{ when: { field, op?, value }, class }]`,
+		 * each adding its class to a row whose field compares to the value
+		 * (the `visibleWhen` operators, `@today` included). DqTaken marks an
+		 * overdue task: `{ when: { field: "dueAt", op: "lt", value: "@today" },
+		 * class: "cn-row--overdue" }`.
+		 *
+		 * @type {((row: object) => string)|Array<{when: {field: string, op?: string, value: unknown}, class: string}>|null}
+		 */
 		rowClass: {
-			type: Function,
+			type: [Function, Array],
 			default: null,
 		},
 
@@ -1924,6 +1960,9 @@ var script = {
 		 *   defaults to `field`).
 		 * - `folders` — explicit folder list for `source:'custom'`.
 		 * - `allLabel` / `title` / `allowCreate` — passed to CnFolderSidebar.
+		 * - `pane` — `false` draws no pane: the scope still comes from the
+		 *   deep-link filter (`?caseType=<id>`) and still applies its look, as
+		 *   a list narrowed to one case type does without a folder column.
 		 *
 		 * A folder entry is also a SCOPE: it may carry `columns`, `defaultSort`
 		 * and `searchFields`, and while it is selected the list is shown that
@@ -2541,6 +2580,10 @@ var script = {
 		//
 		// Seeded from the route query so a shared link lands filtered, the
 		// same way `_order` and a deep-link filter already do for self-fetch.
+		// The page a paging named source shows: page 1 at the source config's
+		// `limit` (20 by default), moved by the pager.
+		const namedPageSize = Number(props.sourceConfig && props.sourceConfig.limit) > 0 ? Number(props.sourceConfig.limit) : 20;
+		const namedPaging = ref({ page: 1, limit: namedPageSize });
 		const namedActiveFilters = ref(namedFiltersFromRoute(getCurrentInstance(), props));
 
 		const {
@@ -2549,7 +2592,7 @@ var script = {
 			namedRows,
 			namedLoading,
 			namedQuickFilters,
-		} = useNamedSource(props, { activeQuickFilterIndex, activeFilters: namedActiveFilters });
+		} = useNamedSource(props, { activeQuickFilterIndex, activeFilters: namedActiveFilters, paging: namedPaging });
 
 		return {
 			isBoard: isBoardLook,
@@ -2561,6 +2604,7 @@ var script = {
 			namedLoading,
 			namedQuickFilters,
 			namedActiveFilters,
+			namedPaging,
 			contextMenuOpen,
 			contextMenuRow,
 			openContextMenu,
@@ -3523,6 +3567,9 @@ var script = {
 				const loaded = this.effectivePagination || {};
 				return Number(loaded.page || 1) < Number(loaded.pages || 1)
 			}
+			if (this.isNamedSource && this.namedSource && this.namedSource.pages === true) {
+				return Number(this.effectivePagination?.pages || 1) > 1
+			}
 			return Number(this.pagination?.pages || 1) > 1
 		},
 
@@ -3549,6 +3596,17 @@ var script = {
 			return { shown, total: Math.max(shown, Number(this.effectivePagination?.total || 0)) }
 		},
 
+		/**
+		 * Whether the folder pane is drawn: a `folderSidebar` without
+		 * `pane: false`.
+		 *
+		 * @spec openspec/changes/folder-sidebar-pane-off/specs/index-page/spec.md#requirement-a-folder-scope-without-a-pane
+		 * @return {boolean}
+		 */
+		showsFolderPane() {
+			return Boolean(this.folderSidebar) && this.folderSidebar.pane !== false
+		},
+
 		/**
 		 * The CnFolderSidebar source. A `register` source is fetched by this
 		 * component and handed to CnFolderSidebar as a `custom` folder list.
@@ -4562,7 +4620,13 @@ var script = {
 			// A named source that reports its own total (the search source)
 			// gives the count line its number.
 			if (this.isNamedSource && this.namedSource && typeof this.namedSource.total === 'function') {
-				return { ...(this.pagination || {}), total: this.namedSource.total() }
+				const total = this.namedSource.total();
+				// A source with `pages: true` gets the pager the self-fetched lists draw.
+				if (this.namedSource.pages === true) {
+					const { page, limit } = this.namedPaging;
+					return { page, limit, total, pages: Math.max(1, Math.ceil(total / limit)) }
+				}
+				return { ...(this.pagination || {}), total }
 			}
 			return this.isSelfFetchMode ? this.list.pagination.value : this.pagination
 		},
@@ -4815,6 +4879,16 @@ var script = {
 			return (this.effectiveSchema && this.effectiveSchema.slug) || ''
 		},
 
+		/**
+		 * The row-class function the table takes: a function as given, or the
+		 * manifest's rules compiled.
+		 *
+		 * @return {?(row: object) => string}
+		 */
+		compiledRowClass() {
+			return compileRowClass(this.rowClass)
+		},
+
 		/** @return {number} How many leading columns the person pinned (0 while a saved view's columns are applied). */
 		pinnedColumnCount() {
 			if (!this.personalColumns || Array.isArray(this.appliedViewColumns) || !this.personalLayout) {
@@ -7539,6 +7613,9 @@ var script = {
 			if (this.isSelfFetchMode && typeof this.list.onPageChange === 'function') {
 				this.list.onPageChange(page);
 			}
+			if (this.isNamedSource && this.namedSource && this.namedSource.pages === true) {
+				this.namedPaging = { ...this.namedPaging, page };
+			}
 			this.$emit('page-changed', page);
 		},
 
@@ -7554,6 +7631,9 @@ var script = {
 			if (this.isSelfFetchMode && typeof this.list.onPageSizeChange === 'function') {
 				this.list.onPageSizeChange(size);
 			}
+			if (this.isNamedSource && this.namedSource && this.namedSource.pages === true) {
+				this.namedPaging = { page: 1, limit: size };
+			}
 			this.$emit('page-size-changed', size);
 		},