@conduction/nextcloud-vue 2.56.0-beta.48 → 2.56.0-beta.49

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

@@ -1,48 +1,97 @@
-import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, withDirectives, createVNode, Transition, vShow } from 'vue';
+import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementBlock, createElementVNode, toDisplayString, createVNode, createCommentVNode, Fragment, renderList, createTextVNode, normalizeClass, renderSlot, withDirectives, Transition, vShow } from 'vue';
 
 const _hoisted_1 = {
   key: 0,
-  class: "cn-register-mapping"
+  class: "cn-register-mapping cn-register-mapping--board",
+  "data-testid": "cn-register-mapping-board"
 };
 const _hoisted_2 = {
+  class: "cn-register-mapping__board-group",
+  "data-testid": "cn-register-mapping-board-group"
+};
+const _hoisted_3 = { class: "cn-register-mapping__board-head" };
+const _hoisted_4 = { class: "cn-register-mapping__board-title" };
+const _hoisted_5 = {
+  key: 0,
+  class: "cn-register-mapping__group-description"
+};
+const _hoisted_6 = { class: "cn-register-mapping__register-select cn-register-mapping__board-select" };
+const _hoisted_7 = {
+  key: 1,
+  class: "cn-register-mapping__board-table"
+};
+const _hoisted_8 = { scope: "col" };
+const _hoisted_9 = { scope: "col" };
+const _hoisted_10 = { "data-testid": "cn-register-mapping-board-row" };
+const _hoisted_11 = ["aria-expanded", "aria-label", "onClick"];
+const _hoisted_12 = {
+  key: 0,
+  class: "cn-register-mapping__board-detail"
+};
+const _hoisted_13 = { colspan: "2" };
+const _hoisted_14 = {
+  key: 0,
+  class: "cn-register-mapping__type-description"
+};
+const _hoisted_15 = {
+  key: 2,
+  class: "cn-register-mapping__board-more",
+  "data-testid": "cn-register-mapping-board-more"
+};
+const _hoisted_16 = {
+  key: 0,
+  class: "cn-register-mapping__board-groups"
+};
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = { class: "cn-register-mapping__board-group-name" };
+const _hoisted_19 = { class: "cn-register-mapping__board-group-count" };
+const _hoisted_20 = {
+  key: 1,
+  class: "cn-register-mapping__board-save"
+};
+const _hoisted_21 = {
+  key: 1,
+  class: "cn-register-mapping"
+};
+const _hoisted_22 = {
   key: 0,
   class: "cn-register-mapping__group-heading"
 };
-const _hoisted_3 = ["aria-expanded", "aria-controls", "onClick"];
-const _hoisted_4 = {
+const _hoisted_23 = ["aria-expanded", "aria-controls", "onClick"];
+const _hoisted_24 = {
   class: "cn-register-mapping__group-chevron",
   "aria-hidden": "true"
 };
-const _hoisted_5 = { class: "cn-register-mapping__group-header" };
-const _hoisted_6 = { class: "cn-register-mapping__group-title" };
-const _hoisted_7 = {
+const _hoisted_25 = { class: "cn-register-mapping__group-header" };
+const _hoisted_26 = { class: "cn-register-mapping__group-title" };
+const _hoisted_27 = {
   class: "cn-register-mapping__group-status",
   "data-testid": "cn-register-mapping-group-count"
 };
-const _hoisted_8 = { class: "cn-register-mapping__group-header" };
-const _hoisted_9 = { class: "cn-register-mapping__group-title" };
-const _hoisted_10 = { class: "cn-register-mapping__group-status" };
-const _hoisted_11 = ["id"];
-const _hoisted_12 = {
+const _hoisted_28 = { class: "cn-register-mapping__group-header" };
+const _hoisted_29 = { class: "cn-register-mapping__group-title" };
+const _hoisted_30 = { class: "cn-register-mapping__group-status" };
+const _hoisted_31 = ["id"];
+const _hoisted_32 = {
   key: 0,
   class: "cn-register-mapping__group-description"
 };
-const _hoisted_13 = { class: "cn-register-mapping__register-select" };
-const _hoisted_14 = {
+const _hoisted_33 = { class: "cn-register-mapping__register-select" };
+const _hoisted_34 = {
   key: 1,
   class: "cn-register-mapping__type-list"
 };
-const _hoisted_15 = { class: "cn-register-mapping__type-list-header" };
-const _hoisted_16 = ["onClick"];
-const _hoisted_17 = { class: "cn-register-mapping__type-name" };
-const _hoisted_18 = { class: "cn-register-mapping__type-schema" };
-const _hoisted_19 = { class: "cn-register-mapping__type-status" };
-const _hoisted_20 = { class: "cn-register-mapping__type-chevron" };
-const _hoisted_21 = {
+const _hoisted_35 = { class: "cn-register-mapping__type-list-header" };
+const _hoisted_36 = ["onClick"];
+const _hoisted_37 = { class: "cn-register-mapping__type-name" };
+const _hoisted_38 = { class: "cn-register-mapping__type-schema" };
+const _hoisted_39 = { class: "cn-register-mapping__type-status" };
+const _hoisted_40 = { class: "cn-register-mapping__type-chevron" };
+const _hoisted_41 = {
   key: 0,
   class: "cn-register-mapping__type-detail"
 };
-const _hoisted_22 = {
+const _hoisted_42 = {
   key: 0,
   class: "cn-register-mapping__type-description"
 };
@@ -52,10 +101,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ContentSave = resolveComponent("ContentSave");
   const _component_NcButton = resolveComponent("NcButton");
   const _component_Refresh = resolveComponent("Refresh");
-  const _component_ChevronUp = resolveComponent("ChevronUp");
-  const _component_ChevronDown = resolveComponent("ChevronDown");
+  const _component_CnStatusBadge = resolveComponent("CnStatusBadge");
   const _component_NcSelect = resolveComponent("NcSelect");
+  const _component_CheckCircle = resolveComponent("CheckCircle");
   const _component_NcNoteCard = resolveComponent("NcNoteCard");
+  const _component_ChevronRight = resolveComponent("ChevronRight");
+  const _component_ChevronUp = resolveComponent("ChevronUp");
+  const _component_ChevronDown = resolveComponent("ChevronDown");
   const _component_CnSettingsSection = resolveComponent("CnSettingsSection");
 
   return (openBlock(), createBlock(_component_CnSettingsSection, {
@@ -68,229 +120,403 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     errorMessage: $data.registersError || '',
     onRetry: $options.loadRegisters
   }, createSlots({
-    actions: withCtx(() => [
-      ($props.showSaveButton)
-        ? (openBlock(), createBlock(_component_NcButton, {
-            key: 0,
-            variant: "primary",
-            disabled: $props.saving || !$options.hasChanges,
-            onClick: $options.handleSave
-          }, {
-            icon: withCtx(() => [
-              ($props.saving)
-                ? (openBlock(), createBlock(_component_NcLoadingIcon, {
-                    key: 0,
-                    size: 20
-                  }))
-                : (openBlock(), createBlock(_component_ContentSave, {
-                    key: 1,
-                    size: 20
-                  }))
-            ]),
-            default: withCtx(() => [
-              createTextVNode(" " + toDisplayString($props.saving ? $options.t('nextcloud-vue', 'Saving…') : $props.saveButtonText), 1 /* TEXT */)
-            ]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["disabled", "onClick"]))
-        : createCommentVNode("v-if", true),
-      ($props.showReimportButton)
-        ? (openBlock(), createBlock(_component_NcButton, {
-            key: 1,
-            variant: "secondary",
-            disabled: $props.reimporting,
-            onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('reimport')))
-          }, {
-            icon: withCtx(() => [
-              ($props.reimporting)
-                ? (openBlock(), createBlock(_component_NcLoadingIcon, {
-                    key: 0,
-                    size: 20
+    default: withCtx(() => [
+      ($options.isBoardLook && !$data.registersLoading && !$data.registersError)
+        ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("h3", _hoisted_4, toDisplayString($options.activeGroup.name), 1 /* TEXT */),
+                createVNode(_component_CnStatusBadge, {
+                  label: $options.groupStatusLabel($data.activeGroupIdx, true),
+                  variant: $options.groupStatusVariant($data.activeGroupIdx),
+                  "data-testid": "cn-register-mapping-board-status"
+                }, null, 8 /* PROPS */, ["label", "variant"])
+              ]),
+              ($options.activeGroup.description)
+                ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString($options.activeGroup.description), 1 /* TEXT */))
+                : createCommentVNode("v-if", true),
+              createElementVNode("div", _hoisted_6, [
+                createVNode(_component_NcSelect, {
+                  modelValue: $options.selectedRegister($data.activeGroupIdx),
+                  options: $options.registerSelectOptions,
+                  placeholder: $props.labels.selectRegister,
+                  inputLabel: $props.labels.register,
+                  label: "label",
+                  trackBy: "value",
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ($options.handleRegisterChange($data.activeGroupIdx, $event)))
+                }, null, 8 /* PROPS */, ["modelValue", "options", "placeholder", "inputLabel"])
+              ]),
+              ($options.selectedRegister($data.activeGroupIdx))
+                ? (openBlock(), createElementBlock("table", _hoisted_7, [
+                    createElementVNode("thead", null, [
+                      createElementVNode("tr", null, [
+                        createElementVNode("th", _hoisted_8, toDisplayString($options.t('nextcloud-vue', 'Object type')), 1 /* TEXT */),
+                        createElementVNode("th", _hoisted_9, toDisplayString($props.labels.schema), 1 /* TEXT */)
+                      ])
+                    ]),
+                    createElementVNode("tbody", null, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList($options.boardVisibleTypes, (type) => {
+                        return (openBlock(), createElementBlock(Fragment, {
+                          key: type.slug + '-board'
+                        }, [
+                          createElementVNode("tr", _hoisted_10, [
+                            createElementVNode("td", null, toDisplayString(type.label), 1 /* TEXT */),
+                            createElementVNode("td", null, [
+                              createElementVNode("button", {
+                                type: "button",
+                                class: "cn-register-mapping__board-schema",
+                                "aria-expanded": String($options.isExpanded($data.activeGroupIdx, type.slug)),
+                                "aria-label": $options.t('nextcloud-vue', 'Change the schema for {type}', { type: type.label }),
+                                onClick: $event => ($options.toggleExpand($data.activeGroupIdx, type.slug))
+                              }, [
+                                ($options.schemaValue($data.activeGroupIdx, type))
+                                  ? (openBlock(), createBlock(_component_CheckCircle, {
+                                      key: 0,
+                                      class: "cn-register-mapping__board-check",
+                                      size: 16
+                                    }))
+                                  : createCommentVNode("v-if", true),
+                                createTextVNode(" " + toDisplayString($options.schemaLabel($data.activeGroupIdx, type) || $options.t('nextcloud-vue', 'Not set')), 1 /* TEXT */)
+                              ], 8 /* PROPS */, _hoisted_11)
+                            ])
+                          ]),
+                          ($options.isExpanded($data.activeGroupIdx, type.slug))
+                            ? (openBlock(), createElementBlock("tr", _hoisted_12, [
+                                createElementVNode("td", _hoisted_13, [
+                                  (type.description)
+                                    ? (openBlock(), createElementBlock("p", _hoisted_14, toDisplayString(type.description), 1 /* TEXT */))
+                                    : createCommentVNode("v-if", true),
+                                  createVNode(_component_NcSelect, {
+                                    modelValue: $options.selectedSchema($data.activeGroupIdx, type),
+                                    options: $options.schemaSelectOptions($data.activeGroupIdx),
+                                    placeholder: $props.labels.selectSchema,
+                                    inputLabel: $props.labels.schema,
+                                    label: "label",
+                                    trackBy: "value",
+                                    "onUpdate:modelValue": $event => ($options.handleSchemaChange($data.activeGroupIdx, type, $event))
+                                  }, null, 8 /* PROPS */, ["modelValue", "options", "placeholder", "inputLabel", "onUpdate:modelValue"])
+                                ])
+                              ]))
+                            : createCommentVNode("v-if", true)
+                        ], 64 /* STABLE_FRAGMENT */))
+                      }), 128 /* KEYED_FRAGMENT */))
+                    ])
+                  ]))
+                : createCommentVNode("v-if", true),
+              ($options.selectedRegister($data.activeGroupIdx) && $options.boardHiddenTypes.length > 0)
+                ? (openBlock(), createElementBlock("p", _hoisted_15, [
+                    createTextVNode(toDisplayString($options.boardHiddenSummary) + " ", 1 /* TEXT */),
+                    createElementVNode("button", {
+                      type: "button",
+                      class: "cn-register-mapping__board-link",
+                      onClick: _cache[2] || (_cache[2] = $event => ($data.showAllTypes = true))
+                    }, toDisplayString($options.t('nextcloud-vue', 'Show all types')), 1 /* TEXT */)
+                  ]))
+                : createCommentVNode("v-if", true),
+              (!$options.selectedRegister($data.activeGroupIdx))
+                ? (openBlock(), createBlock(_component_NcNoteCard, {
+                    key: 3,
+                    type: "info"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString($props.labels.selectRegister), 1 /* TEXT */)
+                    ]),
+                    _: 1 /* STABLE */
                   }))
-                : (openBlock(), createBlock(_component_Refresh, {
-                    key: 1,
-                    size: 20
+                : createCommentVNode("v-if", true),
+              ($options.selectedRegister($data.activeGroupIdx) && $options.schemaSelectOptions($data.activeGroupIdx).length === 0)
+                ? (openBlock(), createBlock(_component_NcNoteCard, {
+                    key: 4,
+                    type: "warning"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString($props.labels.noSchemas), 1 /* TEXT */)
+                    ]),
+                    _: 1 /* STABLE */
                   }))
+                : createCommentVNode("v-if", true)
             ]),
-            default: withCtx(() => [
-              createTextVNode(" " + toDisplayString($props.reimporting ? $options.t('nextcloud-vue', 'Importing…') : $props.reimportButtonText), 1 /* TEXT */)
-            ]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["disabled"]))
-        : createCommentVNode("v-if", true),
-      renderSlot(_ctx.$slots, "actions")
-    ]),
-    default: withCtx(() => [
-      (!$data.registersLoading && !$data.registersError)
-        ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList($props.groups, (group, groupIdx) => {
-              return (openBlock(), createElementBlock("div", {
-                key: groupIdx,
-                class: normalizeClass(["cn-register-mapping__group", { 'cn-register-mapping__group--collapsed': !$options.isGroupOpen(groupIdx) }]),
-                "data-testid": "cn-register-mapping-group"
-              }, [
-                ($options.groupsCollapsible)
-                  ? (openBlock(), createElementBlock("h4", _hoisted_2, [
+            ($options.boardOtherGroups.length > 0)
+              ? (openBlock(), createElementBlock("ul", _hoisted_16, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.boardOtherGroups, (item) => {
+                    return (openBlock(), createElementBlock("li", {
+                      key: item.idx
+                    }, [
                       createElementVNode("button", {
                         type: "button",
-                        class: "cn-register-mapping__group-toggle",
-                        "aria-expanded": String($options.isGroupOpen(groupIdx)),
-                        "aria-controls": $options.groupBodyId(groupIdx),
-                        "data-testid": "cn-register-mapping-group-toggle",
-                        onClick: $event => ($options.toggleGroup(groupIdx))
+                        class: "cn-register-mapping__board-group-row",
+                        "data-testid": "cn-register-mapping-board-group-row",
+                        onClick: $event => ($options.openBoardGroup(item.idx))
                       }, [
-                        createElementVNode("span", _hoisted_4, [
-                          ($options.isGroupOpen(groupIdx))
-                            ? (openBlock(), createBlock(_component_ChevronUp, {
-                                key: 0,
-                                size: 20
-                              }))
-                            : (openBlock(), createBlock(_component_ChevronDown, {
-                                key: 1,
-                                size: 20
-                              }))
-                        ]),
-                        renderSlot(_ctx.$slots, "group-header", {
-                          group: group,
-                          configuredCount: $options.configuredCount(groupIdx),
-                          totalCount: group.types.length
-                        }, () => [
-                          createElementVNode("span", _hoisted_5, [
-                            createElementVNode("span", _hoisted_6, toDisplayString(group.name), 1 /* TEXT */),
-                            createElementVNode("span", _hoisted_7, toDisplayString($options.configuredCount(groupIdx)) + "/" + toDisplayString(group.types.length) + " " + toDisplayString($props.labels.partiallyConfigured), 1 /* TEXT */)
-                          ])
-                        ])
-                      ], 8 /* PROPS */, _hoisted_3)
+                        createVNode(_component_ChevronRight, {
+                          size: 18,
+                          class: "cn-register-mapping__board-chevron"
+                        }),
+                        createElementVNode("strong", _hoisted_18, toDisplayString(item.group.name), 1 /* TEXT */),
+                        createElementVNode("span", _hoisted_19, toDisplayString($options.n('nextcloud-vue', '%n type', '%n types', item.group.types.length)), 1 /* TEXT */),
+                        createVNode(_component_CnStatusBadge, {
+                          label: $options.groupStatusLabel(item.idx, false),
+                          variant: $options.groupStatusVariant(item.idx)
+                        }, null, 8 /* PROPS */, ["label", "variant"])
+                      ], 8 /* PROPS */, _hoisted_17)
                     ]))
-                  : renderSlot(_ctx.$slots, "group-header", {
-                      group: group,
-                      configuredCount: $options.configuredCount(groupIdx),
-                      totalCount: group.types.length
-                    }, () => [
-                      createElementVNode("div", _hoisted_8, [
-                        createElementVNode("h4", _hoisted_9, toDisplayString(group.name), 1 /* TEXT */),
-                        createElementVNode("span", _hoisted_10, toDisplayString($options.configuredCount(groupIdx)) + "/" + toDisplayString(group.types.length) + " " + toDisplayString($props.labels.partiallyConfigured), 1 /* TEXT */)
-                      ])
-                    ], undefined, 1),
-                withDirectives(createElementVNode("div", {
-                  id: $options.groupBodyId(groupIdx),
-                  class: "cn-register-mapping__group-body",
-                  "data-testid": "cn-register-mapping-group-body"
+                  }), 128 /* KEYED_FRAGMENT */))
+                ]))
+              : createCommentVNode("v-if", true),
+            ($props.showSaveButton)
+              ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                  createVNode(_component_NcButton, {
+                    variant: "primary",
+                    disabled: $props.saving || !$options.hasChanges,
+                    "data-testid": "cn-register-mapping-board-save",
+                    onClick: $options.handleSave
+                  }, createSlots({
+                    default: withCtx(() => [
+                      createTextVNode(" " + toDisplayString($props.saving ? $options.t('nextcloud-vue', 'Saving…') : $props.saveButtonText), 1 /* TEXT */)
+                    ]),
+                    _: 2 /* DYNAMIC */
+                  }, [
+                    ($props.saving)
+                      ? {
+                          name: "icon",
+                          fn: withCtx(() => [
+                            createVNode(_component_NcLoadingIcon, { size: 20 })
+                          ]),
+                          key: "0"
+                        }
+                      : undefined
+                  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onClick"])
+                ]))
+              : createCommentVNode("v-if", true)
+          ]))
+        : (!$data.registersLoading && !$data.registersError)
+          ? (openBlock(), createElementBlock("div", _hoisted_21, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.groups, (group, groupIdx) => {
+                return (openBlock(), createElementBlock("div", {
+                  key: groupIdx,
+                  class: normalizeClass(["cn-register-mapping__group", { 'cn-register-mapping__group--collapsed': !$options.isGroupOpen(groupIdx) }]),
+                  "data-testid": "cn-register-mapping-group"
                 }, [
-                  (group.description)
-                    ? (openBlock(), createElementBlock("p", _hoisted_12, toDisplayString(group.description), 1 /* TEXT */))
-                    : createCommentVNode("v-if", true),
-                  createElementVNode("div", _hoisted_13, [
-                    createVNode(_component_NcSelect, {
-                      modelValue: $options.selectedRegister(groupIdx),
-                      options: $options.registerSelectOptions,
-                      placeholder: $props.labels.selectRegister,
-                      inputLabel: $props.labels.register,
-                      loading: $data.registersLoading,
-                      label: "label",
-                      trackBy: "value",
-                      "onUpdate:modelValue": $event => ($options.handleRegisterChange(groupIdx, $event))
-                    }, null, 8 /* PROPS */, ["modelValue", "options", "placeholder", "inputLabel", "loading", "onUpdate:modelValue"])
-                  ]),
-                  ($options.selectedRegister(groupIdx))
-                    ? (openBlock(), createElementBlock("div", _hoisted_14, [
-                        createElementVNode("div", _hoisted_15, [
-                          createElementVNode("span", null, toDisplayString($options.t('nextcloud-vue', 'Object type')), 1 /* TEXT */),
-                          createElementVNode("span", null, toDisplayString($props.labels.schema), 1 /* TEXT */),
-                          _cache[1] || (_cache[1] = createElementVNode("span", null, null, -1 /* CACHED */)),
-                          _cache[2] || (_cache[2] = createElementVNode("span", null, null, -1 /* CACHED */))
-                        ]),
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(group.types, (type) => {
-                          return (openBlock(), createElementBlock(Fragment, {
-                            key: type.slug + '-row'
-                          }, [
-                            createElementVNode("div", {
-                              class: normalizeClass(["cn-register-mapping__type-row", { 'cn-register-mapping__type-row--expanded': $options.isExpanded(groupIdx, type.slug) }]),
-                              onClick: $event => ($options.toggleExpand(groupIdx, type.slug))
+                  ($options.groupsCollapsible)
+                    ? (openBlock(), createElementBlock("h4", _hoisted_22, [
+                        createElementVNode("button", {
+                          type: "button",
+                          class: "cn-register-mapping__group-toggle",
+                          "aria-expanded": String($options.isGroupOpen(groupIdx)),
+                          "aria-controls": $options.groupBodyId(groupIdx),
+                          "data-testid": "cn-register-mapping-group-toggle",
+                          onClick: $event => ($options.toggleGroup(groupIdx))
+                        }, [
+                          createElementVNode("span", _hoisted_24, [
+                            ($options.isGroupOpen(groupIdx))
+                              ? (openBlock(), createBlock(_component_ChevronUp, {
+                                  key: 0,
+                                  size: 20
+                                }))
+                              : (openBlock(), createBlock(_component_ChevronDown, {
+                                  key: 1,
+                                  size: 20
+                                }))
+                          ]),
+                          renderSlot(_ctx.$slots, "group-header", {
+                            group: group,
+                            configuredCount: $options.configuredCount(groupIdx),
+                            totalCount: group.types.length
+                          }, () => [
+                            createElementVNode("span", _hoisted_25, [
+                              createElementVNode("span", _hoisted_26, toDisplayString(group.name), 1 /* TEXT */),
+                              createElementVNode("span", _hoisted_27, toDisplayString($options.configuredCount(groupIdx)) + "/" + toDisplayString(group.types.length) + " " + toDisplayString($props.labels.partiallyConfigured), 1 /* TEXT */)
+                            ])
+                          ])
+                        ], 8 /* PROPS */, _hoisted_23)
+                      ]))
+                    : renderSlot(_ctx.$slots, "group-header", {
+                        group: group,
+                        configuredCount: $options.configuredCount(groupIdx),
+                        totalCount: group.types.length
+                      }, () => [
+                        createElementVNode("div", _hoisted_28, [
+                          createElementVNode("h4", _hoisted_29, toDisplayString(group.name), 1 /* TEXT */),
+                          createElementVNode("span", _hoisted_30, toDisplayString($options.configuredCount(groupIdx)) + "/" + toDisplayString(group.types.length) + " " + toDisplayString($props.labels.partiallyConfigured), 1 /* TEXT */)
+                        ])
+                      ], undefined, 1),
+                  withDirectives(createElementVNode("div", {
+                    id: $options.groupBodyId(groupIdx),
+                    class: "cn-register-mapping__group-body",
+                    "data-testid": "cn-register-mapping-group-body"
+                  }, [
+                    (group.description)
+                      ? (openBlock(), createElementBlock("p", _hoisted_32, toDisplayString(group.description), 1 /* TEXT */))
+                      : createCommentVNode("v-if", true),
+                    createElementVNode("div", _hoisted_33, [
+                      createVNode(_component_NcSelect, {
+                        modelValue: $options.selectedRegister(groupIdx),
+                        options: $options.registerSelectOptions,
+                        placeholder: $props.labels.selectRegister,
+                        inputLabel: $props.labels.register,
+                        loading: $data.registersLoading,
+                        label: "label",
+                        trackBy: "value",
+                        "onUpdate:modelValue": $event => ($options.handleRegisterChange(groupIdx, $event))
+                      }, null, 8 /* PROPS */, ["modelValue", "options", "placeholder", "inputLabel", "loading", "onUpdate:modelValue"])
+                    ]),
+                    ($options.selectedRegister(groupIdx))
+                      ? (openBlock(), createElementBlock("div", _hoisted_34, [
+                          createElementVNode("div", _hoisted_35, [
+                            createElementVNode("span", null, toDisplayString($options.t('nextcloud-vue', 'Object type')), 1 /* TEXT */),
+                            createElementVNode("span", null, toDisplayString($props.labels.schema), 1 /* TEXT */),
+                            _cache[3] || (_cache[3] = createElementVNode("span", null, null, -1 /* CACHED */)),
+                            _cache[4] || (_cache[4] = createElementVNode("span", null, null, -1 /* CACHED */))
+                          ]),
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(group.types, (type) => {
+                            return (openBlock(), createElementBlock(Fragment, {
+                              key: type.slug + '-row'
                             }, [
-                              createElementVNode("span", _hoisted_17, toDisplayString(type.label), 1 /* TEXT */),
-                              createElementVNode("span", _hoisted_18, toDisplayString($options.schemaLabel(groupIdx, type) || $props.labels.notConfigured), 1 /* TEXT */),
-                              createElementVNode("span", _hoisted_19, [
-                                createElementVNode("span", {
-                                  class: normalizeClass(["cn-register-mapping__status-dot", $options.schemaValue(groupIdx, type)
+                              createElementVNode("div", {
+                                class: normalizeClass(["cn-register-mapping__type-row", { 'cn-register-mapping__type-row--expanded': $options.isExpanded(groupIdx, type.slug) }]),
+                                onClick: $event => ($options.toggleExpand(groupIdx, type.slug))
+                              }, [
+                                createElementVNode("span", _hoisted_37, toDisplayString(type.label), 1 /* TEXT */),
+                                createElementVNode("span", _hoisted_38, toDisplayString($options.schemaLabel(groupIdx, type) || $props.labels.notConfigured), 1 /* TEXT */),
+                                createElementVNode("span", _hoisted_39, [
+                                  createElementVNode("span", {
+                                    class: normalizeClass(["cn-register-mapping__status-dot", $options.schemaValue(groupIdx, type)
 											? 'cn-register-mapping__status-dot--configured'
 											: 'cn-register-mapping__status-dot--unconfigured'])
-                                }, null, 2 /* CLASS */)
-                              ]),
-                              createElementVNode("span", _hoisted_20, [
-                                ($options.isExpanded(groupIdx, type.slug))
-                                  ? (openBlock(), createBlock(_component_ChevronUp, {
-                                      key: 0,
-                                      size: 20
-                                    }))
-                                  : (openBlock(), createBlock(_component_ChevronDown, {
-                                      key: 1,
-                                      size: 20
-                                    }))
-                              ])
-                            ], 10 /* CLASS, PROPS */, _hoisted_16),
-                            createVNode(Transition, { name: "slide" }, {
-                              default: withCtx(() => [
-                                ($options.isExpanded(groupIdx, type.slug))
-                                  ? (openBlock(), createElementBlock("div", _hoisted_21, [
-                                      (type.description)
-                                        ? (openBlock(), createElementBlock("p", _hoisted_22, toDisplayString(type.description), 1 /* TEXT */))
-                                        : createCommentVNode("v-if", true),
-                                      createVNode(_component_NcSelect, {
-                                        modelValue: $options.selectedSchema(groupIdx, type),
-                                        options: $options.schemaSelectOptions(groupIdx),
-                                        placeholder: $props.labels.selectSchema,
-                                        inputLabel: $props.labels.schema,
-                                        label: "label",
-                                        trackBy: "value",
-                                        "onUpdate:modelValue": $event => ($options.handleSchemaChange(groupIdx, type, $event))
-                                      }, null, 8 /* PROPS */, ["modelValue", "options", "placeholder", "inputLabel", "onUpdate:modelValue"])
-                                    ]))
-                                  : createCommentVNode("v-if", true)
-                              ]),
-                              _: 2 /* DYNAMIC */
-                            }, 1024 /* DYNAMIC_SLOTS */)
-                          ], 64 /* STABLE_FRAGMENT */))
-                        }), 128 /* KEYED_FRAGMENT */))
-                      ]))
-                    : (!$data.registersLoading)
+                                  }, null, 2 /* CLASS */)
+                                ]),
+                                createElementVNode("span", _hoisted_40, [
+                                  ($options.isExpanded(groupIdx, type.slug))
+                                    ? (openBlock(), createBlock(_component_ChevronUp, {
+                                        key: 0,
+                                        size: 20
+                                      }))
+                                    : (openBlock(), createBlock(_component_ChevronDown, {
+                                        key: 1,
+                                        size: 20
+                                      }))
+                                ])
+                              ], 10 /* CLASS, PROPS */, _hoisted_36),
+                              createVNode(Transition, { name: "slide" }, {
+                                default: withCtx(() => [
+                                  ($options.isExpanded(groupIdx, type.slug))
+                                    ? (openBlock(), createElementBlock("div", _hoisted_41, [
+                                        (type.description)
+                                          ? (openBlock(), createElementBlock("p", _hoisted_42, toDisplayString(type.description), 1 /* TEXT */))
+                                          : createCommentVNode("v-if", true),
+                                        createVNode(_component_NcSelect, {
+                                          modelValue: $options.selectedSchema(groupIdx, type),
+                                          options: $options.schemaSelectOptions(groupIdx),
+                                          placeholder: $props.labels.selectSchema,
+                                          inputLabel: $props.labels.schema,
+                                          label: "label",
+                                          trackBy: "value",
+                                          "onUpdate:modelValue": $event => ($options.handleSchemaChange(groupIdx, type, $event))
+                                        }, null, 8 /* PROPS */, ["modelValue", "options", "placeholder", "inputLabel", "onUpdate:modelValue"])
+                                      ]))
+                                    : createCommentVNode("v-if", true)
+                                ]),
+                                _: 2 /* DYNAMIC */
+                              }, 1024 /* DYNAMIC_SLOTS */)
+                            ], 64 /* STABLE_FRAGMENT */))
+                          }), 128 /* KEYED_FRAGMENT */))
+                        ]))
+                      : (!$data.registersLoading)
+                        ? (openBlock(), createBlock(_component_NcNoteCard, {
+                            key: 2,
+                            type: "info"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString($props.labels.selectRegister), 1 /* TEXT */)
+                            ]),
+                            _: 1 /* STABLE */
+                          }))
+                        : createCommentVNode("v-if", true),
+                    ($options.selectedRegister(groupIdx) && $options.schemaSelectOptions(groupIdx).length === 0 && !$data.registersLoading)
                       ? (openBlock(), createBlock(_component_NcNoteCard, {
-                          key: 2,
-                          type: "info"
+                          key: 3,
+                          variant: "warning"
                         }, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString($props.labels.selectRegister), 1 /* TEXT */)
+                            createTextVNode(toDisplayString($props.labels.noSchemas), 1 /* TEXT */)
                           ]),
                           _: 1 /* STABLE */
                         }))
-                      : createCommentVNode("v-if", true),
-                  ($options.selectedRegister(groupIdx) && $options.schemaSelectOptions(groupIdx).length === 0 && !$data.registersLoading)
-                    ? (openBlock(), createBlock(_component_NcNoteCard, {
-                        key: 3,
-                        variant: "warning"
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString($props.labels.noSchemas), 1 /* TEXT */)
-                        ]),
-                        _: 1 /* STABLE */
-                      }))
-                    : createCommentVNode("v-if", true)
-                ], 8 /* PROPS */, _hoisted_11), [
-                  [vShow, $options.isGroupOpen(groupIdx)]
-                ])
-              ], 2 /* CLASS */))
-            }), 128 /* KEYED_FRAGMENT */))
-          ]))
-        : createCommentVNode("v-if", true)
+                      : createCommentVNode("v-if", true)
+                  ], 8 /* PROPS */, _hoisted_31), [
+                    [vShow, $options.isGroupOpen(groupIdx)]
+                  ])
+                ], 2 /* CLASS */))
+              }), 128 /* KEYED_FRAGMENT */))
+            ]))
+          : createCommentVNode("v-if", true)
     ]),
     _: 2 /* DYNAMIC */
   }, [
+    ($options.hasHeaderActions)
+      ? {
+          name: "actions",
+          fn: withCtx(() => [
+            ($props.showSaveButton && !$options.isBoardLook)
+              ? (openBlock(), createBlock(_component_NcButton, {
+                  key: 0,
+                  variant: "primary",
+                  disabled: $props.saving || !$options.hasChanges,
+                  onClick: $options.handleSave
+                }, {
+                  icon: withCtx(() => [
+                    ($props.saving)
+                      ? (openBlock(), createBlock(_component_NcLoadingIcon, {
+                          key: 0,
+                          size: 20
+                        }))
+                      : (openBlock(), createBlock(_component_ContentSave, {
+                          key: 1,
+                          size: 20
+                        }))
+                  ]),
+                  default: withCtx(() => [
+                    createTextVNode(" " + toDisplayString($props.saving ? $options.t('nextcloud-vue', 'Saving…') : $props.saveButtonText), 1 /* TEXT */)
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["disabled", "onClick"]))
+              : createCommentVNode("v-if", true),
+            ($props.showReimportButton)
+              ? (openBlock(), createBlock(_component_NcButton, {
+                  key: 1,
+                  variant: "secondary",
+                  disabled: $props.reimporting,
+                  onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('reimport')))
+                }, {
+                  icon: withCtx(() => [
+                    ($props.reimporting)
+                      ? (openBlock(), createBlock(_component_NcLoadingIcon, {
+                          key: 0,
+                          size: 20
+                        }))
+                      : (openBlock(), createBlock(_component_Refresh, {
+                          key: 1,
+                          size: 20
+                        }))
+                  ]),
+                  default: withCtx(() => [
+                    createTextVNode(" " + toDisplayString($props.reimporting ? $options.t('nextcloud-vue', 'Importing…') : $props.reimportButtonText), 1 /* TEXT */)
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["disabled"]))
+              : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "actions")
+          ]),
+          key: "0"
+        }
+      : undefined,
     (_ctx.$slots.footer)
       ? {
           name: "footer",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "footer")
           ]),
-          key: "0"
+          key: "1"
         }
       : undefined
   ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["name", "description", "docUrl", "loading", "loadingMessage", "error", "errorMessage", "onRetry"]))