@conduction/nextcloud-vue 2.135.0 → 2.136.0

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

@@ -204,28 +204,29 @@ const _hoisted_58 = {
   role: "alert",
   "data-testid": "cn-record-list-action-error"
 };
-const _hoisted_59 = {
-  key: 11,
+const _hoisted_59 = { class: "cn-record-list__notice-text" };
+const _hoisted_60 = {
+  key: 12,
   class: "cn-record-list__footnote",
   "data-testid": "cn-record-list-footnote"
 };
-const _hoisted_60 = ["href"];
-const _hoisted_61 = {
-  key: 14,
+const _hoisted_61 = ["href"];
+const _hoisted_62 = {
+  key: 15,
   class: "cn-record-list__group-head",
   "data-testid": "cn-record-list-group-head"
 };
-const _hoisted_62 = {
+const _hoisted_63 = {
   class: "cn-record-list__group-heading",
   "data-testid": "cn-record-list-group-heading"
 };
-const _hoisted_63 = ["id"];
-const _hoisted_64 = {
+const _hoisted_64 = ["id"];
+const _hoisted_65 = {
   key: 0,
   class: "cn-record-list__footer-note",
   "data-testid": "cn-record-list-footer-note"
 };
-const _hoisted_65 = ["id"];
+const _hoisted_66 = ["id"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
@@ -241,7 +242,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ChevronRight = resolveComponent("ChevronRight");
 
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["cn-record-list", [`cn-record-list--${$options.presentation}`, { 'cn-record-list--compact': $props.content.density === 'compact', 'cn-record-list--tiles': $options.presentation === 'rows' && $props.content.tiles === true, 'cn-record-list--rule-above': $props.content.ruleAbove === true }]]),
+    class: normalizeClass(["cn-record-list", [`cn-record-list--${$options.presentation}`, { 'cn-record-list--compact': $props.content.density === 'compact', 'cn-record-list--tiles': $options.presentation === 'rows' && $props.content.tiles === true, 'cn-record-list--rule-above': $props.content.ruleAbove === true, 'cn-record-list--data-table': $options.presentation === 'table' && $props.content.tableLook === 'data' }]]),
     "data-testid": "cn-record-list"
   }, [
     ($options.intro && !$options.absent)
@@ -872,12 +873,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ($data.actionError)
       ? (openBlock(), createElementBlock("p", _hoisted_58, toDisplayString($data.actionError), 1 /* TEXT */))
       : createCommentVNode("v-if", true),
-    ($options.footnote && !$data.error && !$options.absent && ($data.rows.length > 0 || $options.footnoteFromAnswer))
-      ? (openBlock(), createElementBlock("p", _hoisted_59, toDisplayString($options.footnote), 1 /* TEXT */))
-      : createCommentVNode("v-if", true),
+    ($options.footnoteTone && $options.footnote && !$data.error && !$options.absent && ($data.rows.length > 0 || $options.footnoteFromAnswer))
+      ? (openBlock(), createElementBlock("div", {
+          key: 11,
+          class: normalizeClass(["cn-record-list__notice cn-record-list__notice--footnote", `cn-record-list__notice--${$options.footnoteTone}`]),
+          "data-testid": "cn-record-list-footnote"
+        }, [
+          createVNode(_component_CnIcon, {
+            name: $options.footnoteTone === 'info' ? 'InformationOutline' : 'AlertOutline',
+            size: 16,
+            class: "cn-record-list__notice-icon",
+            "aria-hidden": "true"
+          }, null, 8 /* PROPS */, ["name"]),
+          createElementVNode("p", _hoisted_59, toDisplayString($options.footnote), 1 /* TEXT */)
+        ], 2 /* CLASS */))
+      : ($options.footnote && !$data.error && !$options.absent && ($data.rows.length > 0 || $options.footnoteFromAnswer))
+        ? (openBlock(), createElementBlock("p", _hoisted_60, toDisplayString($options.footnote), 1 /* TEXT */))
+        : createCommentVNode("v-if", true),
     ($options.footerLink && $options.footerLink.to)
       ? (openBlock(), createBlock(_component_router_link, {
-          key: 12,
+          key: 13,
           class: "cn-record-list__footer-link",
           to: $options.footerLink.to,
           "data-testid": "cn-record-list-footer-link"
@@ -889,15 +904,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8 /* PROPS */, ["to"]))
       : ($options.footerLink)
         ? (openBlock(), createElementBlock("a", {
-            key: 13,
+            key: 14,
             class: "cn-record-list__footer-link",
             href: $options.footerLink.href,
             "data-testid": "cn-record-list-footer-link"
-          }, toDisplayString($options.footerLink.label), 9 /* TEXT, PROPS */, _hoisted_60))
+          }, toDisplayString($options.footerLink.label), 9 /* TEXT, PROPS */, _hoisted_61))
         : createCommentVNode("v-if", true),
     ($options.footerGroupHead && $data.rows.length === 0 && !$data.error && !$data.loading)
-      ? (openBlock(), createElementBlock("div", _hoisted_61, [
-          createElementVNode("h3", _hoisted_62, toDisplayString($options.footerGroupHead), 1 /* TEXT */),
+      ? (openBlock(), createElementBlock("div", _hoisted_62, [
+          createElementVNode("h3", _hoisted_63, toDisplayString($options.footerGroupHead), 1 /* TEXT */),
           createVNode(_component_NcButton, {
             variant: "secondary",
             class: normalizeClass({ 'cn-record-list__action--tonal': $options.footerTonal }),
@@ -928,20 +943,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($options.footerGroup !== '' && $data.footerDisabled && $options.footerAction && $options.footerAction.reason && !$data.error)
       ? (openBlock(), createElementBlock("p", {
-          key: 15,
+          key: 16,
           id: $data.footerReasonId,
           class: "cn-record-list__footer-reason",
           "data-testid": "cn-record-list-footer-reason"
-        }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_63))
+        }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_64))
       : createCommentVNode("v-if", true),
     ($options.footerAction && $options.footerGroup === '' && !$data.error)
       ? (openBlock(), createElementBlock("div", {
-          key: 16,
+          key: 17,
           class: normalizeClass(["cn-record-list__footer", { 'cn-record-list__footer--wide': $options.footerAction.wide }]),
           "data-testid": "cn-record-list-footer"
         }, [
           ($options.footerAction.note)
-            ? (openBlock(), createElementBlock("p", _hoisted_64, toDisplayString($options.footerAction.note), 1 /* TEXT */))
+            ? (openBlock(), createElementBlock("p", _hoisted_65, toDisplayString($options.footerAction.note), 1 /* TEXT */))
             : createCommentVNode("v-if", true),
           createVNode(_component_NcButton, {
             variant: "secondary",
@@ -976,7 +991,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 id: $data.footerReasonId,
                 class: "cn-record-list__footer-reason",
                 "data-testid": "cn-record-list-footer-reason"
-              }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_65))
+              }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_66))
             : createCommentVNode("v-if", true)
         ], 2 /* CLASS */))
       : createCommentVNode("v-if", true)