vlite3 1.1.4 → 1.1.5

package/components/Comment/CommentThread.vue.d.ts

@@ -0,0 +1,64 @@
+import { CommentNode, CommentAuthor, CommentSubmitPayload } from './types';
+export interface CommentThreadProps {
+    comments: CommentNode[];
+    /** Object of currently logged-in user — controls edit/delete visibility and shows avatar in input */
+    currentUser?: CommentAuthor | null;
+    threaded?: boolean;
+    allowDelete?: boolean;
+    allowEdit?: boolean;
+    allowReply?: boolean;
+    /** Admin override — show delete on all comments */
+    allowDeleteAll?: boolean;
+    /** Admin override — show edit on all comments */
+    allowEditAll?: boolean;
+    confirmDelete?: boolean;
+    /** Where to display the root input. Set to 'hidden' to disable. */
+    inputPosition?: 'top' | 'bottom' | 'hidden';
+    folderId?: string;
+    maxFileSize?: number;
+    allowFileUpload?: boolean;
+    class?: string;
+    emptyText?: string;
+    placeholder?: string;
+    replyPlaceholder?: string;
+    editPlaceholder?: string;
+    replyText?: string;
+    editedText?: string;
+    editingText?: string;
+    cancelText?: string;
+    cancelEditText?: string;
+    hasMore?: boolean;
+    loadingMore?: boolean;
+    loadMoreText?: string;
+}
+declare const _default: import('vue').DefineComponent<CommentThreadProps, {
+    clearActiveReply: () => void;
+    clearActiveEdit: () => void;
+    activeReplyId: import('vue').Ref<string | number, string | number>;
+    activeEditId: import('vue').Ref<string | number, string | number>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    delete: (id: string | number) => any;
+    add: (payload: CommentSubmitPayload) => any;
+    "load-more": () => any;
+    edit: (updatedComment: CommentNode) => any;
+    "load-more-replies": (commentId: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<CommentThreadProps> & Readonly<{
+    onDelete?: (id: string | number) => any;
+    onAdd?: (payload: CommentSubmitPayload) => any;
+    "onLoad-more"?: () => any;
+    onEdit?: (updatedComment: CommentNode) => any;
+    "onLoad-more-replies"?: (commentId: string | number) => any;
+}>, {
+    class: string;
+    confirmDelete: boolean;
+    allowDeleteAll: boolean;
+    allowEditAll: boolean;
+    allowFileUpload: boolean;
+    currentUser: CommentAuthor | null;
+    threaded: boolean;
+    allowDelete: boolean;
+    allowEdit: boolean;
+    allowReply: boolean;
+    inputPosition: "top" | "bottom" | "hidden";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Comment/CommentThread.vue.js

@@ -0,0 +1,185 @@
+import { defineComponent as p, ref as v, computed as h, openBlock as a, createElementBlock as n, normalizeClass as C, createVNode as u, createCommentVNode as f, createElementVNode as F, toDisplayString as w, TransitionGroup as D, withCtx as T, Fragment as U, renderList as P, createBlock as A, createTextVNode as N } from "vue";
+import { $t as g } from "../../utils/i18n.js";
+import V from "./CommentItem.vue.js";
+import E from "./CommentEditor.vue.js";
+import $ from "../Button.vue.js";
+const L = {
+  key: 0,
+  class: "mb-8"
+}, j = {
+  key: 1,
+  class: "flex flex-col items-center justify-center p-8 text-center bg-muted/20 border border-border rounded-xl border-dashed"
+}, O = { class: "text-sm text-muted-foreground" }, G = {
+  key: 2,
+  class: "flex flex-col w-full relative"
+}, q = {
+  key: 0,
+  class: "mt-2 mb-4 w-full flex justify-center"
+}, H = {
+  key: 3,
+  class: "mt-4"
+}, Y = /* @__PURE__ */ p({
+  __name: "CommentThread",
+  props: {
+    comments: {},
+    currentUser: { default: null },
+    threaded: { type: Boolean, default: !0 },
+    allowDelete: { type: Boolean, default: !0 },
+    allowEdit: { type: Boolean, default: !0 },
+    allowReply: { type: Boolean, default: !0 },
+    allowDeleteAll: { type: Boolean, default: !1 },
+    allowEditAll: { type: Boolean, default: !1 },
+    confirmDelete: { type: Boolean, default: !0 },
+    inputPosition: { default: "top" },
+    folderId: {},
+    maxFileSize: {},
+    allowFileUpload: { type: Boolean, default: !0 },
+    class: { default: "" },
+    emptyText: {},
+    placeholder: {},
+    replyPlaceholder: {},
+    editPlaceholder: {},
+    replyText: {},
+    editedText: {},
+    editingText: {},
+    cancelText: {},
+    cancelEditText: {},
+    hasMore: { type: Boolean },
+    loadingMore: { type: Boolean },
+    loadMoreText: {}
+  },
+  emits: ["add", "edit", "delete", "load-more", "load-more-replies"],
+  setup(e, { expose: b, emit: B }) {
+    const c = e, r = B, o = v(null), d = v(null), S = h(() => {
+      if (c.emptyText) return c.emptyText;
+      const t = g("vlite.comment.empty");
+      return t !== "vlite.comment.empty" ? t : "No comments yet. Start the conversation!";
+    }), z = h(() => {
+      if (c.loadMoreText) return c.loadMoreText;
+      const t = g("vlite.comment.loadMore");
+      return t !== "vlite.comment.loadMore" ? t : "View more comments";
+    }), R = (t) => {
+      if (o.value === t.commentId) {
+        o.value = null;
+        return;
+      }
+      o.value = t.commentId, d.value = null;
+    }, I = (t) => {
+      if (d.value === t.commentId) {
+        d.value = null;
+        return;
+      }
+      d.value = t.commentId, o.value = null;
+    }, m = () => {
+      o.value = null;
+    }, s = () => {
+      d.value = null;
+    }, y = (t, l) => {
+      r("add", { text: t, attachments: l });
+    }, M = (t, l, i) => {
+      r("add", { text: t, attachments: l, parentId: i }), m();
+    }, k = (t, l, i) => {
+      r("edit", { ...i, text: t, isEdited: !0 }), s();
+    };
+    return b({
+      clearActiveReply: m,
+      clearActiveEdit: s,
+      activeReplyId: o,
+      activeEditId: d
+    }), (t, l) => (a(), n("div", {
+      class: C(["vl-comment-thread flex flex-col w-full", c.class])
+    }, [
+      e.inputPosition === "top" ? (a(), n("div", L, [
+        u(E, {
+          variant: "root",
+          "current-user": e.currentUser,
+          "folder-id": e.folderId,
+          "max-file-size": e.maxFileSize,
+          "allow-file-upload": e.allowFileUpload,
+          placeholder: e.placeholder,
+          "editing-text": e.editingText,
+          "cancel-edit-text": e.cancelEditText,
+          "cancel-text": e.cancelText,
+          onSubmit: y
+        }, null, 8, ["current-user", "folder-id", "max-file-size", "allow-file-upload", "placeholder", "editing-text", "cancel-edit-text", "cancel-text"])
+      ])) : f("", !0),
+      e.comments.length === 0 ? (a(), n("div", j, [
+        F("p", O, w(S.value), 1)
+      ])) : (a(), n("div", G, [
+        u(D, {
+          "enter-active-class": "transition-all duration-300 ease-out",
+          "enter-from-class": "opacity-0 translate-y-2",
+          "enter-to-class": "opacity-100 translate-y-0",
+          "leave-active-class": "transition-none"
+        }, {
+          default: T(() => [
+            (a(!0), n(U, null, P(e.comments, (i) => (a(), A(V, {
+              key: i.id,
+              comment: i,
+              "current-user": e.currentUser,
+              threaded: e.threaded,
+              "allow-delete": e.allowDelete,
+              "allow-edit": e.allowEdit,
+              "allow-reply": e.allowReply,
+              "allow-delete-all": e.allowDeleteAll,
+              "allow-edit-all": e.allowEditAll,
+              "confirm-delete": e.confirmDelete,
+              "active-reply-id": o.value,
+              "active-edit-id": d.value,
+              "folder-id": e.folderId,
+              "max-file-size": e.maxFileSize,
+              "allow-file-upload": e.allowFileUpload,
+              "reply-placeholder": e.replyPlaceholder,
+              "edit-placeholder": e.editPlaceholder,
+              "reply-text": e.replyText,
+              "edited-text": e.editedText,
+              "editing-text": e.editingText,
+              "cancel-text": e.cancelText,
+              "cancel-edit-text": e.cancelEditText,
+              onReply: R,
+              onEdit: I,
+              onDelete: l[0] || (l[0] = (x) => r("delete", x)),
+              onSubmitReply: M,
+              onSubmitEdit: k,
+              onCancelReply: m,
+              onCancelEdit: s,
+              onLoadMoreReplies: l[1] || (l[1] = (x) => r("load-more-replies", x))
+            }, null, 8, ["comment", "current-user", "threaded", "allow-delete", "allow-edit", "allow-reply", "allow-delete-all", "allow-edit-all", "confirm-delete", "active-reply-id", "active-edit-id", "folder-id", "max-file-size", "allow-file-upload", "reply-placeholder", "edit-placeholder", "reply-text", "edited-text", "editing-text", "cancel-text", "cancel-edit-text"]))), 128))
+          ]),
+          _: 1
+        }),
+        e.hasMore ? (a(), n("div", q, [
+          u($, {
+            variant: "ghost",
+            size: "sm",
+            loading: e.loadingMore,
+            onClick: l[2] || (l[2] = (i) => r("load-more")),
+            class: "text-sm text-foreground/80 hover:text-foreground font-medium px-3"
+          }, {
+            default: T(() => [
+              N(w(z.value), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ])) : f("", !0)
+      ])),
+      e.inputPosition === "bottom" ? (a(), n("div", H, [
+        u(E, {
+          variant: "root",
+          "current-user": e.currentUser,
+          "folder-id": e.folderId,
+          "max-file-size": e.maxFileSize,
+          "allow-file-upload": e.allowFileUpload,
+          placeholder: e.placeholder,
+          "editing-text": e.editingText,
+          "cancel-edit-text": e.cancelEditText,
+          "cancel-text": e.cancelText,
+          onSubmit: y
+        }, null, 8, ["current-user", "folder-id", "max-file-size", "allow-file-upload", "placeholder", "editing-text", "cancel-edit-text", "cancel-text"])
+      ])) : f("", !0)
+    ], 2));
+  }
+});
+export {
+  Y as default
+};

package/components/Comment/CommentThread.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommentThread.vue.js";
+export {
+  f as default
+};

package/components/Comment/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as CommentItem } from './CommentItem.vue';
+export { default as CommentThread } from './CommentThread.vue';
+export { default as CommentEditor } from './CommentEditor.vue';

package/components/Comment/types.d.ts

@@ -0,0 +1,34 @@
+import { AttachmentItem } from '../AttachmentsList';
+export interface CommentAuthor {
+    id: string | number;
+    name: string;
+    avatar?: string;
+    role?: string;
+}
+export interface CommentNode {
+    id: string | number;
+    text: string;
+    author: CommentAuthor;
+    timestamp?: string | number | Date;
+    isEdited?: boolean;
+    editedAt?: string | number | Date;
+    attachments?: AttachmentItem[];
+    replies?: CommentNode[];
+    /** Any custom metadata such as 'status' or logic blocks */
+    meta?: Record<string, any>;
+    /** Pagination: flag indicating there are more replies to load natively */
+    hasMoreReplies?: boolean;
+    /** Pagination: flag used by parents to set a loading spinner on the expando */
+    loadingMoreReplies?: boolean;
+    /** Pagination: absolute count of replies if needed for UI text e.g. "View 4 more replies" */
+    replyCount?: number;
+}
+export interface CommentActionPayload {
+    commentId: string | number;
+    comment: CommentNode;
+}
+export interface CommentSubmitPayload {
+    text: string;
+    attachments?: AttachmentItem[];
+    parentId?: string | number;
+}

package/components/DataTable/DataTable.vue.d.ts

@@ -7,8 +7,6 @@ declare function __VLS_template(): {
         index: number;
         field: string;
     }) => any>> & {
-        'toolbar-left'?(_: {}): any;
-        'toolbar-right'?(_: {}): any;
         empty?(_: {}): any;
         'empty-action'?(_: {}): any;
     };
@@ -31,13 +29,12 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     onRowClick?: (payload: RowClickPayload) => any;
     "onUpdate:selectedRows"?: (value: any[]) => any;
 }>, {
-    search: string;
     variant: "default" | "raised";
+    size: "xs" | "sm" | "md" | "lg";
     loading: boolean;
     striped: boolean;
     compact: boolean;
     rows: any[];
-    showSearch: boolean;
     headers: TableHeader[];
     emptyIcon: string;
     paginationProps: import('./types').DataTablePaginationProps;
@@ -48,6 +45,7 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     hoverable: boolean;
     bordered: boolean;
     sortable: boolean;
+    headerVariant: "default" | "minimal";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;