@conduction/nextcloud-vue 2.132.0 → 2.134.0

package/src/components/CnObjectPartiesWidget/CnObjectPartiesWidget.vue

@@ -5,6 +5,23 @@
 
 <template>
 	<div class="cn-object-parties" data-testid="cn-object-parties">
+		<div v-if="canAdd" class="cn-object-parties__manage">
+			<NcButton data-testid="cn-object-parties-add" @click="adding = true">
+				<template #icon>
+					<Plus :size="20" />
+				</template>
+				{{ manageWord('add', 'label', t('nextcloud-vue', 'Add a party')) }}
+			</NcButton>
+		</div>
+
+		<NcNoteCard
+			v-if="manageError"
+			type="error"
+			role="alert"
+			data-testid="cn-object-parties-manage-error">
+			{{ manageError }}
+		</NcNoteCard>
+
 		<NcLoadingIcon v-if="loading" :size="24" />
 
 		<NcEmptyContent
@@ -13,6 +30,35 @@
 			:description="label('failedDetail')"
 			data-testid="cn-object-parties-failed" />
 
+		<div
+			v-else-if="isPrimaryPresentation"
+			class="cn-object-parties__main-card"
+			data-testid="cn-object-parties-main-card">
+			<div
+				v-if="mainParty"
+				class="cn-object-parties__main"
+				:data-party="mainParty.partyUuid"
+				data-testid="cn-object-parties-main">
+				<span class="cn-object-parties__main-initials" aria-hidden="true" data-testid="cn-object-parties-main-initials">{{ initialsOf(nameOf(mainParty)) }}</span>
+				<span class="cn-object-parties__main-text">
+					<strong class="cn-object-parties__main-name" data-testid="cn-object-parties-main-name">{{ nameOf(mainParty) }}</strong>
+					<span v-if="mainRole" class="cn-object-parties__muted cn-object-parties__main-role" data-testid="cn-object-parties-main-role">{{ mainRole }}</span>
+				</span>
+			</div>
+			<span v-else class="cn-object-parties__muted" data-testid="cn-object-parties-main-none">{{ label('noPrimary') }}</span>
+			<a
+				v-if="mainParty && mainParty.email"
+				class="cn-object-parties__main-email"
+				:href="`mailto:${mainParty.email}`"
+				data-testid="cn-object-parties-main-email">
+				<EmailOutline :size="16" aria-hidden="true" />{{ mainParty.email }}</a>
+			<a
+				v-if="footLink"
+				class="cn-object-parties__main-link"
+				:href="footLink.href"
+				data-testid="cn-object-parties-main-link">{{ footLink.label }}</a>
+		</div>
+
 		<NcEmptyContent
 			v-else-if="groups.length === 0"
 			:name="label('empty')"
@@ -99,29 +145,76 @@
 							:data-effect="indicator.effect"
 							:title="indicator.verdict"
 							data-testid="cn-object-parties-indicator">{{ indicator.label }} · {{ indicator.verdict }}</span>
+						<NcButton
+							v-if="canRemove && party.partyUuid"
+							class="cn-object-parties__remove"
+							variant="tertiary"
+							:aria-label="removeLabel(party, group)"
+							:title="removeLabel(party, group)"
+							data-testid="cn-object-parties-remove"
+							@click="removing = { party, group }">
+							<template #icon>
+								<TrashCanOutline :size="20" />
+							</template>
+						</NcButton>
 					</li>
 				</ul>
 			</section>
 		</template>
+
+		<CnPartyAddDialog
+			v-if="adding"
+			ref="addDialog"
+			:dialogTitle="manageWord('add', 'dialogTitle', t('nextcloud-vue', 'Add a party'))"
+			:roles="addRoles"
+			:sources="addSources"
+			:createFields="createFields"
+			:createLabel="manageWord('add', 'createLabel', t('nextcloud-vue', 'Someone new'))"
+			:allowPrimary="content.manage.add.primary === true"
+			:primaryLabel="label('primary')"
+			:confirmLabel="manageWord('add', 'confirmLabel', t('nextcloud-vue', 'Add'))"
+			@close="adding = false"
+			@confirm="addParty" />
+
+		<CnConfirmDialog
+			v-if="removing"
+			ref="removeDialog"
+			:dialogTitle="manageWord('remove', 'title', t('nextcloud-vue', 'Remove party'))"
+			:message="removeMessage"
+			:confirmLabel="manageWord('remove', 'confirmLabel', t('nextcloud-vue', 'Remove'))"
+			variant="error"
+			@close="removing = null"
+			@confirm="removeParty" />
 	</div>
 </template>
 
 <script>
 import axios from '@nextcloud/axios'
+import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { translatePlural as n, translate as t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
-import { NcEmptyContent, NcLoadingIcon, NcNoteCard } from '@nextcloud/vue'
+import { NcButton, NcEmptyContent, NcLoadingIcon, NcNoteCard } from '@nextcloud/vue'
+import EmailOutline from 'vue-material-design-icons/EmailOutline.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
+import TrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue'
+import CnConfirmDialog from '../../dialogs/CnConfirmDialog.vue'
+import CnPartyAddDialog from '../../dialogs/CnPartyAddDialog.vue'
 import { interpolateUrlTokens } from '../../composables/useEndpointSource.js'
 import innerHeading from '../../mixins/innerHeading.js'
 import { conditionalLine } from '../../utils/conditionalLine.js'
+import { initialsOf } from '../../utils/initials.js'
 import {
 	documentsOfParty,
 	indicatorsOf,
 	indicatorVerdict,
 	kindCode,
+	newPartyRecord,
 	representedByMap,
+	roleLabel,
 	rolesInOrder,
+	savedUuid,
 } from '../../utils/objectParties.js'
+import { fetchCallerScope } from '../../utils/objectPermissions.js'
 import { readPath } from '../../utils/readPath.js'
 
 let uid = 0
@@ -141,6 +234,7 @@ function defaultLabels() {
 		primary: t('nextcloud-vue', 'Primary party'),
 		notAccepted: t('nextcloud-vue', 'Kind not accepted here'),
 		representedBy: t('nextcloud-vue', 'Represented by'),
+		noPrimary: t('nextcloud-vue', 'No main contact yet'),
 	}
 }
 
@@ -164,6 +258,22 @@ function defaultLabels() {
  * }
  * ```
  *
+ * `manage` lets a reader change the parties through OpenRegister's party
+ * API, which asks the record's update right on every write: `add` (`{ label?,
+ * dialogTitle?, kind?, sources, create?, primary?, confirmLabel? }`) opens a
+ * dialog to pick somebody known or describe somebody new (`create: {
+ * register, schema, label?, fields, compose? }`, see `newPartyRecord`), choose
+ * a role and optionally make them the primary party; `remove` (`{ title?,
+ * message?, confirmLabel? }`, `{name}` and `{role}` in the message) takes a
+ * party off in one role. Both are hidden when OpenRegister says the reader
+ * may not update the schema; a refusal is shown, never swallowed.
+ *
+ * `presentation: "primary"` draws only the primary party, as a side card
+ * does: initials, name and role label, its correspondence e-mail, and
+ * `link` (`{ label, href? | tab? }`, `{total}` = the number of parties) at
+ * the foot; `tab` opens that tab of the page through the route hash. It
+ * reads the listing only.
+ *
  * A failed read says so and is never shown as "no parties".
  *
  * @spec openspec/changes/dq-abstract-record-widgets/specs/record-widgets/spec.md#requirement-a-record-shows-its-parties-by-role
@@ -171,7 +281,7 @@ function defaultLabels() {
 export default {
 	name: 'CnObjectPartiesWidget',
 
-	components: { NcEmptyContent, NcLoadingIcon, NcNoteCard },
+	components: { CnConfirmDialog, CnPartyAddDialog, EmailOutline, NcButton, NcEmptyContent, NcLoadingIcon, NcNoteCard, Plus, TrashCanOutline },
 
 	mixins: [innerHeading],
 
@@ -188,7 +298,10 @@ export default {
 		 * `kindsSource` (`{ url, enforce?, sourceText? }`), `extraLines`
 		 * (`[{ endpoint, path?, valueLabels?, lines }]`, one request per
 		 * party, `{party}` filled in), `correspondence` (`{ endpoint, path?,
-		 * senderField?, recipientsField? }`) and `labels`.
+		 * senderField?, recipientsField? }`), `labels`, `presentation`
+		 * (`"primary"`: only the primary party) and `link` (`{ label,
+		 * href? | tab? }`, the primary presentation's foot link) and
+		 * `manage` (`{ add?, remove? }`, adding and removing parties).
 		 */
 		content: {
 			type: Object,
@@ -226,6 +339,10 @@ export default {
 			kinds: null,
 			extra: {},
 			documents: [],
+			mayUpdate: true,
+			adding: false,
+			removing: null,
+			manageError: '',
 		}
 	},
 
@@ -235,6 +352,98 @@ export default {
 			return rolesInOrder(this.listing, this.translatedMap(this.content?.roleLabels))
 		},
 
+		/** @return {object} The `manage` declaration, or an empty one. */
+		manage() {
+			const manage = this.content?.manage
+			return manage && typeof manage === 'object' ? manage : {}
+		},
+
+		/** @return {boolean} Whether the add button shows. */
+		canAdd() {
+			return Boolean(this.manage.add) && this.mayUpdate && !this.isPrimaryPresentation && !this.loading && !this.failed
+		},
+
+		/** @return {boolean} Whether each party offers its remove button. */
+		canRemove() {
+			return Boolean(this.manage.remove) && this.mayUpdate && !this.isPrimaryPresentation
+		},
+
+		/** @return {Array<{key: string, label: string}>} The roles a new party may hold, in the reader's words. */
+		addRoles() {
+			const declared = Array.isArray(this.listing?.roles) ? this.listing.roles : []
+			const kind = this.manage.add?.kind
+			const accepted = kind ? (this.listing?.kinds || []).find((entry) => kindCode(entry) === kind)?.roles : null
+			const keys = Array.isArray(accepted) && accepted.length > 0 ? accepted : declared.map((role) => role?.key).filter(Boolean)
+			const own = this.translatedMap(this.content?.roleLabels)
+			return keys.map((key) => ({ key, label: own[key] || this.cnTranslate(roleLabel(key, declared, {})) }))
+		},
+
+		/** @return {Array<object>} The picker sources, their words translated by the picker. */
+		addSources() {
+			return Array.isArray(this.manage.add?.sources) ? this.manage.add.sources : []
+		},
+
+		/** @return {Array<object>} The new-person fields, labels translated. */
+		createFields() {
+			const fields = this.manage.add?.create?.fields
+			return (Array.isArray(fields) ? fields : [])
+				.filter((field) => field && field.key)
+				.map((field) => ({ ...field, label: this.cnTranslate(field.label || field.key) }))
+		},
+
+		/** @return {string} The question the remove dialog asks. */
+		removeMessage() {
+			if (!this.removing) {
+				return ''
+			}
+			const name = this.nameOf(this.removing.party)
+			const role = this.removing.group.label
+			const own = this.manage.remove?.message
+			return own
+				? this.cnTranslate(own).replaceAll('{name}', name).replaceAll('{role}', role)
+				: t('nextcloud-vue', 'Remove {name} as {role}?', { name, role }, undefined, { escape: false })
+		},
+
+		/** @return {boolean} Whether only the primary party is drawn. */
+		isPrimaryPresentation() {
+			return this.content?.presentation === 'primary'
+		},
+
+		/** @return {object|null} The primary party's listing row. */
+		mainParty() {
+			if (!this.primary) {
+				return null
+			}
+			return (this.listing?.results || []).find((row) => row && row.partyUuid === this.primary) || null
+		},
+
+		/** @return {string} The primary party's role, in the app's words. */
+		mainRole() {
+			const key = this.mainParty?.role
+			if (!key) {
+				return ''
+			}
+			const own = this.translatedMap(this.content?.roleLabels)
+			if (typeof own[key] === 'string' && own[key] !== '') {
+				return own[key]
+			}
+			return this.cnTranslate(roleLabel(key, this.listing?.roles, {}))
+		},
+
+		/** @return {{label: string, href: string}|null} The primary presentation's foot link; none without parties. */
+		footLink() {
+			const link = this.content?.link
+			const total = Number(this.listing?.total ?? (this.listing?.results || []).length)
+			if (!link || typeof link !== 'object' || !link.label || !(total > 0)) {
+				return null
+			}
+			const href = link.tab ? `#${encodeURIComponent(link.tab)}` : (link.href || '')
+			if (href === '') {
+				return null
+			}
+			return { label: this.cnTranslate(link.label).replaceAll('{total}', String(total)), href }
+		},
+
 		/** @return {string|null} The primary party's uuid. */
 		primary() {
 			return this.listing?.primary || null
@@ -300,7 +509,22 @@ export default {
 		},
 	},
 
+	mounted() {
+		this.onPageRefresh = (payload) => {
+			if (payload?.source !== this.idPrefix) {
+				this.load()
+			}
+		}
+		subscribe('cn:page:refresh', this.onPageRefresh)
+	},
+
+	beforeUnmount() {
+		unsubscribe('cn:page:refresh', this.onPageRefresh)
+	},
+
 	methods: {
+		t,
+		initialsOf,
 		kindCode,
 
 		/**
@@ -314,6 +538,115 @@ export default {
 			return own !== '' ? this.cnTranslate(own) : defaultLabels()[key]
 		},
 
+		/**
+		 * A word of the `manage` declaration, translated, else the default.
+		 *
+		 * @param {string} part `add` or `remove`.
+		 * @param {string} key The word's key.
+		 * @param {string} fallback The default.
+		 * @return {string}
+		 */
+		manageWord(part, key, fallback) {
+			const own = this.manage[part]?.[key]
+			return typeof own === 'string' && own !== '' ? this.cnTranslate(own) : fallback
+		},
+
+		/**
+		 * The remove button's accessible name.
+		 *
+		 * @param {object} party The listing row.
+		 * @param {object} group The role group.
+		 * @return {string}
+		 */
+		removeLabel(party, group) {
+			return t('nextcloud-vue', 'Remove {name} as {role}', { name: this.nameOf(party), role: group.label }, undefined, { escape: false })
+		},
+
+		/**
+		 * Why a write failed, in the reader's words.
+		 *
+		 * @param {unknown} error The axios error.
+		 * @return {string}
+		 */
+		refusalOf(error) {
+			if (error?.response?.status === 403) {
+				return t('nextcloud-vue', 'You may not change who is on this record.')
+			}
+			const said = error?.response?.data?.error
+			return typeof said === 'string' && said !== '' ? said : t('nextcloud-vue', 'The change could not be saved. Nothing was changed.')
+		},
+
+		/** @return {string} The record's parties URL. */
+		partiesUrl() {
+			return this.urlOf(this.content?.rolesSource || '/apps/openregister/api/objects/@register/@schema/@objectId/parties')
+		},
+
+		/** @return {Promise<void>} Whether OpenRegister lets the reader update this schema; unknown counts as yes, the server decides. */
+		async loadMayUpdate() {
+			if (!this.manage.add && !this.manage.remove) {
+				return
+			}
+			const slug = (value) => (value && typeof value === 'object' ? String(value.slug || value.id || '') : String(value || ''))
+			const scope = await fetchCallerScope({ register: slug(this.register), schema: slug(this.schema) })
+			this.mayUpdate = !scope || !Array.isArray(scope.actions) || scope.actions.includes('update')
+		},
+
+		/**
+		 * Create the person when they are new, then give them the role; a
+		 * primary party is set through the primary route, which records the
+		 * replacement.
+		 *
+		 * @param {{mode: string, partyUuid: string|null, values: object, role: string, primary: boolean}} choice The dialog's choice.
+		 * @return {Promise<void>}
+		 */
+		async addParty(choice) {
+			try {
+				let partyUuid = choice.partyUuid
+				if (choice.mode === 'new') {
+					const create = this.manage.add?.create || {}
+					const { data } = await axios.post(
+						generateUrl(`/apps/openregister/api/objects/${encodeURIComponent(create.register || '')}/${encodeURIComponent(create.schema || '')}`),
+						newPartyRecord(create, choice.values),
+					)
+					partyUuid = savedUuid(data)
+					if (partyUuid === '') {
+						throw new Error(t('nextcloud-vue', 'The new person was not saved.'))
+					}
+				}
+				if (choice.primary) {
+					await axios.put(generateUrl(`${this.partiesUrl()}/primary`), { partyUuid, role: choice.role })
+				} else {
+					await axios.post(generateUrl(this.partiesUrl()), { partyUuid, role: choice.role })
+				}
+				this.adding = false
+				this.changed()
+			} catch (error) {
+				this.$refs.addDialog?.fail(error?.response ? this.refusalOf(error) : (error?.message || this.refusalOf(error)))
+			}
+		},
+
+		/** @return {Promise<void>} Take the chosen party off in the chosen role. */
+		async removeParty() {
+			const { party, group } = this.removing || {}
+			if (!party) {
+				return
+			}
+			try {
+				await axios.delete(generateUrl(`${this.partiesUrl()}/${encodeURIComponent(party.partyUuid)}`), { params: { role: group.key } })
+				this.removing = null
+				this.changed()
+			} catch (error) {
+				this.$refs.removeDialog?.setResult({ error: this.refusalOf(error) })
+			}
+		},
+
+		/** @return {void} Read the parties again and tell the page (tab counts, the side card). */
+		changed() {
+			this.manageError = ''
+			this.load()
+			emit('cn:page:refresh', { source: this.idPrefix })
+		},
+
 		/**
 		 * A map of manifest words, translated.
 		 *
@@ -383,6 +716,11 @@ export default {
 				return
 			}
 			this.listing = listing
+			await this.loadMayUpdate()
+			if (this.isPrimaryPresentation) {
+				this.loading = false
+				return
+			}
 			const uuids = [...new Set((listing.results || []).map((row) => row && row.partyUuid).filter(Boolean))]
 			const partyUrl = this.content?.partySource || '/apps/openregister/api/parties/{uuid}'
 			const records = await Promise.all(uuids.map((uuid) => this.read(this.urlOf(partyUrl, uuid))))
@@ -657,6 +995,66 @@ export default {
 	color: var(--color-text-maxcontrast);
 }
 
+.cn-object-parties__manage {
+	display: flex;
+	justify-content: flex-end;
+}
+
+.cn-object-parties__remove {
+	margin-inline-start: auto;
+}
+
+.cn-object-parties__main-card {
+	display: flex;
+	flex-direction: column;
+	gap: calc(var(--default-grid-baseline, 4px) * 3);
+}
+
+.cn-object-parties__main {
+	display: flex;
+	align-items: center;
+	gap: calc(var(--default-grid-baseline, 4px) * 3);
+}
+
+.cn-object-parties__main-initials {
+	display: flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	background-color: var(--color-background-dark);
+	color: var(--color-main-text);
+	font-weight: 700;
+}
+
+.cn-object-parties__main-text {
+	display: flex;
+	flex-direction: column;
+}
+
+.cn-object-parties__main-name {
+	font-size: 15px;
+}
+
+.cn-object-parties__main-role {
+	font-size: 13px;
+}
+
+.cn-object-parties__main-email {
+	display: flex;
+	align-items: center;
+	gap: calc(var(--default-grid-baseline, 4px) * 2.5);
+	color: var(--color-main-text);
+	overflow-wrap: anywhere;
+}
+
+.cn-object-parties__main-link {
+	color: var(--color-primary-element);
+	font-weight: 600;
+}
+
 .cn-object-parties__accepted {
 	display: flex;
 	flex-wrap: wrap;

package/src/components/CnRecordListWidget/CnRecordListWidget.vue

@@ -542,6 +542,7 @@ import { fillTemplate, firstFilled } from '../../utils/fillTemplate.js'
 import { unwrapAppConfig } from '../../utils/formatMetric.js'
 import { initialsOf } from '../../utils/initials.js'
 import { lensUnavailableText, readLensReports } from '../../utils/lensAvailability.js'
+import { isObjectRowsSpec, objectRowsOf } from '../../utils/objectRows.js'
 import { pageFilter, pageSort } from '../../utils/pageControls.js'
 import { readPath } from '../../utils/readPath.js'
 import { dropOptionalUnresolved, hasUnresolvedTokens, resolveDeepTokens, resolveFilterTokens } from '../../utils/resolveFilterTokens.js'
@@ -607,7 +608,8 @@ function unwrap(value) {
  * `object-list` (`register`, `schema`, `filter` with the `@objectId` /
  * `@object.<field>` / `@workspace.<key>` tokens, `sort`, `limit`, `extend`,
  * `rowRoute`, `pageControls`), or `endpointSource` (an app endpoint whose
- * payload, after `responsePath`, is the array of rows, as on the object table); `avatar` puts a circle with the initials of a name
+ * payload, after `responsePath`, is the array of rows, as on the object table), or `objectRows`
+ * (`{ path, where?, valuePath? }`: rows the page record holds, such as one answer of a case); `avatar` puts a circle with the initials of a name
  * template before the title; what differs is the drawing: `presentation` is `rows`, `feed`
  * or `inline`, and each line is a template (`"{identifier} · {caseTypeName}"`,
  * `"Termijn {deadline|date}"`). `cards` draws a framed card per row in a
@@ -647,7 +649,8 @@ export default {
 		 * with `overVariant: "error"`), or without `maxField` against the
 		 * largest row. `endpointSource` (`{ url, method?,
 		 * params?, responsePath? }`) reads the rows from an app endpoint instead
-		 * of `register` / `schema`. `valueLabels` maps a field's stored values to the labels
+		 * of `register` / `schema`. `objectRows` (`{ path, where?, valuePath? }`)
+		 * lists rows the page record holds, with no request. `valueLabels` maps a field's stored values to the labels
 		 * the templates show. `headerNote` and `headerLink.label` fill `{total}`
 		 * and `{count:<field>=<value>}`, the loaded rows with that value.
 		 * A row that is a plain string or number (an endpoint
@@ -960,6 +963,30 @@ export default {
 			return Boolean(source && typeof source === 'object' && source.url)
 		},
 
+		/**
+		 * Whether the rows come from the page's own record (`objectRows`).
+		 *
+		 * @return {boolean}
+		 * @spec openspec/changes/record-list-object-rows/specs/record-list/spec.md#requirement-a-record-list-can-list-rows-the-page-record-holds
+		 */
+		objectRowsActive() {
+			return isObjectRowsSpec(this.content?.objectRows)
+		},
+
+		/**
+		 * The rows `objectRows` names on the page record (see utils/objectRows.js).
+		 *
+		 * @return {Array<object>}
+		 */
+		objectRowsList() {
+			return this.objectRowsActive ? objectRowsOf(this.objectData, this.content.objectRows) : []
+		},
+
+		/** @return {string} The page record's rows, to copy into the list when they change. */
+		objectRowsKey() {
+			return this.objectRowsActive ? JSON.stringify(this.objectRowsList) : ''
+		},
+
 		/** @return {string} The endpoint read's state, to copy into the list when it changes. */
 		endpointKey() {
 			return this.endpointActive ? JSON.stringify([this.epData, this.epLoading, this.epError]) : ''
@@ -1464,6 +1491,10 @@ export default {
 			this.fetchRows()
 		},
 
+		objectRowsKey() {
+			this.fetchRows()
+		},
+
 		linkIdsKey() {
 			this.loadLinkLabels()
 		},
@@ -2609,6 +2640,15 @@ export default {
 				this.takeEndpointRows()
 				return
 			}
+			if (this.objectRowsActive) {
+				this.rows = this.flattenRows(this.objectRowsList.map((row, index) => (row.id === undefined ? { id: `row-${index}`, ...row } : row)))
+				this.total = this.rows.length
+				this.loading = false
+				this.error = false
+				this.lenses = {}
+				this.emitHeader()
+				return
+			}
 			if (!c.register || !c.schema || this.waiting) {
 				this.rows = []
 				this.total = 0

package/src/components/CnTabsWidget/CnTabsWidget.vue

@@ -1056,7 +1056,7 @@ export default {
 		 * @spec openspec/changes/dq-abstract-record-widgets/specs/record-widgets/spec.md#requirement-opening-a-tab-marks-its-part-read
 		 */
 		unreadLabelOf(tab, widgetId) {
-			if (!this.readStateBadges || (tab && typeof tab === 'object' && (typeof tab.count === 'number' || tab.countField))) {
+			if (!this.readStateBadges || (tab && typeof tab === 'object' && (typeof tab.count === 'number' || tab.countField || tab.countObjectRows))) {
 				return ''
 			}
 			const key = this.unreadKeyOf(tab, widgetId)

package/src/components/index.js

@@ -7,6 +7,7 @@ export { CnBulkJobProgress } from './CnBulkJobProgress/index.js'
 export { CnDataTable } from './CnDataTable/index.js'
 export { CnDataMatrix } from './CnDataMatrix/index.js'
 export { CnFilterBar } from './CnFilterBar/index.js'
+export { CnConditionListEditor } from './CnConditionListEditor/index.js'
 export { CnCronField } from './CnCronField/index.js'
 export { CnFileField } from './CnFileField/index.js'
 export { CnOfflineQueue } from './CnOfflineQueue/index.js'

package/src/css/look-board-index.css

@@ -799,6 +799,12 @@
 	padding-inline: 16px;
 }
 
+/* The row's actions menu (a 34px toggle) adds no height to a card table's
+   row: the cell has no block padding, so the row stays at its text's 40px. */
+.cn-look-board .cn-table-container--board:not(.cn-index-page__main--table > *) .cn-data-table .cn-table-col--actions {
+	padding-block: 0;
+}
+
 .cn-look-board .cn-index-page__main--table .cn-table-container--board .cn-data-table td > .cn-cell-renderer {
 	display: block;
 	min-width: 0;