@kiva/kv-components 7.6.3 → 8.0.0

package/dist/vue/KvCommentsAdd.vue.d.ts

@@ -0,0 +1,296 @@
+export declare const ADD_COMMENT_ID = "add-comment-value";
+export declare const ADD_COMMENT_EVENT = "add-comment";
+export declare const HIDE_INPUT_EVENT = "hide-input";
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    userImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    userDisplayName: {
+        type: StringConstructor;
+        default: string;
+    };
+    isReply: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    ADD_COMMENT_ID: string;
+    addCommentValue: import('vue').Ref<string, string>;
+    commentButtonState: import('vue').ComputedRef<"" | "disabled">;
+    cancel: () => void;
+    comment: () => void;
+    focus: () => any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("add-comment" | "hide-input")[], "add-comment" | "hide-input", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    userImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    userDisplayName: {
+        type: StringConstructor;
+        default: string;
+    };
+    isReply: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onAdd-comment"?: (...args: any[]) => any;
+    "onHide-input"?: (...args: any[]) => any;
+}>, {
+    userImageUrl: string;
+    userDisplayName: string;
+    isReply: boolean;
+}, {}, {
+    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>;
+    KvTextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        modelValue: {
+            type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        valid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        canClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        mdiAlertCircleOutline: string;
+        mdiClose: string;
+        onInput: (event: any) => void;
+        focus: () => void;
+        blur: () => void;
+        clearInput: () => void;
+        inputText: import('vue').Ref<string | number | boolean, string | number | boolean>;
+        classes: any[];
+        styles: any[];
+        inputAttrs: any;
+        inputListeners: any;
+        textInputRef: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        modelValue: {
+            type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        valid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        canClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+    }>, {
+        type: string;
+        icon: string;
+        disabled: boolean;
+        modelValue: string | number | boolean;
+        valid: boolean;
+        placeholder: string;
+        canClear: boolean;
+    }, {}, {
+        KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            icon: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvUserAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        lenderName: {
+            type: StringConstructor;
+            default: string;
+        };
+        lenderImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isSmall: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCssPlaceholder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        isAnonymousUser: import('vue').ComputedRef<boolean>;
+        avatarClass: import('vue').ComputedRef<string>;
+        userHasImage: import('vue').ComputedRef<boolean>;
+        lenderNameFirstLetter: import('vue').ComputedRef<string>;
+        letterViewBox: import('vue').ComputedRef<"0 0 27 27" | "0 0 27.5 27.5">;
+        isLegacyPlaceholderAvatar: typeof import('..').isLegacyPlaceholderAvatar;
+        isImageLoading: import('vue').Ref<boolean, boolean>;
+        onImgLoad: () => void;
+        imageRef: import('vue').Ref<any, any>;
+        userAvatar: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        lenderName: {
+            type: StringConstructor;
+            default: string;
+        };
+        lenderImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isSmall: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCssPlaceholder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        lenderName: string;
+        lenderImageUrl: string;
+        isSmall: boolean;
+        showCssPlaceholder: boolean;
+    }, {}, {
+        KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvCommentsAdd2.js

@@ -0,0 +1,57 @@
+import { ref as a, computed as u } from "vue";
+import l from "./KvButton.js";
+import r from "./KvTextInput.js";
+import p from "./KvUserAvatar.js";
+const d = "add-comment-value", s = "add-comment", o = "hide-input", N = {
+  name: "KvCommentsAdd",
+  components: {
+    KvButton: l,
+    KvTextInput: r,
+    KvUserAvatar: p
+  },
+  props: {
+    /**
+     * The full URL for the user image
+     */
+    userImageUrl: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The name to display for the user
+     */
+    userDisplayName: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Whether or not the comment is a reply
+     */
+    isReply: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [s, o],
+  setup(n, { emit: e }) {
+    const t = a(""), m = a(null), c = u(() => t.value ? "" : "disabled");
+    return {
+      ADD_COMMENT_ID: d,
+      addCommentValue: t,
+      commentButtonState: c,
+      cancel: () => {
+        t.value = "", n.isReply && e(o);
+      },
+      comment: () => {
+        e(s, t.value), t.value = "", n.isReply && e(o);
+      },
+      focus: () => m.value.focus()
+    };
+  }
+};
+export {
+  s as ADD_COMMENT_EVENT,
+  d as ADD_COMMENT_ID,
+  o as HIDE_INPUT_EVENT,
+  N as default
+};

package/dist/vue/KvCommentsContainer.js

@@ -1,80 +1,29 @@
-import d from "./KvCommentsAdd.js";
-import _ from "./KvCommentsList.js";
-import { resolveComponent as s, openBlock as m, createElementBlock as f, createBlock as a, createCommentVNode as r } from "vue";
-import p from "../_virtual/_plugin-vue_export-helper.js";
-const y = "add-comment", l = "add-reaction", C = {
-  name: "KvCommentsContainer",
-  components: {
-    KvCommentsAdd: d,
-    KvCommentsList: _
-  },
-  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 comments
-     */
-    comments: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: [l],
-  setup(i, { emit: o }) {
-    return {
-      handleReaction: (n) => {
-        let t;
-        n.value === void 0 ? t = {
-          reaction: y,
-          id: null,
-          isChild: !1,
-          value: n
-        } : t = n, o(l, t);
-      }
-    };
-  }
-};
-function v(i, o, e, n, t, g) {
-  const u = s("kv-comments-add"), c = s("kv-comments-list");
-  return m(), f("div", null, [
-    e.userPublicId ? (m(), a(u, {
+import s from "./KvCommentsContainer2.js";
+import { ADD_COMMENT_EVENT as g, ADD_REACTION_EVENT as D } from "./KvCommentsContainer2.js";
+import { resolveComponent as o, openBlock as n, createElementBlock as l, createBlock as t, createCommentVNode as r } from "vue";
+import u from "../_virtual/_plugin-vue_export-helper.js";
+function i(d, _, e, m, f, k) {
+  const a = o("kv-comments-add"), c = o("kv-comments-list");
+  return n(), l("div", null, [
+    e.userPublicId ? (n(), t(a, {
       key: 0,
       "user-image-url": e.userImageUrl,
       "user-display-name": e.userDisplayName,
-      onAddComment: n.handleReaction
+      onAddComment: m.handleReaction
     }, null, 8, ["user-image-url", "user-display-name", "onAddComment"])) : r("", !0),
-    e.comments ? (m(), a(c, {
+    e.comments ? (n(), t(c, {
       key: 1,
       "user-image-url": e.userImageUrl,
       "user-display-name": e.userDisplayName,
       "user-public-id": e.userPublicId,
       comments: e.comments,
-      onAddReaction: n.handleReaction
+      onAddReaction: m.handleReaction
     }, null, 8, ["user-image-url", "user-display-name", "user-public-id", "comments", "onAddReaction"])) : r("", !0)
   ]);
 }
-const E = /* @__PURE__ */ p(C, [["render", v]]);
+const A = /* @__PURE__ */ u(s, [["render", i]]);
 export {
-  y as ADD_COMMENT_EVENT,
-  l as ADD_REACTION_EVENT,
-  E as default
+  g as ADD_COMMENT_EVENT,
+  D as ADD_REACTION_EVENT,
+  A as default
 };