@conduction/nextcloud-vue 2.75.0 → 2.77.0

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

@@ -18,60 +18,78 @@ const _hoisted_6 = {
 };
 const _hoisted_7 = ["tabindex", "role", "aria-label"];
 const _hoisted_8 = { key: 0 };
-const _hoisted_9 = ["tabindex", "aria-sort", "data-filtered", "title", "onClick", "onKeydown"];
+const _hoisted_9 = ["aria-sort", "data-filtered", "title", "onClick", "onKeydown"];
 const _hoisted_10 = {
   key: 0,
-  class: "cn-table-sort-indicator"
+  type: "button",
+  class: "cn-table-header__sort",
+  "data-testid": "cn-table-header-sort"
 };
-const _hoisted_11 = {
+const _hoisted_11 = ["data-sort-direction"];
+const _hoisted_12 = {
   key: 1,
-  class: "cn-table-sort-badge"
+  class: "cn-table-header__chevron cn-table-header__chevron--idle"
 };
-const _hoisted_12 = ["aria-label", "aria-expanded", "onClick"];
 const _hoisted_13 = {
+  key: 2,
+  class: "cn-table-sort-badge"
+};
+const _hoisted_14 = ["aria-label", "aria-expanded", "onClick"];
+const _hoisted_15 = {
+  key: 0,
+  class: "cn-table-header__filter-dot",
+  "data-testid": "cn-table-header-filter-dot"
+};
+const _hoisted_16 = {
   key: 2,
   class: "cn-table-col--actions"
 };
-const _hoisted_14 = {
+const _hoisted_17 = {
   key: 0,
   class: "hidden-visually"
 };
-const _hoisted_15 = {
+const _hoisted_18 = {
   key: 0,
   class: "cn-table-empty",
   "data-testid": "cn-object-list-empty"
 };
-const _hoisted_16 = ["colspan"];
-const _hoisted_17 = ["data-testid-row-id", "onClick", "onAuxclick", "onContextmenu"];
-const _hoisted_18 = ["href", "aria-label", "onClick"];
-const _hoisted_19 = {
+const _hoisted_19 = ["colspan"];
+const _hoisted_20 = {
+  key: 0,
+  class: "cn-table-empty__lens-reason",
+  "data-testid": "cn-data-table-lens-reason"
+};
+const _hoisted_21 = ["data-testid-row-id", "onClick", "onAuxclick", "onContextmenu"];
+const _hoisted_22 = ["href", "aria-label", "onClick"];
+const _hoisted_23 = {
   key: 3,
   class: "cn-table-row-indicators",
   "data-testid": "cn-row-indicators"
 };
-const _hoisted_20 = ["title", "data-testid"];
-const _hoisted_21 = { class: "hidden-visually" };
-const _hoisted_22 = {
+const _hoisted_24 = ["title", "data-testid"];
+const _hoisted_25 = { class: "hidden-visually" };
+const _hoisted_26 = {
   key: 4,
   class: "cn-table-cell__secondary",
   "data-testid": "cn-cell-secondary"
 };
-const _hoisted_23 = {
+const _hoisted_27 = {
   key: 5,
   class: "cn-table-cell__secondary cn-table-cell__matched-file",
   "data-testid": "cn-row-matched-file"
 };
-const _hoisted_24 = {
+const _hoisted_28 = {
   key: 5,
   class: "cn-data-table__footer"
 };
-const _hoisted_25 = ["href"];
+const _hoisted_29 = ["href"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnColumnFilterPopover = resolveComponent("CnColumnFilterPopover");
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
   const _component_NcCheckboxRadioSwitch = resolveComponent("NcCheckboxRadioSwitch");
-  const _component_FilterIcon = resolveComponent("FilterIcon");
+  const _component_ChevronUp = resolveComponent("ChevronUp");
+  const _component_ChevronDown = resolveComponent("ChevronDown");
   const _component_FilterOutline = resolveComponent("FilterOutline");
   const _component_CnIcon = resolveComponent("CnIcon");
   const _component_CnUnreadMarker = resolveComponent("CnUnreadMarker");
@@ -184,22 +202,44 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 								$options.pinClass($options.leadingCount + colIndex),
 							]),
                         style: normalizeStyle({ ...(col.width ? { width: col.width } : {}), ...$options.pinStyle($options.leadingCount + colIndex) }),
-                        tabindex: col.sortable ? 0 : null,
                         "aria-sort": $options.ariaSortFor(col),
                         "data-filtered": $options.isColumnFiltered(col) ? 'true' : null,
                         title: $options.translateLabel(col.description) || null,
                         onClick: $event => (col.sortable ? $options.onHeaderClick(col.key, $event) : null),
                         onKeydown: withKeys($event => (col.sortable ? $options.onHeaderKeydown(col.key, $event) : null), ["enter"])
                       }, [
-                        createElementVNode("span", {
-                          class: normalizeClass(col.description ? 'cn-table-header--described' : '')
-                        }, toDisplayString($options.translateLabel(col.label)), 3 /* TEXT, CLASS */),
-                        (col.sortable && $options.sortKeyIndex(col.key) !== -1)
-                          ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString($options.effectiveSortKeys[$options.sortKeyIndex(col.key)].order === 'asc' ? '▲' : '▼'), 1 /* TEXT */))
-                          : createCommentVNode("v-if", true),
-                        (col.sortable && $options.sortBadgeFor(col.key) !== null)
-                          ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString($options.sortBadgeFor(col.key)), 1 /* TEXT */))
-                          : createCommentVNode("v-if", true),
+                        (col.sortable)
+                          ? (openBlock(), createElementBlock("button", _hoisted_10, [
+                              createElementVNode("span", {
+                                class: normalizeClass(col.description ? 'cn-table-header--described' : '')
+                              }, toDisplayString($options.translateLabel(col.label)), 3 /* TEXT, CLASS */),
+                              ($options.sortKeyIndex(col.key) !== -1)
+                                ? (openBlock(), createElementBlock("span", {
+                                    key: 0,
+                                    class: "cn-table-header__chevron cn-table-sort-indicator",
+                                    "data-sort-direction": $options.effectiveSortKeys[$options.sortKeyIndex(col.key)].order === 'asc' ? 'asc' : 'desc'
+                                  }, [
+                                    ($options.effectiveSortKeys[$options.sortKeyIndex(col.key)].order === 'asc')
+                                      ? (openBlock(), createBlock(_component_ChevronUp, {
+                                          key: 0,
+                                          size: 14
+                                        }))
+                                      : (openBlock(), createBlock(_component_ChevronDown, {
+                                          key: 1,
+                                          size: 14
+                                        }))
+                                  ], 8 /* PROPS */, _hoisted_11))
+                                : (openBlock(), createElementBlock("span", _hoisted_12, [
+                                    createVNode(_component_ChevronDown, { size: 14 })
+                                  ])),
+                              ($options.sortBadgeFor(col.key) !== null)
+                                ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString($options.sortBadgeFor(col.key)), 1 /* TEXT */))
+                                : createCommentVNode("v-if", true)
+                            ]))
+                          : (openBlock(), createElementBlock("span", {
+                              key: 1,
+                              class: normalizeClass(col.description ? 'cn-table-header--described' : '')
+                            }, toDisplayString($options.translateLabel(col.label)), 3 /* TEXT, CLASS */)),
                         ($options.filterDefFor(col))
                           ? (openBlock(), createElementBlock("button", {
                               key: 2,
@@ -214,23 +254,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               onClick: withModifiers($event => ($options.toggleColumnFilter(col, $event)), ["stop"]),
                               onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {}, ["stop"]), ["enter"]))
                             }, [
+                              createVNode(_component_FilterOutline, { size: 14 }),
                               ($options.isColumnFiltered(col))
-                                ? (openBlock(), createBlock(_component_FilterIcon, {
-                                    key: 0,
-                                    size: 16
-                                  }))
-                                : (openBlock(), createBlock(_component_FilterOutline, {
-                                    key: 1,
-                                    size: 16
-                                  }))
-                            ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_12))
+                                ? (openBlock(), createElementBlock("span", _hoisted_15))
+                                : createCommentVNode("v-if", true)
+                            ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_14))
                           : createCommentVNode("v-if", true)
                       ], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_9))
                     }), 128 /* KEYED_FRAGMENT */)),
                     (_ctx.$slots['row-actions'])
-                      ? (openBlock(), createElementBlock("th", _hoisted_13, [
+                      ? (openBlock(), createElementBlock("th", _hoisted_16, [
                           ($options.isBoardLook)
-                            ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString($options.actionsColumnLabel), 1 /* TEXT */))
+                            ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString($options.actionsColumnLabel), 1 /* TEXT */))
                             : createCommentVNode("v-if", true),
                           renderSlot(_ctx.$slots, "actions-header")
                         ]))
@@ -240,12 +275,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               : createCommentVNode("v-if", true),
             createElementVNode("tbody", null, [
               ($options.effectiveRows.length === 0)
-                ? (openBlock(), createElementBlock("tr", _hoisted_15, [
+                ? (openBlock(), createElementBlock("tr", _hoisted_18, [
                     createElementVNode("td", { colspan: $options.totalColumns }, [
                       renderSlot(_ctx.$slots, "empty", {}, () => [
-                        createTextVNode(toDisplayString($options.translateLabel($props.emptyText)), 1 /* TEXT */)
+                        ($options.lensReasonText)
+                          ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString($options.lensReasonText), 1 /* TEXT */))
+                          : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                              createTextVNode(toDisplayString($options.translateLabel($props.emptyText)), 1 /* TEXT */)
+                            ], 64 /* STABLE_FRAGMENT */))
                       ])
-                    ], 8 /* PROPS */, _hoisted_16)
+                    ], 8 /* PROPS */, _hoisted_19)
                   ]))
                 : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList($options.effectiveRows, (row) => {
                     return (openBlock(), createElementBlock("tr", {
@@ -306,7 +345,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 draggable: "false",
                                 "data-testid": "cn-row-link",
                                 onClick: $event => ($options.onRowLinkClick(row, $event))
-                              }, null, 8 /* PROPS */, _hoisted_18))
+                              }, null, 8 /* PROPS */, _hoisted_22))
                             : createCommentVNode("v-if", true),
                           (colIndex === 0 && $options.isUnreadRow(row))
                             ? (openBlock(), createBlock(_component_CnUnreadMarker, { key: 1 }))
@@ -319,7 +358,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               }, null, 8 /* PROPS */, ["object"]))
                             : createCommentVNode("v-if", true),
                           (colIndex === 0 && $options.indicatorsFor(row).shown.length > 0)
-                            ? (openBlock(), createElementBlock("span", _hoisted_19, [
+                            ? (openBlock(), createElementBlock("span", _hoisted_23, [
                                 (openBlock(true), createElementBlock(Fragment, null, renderList($options.indicatorsFor(row).shown, (indicator) => {
                                   return (openBlock(), createElementBlock("span", {
                                     key: indicator.id || indicator.field,
@@ -331,8 +370,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                       name: indicator.icon || 'InformationOutline',
                                       size: 16
                                     }, null, 8 /* PROPS */, ["name"]),
-                                    createElementVNode("span", _hoisted_21, toDisplayString(indicator.text), 1 /* TEXT */)
-                                  ], 8 /* PROPS */, _hoisted_20))
+                                    createElementVNode("span", _hoisted_25, toDisplayString(indicator.text), 1 /* TEXT */)
+                                  ], 8 /* PROPS */, _hoisted_24))
                                 }), 128 /* KEYED_FRAGMENT */))
                               ]))
                             : createCommentVNode("v-if", true),
@@ -353,10 +392,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             }, null, 8 /* PROPS */, ["value", "property", "formatter", "formatterOptions", "widget", "widgetProps", "format", "row", "rowKey"])
                           ]),
                           ($options.secondaryValue(row, col))
-                            ? (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString($options.secondaryValue(row, col)), 1 /* TEXT */))
+                            ? (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString($options.secondaryValue(row, col)), 1 /* TEXT */))
                             : createCommentVNode("v-if", true),
                           (colIndex === 0 && $options.matchedFileOf(row))
-                            ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString($options.matchedFileLabel(row)), 1 /* TEXT */))
+                            ? (openBlock(), createElementBlock("span", _hoisted_27, toDisplayString($options.matchedFileLabel(row)), 1 /* TEXT */))
                             : createCommentVNode("v-if", true)
                         ], 38 /* CLASS, STYLE, NEED_HYDRATION */))
                       }), 128 /* KEYED_FRAGMENT */)),
@@ -370,13 +409,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             renderSlot(_ctx.$slots, "row-actions", { row: row })
                           ], 34 /* CLASS, NEED_HYDRATION */))
                         : createCommentVNode("v-if", true)
-                    ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_17))
+                    ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_21))
                   }), 128 /* KEYED_FRAGMENT */))
             ])
           ], 2 /* CLASS */)
         ], 8 /* PROPS */, _hoisted_7)),
     (_ctx.$slots.footer || ($props.viewAllRoute && $options.totalRowCount > $options.effectiveRows.length))
-      ? (openBlock(), createElementBlock("div", _hoisted_24, [
+      ? (openBlock(), createElementBlock("div", _hoisted_28, [
           renderSlot(_ctx.$slots, "footer", {
             total: $options.totalRowCount,
             shown: $options.effectiveRows.length
@@ -387,7 +426,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   class: "cn-data-table__view-all",
                   href: $options.viewAllHref,
                   onClick: _cache[8] || (_cache[8] = (...args) => ($options.onViewAll && $options.onViewAll(...args)))
-                }, toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_25))
+                }, toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_29))
               : (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",