@conduction/nextcloud-vue 2.62.0 → 2.63.0

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

@@ -21,43 +21,51 @@ const _hoisted_8 = {
   class: "cn-form-dialog__select-wrapper"
 };
 const _hoisted_9 = {
-  key: 5,
-  class: "cn-form-dialog__select-wrapper"
+  key: 4,
+  class: "cn-form-dialog__switch-wrapper"
 };
 const _hoisted_10 = {
-  key: 6,
+  key: 5,
   class: "cn-form-dialog__select-wrapper"
 };
 const _hoisted_11 = {
-  key: 7,
+  key: 6,
   class: "cn-form-dialog__select-wrapper"
 };
 const _hoisted_12 = {
-  key: 9,
+  key: 7,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_13 = ["for"];
+const _hoisted_13 = {
+  key: 8,
+  class: "cn-form-dialog__switch-wrapper"
+};
 const _hoisted_14 = {
-  key: 10,
-  class: "cn-form-dialog__json-wrapper"
+  key: 9,
+  class: "cn-form-dialog__select-wrapper"
 };
 const _hoisted_15 = ["for"];
 const _hoisted_16 = {
-  key: 11,
+  key: 10,
   class: "cn-form-dialog__json-wrapper"
 };
 const _hoisted_17 = ["for"];
 const _hoisted_18 = {
-  key: 12,
-  class: "cn-form-dialog__icon-wrapper"
+  key: 11,
+  class: "cn-form-dialog__json-wrapper"
 };
 const _hoisted_19 = ["for"];
 const _hoisted_20 = {
+  key: 12,
+  class: "cn-form-dialog__icon-wrapper"
+};
+const _hoisted_21 = ["for"];
+const _hoisted_22 = {
   key: 0,
   class: "cn-form-dialog__dynamic-loading",
   "data-testid": "cn-form-dialog-dynamic-loading"
 };
-const _hoisted_21 = {
+const _hoisted_23 = {
   class: "cn-form-dialog__draft-state",
   "aria-live": "polite",
   "data-testid": "cn-form-dialog-draft-state"
@@ -75,6 +83,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnJsonViewer = resolveComponent("CnJsonViewer");
   const _component_CnIconBrowser = resolveComponent("CnIconBrowser");
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
+  const _component_CnFormDialog = resolveComponent("CnFormDialog", true);
   const _component_Plus = resolveComponent("Plus");
   const _component_ContentSaveOutline = resolveComponent("ContentSaveOutline");
   const _component_NcDialog = resolveComponent("NcDialog");
@@ -86,7 +95,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onClosing: _cache[1] || (_cache[1] = $event => (_ctx.$emit('close')))
   }, {
     actions: withCtx(() => [
-      createElementVNode("span", _hoisted_21, toDisplayString($options.draftIndicatorLabel), 1 /* TEXT */),
+      createElementVNode("span", _hoisted_23, toDisplayString($options.draftIndicatorLabel), 1 /* TEXT */),
       createVNode(_component_NcButton, {
         onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('close')))
       }, {
@@ -315,19 +324,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                             error: $data.errors[field.key]
                                           }, null, 8 /* PROPS */, ["text", "more", "error"])
                                         ]))
-                                      : ($options.isReferenceField(field) && field.allowCreate)
+                                      : (($options.isReferenceField(field) || $options.isReferenceArrayField(field)) && field.allowCreate)
                                         ? (openBlock(), createElementBlock("div", _hoisted_8, [
                                             createVNode(_component_CnResourceSelect, {
                                               inputId: 'cn-form-' + field.key,
                                               inputLabel: field.label + (field.required ? ' *' : ''),
                                               register: $options.referenceRegister(field),
-                                              schema: field.reference.schema,
+                                              schema: String(field.reference.schema),
                                               labelField: $options.referenceLabelField(field),
-                                              modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
-                                              clearable: !field.required,
+                                              multiple: !!field.reference.multiple,
+                                              modelValue: $options.referenceModelValue(field),
+                                              clearable: !field.required || !!field.reference.multiple,
+                                              disabled: field.readOnly,
+                                              preload: true,
+                                              createHandler: term => $options.openNestedCreate(field, term),
                                               "onUpdate:modelValue": value => $options.onReferenceSelected(field, value),
                                               onCreate: obj => $options.onReferenceCreated(field, obj)
-                                            }, null, 8 /* PROPS */, ["inputId", "inputLabel", "register", "schema", "labelField", "modelValue", "clearable", "onUpdate:modelValue", "onCreate"]),
+                                            }, null, 8 /* PROPS */, ["inputId", "inputLabel", "register", "schema", "labelField", "multiple", "modelValue", "clearable", "disabled", "createHandler", "onUpdate:modelValue", "onCreate"]),
                                             createVNode(_component_CnFieldHelper, {
                                               text: field.description,
                                               more: field.descriptionLong,
@@ -335,20 +348,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                             }, null, 8 /* PROPS */, ["text", "more", "error"])
                                           ]))
                                         : (field.widget === 'switch')
-                                          ? (openBlock(), createBlock(_component_NcCheckboxRadioSwitch, {
-                                              key: 4,
-                                              modelValue: $options.isSwitchOn(field),
-                                              disabled: field.readOnly,
-                                              type: "switch",
-                                              "onUpdate:modelValue": value => $options.updateField(field.key, $options.switchValueFor(field, value))
-                                            }, {
-                                              default: withCtx(() => [
-                                                createTextVNode(toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 1 /* TEXT */)
-                                              ]),
-                                              _: 2 /* DYNAMIC */
-                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "disabled", "onUpdate:modelValue"]))
-                                          : (field.widget === 'select' || field.widget === 'user')
-                                            ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                                          ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                                              createVNode(_component_NcCheckboxRadioSwitch, {
+                                                modelValue: $options.isSwitchOn(field),
+                                                disabled: field.readOnly,
+                                                type: "switch",
+                                                "onUpdate:modelValue": value => $options.updateField(field.key, $options.switchValueFor(field, value))
+                                              }, {
+                                                default: withCtx(() => [
+                                                  createTextVNode(toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 1 /* TEXT */)
+                                                ]),
+                                                _: 2 /* DYNAMIC */
+                                              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "disabled", "onUpdate:modelValue"]),
+                                              createVNode(_component_CnFieldHelper, {
+                                                text: field.description,
+                                                more: field.descriptionLong,
+                                                error: $data.errors[field.key]
+                                              }, null, 8 /* PROPS */, ["text", "more", "error"])
+                                            ]))
+                                          : (field.widget === 'select' || field.widget === 'user' || field.widget === 'group')
+                                            ? (openBlock(), createElementBlock("div", _hoisted_10, [
                                                 (openBlock(), createBlock(resolveDynamicComponent($options.isUserField(field) ? 'NcSelectUsers' : 'NcSelect'), {
                                                   inputId: 'cn-form-' + field.key,
                                                   inputLabel: field.label + (field.required ? ' *' : ''),
@@ -386,8 +405,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                   error: $data.errors[field.key]
                                                 }, null, 8 /* PROPS */, ["text", "more", "error"])
                                               ]))
-                                            : (field.widget === 'multiselect' || field.widget === 'user-multiselect')
-                                              ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                                            : (field.widget === 'multiselect' || field.widget === 'user-multiselect' || field.widget === 'group-multiselect')
+                                              ? (openBlock(), createElementBlock("div", _hoisted_11, [
                                                   createVNode(_component_NcSelect, {
                                                     inputId: 'cn-form-' + field.key,
                                                     inputLabel: field.label + (field.required ? ' *' : ''),
@@ -428,7 +447,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                   }, null, 8 /* PROPS */, ["text", "more", "error"])
                                                 ]))
                                               : (field.widget === 'tags')
-                                                ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                                                ? (openBlock(), createElementBlock("div", _hoisted_12, [
                                                     createVNode(_component_NcSelect, {
                                                       inputId: 'cn-form-' + field.key,
                                                       inputLabel: field.label + (field.required ? ' *' : ''),
@@ -470,24 +489,30 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                     }, null, 8 /* PROPS */, ["text", "more", "error"])
                                                   ]))
                                                 : (field.widget === 'checkbox')
-                                                  ? (openBlock(), createBlock(_component_NcCheckboxRadioSwitch, {
-                                                      key: 8,
-                                                      modelValue: !!$data.formData[field.key],
-                                                      disabled: field.readOnly,
-                                                      type: "switch",
-                                                      "onUpdate:modelValue": value => $options.updateField(field.key, value)
-                                                    }, {
-                                                      default: withCtx(() => [
-                                                        createTextVNode(toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 1 /* TEXT */)
-                                                      ]),
-                                                      _: 2 /* DYNAMIC */
-                                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "disabled", "onUpdate:modelValue"]))
+                                                  ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                                                      createVNode(_component_NcCheckboxRadioSwitch, {
+                                                        modelValue: !!$data.formData[field.key],
+                                                        disabled: field.readOnly,
+                                                        type: "switch",
+                                                        "onUpdate:modelValue": value => $options.updateField(field.key, value)
+                                                      }, {
+                                                        default: withCtx(() => [
+                                                          createTextVNode(toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 1 /* TEXT */)
+                                                        ]),
+                                                        _: 2 /* DYNAMIC */
+                                                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "disabled", "onUpdate:modelValue"]),
+                                                      createVNode(_component_CnFieldHelper, {
+                                                        text: field.description,
+                                                        more: field.descriptionLong,
+                                                        error: $data.errors[field.key]
+                                                      }, null, 8 /* PROPS */, ["text", "more", "error"])
+                                                    ]))
                                                   : (field.widget === 'date' || field.widget === 'datetime')
-                                                    ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                                                    ? (openBlock(), createElementBlock("div", _hoisted_14, [
                                                         createElementVNode("label", {
                                                           for: 'cn-form-' + field.key,
                                                           class: "cn-form-dialog__label"
-                                                        }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_13),
+                                                        }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_15),
                                                         createVNode(_component_NcDateTimePickerNative, {
                                                           id: 'cn-form-' + field.key,
                                                           type: field.widget === 'datetime' ? 'datetime-local' : 'date',
@@ -504,11 +529,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                         }, null, 8 /* PROPS */, ["text", "more", "error"])
                                                       ]))
                                                     : (field.widget === 'json')
-                                                      ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                                                      ? (openBlock(), createElementBlock("div", _hoisted_16, [
                                                           createElementVNode("label", {
                                                             for: 'cn-form-' + field.key,
                                                             class: "cn-form-dialog__label"
-                                                          }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_15),
+                                                          }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_17),
                                                           createVNode(_component_CnJsonViewer, {
                                                             value: $options.jsonStringFor(field),
                                                             language: "json",
@@ -523,11 +548,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                           }, null, 8 /* PROPS */, ["text", "more", "error"])
                                                         ]))
                                                       : (field.widget === 'code')
-                                                        ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                                                        ? (openBlock(), createElementBlock("div", _hoisted_18, [
                                                             createElementVNode("label", {
                                                               for: 'cn-form-' + field.key,
                                                               class: "cn-form-dialog__label"
-                                                            }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_17),
+                                                            }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_19),
                                                             createVNode(_component_CnJsonViewer, {
                                                               value: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
                                                               language: field.language || 'auto',
@@ -541,11 +566,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             }, null, 8 /* PROPS */, ["text", "more", "error"])
                                                           ]))
                                                         : (field.widget === 'icon')
-                                                          ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                                                          ? (openBlock(), createElementBlock("div", _hoisted_20, [
                                                               createElementVNode("label", {
                                                                 for: 'cn-form-' + field.key,
                                                                 class: "cn-form-dialog__label"
-                                                              }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_19),
+                                                              }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_21),
                                                               createVNode(_component_CnIconBrowser, {
                                                                 value: $data.formData[field.key] != null ? String($data.formData[field.key]) : null,
                                                                 sources: field.iconSources || ['mdi'],
@@ -579,14 +604,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     ], 10 /* CLASS, PROPS */, _hoisted_3))
                   }), 128 /* KEYED_FRAGMENT */)),
                   ($data.dynamicLoading)
-                    ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                    ? (openBlock(), createElementBlock("div", _hoisted_22, [
                         createVNode(_component_NcLoadingIcon, { size: 20 }),
                         createElementVNode("span", null, toDisplayString($props.dynamicLoadingLabel), 1 /* TEXT */)
                       ]))
                     : createCommentVNode("v-if", true),
                   renderSlot(_ctx.$slots, "after-fields")
                 ], 64 /* STABLE_FRAGMENT */))
-          ], 2 /* CLASS */))
+          ], 2 /* CLASS */)),
+      ($data.nestedCreate !== null)
+        ? (openBlock(), createBlock(_component_CnFormDialog, {
+            key: 2,
+            ref: "nestedCreateDialog",
+            schema: $data.nestedCreate.schema,
+            register: $data.nestedCreate.register,
+            item: null,
+            initialData: $data.nestedCreate.initialData,
+            recoverDraft: false,
+            "data-testid": "cn-form-dialog-nested-create",
+            onConfirm: $options.onNestedCreateConfirm,
+            onClose: $options.onNestedCreateClose
+          }, null, 8 /* PROPS */, ["schema", "register", "initialData", "onConfirm", "onClose"]))
+        : createCommentVNode("v-if", true)
     ]),
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["name", "size", "noClose"]))