@kiva/kv-components 7.6.3 → 8.0.0

package/dist/vue/KvCommentsList.vue.d.ts

@@ -0,0 +1,619 @@
+import { PropType } from 'vue';
+export interface Comment {
+    id: string | number;
+    is_liked: boolean;
+    [key: string]: any;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    userImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    userDisplayName: {
+        type: StringConstructor;
+        default: string;
+    };
+    userPublicId: {
+        type: StringConstructor;
+        default: string;
+    };
+    comments: {
+        type: PropType<Comment[]>;
+        default: () => any[];
+    };
+}>, {
+    handleReaction: (payload: any) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "add-reaction"[], "add-reaction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    userImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    userDisplayName: {
+        type: StringConstructor;
+        default: string;
+    };
+    userPublicId: {
+        type: StringConstructor;
+        default: string;
+    };
+    comments: {
+        type: PropType<Comment[]>;
+        default: () => any[];
+    };
+}>> & Readonly<{
+    "onAdd-reaction"?: (...args: any[]) => any;
+}>, {
+    userImageUrl: string;
+    userDisplayName: string;
+    userPublicId: string;
+    comments: Comment[];
+}, {}, {
+    KvCommentsListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        userImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        userDisplayName: {
+            type: StringConstructor;
+            default: string;
+        };
+        userPublicId: {
+            type: StringConstructor;
+            default: string;
+        };
+        comment: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        nestLevel: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, {
+        hideInput: () => void;
+        showInput: import('vue').Ref<boolean, boolean>;
+        commentsAddRef: import('vue').Ref<any, any>;
+        replyClick: () => void;
+        addReaction: (reaction: any, value: any) => void;
+        REPLY_COMMENT_EVENT: string;
+        LIKE_COMMENT_EVENT: string;
+        ADD_REACTION_EVENT: string;
+        commentText: import('vue').ComputedRef<any>;
+        authorImage: import('vue').ComputedRef<any>;
+        authorName: import('vue').ComputedRef<any>;
+        childComments: import('vue').ComputedRef<any>;
+        isLiked: import('vue').ComputedRef<boolean>;
+        numberOfLikes: import('vue').ComputedRef<any>;
+        numberOfReplies: import('vue').ComputedRef<any>;
+        repliesOpened: import('vue').Ref<boolean, boolean>;
+        toggleReplies: () => void;
+        mdiChevronDown: string;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "add-reaction"[], "add-reaction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        userImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        userDisplayName: {
+            type: StringConstructor;
+            default: string;
+        };
+        userPublicId: {
+            type: StringConstructor;
+            default: string;
+        };
+        comment: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        nestLevel: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{
+        "onAdd-reaction"?: (...args: any[]) => any;
+    }>, {
+        userImageUrl: string;
+        userDisplayName: string;
+        comment: Record<string, any>;
+        userPublicId: string;
+        nestLevel: number;
+    }, {}, {
+        KvCommentsReplyButton: 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>;
+        KvCommentsHeartButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            isSmall: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            isLiked: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            icon: import('vue').ComputedRef<string>;
+            classState: import('vue').ComputedRef<string>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            isSmall: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            isLiked: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClick?: (...args: any[]) => any;
+        }>, {
+            isSmall: boolean;
+            isLiked: 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>;
+        KvCommentsAdd: 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>;
+        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>;
+        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>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvCommentsList2.js

@@ -0,0 +1,46 @@
+import s from "./KvCommentsListItem.js";
+const t = "add-reaction", m = {
+  name: "KvCommentsList",
+  components: { KvCommentsListItem: s },
+  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: [t],
+  setup(a, { emit: e }) {
+    return {
+      handleReaction: (n) => {
+        e(t, n);
+      }
+    };
+  }
+};
+export {
+  m as default
+};