@conduction/nextcloud-vue 2.102.0 → 2.104.0

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

@@ -2,7 +2,7 @@ import script from './CnFormDialog.vue2.js';
 import { render } from './CnFormDialog.vue3.js';
 
 script.render = render;
-script.__scopeId = "data-v-65a5754f";
+script.__scopeId = "data-v-6927cedc";
 const __sfc_main = script;
 
 export { __sfc_main as default };

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

@@ -4,19 +4,20 @@ import { generateUrl } from '@nextcloud/router';
 import { NcButton, NcNoteCard, NcLoadingIcon, NcTextField, NcSelect, NcSelectUsers, NcDateTimePickerNative, NcCheckboxRadioSwitch } from '@nextcloud/vue';
 import ContentSaveOutline from 'vue-material-design-icons/ContentSaveOutline.vue';
 import Plus from 'vue-material-design-icons/Plus.vue';
-import __sfc_main$3 from '../../dialogs/CnReplaceValuesDialog.vue.js';
-import __sfc_main$5 from '../CnChildRecordsField/CnChildRecordsField.vue.js';
-import __sfc_main$6 from '../CnDialog/CnDialog.vue.js';
+import __sfc_main$4 from '../../dialogs/CnReplaceValuesDialog.vue.js';
+import __sfc_main$6 from '../CnChildRecordsField/CnChildRecordsField.vue.js';
+import __sfc_main$7 from '../CnDialog/CnDialog.vue.js';
 import __sfc_main$1 from '../CnDurationField/CnDurationField.vue.js';
-import __sfc_main$c from '../CnFieldHelper/CnFieldHelper.vue.js';
+import __sfc_main$d from '../CnFieldHelper/CnFieldHelper.vue.js';
 import __sfc_main from '../CnFileField/CnFileField.vue.js';
-import __sfc_main$8 from '../CnFormField/CnFormField.vue.js';
-import __sfc_main$7 from '../CnIcon/CnIcon.vue.js';
-import __sfc_main$a from '../CnIconBrowser/CnIconBrowser.vue.js';
-import __sfc_main$9 from '../CnJsonViewer/CnJsonViewer.vue.js';
+import __sfc_main$9 from '../CnFormField/CnFormField.vue.js';
+import __sfc_main$8 from '../CnIcon/CnIcon.vue.js';
+import __sfc_main$b from '../CnIconBrowser/CnIconBrowser.vue.js';
+import __sfc_main$a from '../CnJsonViewer/CnJsonViewer.vue.js';
 import __sfc_main$2 from '../CnPropertySourceField/CnPropertySourceField.vue.js';
-import __sfc_main$b from '../CnResourceSelect/CnResourceSelect.vue.js';
-import __sfc_main$4 from '../CnSubObjectsField/CnSubObjectsField.vue.js';
+import __sfc_main$c from '../CnResourceSelect/CnResourceSelect.vue.js';
+import __sfc_main$3 from '../CnSearchSelect/CnSearchSelect.vue.js';
+import __sfc_main$5 from '../CnSubObjectsField/CnSubObjectsField.vue.js';
 import { describeRowProblem, useChildRecords } from '../../composables/useChildRecords.js';
 import { formDraftMixin, draftKey, resolveDraftUserId, draftIndicatorText, hasDraftChanges, clearAnonymousDrafts, readDraft } from '../../composables/useFormDraft.js';
 import { splitHeldFiles, uploadHeldFiles, heldFromFailures } from '../../composables/useHeldFileUpload.js';
@@ -30,6 +31,7 @@ import { resolveCreateOverrideHandler } from '../../utils/actionsDispatcher.js';
 import { loadCurrentUserProfile } from '../../utils/currentUserProfile.js';
 import { extendsFormDeclarations, prefillDeclarations, definitionQueryParams, propertiesFromDefinitions, prefillValues, splitDynamicFormData, DYNAMIC_KEY_PREFIX } from '../../utils/dynamicProperties.js';
 import { shouldShow } from '../../utils/fieldCondition.js';
+import { fillTemplate } from '../../utils/fillTemplate.js';
 import { computeAssignments } from '../../utils/formAssign.js';
 import { resolveNextcloudGroup, searchNextcloudGroups } from '../../utils/groupAutocomplete.js';
 import { durationSeconds } from '../../utils/isoDuration.js';
@@ -52,6 +54,36 @@ import { resolveNextcloudUser, searchNextcloudUsers } from '../../utils/userAuto
  */
 const WIDE_WIDGETS = ['textarea', 'json', 'code'];
 
+// The widget names the form draws itself; a registered component cannot take one over.
+const BUILT_IN_WIDGETS = new Set([
+	'text',
+	'email',
+	'url',
+	'number',
+	'textarea',
+	'switch',
+	'select',
+	'user',
+	'group',
+	'multiselect',
+	'user-multiselect',
+	'group-multiselect',
+	'tags',
+	'checkbox',
+	'date',
+	'datetime',
+	'json',
+	'code',
+	'file',
+	'duration',
+	'child-records',
+	'sub-objects',
+	'property-source',
+	'icon',
+	'language',
+	'timezone',
+]);
+
 /** Largest file carried inline in the saved payload; bigger ones upload after save. */
 const INLINE_FILE_CAP = 1024 * 1024;
 
@@ -241,12 +273,13 @@ var script = {
 		CnFileField: __sfc_main,
 		CnDurationField: __sfc_main$1,
 		CnPropertySourceField: __sfc_main$2,
-		CnReplaceValuesDialog: __sfc_main$3,
-		CnSubObjectsField: __sfc_main$4,
-		CnChildRecordsField: __sfc_main$5,
-		CnDialog: __sfc_main$6,
-		CnIcon: __sfc_main$7,
-		CnFormField: __sfc_main$8,
+		CnSearchSelect: __sfc_main$3,
+		CnReplaceValuesDialog: __sfc_main$4,
+		CnSubObjectsField: __sfc_main$5,
+		CnChildRecordsField: __sfc_main$6,
+		CnDialog: __sfc_main$7,
+		CnIcon: __sfc_main$8,
+		CnFormField: __sfc_main$9,
 		NcButton,
 		NcNoteCard,
 		NcLoadingIcon,
@@ -255,10 +288,10 @@ var script = {
 		NcSelectUsers,
 		NcDateTimePickerNative,
 		NcCheckboxRadioSwitch,
-		CnJsonViewer: __sfc_main$9,
-		CnIconBrowser: __sfc_main$a,
-		CnResourceSelect: __sfc_main$b,
-		CnFieldHelper: __sfc_main$c,
+		CnJsonViewer: __sfc_main$a,
+		CnIconBrowser: __sfc_main$b,
+		CnResourceSelect: __sfc_main$c,
+		CnFieldHelper: __sfc_main$d,
 		Plus,
 		ContentSaveOutline,
 	},
@@ -1237,6 +1270,28 @@ var script = {
 	},
 
 	methods: {
+		/**
+		 * Resolve the registered component a field's `widget` names: the v2
+		 * registry (any entry with a `component`) first, then the legacy
+		 * customComponents map. Built-in widget names never resolve here.
+		 *
+		 * @param {object} field A resolved field descriptor.
+		 * @return {object|null} Vue component, or null.
+		 */
+		resolveFieldComponent(field) {
+			const name = field && field.widget;
+			if (typeof name !== 'string' || name === '' || BUILT_IN_WIDGETS.has(name)) {
+				return null
+			}
+			const entry = this.cnRegistry && this.cnRegistry[name];
+			if (entry && entry.component) {
+				return entry.component
+			}
+			const legacy = this.cnCustomComponents && this.cnCustomComponents[name];
+			// A bare function in the legacy map is a handler, not a component.
+			return legacy && typeof legacy === 'object' ? legacy : null
+		},
+
 		/**
 		 * Resolve a field's reference integration widget, if any.
 		 * Returns the integration's single-entity widget component
@@ -3545,6 +3600,44 @@ var script = {
 		 * @param {object} field The field definition
 		 * @return {Array}
 		 */
+		/**
+		 * The options of a `look: "search"` field as CnSearchSelect rows: each
+		 * option's own `secondary` / `icon` / `avatar`, else the field's
+		 * `optionSecondary` template (filled from the option), `optionIcon` and
+		 * `optionAvatar`.
+		 *
+		 * @spec openspec/changes/search-select-look/specs/search-select/spec.md#requirement-a-single-picker-can-take-the-search-look
+		 * @param {object} field The field definition.
+		 * @return {Array<object>}
+		 */
+		searchSelectOptions(field) {
+			const template = typeof field.optionSecondary === 'string' ? field.optionSecondary : '';
+			return this.getEffectiveOptions(field).map((option) => ({
+				...option,
+				secondary: option.secondary || (template ? fillTemplate(template, option).trim() : ''),
+				icon: option.icon || field.optionIcon || '',
+				avatar: option.avatar ?? (field.optionAvatar === true),
+			}))
+		},
+
+		/**
+		 * Pick the option a CnSearchSelect field emitted by its id, and hand
+		 * it to the select change handler.
+		 *
+		 * @spec openspec/changes/search-select-look/specs/search-select/spec.md#requirement-a-single-picker-can-take-the-search-look
+		 * @param {object} field The field definition.
+		 * @param {string|number|null} id The chosen option's id.
+		 */
+		onSearchSelectChange(field, id) {
+			if (id === null || id === undefined) {
+				this.onEffectiveSelectChange(field, null);
+				return
+			}
+			const option = this.searchSelectOptions(field).find((o) => String(o.id ?? o.value) === String(id)) || { id, label: String(id) };
+			const { secondary, icon, avatar, ...plain } = option;
+			this.onEffectiveSelectChange(field, plain);
+		},
+
 		getEffectiveOptions(field) {
 			if (this.isAsyncEnum(field)) {
 				// TODO: restore to `this.asyncState[field.key]?.options || []` once on Vue 3 (buble doesn't support optional chaining)