vlite3 1.1.2 → 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/ConfirmationModal.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as I, computed as l, openBlock as y, createBlock as h, createSlots as w, withCtx as c, createElementVNode as r, toDisplayString as f, createVNode as m, renderSlot as x } from "vue";
+import { defineComponent as I, computed as a, openBlock as w, createBlock as y, mergeProps as h, createSlots as $, withCtx as d, createElementVNode as r, toDisplayString as f, createVNode as p, renderSlot as u } from "vue";
 import b from "./Modal.vue.js";
-import p from "./Button.vue.js";
+import x from "./Button.vue.js";
 import { $t as n } from "../utils/i18n.js";
-const k = { class: "pb-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg" }, B = { class: "text-sm text-muted-foreground" }, S = { class: "flex w-full items-center justify-end space-x-2 px-[2px]" }, _ = /* @__PURE__ */ I({
+const k = { class: "pb-2 px-[2px]" }, B = { class: "mb-1.5 font-semibold text-lg" }, S = { class: "text-sm text-muted-foreground" }, z = { class: "flex w-full items-center justify-end space-x-2 px-[2px]" }, E = /* @__PURE__ */ I({
   __name: "ConfirmationModal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -18,69 +18,71 @@ const k = { class: "pb-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg
     variant: { default: "danger" }
   },
   emits: ["cancel", "confirm"],
-  setup(o, { emit: u }) {
-    const t = o, d = u, a = () => {
-      d("cancel");
-    }, v = l(() => t.titleI18n ? n(t.titleI18n) : t.title), g = l(
+  setup(o, { emit: v }) {
+    const t = o, m = v, l = () => {
+      m("cancel");
+    }, s = a(() => t.titleI18n ? n(t.titleI18n) : t.title), g = a(
       () => t.descriptionI18n ? n(t.descriptionI18n) : t.description
-    ), T = l(() => {
+    ), T = a(() => {
       if (t.confirmTextI18n) return n(t.confirmTextI18n);
       if (t.confirmText) return t.confirmText;
       const e = n("vlite.confirmation.confirm");
       return e !== "vlite.confirmation.confirm" ? e : "Confirm";
-    }), C = l(() => {
+    }), C = a(() => {
       if (t.cancelTextI18n) return n(t.cancelTextI18n);
       if (t.cancelText) return t.cancelText;
       const e = n("vlite.confirmation.cancel");
       return e !== "vlite.confirmation.cancel" ? e : "Cancel";
     });
-    return (e, i) => (y(), h(b, {
-      show: o.show,
+    return (e, i) => (w(), y(b, h({ show: o.show }, e.$attrs, {
+      "data-testid": e.$attrs["data-testid"] || (s.value ? `confirm-modal-${s.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "confirm-modal"),
       footerClass: "border-t-0! pt-0! pb-3.5!",
       "max-width": "max-w-[400px]",
-      onClose: a,
-      "onUpdate:show": i[1] || (i[1] = (s) => !s && a())
-    }, w({
-      footer: c(({ close: s }) => [
-        r("div", S, [
-          m(p, {
+      onClose: l,
+      "onUpdate:show": i[1] || (i[1] = (c) => !c && l())
+    }), $({
+      footer: d(({ close: c }) => [
+        r("div", z, [
+          p(x, {
             variant: "secondary",
             text: C.value,
             disabled: o.loading,
             size: "sm2",
+            "data-testid": "confirm-modal-cancel",
             onClick: () => {
-              s?.(), a?.();
+              c?.(), l?.();
             }
           }, null, 8, ["text", "disabled", "onClick"]),
-          m(p, {
+          p(x, {
             size: "sm2",
             variant: o.variant,
             text: T.value,
             loading: o.loading,
-            onClick: i[0] || (i[0] = (z) => d("confirm"))
+            "data-testid": "confirm-modal-confirm",
+            onClick: i[0] || (i[0] = (D) => m("confirm"))
           }, null, 8, ["variant", "text", "loading"])
         ])
       ]),
-      default: c(() => [
+      default: d(() => [
         r("div", k, [
-          r("h3", $, f(v.value), 1),
-          r("p", B, f(g.value), 1)
+          r("h3", B, f(s.value), 1),
+          r("p", S, f(g.value), 1)
         ])
       ]),
       _: 2
     }, [
       e.$slots?.trigger ? {
         name: "trigger",
-        fn: c(() => [
-          x(e.$slots, "trigger", {}, () => [
-            x(e.$slots, "default")
+        fn: d(() => [
+          u(e.$slots, "trigger", {}, () => [
+            u(e.$slots, "default")
           ])
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["show"]));
+    ]), 1040, ["show", "data-testid"]));
   }
 });
 export {
-  _ as default
+  E as default
 };

package/components/CopyButton.vue.d.ts

@@ -0,0 +1,50 @@
+import { ButtonVariant, ButtonSize, ButtonRounded } from '../types';
+export interface CopyButtonProps {
+    /** The content to be copied to the clipboard */
+    textToCopy: string;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    rounded?: ButtonRounded;
+    class?: any;
+    disabled?: boolean;
+    defaultIcon?: string;
+    copiedIcon?: string;
+    defaultText?: string;
+    copiedText?: string;
+    defaultTextI18n?: string;
+    copiedTextI18n?: string;
+    asIcon?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            copied: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CopyButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    copy: (text: string) => any;
+    error: (err: Error) => any;
+}, string, import('vue').PublicProps, Readonly<CopyButtonProps> & Readonly<{
+    onCopy?: (text: string) => any;
+    onError?: (err: Error) => any;
+}>, {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    asIcon: boolean;
+    defaultIcon: string;
+    copiedIcon: string;
+    defaultTextI18n: string;
+    copiedTextI18n: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/CopyButton.vue.js

@@ -0,0 +1,69 @@
+import { defineComponent as f, ref as p, computed as l, openBlock as m, createBlock as x, normalizeClass as T, withCtx as y, renderSlot as v, createCommentVNode as I } from "vue";
+import C from "./Button.vue.js";
+import { $t as r } from "../utils/i18n.js";
+const z = /* @__PURE__ */ f({
+  __name: "CopyButton",
+  props: {
+    textToCopy: {},
+    variant: { default: "outline" },
+    size: { default: "md" },
+    rounded: {},
+    class: {},
+    disabled: { type: Boolean },
+    defaultIcon: { default: "lucide:copy" },
+    copiedIcon: { default: "lucide:check" },
+    defaultText: {},
+    copiedText: {},
+    defaultTextI18n: { default: "vlite.copyButton.copy" },
+    copiedTextI18n: { default: "vlite.copyButton.copied" },
+    asIcon: { type: Boolean, default: !1 }
+  },
+  emits: ["copy", "error"],
+  setup(o, { emit: d }) {
+    const e = o, c = d, a = p(!1);
+    let n = null;
+    const u = l(() => a.value ? e.copiedIcon : e.defaultIcon), i = l(() => {
+      if (!e.asIcon)
+        if (a.value) {
+          if (e.copiedText) return e.copiedText;
+          const t = r(e.copiedTextI18n);
+          return t !== e.copiedTextI18n ? t : "Copied";
+        } else {
+          if (e.defaultText) return e.defaultText;
+          const t = r(e.defaultTextI18n);
+          return t !== e.defaultTextI18n ? t : "Copy";
+        }
+    }), s = async () => {
+      if (!e.disabled)
+        try {
+          await navigator.clipboard.writeText(e.textToCopy), a.value = !0, c("copy", e.textToCopy), n && clearTimeout(n), n = setTimeout(() => {
+            a.value = !1;
+          }, 500);
+        } catch (t) {
+          c("error", t instanceof Error ? t : new Error("Copy failed"));
+        }
+    };
+    return (t, B) => (m(), x(C, {
+      variant: o.variant,
+      size: o.size,
+      rounded: o.rounded,
+      class: T(e.class),
+      disabled: o.disabled,
+      icon: u.value,
+      text: i.value,
+      "as-icon": o.asIcon,
+      onClick: s
+    }, {
+      default: y(() => [
+        !o.asIcon && !i.value ? v(t.$slots, "default", {
+          key: 0,
+          copied: a.value
+        }) : I("", !0)
+      ]),
+      _: 3
+    }, 8, ["variant", "size", "rounded", "class", "disabled", "icon", "text", "as-icon"]));
+  }
+});
+export {
+  z as default
+};

package/components/CopyButton.vue2.js

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

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;