@conduction/nextcloud-vue 2.79.0 → 2.81.0

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

@@ -43,11 +43,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcActions = resolveComponent("NcActions");
   const _component_NcButton = resolveComponent("NcButton");
   const _component_CnPageHeader = resolveComponent("CnPageHeader");
+  const _component_CnIndexPageWidgets = resolveComponent("CnIndexPageWidgets");
   const _component_NcCheckboxRadioSwitch = resolveComponent("NcCheckboxRadioSwitch");
   const _component_CnSavedViewsControl = resolveComponent("CnSavedViewsControl");
   const _component_Export = resolveComponent("Export");
   const _component_Cog = resolveComponent("Cog");
   const _component_CnQuickFilterBar = resolveComponent("CnQuickFilterBar");
+  const _component_Tune = resolveComponent("Tune");
+  const _component_NcActionCaption = resolveComponent("NcActionCaption");
+  const _component_NcActionCheckbox = resolveComponent("NcActionCheckbox");
   const _component_CnActionsBar = resolveComponent("CnActionsBar");
   const _component_CnQuickEditDialog = resolveComponent("CnQuickEditDialog");
   const _component_CnConfirmDialog = resolveComponent("CnConfirmDialog");
@@ -70,8 +74,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnFollowToggle = resolveComponent("CnFollowToggle");
   const _component_CnRowActions = resolveComponent("CnRowActions");
   const _component_FilterOutline = resolveComponent("FilterOutline");
-  const _component_NcActionCaption = resolveComponent("NcActionCaption");
-  const _component_NcActionCheckbox = resolveComponent("NcActionCheckbox");
   const _component_ViewColumnOutline = resolveComponent("ViewColumnOutline");
   const _component_CnDataTable = resolveComponent("CnDataTable");
   const _component_CnMapWidget = resolveComponent("CnMapWidget");
@@ -86,7 +88,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnIndexSidebar = resolveComponent("CnIndexSidebar");
 
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["cn-index-page", $setup.lookClass]),
+    class: normalizeClass(["cn-index-page", [$setup.lookClass, { 'cn-index-page--with-side-panel': $options.hasSidePanel }]]),
     "data-testid": "cn-index-page",
     onKeydown: _cache[27] || (_cache[27] = (...args) => ($options.onListKeydown && $options.onListKeydown(...args)))
   }, [
@@ -196,6 +198,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "below-header")
         ]))
       : createCommentVNode("v-if", true),
+    ($props.statRow && $props.statRow.length > 0)
+      ? (openBlock(), createBlock(_component_CnIndexPageWidgets, {
+          key: 1,
+          class: "cn-index-page__stat-row",
+          variant: "stat-row",
+          widgets: $props.statRow
+        }, null, 8 /* PROPS */, ["widgets"]))
+      : createCommentVNode("v-if", true),
+    ($options.hasSidePanel)
+      ? (openBlock(), createBlock(_component_CnIndexPageWidgets, {
+          key: 2,
+          class: "cn-index-page__side-panel",
+          variant: "side-panel",
+          widgets: $props.sidePanel
+        }, null, 8 /* PROPS */, ["widgets"]))
+      : createCommentVNode("v-if", true),
     createVNode(_component_CnActionsBar, {
       layout: $setup.isBoardLook ? 'board' : 'nextcloud',
       activeFilterChips: $options.activeFilterChips,
@@ -216,6 +234,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       viewMode: $data.currentViewMode,
       showViewToggle: $props.showViewToggle,
       availableViewModes: $options.effectiveToggleModes,
+      disabledViewModes: $options.viewSwitchDisabledModes,
       cardsLabel: $props.cardsLabel,
       tableLabel: $props.tableLabel,
       listLabel: $props.listLabel,
@@ -425,11 +444,54 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "6"
           }
+        : undefined,
+      ($options.boardFilterMenu)
+        ? {
+            name: "filter-menu",
+            fn: withCtx(() => [
+              createVNode(_component_NcActions, {
+                class: "cn-actions-bar__filter-menu",
+                variant: "secondary",
+                forceMenu: true,
+                menuName: _ctx.t('nextcloud-vue', 'Filter'),
+                "data-testid": "cn-index-filter-menu"
+              }, {
+                icon: withCtx(() => [
+                  createVNode(_component_Tune, { size: 16 })
+                ]),
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.filterableFields, (field) => {
+                    return (openBlock(), createElementBlock(Fragment, {
+                      key: field.key
+                    }, [
+                      createVNode(_component_NcActionCaption, {
+                        name: field.label
+                      }, null, 8 /* PROPS */, ["name"]),
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(field.values, (val) => {
+                        return (openBlock(), createBlock(_component_NcActionCheckbox, {
+                          key: `${field.key}-${val}`,
+                          modelValue: $options.isFilterActive(field.key, val),
+                          "onUpdate:modelValue": $event => ($options.toggleFilter(field.key, val))
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(val), 1 /* TEXT */)
+                          ]),
+                          _: 2 /* DYNAMIC */
+                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]))
+                      }), 128 /* KEYED_FRAGMENT */))
+                    ], 64 /* STABLE_FRAGMENT */))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["menuName"])
+            ]),
+            key: "7"
+          }
         : undefined
-    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["layout", "activeFilterChips", "showBuildiqButton", "bulkNoun", "bulkHint", "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", "onRemoveFilter", "onClearFilters", "onRefresh", "onHeaderAction", "onBulkAction", "onSearch", "onViewModeChange"]),
+    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["layout", "activeFilterChips", "showBuildiqButton", "bulkNoun", "bulkHint", "pagination", "objectCount", "selectable", "selectedIds", "addLabel", "addIcon", "inlineActionCount", "showMassImport", "showMassExport", "showMassCopy", "showMassDelete", "viewMode", "showViewToggle", "availableViewModes", "disabledViewModes", "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", "onRemoveFilter", "onClearFilters", "onRefresh", "onHeaderAction", "onBulkAction", "onSearch", "onViewModeChange"]),
     ($data.quickEditRow !== null)
       ? (openBlock(), createBlock(_component_CnQuickEditDialog, {
-          key: 1,
+          key: 3,
           object: $data.quickEditRow,
           schema: $options.effectiveSchema,
           register: $props.register,
@@ -443,7 +505,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.showShortcutHelp)
       ? (openBlock(), createBlock(_component_CnConfirmDialog, {
-          key: 2,
+          key: 4,
           name: $options.shortcutHelpTitle,
           confirmLabel: $options.closeLabel,
           "data-testid": "cn-list-shortcuts-help",
@@ -469,7 +531,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.showMassDeleteDialog)
       ? (openBlock(), createBlock(_component_CnMassDeleteDialog, {
-          key: 3,
+          key: 5,
           ref: "massDeleteDialog",
           items: $options.selectedObjects,
           nameField: $props.massActionNameField,
@@ -480,7 +542,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.showMassCopyDialog)
       ? (openBlock(), createBlock(_component_CnMassCopyDialog, {
-          key: 4,
+          key: 6,
           ref: "massCopyDialog",
           items: $options.selectedObjects,
           nameField: $props.massActionNameField,
@@ -494,7 +556,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.showExportDialog)
       ? (openBlock(), createBlock(_component_CnMassExportDialog, {
-          key: 5,
+          key: 7,
           ref: "exportDialog",
           formats: $props.exportFormats,
           scopeText: $options.massExportScopeText,
@@ -504,7 +566,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.showImportDialog)
       ? (openBlock(), createBlock(_component_CnMassImportDialog, {
-          key: 6,
+          key: 8,
           ref: "importDialog",
           options: $props.importOptions,
           onConfirm: $options.onMassImportConfirm,
@@ -523,7 +585,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.showSaveViewDialog)
       ? (openBlock(), createBlock(_component_CnSaveViewDialog, {
-          key: 7,
+          key: 9,
           ref: "saveViewDialog",
           schema: $options.viewPresentationSchema,
           onConfirm: $options.onSaveViewConfirm,
@@ -532,7 +594,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.viewPendingPresentation)
       ? (openBlock(), createBlock(_component_CnSavedViewPresentationDialog, {
-          key: 8,
+          key: 10,
           ref: "presentationViewDialog",
           view: $data.viewPendingPresentation,
           schema: $options.viewPresentationSchema,
@@ -542,7 +604,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.viewPendingShare)
       ? (openBlock(), createBlock(_component_CnSavedViewShareDialog, {
-          key: 9,
+          key: 11,
           ref: "shareViewDialog",
           view: $data.viewPendingShare,
           onConfirm: $options.onShareViewConfirm,
@@ -551,7 +613,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.viewPendingDelete)
       ? (openBlock(), createBlock(_component_CnConfirmDialog, {
-          key: 10,
+          key: 12,
           ref: "deleteViewConfirmDialog",
           variant: "error",
           dialogTitle: _ctx.t('nextcloud-vue', 'Delete view'),
@@ -809,11 +871,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           key: "1"
                         }
                       : undefined,
-                    (($props.filterMenu && $options.filterableFields.length) || ($props.columnMenu && $options.governedColumns.length))
+                    (($options.showHeaderFilterMenu) || ($props.columnMenu && $options.governedColumns.length))
                       ? {
                           name: "actions-header",
                           fn: withCtx(() => [
-                            ($props.filterMenu && $options.filterableFields.length)
+                            ($options.showHeaderFilterMenu)
                               ? (openBlock(), createBlock(_component_NcActions, {
                                   key: 0,
                                   forceMenu: true,
@@ -1144,7 +1206,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2 /* CLASS */),
     ($options.shouldRenderInlineSidebar)
       ? (openBlock(), createBlock(_component_CnIndexSidebar, mergeProps({
-          key: 11,
+          key: 13,
           open: $data.sidebarOpen,
           schema: $options.effectiveSchema,
           title: $props.title,