@conduction/nextcloud-vue 2.69.0 → 2.70.0

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

@@ -1,39 +1,44 @@
-import { resolveComponent, openBlock, createElementBlock, renderSlot, createVNode, createCommentVNode, createSlots, withCtx, createBlock, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, normalizeProps, guardReactiveProps, normalizeClass, withDirectives, resolveDynamicComponent, vShow, normalizeStyle, withModifiers, mergeProps } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, renderSlot, createVNode, createSlots, withCtx, createElementVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode, normalizeProps, guardReactiveProps, normalizeClass, withDirectives, resolveDynamicComponent, vShow, normalizeStyle, withModifiers, mergeProps } from 'vue';
 
 const _hoisted_1 = {
+  class: "cn-index-page__header-buttons",
+  "data-testid": "cn-index-header-buttons"
+};
+const _hoisted_2 = {
   key: 0,
   class: "cn-index-page__below-header"
 };
-const _hoisted_2 = { class: "cn-index-page__shortcuts" };
-const _hoisted_3 = {
+const _hoisted_3 = { class: "cn-index-page__shortcuts" };
+const _hoisted_4 = {
   key: 0,
   class: "cn-index-page__folder-pane"
 };
-const _hoisted_4 = {
+const _hoisted_5 = {
   key: 0,
   class: "cn-index-page__loading"
 };
-const _hoisted_5 = {
+const _hoisted_6 = {
   key: 1,
   class: "cn-index-page__empty",
   role: "status",
   "data-testid": "cn-index-page-fetch-error"
 };
-const _hoisted_6 = {
+const _hoisted_7 = {
   key: 2,
   class: "cn-index-page__empty"
 };
-const _hoisted_7 = ["data-split-layout"];
-const _hoisted_8 = ["href", "title"];
+const _hoisted_8 = ["data-split-layout"];
+const _hoisted_9 = ["href", "title"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CnIcon = resolveComponent("CnIcon");
+  const _component_NcButton = resolveComponent("NcButton");
   const _component_CnPageHeader = resolveComponent("CnPageHeader");
   const _component_CnSavedViewsControl = resolveComponent("CnSavedViewsControl");
   const _component_Export = resolveComponent("Export");
   const _component_NcActionButton = resolveComponent("NcActionButton");
   const _component_NcActions = resolveComponent("NcActions");
   const _component_Cog = resolveComponent("Cog");
-  const _component_NcButton = resolveComponent("NcButton");
   const _component_CnQuickFilterBar = resolveComponent("CnQuickFilterBar");
   const _component_CnActionsBar = resolveComponent("CnActionsBar");
   const _component_CnQuickEditDialog = resolveComponent("CnQuickEditDialog");
@@ -51,7 +56,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
   const _component_AlertCircleOutline = resolveComponent("AlertCircleOutline");
   const _component_NcEmptyContent = resolveComponent("NcEmptyContent");
-  const _component_CnIcon = resolveComponent("CnIcon");
   const _component_DatabaseSearch = resolveComponent("DatabaseSearch");
   const _component_CnRowActions = resolveComponent("CnRowActions");
   const _component_FilterOutline = resolveComponent("FilterOutline");
@@ -83,12 +87,49 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_CnPageHeader, {
         title: $props.title,
         description: $options.headerDescription,
-        icon: $options.resolvedIcon,
+        icon: $props.showTitleIcon ? $options.resolvedIcon : '',
         visuallyHidden: !$props.showTitle
-      }, null, 8 /* PROPS */, ["title", "description", "icon", "visuallyHidden"])
+      }, createSlots({ _: 2 /* DYNAMIC */ }, [
+        ($options.headerButtonsShown)
+          ? {
+              name: "extra",
+              fn: withCtx(() => [
+                createElementVNode("div", _hoisted_1, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.resolvedHeaderButtons, (button) => {
+                    return (openBlock(), createBlock(_component_NcButton, {
+                      key: button.key,
+                      variant: button.variant,
+                      "data-testid": `cn-index-header-button-${button.key}`,
+                      onClick: $event => ($options.onHeaderButton(button))
+                    }, createSlots({
+                      default: withCtx(() => [
+                        createTextVNode(" " + toDisplayString(button.label), 1 /* TEXT */)
+                      ]),
+                      _: 2 /* DYNAMIC */
+                    }, [
+                      (button.icon)
+                        ? {
+                            name: "icon",
+                            fn: withCtx(() => [
+                              createVNode(_component_CnIcon, {
+                                name: button.icon,
+                                size: 20
+                              }, null, 8 /* PROPS */, ["name"])
+                            ]),
+                            key: "0"
+                          }
+                        : undefined
+                    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "data-testid", "onClick"]))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ])
+              ]),
+              key: "0"
+            }
+          : undefined
+      ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "description", "icon", "visuallyHidden"])
     ]),
     (_ctx.$slots['below-header'])
-      ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      ? (openBlock(), createElementBlock("div", _hoisted_2, [
           renderSlot(_ctx.$slots, "below-header")
         ]))
       : createCommentVNode("v-if", true),
@@ -127,7 +168,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       refreshDisabled: $props.refreshDisabled,
       addDisabled: $props.addDisabled,
       addTo: $options.addLinkTo,
-      showAdd: $options.effectiveShowAdd,
+      showAdd: $options.effectiveShowAdd && !$options.headerButtonTakes('add'),
+      showCount: $props.showCount,
+      showActionsMenu: !$options.headerButtonsShown,
       showSidebarToggle: $options.hasSidebar,
       sidebarOpen: $data.sidebarOpen,
       headerActions: $options.mergedHeaderActions,
@@ -200,11 +243,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             key: "4"
           }
         : undefined,
-      ($options.isEditMode || $options.showExportMenu || $props.allowSavedViews)
+      ($options.isEditMode || $options.barShowsExportMenu || $options.barShowsSavedViews)
         ? {
             name: "actions-end",
             fn: withCtx(() => [
-              ($props.allowSavedViews)
+              ($options.barShowsSavedViews)
                 ? (openBlock(), createBlock(_component_CnSavedViewsControl, {
                     key: 0,
                     views: $options.viewsForControl,
@@ -216,7 +259,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     onDeleteRequest: $options.onDeleteViewRequest
                   }, null, 8 /* PROPS */, ["views", "loading", "currentUserId", "counts", "onApply", "onDeleteRequest"]))
                 : createCommentVNode("v-if", true),
-              ($options.showExportMenu)
+              ($options.barShowsExportMenu)
                 ? (openBlock(), createBlock(_component_NcActions, {
                     key: 1,
                     forceName: true,
@@ -293,7 +336,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             key: "6"
           }
         : undefined
-    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["pagination", "objectCount", "selectable", "selectedIds", "addLabel", "addIcon", "inlineActionCount", "showMassImport", "showMassExport", "showMassCopy", "showMassDelete", "viewMode", "showViewToggle", "availableViewModes", "cardsLabel", "tableLabel", "listLabel", "cardsIcon", "tableIcon", "showMap", "mapLabel", "mapIcon", "listIcon", "showSortSelect", "sortOptions", "sortValue", "showSearch", "searchValue", "searchPlaceholder", "showCountWithSearch", "refreshing", "refreshDisabled", "addDisabled", "addTo", "showAdd", "showSidebarToggle", "sidebarOpen", "headerActions", "bulkActions", "documentationUrl", "documentationLabel", "onAdd", "onRefresh", "onHeaderAction", "onBulkAction", "onSearch", "onViewModeChange"]),
+    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["pagination", "objectCount", "selectable", "selectedIds", "addLabel", "addIcon", "inlineActionCount", "showMassImport", "showMassExport", "showMassCopy", "showMassDelete", "viewMode", "showViewToggle", "availableViewModes", "cardsLabel", "tableLabel", "listLabel", "cardsIcon", "tableIcon", "showMap", "mapLabel", "mapIcon", "listIcon", "showSortSelect", "sortOptions", "sortValue", "showSearch", "searchValue", "searchPlaceholder", "showCountWithSearch", "refreshing", "refreshDisabled", "addDisabled", "addTo", "showAdd", "showCount", "showActionsMenu", "showSidebarToggle", "sidebarOpen", "headerActions", "bulkActions", "documentationUrl", "documentationLabel", "onAdd", "onRefresh", "onHeaderAction", "onBulkAction", "onSearch", "onViewModeChange"]),
     ($data.quickEditRow !== null)
       ? (openBlock(), createBlock(_component_CnQuickEditDialog, {
           key: 1,
@@ -318,7 +361,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           onCancel: _cache[13] || (_cache[13] = $event => ($data.showShortcutHelp = false))
         }, {
           default: withCtx(() => [
-            createElementVNode("dl", _hoisted_2, [
+            createElementVNode("dl", _hoisted_3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList($options.shortcutHelpEntries, (entry) => {
                 return (openBlock(), createElementBlock(Fragment, {
                   key: entry.id
@@ -496,7 +539,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["cn-index-page__body", { 'cn-index-page__body--with-folders': $props.folderSidebar }])
     }, [
       ($props.folderSidebar)
-        ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        ? (openBlock(), createElementBlock("div", _hoisted_4, [
             createVNode(_component_CnFolderSidebar, {
               source: $options.folderSidebarSource,
               folders: $options.folderSidebarFolders,
@@ -527,14 +570,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         renderSlot(_ctx.$slots, "before-collection"),
         ($options.showInitialLoader)
-          ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          ? (openBlock(), createElementBlock("div", _hoisted_5, [
               createVNode(_component_NcLoadingIcon, {
                 size: 32,
                 name: $props.loadingText
               }, null, 8 /* PROPS */, ["name"])
             ]))
           : ($options.selfFetchFailed)
-            ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            ? (openBlock(), createElementBlock("div", _hoisted_6, [
                 createVNode(_component_NcEmptyContent, {
                   name: _ctx.t('nextcloud-vue', 'An error occurred'),
                   description: $options.effectiveSearchValue
@@ -548,7 +591,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 8 /* PROPS */, ["name", "description"])
               ]))
             : ($options.effectiveObjects.length === 0)
-              ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              ? (openBlock(), createElementBlock("div", _hoisted_7, [
                   renderSlot(_ctx.$slots, "empty", {}, () => [
                     createVNode(_component_NcEmptyContent, { name: $options.resolvedEmptyText }, {
                       icon: withCtx(() => [
@@ -917,7 +960,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, [
                   createVNode(_component_Close, { size: 16 }),
                   createElementVNode("span", null, toDisplayString($options.splitCloseTitle), 1 /* TEXT */)
-                ], 8 /* PROPS */, _hoisted_8))
+                ], 8 /* PROPS */, _hoisted_9))
               : createCommentVNode("v-if", true),
             renderSlot(_ctx.$slots, "split-pane", {
               id: $props.splitId,
@@ -925,7 +968,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               close: $options.closeSplitPane,
               saved: $options.onSplitPaneSaved
             })
-          ], 14 /* CLASS, STYLE, PROPS */, _hoisted_7))
+          ], 14 /* CLASS, STYLE, PROPS */, _hoisted_8))
         : createCommentVNode("v-if", true)
     ], 2 /* CLASS */),
     ($options.shouldRenderInlineSidebar)