@conduction/nextcloud-vue 2.80.0 → 2.81.0

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

@@ -49,6 +49,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   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");
@@ -71,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");
@@ -443,6 +444,49 @@ 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", "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)
@@ -827,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,