@conduction/nextcloud-vue 2.140.0 → 2.142.0

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

@@ -27,40 +27,54 @@ const _hoisted_11 = {
   key: 3,
   class: "cn-index-sidebar__section"
 };
-const _hoisted_12 = { class: "cn-index-sidebar__filter-header" };
-const _hoisted_13 = { class: "cn-index-sidebar__filter-label" };
-const _hoisted_14 = { class: "cn-index-sidebar__filter-description" };
-const _hoisted_15 = { class: "cn-index-sidebar__tab-content" };
-const _hoisted_16 = { class: "cn-sidebar-columns" };
-const _hoisted_17 = { class: "cn-sidebar-columns__description" };
-const _hoisted_18 = {
+const _hoisted_12 = {
+  key: 0,
+  class: "cn-index-sidebar__filters-head",
+  "data-testid": "cn-index-sidebar-filters-head"
+};
+const _hoisted_13 = { key: 1 };
+const _hoisted_14 = { class: "cn-index-sidebar__filter-header" };
+const _hoisted_15 = { class: "cn-index-sidebar__filter-label" };
+const _hoisted_16 = { class: "cn-index-sidebar__filter-description" };
+const _hoisted_17 = ["data-testid"];
+const _hoisted_18 = { class: "hidden-visually" };
+const _hoisted_19 = ["checked", "onChange"];
+const _hoisted_20 = { class: "cn-index-sidebar__checklist-label" };
+const _hoisted_21 = {
+  key: 0,
+  class: "cn-index-sidebar__checklist-count"
+};
+const _hoisted_22 = { class: "cn-index-sidebar__tab-content" };
+const _hoisted_23 = { class: "cn-sidebar-columns" };
+const _hoisted_24 = { class: "cn-sidebar-columns__description" };
+const _hoisted_25 = {
   key: 0,
   class: "cn-sidebar-columns__order",
   "data-testid": "cn-sidebar-columns-order"
 };
-const _hoisted_19 = { class: "cn-sidebar-columns__order-list" };
-const _hoisted_20 = ["onDragstart", "onDrop"];
-const _hoisted_21 = { class: "cn-sidebar-columns__order-label" };
-const _hoisted_22 = {
+const _hoisted_26 = { class: "cn-sidebar-columns__order-list" };
+const _hoisted_27 = ["onDragstart", "onDrop"];
+const _hoisted_28 = { class: "cn-sidebar-columns__order-label" };
+const _hoisted_29 = {
   key: 0,
   class: "cn-sidebar-columns__group cn-sidebar-columns__group--collapsible"
 };
-const _hoisted_23 = {
+const _hoisted_30 = {
   key: 0,
   class: "cn-sidebar-columns__group-content"
 };
-const _hoisted_24 = ["onClick"];
-const _hoisted_25 = ["lang"];
-const _hoisted_26 = {
+const _hoisted_31 = ["onClick"];
+const _hoisted_32 = ["lang"];
+const _hoisted_33 = {
   key: 0,
   class: "cn-sidebar-columns__group-content"
 };
-const _hoisted_27 = {
+const _hoisted_34 = {
   key: 2,
   class: "cn-sidebar-columns__empty"
 };
-const _hoisted_28 = { class: "cn-index-sidebar__tab-content" };
-const _hoisted_29 = { class: "cn-index-sidebar__section" };
+const _hoisted_35 = { class: "cn-index-sidebar__tab-content" };
+const _hoisted_36 = { class: "cn-index-sidebar__section" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnIcon = resolveComponent("CnIcon");
@@ -92,14 +106,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock(_component_NcAppSidebar, {
     ref: "appSidebar",
     open: $data.internalOpen,
-    "onUpdate:open": _cache[15] || (_cache[15] = $event => (($data.internalOpen) = $event)),
+    "onUpdate:open": _cache[16] || (_cache[16] = $event => (($data.internalOpen) = $event)),
     class: "cn-index-sidebar-panel",
     name: $options.resolvedName,
     title: $options.resolvedName,
     subname: $options.resolvedSubname,
     active: $data.internalActiveTab,
     compact: !!$options.resolvedIcon,
-    onClose: _cache[16] || (_cache[16] = $event => (_ctx.$emit('update:open', false))),
+    onClose: _cache[17] || (_cache[17] = $event => (_ctx.$emit('update:open', false))),
     "onUpdate:active": $options.onTabChange
   }, createSlots({
     default: withCtx(() => [
@@ -213,7 +227,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode("p", _hoisted_9, toDisplayString($options.currentSortText), 1 /* TEXT */)
                 ]))
               : createCommentVNode("v-if", true),
-            ($options.hasActiveFilters)
+            ($options.hasActiveFilters && !$options.isBoardLook)
               ? (openBlock(), createElementBlock("div", _hoisted_10, [
                   createVNode(_component_NcButton, {
                     variant: "tertiary",
@@ -231,14 +245,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               : createCommentVNode("v-if", true),
             ($options.schemaFilters.length > 0)
               ? (openBlock(), createElementBlock("div", _hoisted_11, [
-                  createElementVNode("h3", null, toDisplayString($props.filtersLabel), 1 /* TEXT */),
+                  ($options.isBoardLook)
+                    ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                        createElementVNode("h3", null, toDisplayString($props.filtersLabel), 1 /* TEXT */),
+                        ($options.hasActiveFilters)
+                          ? (openBlock(), createElementBlock("button", {
+                              key: 0,
+                              type: "button",
+                              class: "cn-index-sidebar__filters-clear",
+                              onClick: _cache[1] || (_cache[1] = (...args) => ($options.onClearAll && $options.onClearAll(...args)))
+                            }, toDisplayString($props.clearAllLabel), 1 /* TEXT */))
+                          : createCommentVNode("v-if", true)
+                      ]))
+                    : (openBlock(), createElementBlock("h3", _hoisted_13, toDisplayString($props.filtersLabel), 1 /* TEXT */)),
                   (openBlock(true), createElementBlock(Fragment, null, renderList($options.schemaFilters, (filter) => {
                     return (openBlock(), createElementBlock("div", {
                       key: filter.key,
                       class: "cn-index-sidebar__filter-group"
                     }, [
-                      createElementVNode("div", _hoisted_12, [
-                        createElementVNode("span", _hoisted_13, toDisplayString(filter.label), 1 /* TEXT */),
+                      createElementVNode("div", _hoisted_14, [
+                        createElementVNode("span", _hoisted_15, toDisplayString(filter.label), 1 /* TEXT */),
                         (filter.description)
                           ? (openBlock(), createBlock(_component_NcPopover, {
                               key: 0,
@@ -257,7 +283,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 }, 8 /* PROPS */, ["aria-label"])
                               ]),
                               default: withCtx(() => [
-                                createElementVNode("p", _hoisted_14, toDisplayString(filter.description), 1 /* TEXT */)
+                                createElementVNode("p", _hoisted_16, toDisplayString(filter.description), 1 /* TEXT */)
                               ]),
                               _: 2 /* DYNAMIC */
                             }, 1024 /* DYNAMIC_SLOTS */))
@@ -283,19 +309,44 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               placeholder: filter.label,
                               "onUpdate:modelValue": $event => ($options.onTextChange(filter.key, $event))
                             }, null, 8 /* PROPS */, ["modelValue", "label", "placeholder", "onUpdate:modelValue"]))
-                          : (openBlock(), createBlock(_component_NcSelect, {
-                              key: 2,
-                              class: "cn-index-sidebar__select",
-                              modelValue: $options.getSelectedFilterOptions(filter),
-                              options: $options.getFilterOptions(filter),
-                              loading: $options.isLoadingOptions(filter),
-                              placeholder: "Select...",
-                              inputLabel: filter.label,
-                              multiple: filter.multiple !== false,
-                              keepOpen: filter.multiple !== false,
-                              clearable: true,
-                              "onUpdate:modelValue": $event => ($options.onFilterChange(filter.key, $event))
-                            }, null, 8 /* PROPS */, ["modelValue", "options", "loading", "inputLabel", "multiple", "keepOpen", "onUpdate:modelValue"]))
+                          : ($options.checklistOptions(filter))
+                            ? (openBlock(), createElementBlock("fieldset", {
+                                key: 2,
+                                class: "cn-index-sidebar__checklist",
+                                "data-testid": `cn-index-sidebar-checklist-${filter.key}`
+                              }, [
+                                createElementVNode("legend", _hoisted_18, toDisplayString(filter.label), 1 /* TEXT */),
+                                (openBlock(true), createElementBlock(Fragment, null, renderList($options.checklistOptions(filter), (option) => {
+                                  return (openBlock(), createElementBlock("label", {
+                                    key: `${filter.key}-${option.id}`,
+                                    class: "cn-index-sidebar__checklist-row",
+                                    "data-testid": "cn-index-sidebar-checklist-row"
+                                  }, [
+                                    createElementVNode("input", {
+                                      type: "checkbox",
+                                      checked: $options.isChecked(filter, option.id),
+                                      onChange: $event => ($options.onChecklistToggle(filter, option.id, $event.target.checked))
+                                    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_19),
+                                    createElementVNode("span", _hoisted_20, toDisplayString(option.label), 1 /* TEXT */),
+                                    (option.count !== null)
+                                      ? (openBlock(), createElementBlock("span", _hoisted_21, toDisplayString(option.count), 1 /* TEXT */))
+                                      : createCommentVNode("v-if", true)
+                                  ]))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              ], 8 /* PROPS */, _hoisted_17))
+                            : (openBlock(), createBlock(_component_NcSelect, {
+                                key: 3,
+                                class: "cn-index-sidebar__select",
+                                modelValue: $options.getSelectedFilterOptions(filter),
+                                options: $options.getFilterOptions(filter),
+                                loading: $options.isLoadingOptions(filter),
+                                placeholder: "Select...",
+                                inputLabel: filter.label,
+                                multiple: filter.multiple !== false,
+                                keepOpen: filter.multiple !== false,
+                                clearable: true,
+                                "onUpdate:modelValue": $event => ($options.onFilterChange(filter.key, $event))
+                              }, null, 8 /* PROPS */, ["modelValue", "options", "loading", "inputLabel", "multiple", "keepOpen", "onUpdate:modelValue"]))
                     ]))
                   }), 128 /* KEYED_FRAGMENT */))
                 ]))
@@ -314,14 +365,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(_component_ViewColumnOutline, { size: 20 })
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_15, [
-            createElementVNode("div", _hoisted_16, [
+          createElementVNode("div", _hoisted_22, [
+            createElementVNode("div", _hoisted_23, [
               createElementVNode("h3", null, toDisplayString($props.columnsHeading), 1 /* TEXT */),
-              createElementVNode("p", _hoisted_17, toDisplayString($props.columnsDescription), 1 /* TEXT */),
+              createElementVNode("p", _hoisted_24, toDisplayString($props.columnsDescription), 1 /* TEXT */),
               ($props.personalColumns && $options.orderedVisible.length > 0)
-                ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                ? (openBlock(), createElementBlock("div", _hoisted_25, [
                     createElementVNode("h4", null, toDisplayString($options.t('nextcloud-vue', 'Order and pin')), 1 /* TEXT */),
-                    createElementVNode("ol", _hoisted_19, [
+                    createElementVNode("ol", _hoisted_26, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList($options.orderedVisible, (item, index) => {
                         return (openBlock(), createElementBlock("li", {
                           key: item.key,
@@ -329,7 +380,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           draggable: "true",
                           "data-testid": "cn-sidebar-columns-order-item",
                           onDragstart: $event => ($data.dragFrom = index),
-                          onDragover: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+                          onDragover: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
                           onDrop: withModifiers($event => ($options.onDropColumn(index)), ["prevent"])
                         }, [
                           createVNode(_component_DragVertical, {
@@ -337,7 +388,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             class: "cn-sidebar-columns__handle",
                             "aria-hidden": "true"
                           }),
-                          createElementVNode("span", _hoisted_21, toDisplayString(item.label), 1 /* TEXT */),
+                          createElementVNode("span", _hoisted_28, toDisplayString(item.label), 1 /* TEXT */),
                           createVNode(_component_NcButton, {
                             variant: "tertiary",
                             disabled: index === 0 || index === $props.pinnedCount,
@@ -382,13 +433,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             ]),
                             _: 2 /* DYNAMIC */
                           }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-pressed", "aria-label", "onClick"])
-                        ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_20))
+                        ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_27))
                       }), 128 /* KEYED_FRAGMENT */))
                     ]),
                     createVNode(_component_NcButton, {
                       variant: "tertiary",
                       "data-testid": "cn-sidebar-columns-reset",
-                      onClick: _cache[2] || (_cache[2] = $event => (_ctx.$emit('columns-reset')))
+                      onClick: _cache[3] || (_cache[3] = $event => (_ctx.$emit('columns-reset')))
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString($options.t('nextcloud-vue', 'Reset columns')), 1 /* TEXT */)
@@ -400,10 +451,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ($options.allColumns.length > 0 || $options.allGroups.length > 0)
                 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     ($options.allColumns.length > 0)
-                      ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                      ? (openBlock(), createElementBlock("div", _hoisted_29, [
                           createElementVNode("div", {
                             class: "cn-sidebar-columns__group-header",
-                            onClick: _cache[5] || (_cache[5] = $event => ($data.propertiesExpanded = !$data.propertiesExpanded))
+                            onClick: _cache[6] || (_cache[6] = $event => ($data.propertiesExpanded = !$data.propertiesExpanded))
                           }, [
                             ($data.propertiesExpanded)
                               ? (openBlock(), createBlock(_component_ChevronDown, {
@@ -418,17 +469,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             createVNode(_component_NcCheckboxRadioSwitch, {
                               modelValue: $options.isGroupAllVisible($options.allColumns),
                               class: "cn-sidebar-columns__select-all",
-                              onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"])),
-                              "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ($options.toggleGroupAll($options.allColumns)))
+                              onClick: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"])),
+                              "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => ($options.toggleGroupAll($options.allColumns)))
                             }, {
-                              default: withCtx(() => [...(_cache[17] || (_cache[17] = [
+                              default: withCtx(() => [...(_cache[18] || (_cache[18] = [
                                 createTextVNode(" All ", -1 /* CACHED */)
                               ]))]),
                               _: 1 /* STABLE */
                             }, 8 /* PROPS */, ["modelValue"])
                           ]),
                           ($data.propertiesExpanded)
-                            ? (openBlock(), createElementBlock("div", _hoisted_23, [
+                            ? (openBlock(), createElementBlock("div", _hoisted_30, [
                                 (openBlock(true), createElementBlock(Fragment, null, renderList($options.allColumns, (col) => {
                                   return (openBlock(), createBlock(_component_NcCheckboxRadioSwitch, {
                                     key: col.key,
@@ -465,21 +516,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               })),
                           createElementVNode("h4", {
                             lang: $options.langOf(group.label)
-                          }, toDisplayString($options.shown(group.label)), 9 /* TEXT, PROPS */, _hoisted_25),
+                          }, toDisplayString($options.shown(group.label)), 9 /* TEXT, PROPS */, _hoisted_32),
                           createVNode(_component_NcCheckboxRadioSwitch, {
                             modelValue: $options.isGroupAllVisible(group.columns),
                             class: "cn-sidebar-columns__select-all",
-                            onClick: _cache[6] || (_cache[6] = withModifiers(() => {}, ["stop"])),
+                            onClick: _cache[7] || (_cache[7] = withModifiers(() => {}, ["stop"])),
                             "onUpdate:modelValue": $event => ($options.toggleGroupAll(group.columns))
                           }, {
-                            default: withCtx(() => [...(_cache[18] || (_cache[18] = [
+                            default: withCtx(() => [...(_cache[19] || (_cache[19] = [
                               createTextVNode(" All ", -1 /* CACHED */)
                             ]))]),
                             _: 1 /* STABLE */
                           }, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"])
-                        ], 8 /* PROPS */, _hoisted_24),
+                        ], 8 /* PROPS */, _hoisted_31),
                         ($data.expandedGroups[group.id])
-                          ? (openBlock(), createElementBlock("div", _hoisted_26, [
+                          ? (openBlock(), createElementBlock("div", _hoisted_33, [
                               (openBlock(true), createElementBlock(Fragment, null, renderList(group.columns, (col) => {
                                 return (openBlock(), createBlock(_component_NcCheckboxRadioSwitch, {
                                   key: col.key,
@@ -497,7 +548,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       ]))
                     }), 128 /* KEYED_FRAGMENT */))
                   ], 64 /* STABLE_FRAGMENT */))
-                : (openBlock(), createElementBlock("p", _hoisted_27, " No columns available. Provide a schema to auto-generate columns. "))
+                : (openBlock(), createElementBlock("p", _hoisted_34, " No columns available. Provide a schema to auto-generate columns. "))
             ]),
             renderSlot(_ctx.$slots, "columns-extra")
           ])
@@ -515,17 +566,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               createVNode(_component_BookmarkOutline, { size: 20 })
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_28, [
-                createElementVNode("div", _hoisted_29, [
+              createElementVNode("div", _hoisted_35, [
+                createElementVNode("div", _hoisted_36, [
                   createVNode(_component_CnSavedViewsPanel, mergeProps($options.savedViewsPanelProps, {
-                    onApply: _cache[7] || (_cache[7] = $event => ($options.onSavedView('apply', $event))),
-                    onSaveRequest: _cache[8] || (_cache[8] = $event => ($options.onSavedView('save', null))),
-                    onEditRequest: _cache[9] || (_cache[9] = $event => ($options.onSavedView('edit', $event))),
-                    onShareRequest: _cache[10] || (_cache[10] = $event => ($options.onSavedView('share', $event))),
-                    onUpdateRequest: _cache[11] || (_cache[11] = $event => ($options.onSavedView('update', $event))),
-                    onCopyRequest: _cache[12] || (_cache[12] = $event => ($options.onSavedView('copy', $event))),
-                    onMenuToggle: _cache[13] || (_cache[13] = $event => ($options.onSavedView('menu', $event))),
-                    onDeleteRequest: _cache[14] || (_cache[14] = $event => ($options.onSavedView('delete', $event)))
+                    onApply: _cache[8] || (_cache[8] = $event => ($options.onSavedView('apply', $event))),
+                    onSaveRequest: _cache[9] || (_cache[9] = $event => ($options.onSavedView('save', null))),
+                    onEditRequest: _cache[10] || (_cache[10] = $event => ($options.onSavedView('edit', $event))),
+                    onShareRequest: _cache[11] || (_cache[11] = $event => ($options.onSavedView('share', $event))),
+                    onUpdateRequest: _cache[12] || (_cache[12] = $event => ($options.onSavedView('update', $event))),
+                    onCopyRequest: _cache[13] || (_cache[13] = $event => ($options.onSavedView('copy', $event))),
+                    onMenuToggle: _cache[14] || (_cache[14] = $event => ($options.onSavedView('menu', $event))),
+                    onDeleteRequest: _cache[15] || (_cache[15] = $event => ($options.onSavedView('delete', $event)))
                   }), null, 16 /* FULL_PROPS */)
                 ])
               ])