@conduction/nextcloud-vue 2.75.0 → 2.77.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createVNode, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, withKeys, normalizeClass, resolveDynamicComponent } from 'vue';
+import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createVNode, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, withKeys, resolveDynamicComponent, normalizeClass } from 'vue';
 
 const _hoisted_1 = {
   key: 0,
@@ -19,23 +19,28 @@ const _hoisted_6 = {
   class: "cn-object-data-widget__editor-actions"
 };
 const _hoisted_7 = ["tabindex", "role", "aria-label", "onClick", "onKeydown"];
-const _hoisted_8 = ["src", "alt"];
-const _hoisted_9 = ["aria-label"];
-const _hoisted_10 = {
-  key: 2,
-  class: "cn-object-data-widget__mini-table-wrap"
+const _hoisted_8 = {
+  key: 0,
+  class: "cn-object-data-widget__groups"
 };
-const _hoisted_11 = { class: "cn-object-data-widget__mini-table" };
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = ["src", "alt"];
+const _hoisted_11 = ["aria-label"];
 const _hoisted_12 = {
+  key: 3,
+  class: "cn-object-data-widget__mini-table-wrap"
+};
+const _hoisted_13 = { class: "cn-object-data-widget__mini-table" };
+const _hoisted_14 = {
   key: 0,
   class: "cn-object-data-widget__more"
 };
-const _hoisted_13 = {
-  key: 3,
+const _hoisted_15 = {
+  key: 4,
   class: "cn-object-data-widget__chips"
 };
-const _hoisted_14 = {
-  key: 4,
+const _hoisted_16 = {
+  key: 5,
   class: "cn-object-data-widget__deflist"
 };
 
@@ -52,6 +57,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcCheckboxRadioSwitch = resolveComponent("NcCheckboxRadioSwitch");
   const _component_Check = resolveComponent("Check");
   const _component_Close = resolveComponent("Close");
+  const _component_CnGroupNameCell = resolveComponent("CnGroupNameCell");
   const _component_CnObjectMetadataModal = resolveComponent("CnObjectMetadataModal");
   const _component_CnFormDialog = resolveComponent("CnFormDialog");
   const _component_CnWidgetWrapper = resolveComponent("CnWidgetWrapper");
@@ -213,91 +219,110 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                           "onUpdate:modelValue": $event => ($options.onRelationChange(field, $event)),
                                           onClose: $options.commitEdit
                                         }, null, 8 /* PROPS */, ["options", "modelValue", "loading", "clearable", "onUpdate:modelValue", "onClose"]))
-                                      : (field.widget === 'select')
-                                        ? (openBlock(), createBlock(_component_NcSelect, {
+                                      : ($options.isPersonPicker(field))
+                                        ? (openBlock(), createBlock(resolveDynamicComponent($options.isUserPicker(field) ? 'NcSelectUsers' : 'NcSelect'), {
                                             key: 4,
                                             ref_for: true,
                                             ref: "activeEditor",
-                                            options: $options.getSelectOptions(field),
-                                            modelValue: $options.getSelectedOption(field),
+                                            inputLabel: field.label,
+                                            labelOutside: true,
+                                            options: $data.personOptions[field.key] || [],
+                                            modelValue: $options.personSelected(field),
+                                            multiple: $options.isPersonMultiple(field),
+                                            keepOpen: $options.isPersonMultiple(field),
+                                            loading: $data.personLoading === field.key,
+                                            filterable: false,
                                             clearable: !field.required,
-                                            "onUpdate:modelValue": $event => ($options.onSelectChange(field, $event)),
-                                            onClose: $options.commitEdit
-                                          }, null, 8 /* PROPS */, ["options", "modelValue", "clearable", "onUpdate:modelValue", "onClose"]))
-                                        : (field.widget === 'multiselect')
+                                            label: "label",
+                                            onSearch: (q) => $options.searchPeople(field, q),
+                                            "onUpdate:modelValue": $event => ($options.onPersonChange(field, $event)),
+                                            onClose: $event => ($options.isPersonMultiple(field) ? undefined : $options.commitEdit())
+                                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["inputLabel", "options", "modelValue", "multiple", "keepOpen", "loading", "clearable", "onSearch", "onUpdate:modelValue", "onClose"]))
+                                        : (field.widget === 'select')
                                           ? (openBlock(), createBlock(_component_NcSelect, {
                                               key: 5,
                                               ref_for: true,
                                               ref: "activeEditor",
-                                              options: $options.getMultiselectOptions(field),
-                                              modelValue: $options.getSelectedMultiselectOptions(field),
-                                              multiple: true,
-                                              keepOpen: true,
-                                              clearable: true,
-                                              "onUpdate:modelValue": $event => ($options.onMultiselectChange(field, $event))
-                                            }, null, 8 /* PROPS */, ["options", "modelValue", "onUpdate:modelValue"]))
-                                          : (field.widget === 'tags')
+                                              options: $options.getSelectOptions(field),
+                                              modelValue: $options.getSelectedOption(field),
+                                              clearable: !field.required,
+                                              "onUpdate:modelValue": $event => ($options.onSelectChange(field, $event)),
+                                              onClose: $options.commitEdit
+                                            }, null, 8 /* PROPS */, ["options", "modelValue", "clearable", "onUpdate:modelValue", "onClose"]))
+                                          : (field.widget === 'multiselect')
                                             ? (openBlock(), createBlock(_component_NcSelect, {
                                                 key: 6,
                                                 ref_for: true,
                                                 ref: "activeEditor",
-                                                modelValue: $data.editData[field.key] || [],
+                                                options: $options.getMultiselectOptions(field),
+                                                modelValue: $options.getSelectedMultiselectOptions(field),
                                                 multiple: true,
                                                 keepOpen: true,
-                                                taggable: true,
                                                 clearable: true,
-                                                "onUpdate:modelValue": val => $options.updateField(field.key, val)
-                                              }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"]))
-                                            : (field.widget === 'checkbox')
-                                              ? (openBlock(), createBlock(_component_NcCheckboxRadioSwitch, {
+                                                "onUpdate:modelValue": $event => ($options.onMultiselectChange(field, $event))
+                                              }, null, 8 /* PROPS */, ["options", "modelValue", "onUpdate:modelValue"]))
+                                            : (field.widget === 'tags')
+                                              ? (openBlock(), createBlock(_component_NcSelect, {
                                                   key: 7,
-                                                  modelValue: !!$data.editData[field.key],
-                                                  type: "switch",
-                                                  "onUpdate:modelValue": val => { $options.updateField(field.key, val); $options.commitEdit(); }
-                                                }, {
-                                                  default: withCtx(() => [
-                                                    createTextVNode(toDisplayString($data.editData[field.key] ? 'Yes' : 'No'), 1 /* TEXT */)
-                                                  ]),
-                                                  _: 2 /* DYNAMIC */
-                                                }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]))
-                                              : (field.widget === 'date')
-                                                ? (openBlock(), createBlock(_component_NcTextField, {
+                                                  ref_for: true,
+                                                  ref: "activeEditor",
+                                                  modelValue: $data.editData[field.key] || [],
+                                                  multiple: true,
+                                                  keepOpen: true,
+                                                  taggable: true,
+                                                  clearable: true,
+                                                  "onUpdate:modelValue": val => $options.updateField(field.key, val)
+                                                }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"]))
+                                              : (field.widget === 'checkbox')
+                                                ? (openBlock(), createBlock(_component_NcCheckboxRadioSwitch, {
                                                     key: 8,
-                                                    ref_for: true,
-                                                    ref: "activeEditor",
-                                                    modelValue: $data.editData[field.key] || '',
-                                                    type: "date",
-                                                    "onUpdate:modelValue": val => $options.updateField(field.key, val),
-                                                    onKeydown: [
-                                                      withKeys($options.commitEdit, ["enter"]),
-                                                      withKeys($options.cancelEdit, ["escape"])
-                                                    ]
-                                                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "onKeydown"]))
-                                                : (field.widget === 'datetime')
+                                                    modelValue: !!$data.editData[field.key],
+                                                    type: "switch",
+                                                    "onUpdate:modelValue": val => { $options.updateField(field.key, val); $options.commitEdit(); }
+                                                  }, {
+                                                    default: withCtx(() => [
+                                                      createTextVNode(toDisplayString($data.editData[field.key] ? 'Yes' : 'No'), 1 /* TEXT */)
+                                                    ]),
+                                                    _: 2 /* DYNAMIC */
+                                                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]))
+                                                : (field.widget === 'date')
                                                   ? (openBlock(), createBlock(_component_NcTextField, {
                                                       key: 9,
                                                       ref_for: true,
                                                       ref: "activeEditor",
                                                       modelValue: $data.editData[field.key] || '',
-                                                      type: "datetime-local",
+                                                      type: "date",
                                                       "onUpdate:modelValue": val => $options.updateField(field.key, val),
                                                       onKeydown: [
                                                         withKeys($options.commitEdit, ["enter"]),
                                                         withKeys($options.cancelEdit, ["escape"])
                                                       ]
                                                     }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "onKeydown"]))
-                                                  : (openBlock(), createBlock(_component_NcTextField, {
-                                                      key: 10,
-                                                      ref_for: true,
-                                                      ref: "activeEditor",
-                                                      modelValue: $data.editData[field.key] != null ? String($data.editData[field.key]) : '',
-                                                      placeholder: field.description,
-                                                      "onUpdate:modelValue": val => $options.updateField(field.key, val),
-                                                      onKeydown: [
-                                                        withKeys($options.commitEdit, ["enter"]),
-                                                        withKeys($options.cancelEdit, ["escape"])
-                                                      ]
-                                                    }, null, 8 /* PROPS */, ["modelValue", "placeholder", "onUpdate:modelValue", "onKeydown"]))
+                                                  : (field.widget === 'datetime')
+                                                    ? (openBlock(), createBlock(_component_NcTextField, {
+                                                        key: 10,
+                                                        ref_for: true,
+                                                        ref: "activeEditor",
+                                                        modelValue: $data.editData[field.key] || '',
+                                                        type: "datetime-local",
+                                                        "onUpdate:modelValue": val => $options.updateField(field.key, val),
+                                                        onKeydown: [
+                                                          withKeys($options.commitEdit, ["enter"]),
+                                                          withKeys($options.cancelEdit, ["escape"])
+                                                        ]
+                                                      }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "onKeydown"]))
+                                                    : (openBlock(), createBlock(_component_NcTextField, {
+                                                        key: 11,
+                                                        ref_for: true,
+                                                        ref: "activeEditor",
+                                                        modelValue: $data.editData[field.key] != null ? String($data.editData[field.key]) : '',
+                                                        placeholder: field.description,
+                                                        "onUpdate:modelValue": val => $options.updateField(field.key, val),
+                                                        onKeydown: [
+                                                          withKeys($options.commitEdit, ["enter"]),
+                                                          withKeys($options.cancelEdit, ["escape"])
+                                                        ]
+                                                      }, null, 8 /* PROPS */, ["modelValue", "placeholder", "onUpdate:modelValue", "onKeydown"]))
                             ], 64 /* STABLE_FRAGMENT */)),
                         (field.widget !== 'checkbox')
                           ? (openBlock(), createElementBlock("div", _hoisted_6, [
@@ -341,64 +366,75 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               raw: ($props.objectData || {})[field.key]
                             }, undefined, undefined, 0)
                           : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                              ($options.isImageField(field) && $options.rawOf(field))
-                                ? (openBlock(), createElementBlock("img", {
-                                    key: 0,
-                                    src: $options.rawOf(field),
-                                    alt: field.label,
-                                    class: "cn-object-data-widget__image"
-                                  }, null, 8 /* PROPS */, _hoisted_8))
-                                : ($options.isRelationPending(field))
-                                  ? (openBlock(), createElementBlock("span", {
+                              ($options.isGroupPicker(field) && $options.groupIdsOf(field).length)
+                                ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.groupIdsOf(field), (gid, gi) => {
+                                      return (openBlock(), createElementBlock(Fragment, { key: gid }, [
+                                        (gi > 0)
+                                          ? (openBlock(), createElementBlock("span", _hoisted_9, ", "))
+                                          : createCommentVNode("v-if", true),
+                                        createVNode(_component_CnGroupNameCell, { gid: gid }, null, 8 /* PROPS */, ["gid"])
+                                      ], 64 /* STABLE_FRAGMENT */))
+                                    }), 128 /* KEYED_FRAGMENT */))
+                                  ]))
+                                : ($options.isImageField(field) && $options.rawOf(field))
+                                  ? (openBlock(), createElementBlock("img", {
                                       key: 1,
-                                      class: "cn-object-data-widget__skeleton",
-                                      "aria-label": $options.t('nextcloud-vue', 'Loading')
-                                    }, null, 8 /* PROPS */, _hoisted_9))
-                                  : ($options.fieldValueKind(field) === 'object-array')
-                                    ? (openBlock(), createElementBlock("div", _hoisted_10, [
-                                        createElementVNode("table", _hoisted_11, [
-                                          createElementVNode("thead", null, [
-                                            createElementVNode("tr", null, [
-                                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.objectArrayColumns($options.rawOf(field)), (col) => {
-                                                return (openBlock(), createElementBlock("th", { key: col }, toDisplayString(col), 1 /* TEXT */))
+                                      src: $options.rawOf(field),
+                                      alt: field.label,
+                                      class: "cn-object-data-widget__image"
+                                    }, null, 8 /* PROPS */, _hoisted_10))
+                                  : ($options.isRelationPending(field))
+                                    ? (openBlock(), createElementBlock("span", {
+                                        key: 2,
+                                        class: "cn-object-data-widget__skeleton",
+                                        "aria-label": $options.t('nextcloud-vue', 'Loading')
+                                      }, null, 8 /* PROPS */, _hoisted_11))
+                                    : ($options.fieldValueKind(field) === 'object-array')
+                                      ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                                          createElementVNode("table", _hoisted_13, [
+                                            createElementVNode("thead", null, [
+                                              createElementVNode("tr", null, [
+                                                (openBlock(true), createElementBlock(Fragment, null, renderList($options.objectArrayColumns($options.rawOf(field)), (col) => {
+                                                  return (openBlock(), createElementBlock("th", { key: col }, toDisplayString(col), 1 /* TEXT */))
+                                                }), 128 /* KEYED_FRAGMENT */))
+                                              ])
+                                            ]),
+                                            createElementVNode("tbody", null, [
+                                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.objectArrayRows($options.rawOf(field)), (row, ri) => {
+                                                return (openBlock(), createElementBlock("tr", { key: ri }, [
+                                                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.objectArrayColumns($options.rawOf(field)), (col) => {
+                                                    return (openBlock(), createElementBlock("td", { key: col }, toDisplayString($options.stringifyCell(row && row[col])), 1 /* TEXT */))
+                                                  }), 128 /* KEYED_FRAGMENT */))
+                                                ]))
                                               }), 128 /* KEYED_FRAGMENT */))
                                             ])
                                           ]),
-                                          createElementVNode("tbody", null, [
-                                            (openBlock(true), createElementBlock(Fragment, null, renderList($options.objectArrayRows($options.rawOf(field)), (row, ri) => {
-                                              return (openBlock(), createElementBlock("tr", { key: ri }, [
-                                                (openBlock(true), createElementBlock(Fragment, null, renderList($options.objectArrayColumns($options.rawOf(field)), (col) => {
-                                                  return (openBlock(), createElementBlock("td", { key: col }, toDisplayString($options.stringifyCell(row && row[col])), 1 /* TEXT */))
-                                                }), 128 /* KEYED_FRAGMENT */))
-                                              ]))
-                                            }), 128 /* KEYED_FRAGMENT */))
-                                          ])
-                                        ]),
-                                        ($options.rawOf(field).length > 5)
-                                          ? (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString($options.t('nextcloud-vue', '{count} more', { count: $options.rawOf(field).length - 5 })), 1 /* TEXT */))
-                                          : createCommentVNode("v-if", true)
-                                      ]))
-                                    : ($options.fieldValueKind(field) === 'scalar-array')
-                                      ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                                          (openBlock(true), createElementBlock(Fragment, null, renderList($options.rawOf(field), (v, ci) => {
-                                            return (openBlock(), createElementBlock("span", {
-                                              key: ci,
-                                              class: "cn-object-data-widget__chip"
-                                            }, toDisplayString($options.stringifyCell(v)), 1 /* TEXT */))
-                                          }), 128 /* KEYED_FRAGMENT */))
+                                          ($options.rawOf(field).length > 5)
+                                            ? (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString($options.t('nextcloud-vue', '{count} more', { count: $options.rawOf(field).length - 5 })), 1 /* TEXT */))
+                                            : createCommentVNode("v-if", true)
                                         ]))
-                                      : ($options.fieldValueKind(field) === 'object')
-                                        ? (openBlock(), createElementBlock("dl", _hoisted_14, [
-                                            (openBlock(true), createElementBlock(Fragment, null, renderList($options.objectEntries($options.rawOf(field)), (pair, pi) => {
-                                              return (openBlock(), createElementBlock(Fragment, { key: pi }, [
-                                                createElementVNode("dt", null, toDisplayString(pair[0]), 1 /* TEXT */),
-                                                createElementVNode("dd", null, toDisplayString($options.stringifyCell(pair[1])), 1 /* TEXT */)
-                                              ], 64 /* STABLE_FRAGMENT */))
+                                      : ($options.fieldValueKind(field) === 'scalar-array')
+                                        ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                                            (openBlock(true), createElementBlock(Fragment, null, renderList($options.rawOf(field), (v, ci) => {
+                                              return (openBlock(), createElementBlock("span", {
+                                                key: ci,
+                                                class: "cn-object-data-widget__chip"
+                                              }, toDisplayString($options.stringifyCell(v)), 1 /* TEXT */))
                                             }), 128 /* KEYED_FRAGMENT */))
                                           ]))
-                                        : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-                                            createTextVNode(toDisplayString($options.displayValues[field.key]), 1 /* TEXT */)
-                                          ], 64 /* STABLE_FRAGMENT */))
+                                        : ($options.fieldValueKind(field) === 'object')
+                                          ? (openBlock(), createElementBlock("dl", _hoisted_16, [
+                                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.objectEntries($options.rawOf(field)), (pair, pi) => {
+                                                return (openBlock(), createElementBlock(Fragment, { key: pi }, [
+                                                  createElementVNode("dt", null, toDisplayString(pair[0]), 1 /* TEXT */),
+                                                  createElementVNode("dd", null, toDisplayString($options.stringifyCell(pair[1])), 1 /* TEXT */)
+                                                ], 64 /* STABLE_FRAGMENT */))
+                                              }), 128 /* KEYED_FRAGMENT */))
+                                            ]))
+                                          : (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+                                              createTextVNode(toDisplayString($options.displayValues[field.key]), 1 /* TEXT */)
+                                            ], 64 /* STABLE_FRAGMENT */))
                             ], 64 /* STABLE_FRAGMENT */)),
                         ($options.isEditable(field))
                           ? (openBlock(), createBlock(_component_Pencil, {