@kiva/kv-components 7.6.3 → 8.0.0

package/dist/vue/KvCommentsListItem2.js

@@ -0,0 +1,135 @@
+import { mdiChevronDown as K } from "@mdi/js";
+import { toRefs as M, ref as u, computed as n, inject as A, onMounted as D, nextTick as x } from "vue";
+import j from "./KvMaterialIcon.js";
+import w from "./KvCommentsReplyButton.js";
+import P from "./KvCommentsHeartButton.js";
+import S from "./KvCommentsAdd.js";
+import V from "./KvUserAvatar.js";
+const B = "reply-comment", U = "like-comment", r = "add-reaction", J = {
+  name: "KvCommentsListItem",
+  components: {
+    KvCommentsReplyButton: w,
+    KvCommentsHeartButton: P,
+    KvCommentsAdd: S,
+    KvUserAvatar: V,
+    KvMaterialIcon: j
+  },
+  props: {
+    /**
+     * The full URL for the user image
+     */
+    userImageUrl: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The name to display for the user
+     */
+    userDisplayName: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The ID for the user
+     */
+    userPublicId: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Activity comment
+     */
+    comment: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * The nest level of the comment
+     */
+    nestLevel: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: [
+    r
+  ],
+  setup(f, { emit: m }) {
+    const {
+      comment: t,
+      userPublicId: h
+    } = M(f), o = u(!1), c = u(null), s = u(), i = u(!1), I = n(() => {
+      var e;
+      return ((e = t == null ? void 0 : t.value) == null ? void 0 : e.text) ?? "";
+    }), d = n(() => {
+      var e;
+      return ((e = t == null ? void 0 : t.value) == null ? void 0 : e.publicLenderId) ?? "";
+    }), y = n(() => {
+      var e, l;
+      return ((l = (e = s == null ? void 0 : s.value) == null ? void 0 : e.image) == null ? void 0 : l.url) ?? "";
+    }), C = n(() => {
+      var e;
+      return ((e = s == null ? void 0 : s.value) == null ? void 0 : e.name) ?? "";
+    }), E = n(() => {
+      var e, l;
+      return ((l = (e = t == null ? void 0 : t.value) == null ? void 0 : e.children) == null ? void 0 : l.comment) ?? null;
+    }), L = n(() => {
+      var e, l;
+      return ((l = (e = t == null ? void 0 : t.value) == null ? void 0 : e.children) == null ? void 0 : l.like) ?? [];
+    }), g = n(() => L.value.find((e) => e.publicLenderId === h.value)), b = n(() => g.value !== void 0), k = () => {
+      o.value = !o.value, x(() => {
+        o.value && c.value.$refs.input.focus();
+      });
+    }, N = (e, l) => {
+      var v;
+      const a = {
+        reaction: e,
+        id: ((v = t == null ? void 0 : t.value) == null ? void 0 : v.id) ?? null,
+        isChild: !0,
+        value: l
+      };
+      m(r, a);
+    }, O = () => {
+      o.value = !1;
+    }, R = n(() => {
+      var e, l, a;
+      return ((a = (l = (e = t == null ? void 0 : t.value) == null ? void 0 : e.children) == null ? void 0 : l.like) == null ? void 0 : a.length) ?? 0;
+    }), T = n(() => {
+      var e, l, a;
+      return ((a = (l = (e = t == null ? void 0 : t.value) == null ? void 0 : e.children) == null ? void 0 : l.comment) == null ? void 0 : a.length) ?? 0;
+    }), _ = () => {
+      i.value = !i.value;
+    }, p = A("fetchLenderInfo");
+    return D(async () => {
+      if (d.value && p) {
+        const e = await p(d.value);
+        s.value = e;
+      }
+    }), {
+      hideInput: O,
+      showInput: o,
+      commentsAddRef: c,
+      replyClick: k,
+      addReaction: N,
+      REPLY_COMMENT_EVENT: B,
+      LIKE_COMMENT_EVENT: U,
+      ADD_REACTION_EVENT: r,
+      commentText: I,
+      authorImage: y,
+      authorName: C,
+      childComments: E,
+      isLiked: b,
+      numberOfLikes: R,
+      numberOfReplies: T,
+      repliesOpened: i,
+      toggleReplies: _,
+      mdiChevronDown: K
+    };
+  }
+};
+export {
+  r as ADD_REACTION_EVENT,
+  U as LIKE_COMMENT_EVENT,
+  B as REPLY_COMMENT_EVENT,
+  J as default
+};

package/dist/vue/KvCommentsReplyButton.css

@@ -1 +1 @@
-[data-v-34b54f14] span{min-height:0}[data-v-34b54f14] span>span{display:flex;align-items:center;padding-top:0;padding-bottom:0;padding-left:.25rem;padding-right:.25rem}[data-v-34b54f14] svg{margin-left:.25rem;margin-right:.25rem}
+[data-v-bc0d1b21] span{min-height:0}[data-v-bc0d1b21] span>span{display:flex;align-items:center;padding-top:0;padding-bottom:0;padding-left:.25rem;padding-right:.25rem}[data-v-bc0d1b21] svg{margin-left:.25rem;margin-right:.25rem}

package/dist/vue/KvCommentsReplyButton.js

@@ -1,24 +1,15 @@
-import C from "./KvButton.js";
-import { resolveComponent as r, openBlock as l, createBlock as p, withCtx as s, createElementVNode as o } from "vue";
+import r from "./KvCommentsReplyButton2.js";
+import { resolveComponent as C, openBlock as l, createBlock as p, withCtx as i, createElementVNode as o } from "vue";
 import "./KvCommentsReplyButton.css";
-import i from "../_virtual/_plugin-vue_export-helper.js";
-const m = {
-  name: "KvCommentsReplyButton",
-  components: {
-    KvButton: C
-  },
-  emits: [
-    "click"
-  ]
-};
-function a(e, t, c, f, v, u) {
-  const n = r("kv-button");
+import s from "../_virtual/_plugin-vue_export-helper.js";
+function m(e, t, a, d, f, c) {
+  const n = C("kv-button");
   return l(), p(n, {
     variant: "ghost",
     "aria-label": "Reply",
-    onClick: t[0] || (t[0] = (d) => e.$emit("click"))
+    onClick: t[0] || (t[0] = (v) => e.$emit("click"))
   }, {
-    default: s(() => t[1] || (t[1] = [
+    default: i(() => t[1] || (t[1] = [
       o("svg", {
         width: "14",
         height: "11",
@@ -36,7 +27,7 @@ function a(e, t, c, f, v, u) {
     _: 1
   });
 }
-const $ = /* @__PURE__ */ i(m, [["render", a], ["__scopeId", "data-v-34b54f14"]]);
+const $ = /* @__PURE__ */ s(r, [["render", m], ["__scopeId", "data-v-bc0d1b21"]]);
 export {
   $ as default
 };

package/dist/vue/KvCommentsReplyButton.vue.d.ts

@@ -0,0 +1,98 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClick?: (...args: any[]) => any;
+}>, {}, {}, {
+    KvButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: any;
+        };
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>, {
+        buttonRef: import('vue').Ref<any, any>;
+        buttonInnerRef: import('vue').Ref<any, any>;
+        computedClass: import('vue').ComputedRef<string>;
+        computedType: import('vue').ComputedRef<string>;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        onClick: (event: any) => void;
+        tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: any;
+        };
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>> & Readonly<{
+        onClick?: (...args: any[]) => any;
+    }>, {
+        to: string | Record<string, any>;
+        type: string;
+        href: string;
+        variant: string;
+        state: string;
+    }, {}, {
+        KvLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: string;
+            color: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvCommentsReplyButton2.js

@@ -0,0 +1,13 @@
+import t from "./KvButton.js";
+const m = {
+  name: "KvCommentsReplyButton",
+  components: {
+    KvButton: t
+  },
+  emits: [
+    "click"
+  ]
+};
+export {
+  m as default
+};

package/dist/vue/KvCompactLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-df6cbfd6]:hover,.loan-card-use[data-v-df6cbfd6]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-df6cbfd6]{text-decoration-line:underline}.loan-card-progress[data-v-df6cbfd6]:hover,.loan-card-progress[data-v-df6cbfd6]:focus{text-decoration-line:none}.loan-card-use-text[data-v-df6cbfd6] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.loan-card-cta[data-v-df6cbfd6] form,.loan-card-cta[data-v-df6cbfd6] fieldset,.loan-card-cta[data-v-df6cbfd6] .tw-w-full,.loan-card-cta[data-v-df6cbfd6] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-df6cbfd6] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}
+.loan-card-use[data-v-ff288fb9]:hover,.loan-card-use[data-v-ff288fb9]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-ff288fb9]{text-decoration-line:underline}.loan-card-progress[data-v-ff288fb9]:hover,.loan-card-progress[data-v-ff288fb9]:focus{text-decoration-line:none}.loan-card-use-text[data-v-ff288fb9] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.loan-card-cta[data-v-ff288fb9] form,.loan-card-cta[data-v-ff288fb9] fieldset,.loan-card-cta[data-v-ff288fb9] .tw-w-full,.loan-card-cta[data-v-ff288fb9] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-ff288fb9] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}