vlite3 0.4.8 → 0.5.2

package/components/Dropdown/DropdownTrigger.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as a, openBlock as l, createBlock as t, normalizeClass as o } from "vue";
+import { defineComponent as t, openBlock as a, createBlock as l, mergeProps as o } from "vue";
 import n from "../Button.vue.js";
-const s = /* @__PURE__ */ a({
+const s = /* @__PURE__ */ t({
   __name: "DropdownTrigger",
   props: {
     selectedLabel: { default: "" },
@@ -8,17 +8,19 @@ const s = /* @__PURE__ */ a({
     isOpen: { type: Boolean },
     disabled: { type: Boolean, default: !1 },
     className: {},
-    direction: { default: "ltr" }
+    direction: { default: "ltr" },
+    triggerProps: {}
   },
   setup(e) {
-    return (i, d) => (l(), t(n, {
+    return (r, i) => (a(), l(n, o({
       text: e.selectedLabel || e.placeholder,
       iconRight: "iconamoon:arrow-down-2",
       variant: "outline",
       disabled: e.disabled,
-      dir: e.direction,
-      class: o(["w-full justify-between! font-normal", e.className])
-    }, null, 8, ["text", "disabled", "dir", "class"]));
+      dir: e.direction
+    }, e.triggerProps, {
+      class: ["w-full justify-between! font-normal", e.className]
+    }), null, 16, ["text", "disabled", "dir", "class"]));
   }
 });
 export {

package/components/ExportData/ExportData.vue.d.ts

@@ -0,0 +1,16 @@
+import { ExportDataProps, ExportFormat } from './types';
+declare const _default: import('vue').DefineComponent<ExportDataProps, {
+    exportData: (format: ExportFormat, close?: () => void) => Promise<void>;
+    availableFormats: import('vue').ComputedRef<{
+        label: string;
+        value: ExportFormat;
+        icon: string;
+    }[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ExportDataProps> & Readonly<{}>, {
+    title: string;
+    mode: "frontend" | "backend";
+    formats: ExportFormat[];
+    buttonText: string;
+    buttonIcon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/ExportData/ExportData.vue.js

@@ -0,0 +1,135 @@
+import { defineComponent as C, computed as k, openBlock as i, createElementBlock as g, createBlock as m, withCtx as f, createElementVNode as u, toDisplayString as y, Fragment as j, renderList as T, createVNode as F } from "vue";
+import { utils as v, write as N } from "../../node_modules/xlsx/xlsx.js";
+import A from "../../_virtual/papaparse.min.js";
+import { F as b } from "../../_virtual/FileSaver.min.js";
+import w from "../Button.vue.js";
+import I from "../Modal.vue.js";
+import O from "../Icon.vue.js";
+import { showToast as d } from "../../composables/useNotifications.js";
+import { $t as E } from "../../utils/i18n.js";
+const V = { class: "px-1 py-1 text-sm" }, U = { class: "font-medium mb-3 text-muted-foreground" }, M = { class: "space-y-3" }, R = /* @__PURE__ */ C({
+  __name: "ExportData",
+  props: {
+    data: {},
+    title: { default: "Export Data" },
+    fields: {},
+    formats: { default: () => ["excel", "csv", "json"] },
+    filename: {},
+    buttonText: { default: "Export" },
+    buttonIcon: { default: "lucide:download" },
+    mode: { default: "frontend" },
+    onExport: {}
+  },
+  setup(n, { expose: D }) {
+    const a = n, l = (r, e, t) => {
+      const o = t ? E(r, t) : E(r);
+      return o !== r ? o : e;
+    }, S = (r, e) => {
+      if (!(!r || !e))
+        return e.includes(".") ? e.split(".").reduce((t, o) => t?.[o], r) : r[e];
+    }, h = k(() => [
+      { label: "Excel (.xlsx)", value: "excel", icon: "lucide:file-spreadsheet" },
+      { label: "CSV (.csv)", value: "csv", icon: "lucide:file-text" },
+      { label: "JSON (.json)", value: "json", icon: "lucide:file-json" }
+    ].filter((e) => a.formats.includes(e.value))), $ = () => a.data.map((r) => {
+      const e = {};
+      return a.fields.forEach((t) => {
+        const o = S(r, t.field);
+        t.format ? e[t.title] = t.format(o, r) : e[t.title] = o ?? "";
+      }), e;
+    }), p = async (r, e) => {
+      if (a.mode === "backend" && a.onExport)
+        try {
+          await a.onExport(r), e && e();
+          return;
+        } catch (t) {
+          console.error("Backend export error:", t), d(l("vlite.exportData.error", "An error occurred while exporting data."), "error");
+          return;
+        }
+      if (!a.data || a.data.length === 0) {
+        d(l("vlite.exportData.noData", "No data available to export."), "warning");
+        return;
+      }
+      try {
+        const t = a.filename ? a.filename : `${a.title.toLowerCase().replace(/\s+/g, "-")}-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`, o = $();
+        switch (r) {
+          case "excel": {
+            const s = v.book_new(), c = v.json_to_sheet(o);
+            v.book_append_sheet(s, c, a.title.substring(0, 31));
+            const x = N(s, { bookType: "xlsx", type: "array" }), _ = new Blob([x], { type: "application/octet-stream" });
+            b.saveAs(_, `${t}.xlsx`);
+            break;
+          }
+          case "csv": {
+            const c = A.unparse(o), x = new Blob(["\uFEFF" + c], { type: "text/csv;charset=utf-8;" });
+            b.saveAs(x, `${t}.csv`);
+            break;
+          }
+          case "json": {
+            const s = JSON.stringify(o, null, 2), c = new Blob([s], { type: "application/json" });
+            b.saveAs(c, `${t}.json`);
+            break;
+          }
+        }
+        d(
+          l("vlite.exportData.success", `Data exported successfully as ${r.toUpperCase()}`, {
+            format: r.toUpperCase()
+          }),
+          "success"
+        ), e && e();
+      } catch (t) {
+        console.error("Export error:", t), d(l("vlite.exportData.error", "An error occurred while exporting data."), "error");
+      }
+    }, B = k(() => l("vlite.exportData.selectFormat", "Select Export Format"));
+    return D({
+      exportData: p,
+      availableFormats: h
+    }), (r, e) => (i(), g("div", null, [
+      n.formats.length === 1 ? (i(), m(w, {
+        key: 0,
+        text: n.buttonText,
+        icon: n.buttonIcon,
+        variant: "outline",
+        onClick: e[0] || (e[0] = (t) => p(n.formats[0]))
+      }, null, 8, ["text", "icon"])) : (i(), m(I, {
+        key: 1,
+        title: n.title,
+        "max-width": "sm:max-w-[400px]"
+      }, {
+        trigger: f(() => [
+          F(w, {
+            text: n.buttonText,
+            icon: n.buttonIcon,
+            variant: "outline"
+          }, null, 8, ["text", "icon"])
+        ]),
+        default: f(({ close: t }) => [
+          u("div", V, [
+            u("h6", U, y(B.value), 1),
+            u("div", M, [
+              (i(!0), g(j, null, T(h.value, (o) => (i(), m(w, {
+                key: o.value,
+                variant: "outline",
+                class: "w-full flex items-center justify-start gap-3 h-12",
+                onClick: (s) => p(o.value, t)
+              }, {
+                default: f(() => [
+                  F(O, {
+                    icon: o.icon,
+                    class: "text-muted-foreground h-5 w-5"
+                  }, null, 8, ["icon"]),
+                  u("span", null, y(o.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]))), 128))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]))
+    ]));
+  }
+});
+export {
+  R as default
+};

package/components/ExportData/ExportData.vue2.js

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

package/components/ExportData/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ExportData } from './ExportData.vue';
+export * from './types';

package/components/ExportData/types.d.ts

@@ -0,0 +1,17 @@
+export interface ExportField {
+    field: string;
+    title: string;
+    format?: (value: any, row: any) => any;
+}
+export type ExportFormat = 'excel' | 'csv' | 'json';
+export interface ExportDataProps {
+    data: any[];
+    title?: string;
+    fields: ExportField[];
+    formats?: ExportFormat[];
+    filename?: string;
+    buttonText?: string;
+    buttonIcon?: string;
+    mode?: 'frontend' | 'backend';
+    onExport?: (format: ExportFormat) => Promise<void> | void;
+}

package/components/FilePicker/FilePicker.vue.d.ts

@@ -39,21 +39,21 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: FilePickerValue | FilePickerValue[]) => any;
     change: (value: FilePickerValue | FilePickerValue[]) => any;
     error: (error: string) => any;
+    "update:modelValue": (value: FilePickerValue | FilePickerValue[]) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: (value: FilePickerValue | FilePickerValue[]) => any;
     onChange?: (value: FilePickerValue | FilePickerValue[]) => any;
     onError?: (error: string) => any;
+    "onUpdate:modelValue"?: (value: FilePickerValue | FilePickerValue[]) => any;
 }>, {
-    disabled: boolean;
-    size: InputSize;
     variant: "dropzone" | "input";
-    modelValue: FilePickerValue | FilePickerValue[] | null;
+    size: InputSize;
     rounded: InputRounded;
+    disabled: boolean;
     loading: boolean;
     multiSelect: boolean;
+    modelValue: FilePickerValue | FilePickerValue[] | null;
     fileTypes: string[];
     returnFormat: "file" | "base64";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {

package/components/Form/CustomFields.vue.d.ts

@@ -20,19 +20,19 @@ interface Props {
     isUpdate?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: Record<string, any>[]) => any;
     change: (value: Record<string, any>[]) => any;
+    "update:modelValue": (value: Record<string, any>[]) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: (value: Record<string, any>[]) => any;
     onChange?: (value: Record<string, any>[]) => any;
+    "onUpdate:modelValue"?: (value: Record<string, any>[]) => any;
 }>, {
-    disabled: boolean;
-    size: InputSize;
     variant: InputVariant;
-    modelValue: Record<string, any>[];
+    size: InputSize;
     rounded: InputRounded;
-    headers: string[];
+    disabled: boolean;
     isUpdate: boolean;
+    modelValue: Record<string, any>[];
+    headers: string[];
     minRows: number;
     addButtonText: string;
     showRowNumbers: boolean;

package/components/Form/CustomFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./CustomFields.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2969f70d"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c9831df1"]]);
 export {
   s as default
 };

package/components/Form/Form.vue.d.ts

@@ -46,6 +46,8 @@ interface Props {
     timelineTextPosition?: TimelineTextPosition;
     /** Fields to explicitly include in the submit payload */
     emitFields?: string[];
+    /** Show asterisk for required fields */
+    showRequiredAsterisk?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -75,16 +77,13 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     values: Record<string, any>;
     footer: boolean;
     class: string;
-    size: InputSize;
-    variant: InputVariant;
-    rounded: InputRounded;
     loading: boolean;
+    isUpdate: boolean;
+    folderId: string;
     className: string;
     headerClass: string;
     footerClass: string;
     cancelText: string;
-    isUpdate: boolean;
-    folderId: string;
     groupsHeadings: string[];
     groupHeadingsDescription: string[];
     submitText: string;

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a67bf34e"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-655cd96c"]]);
 export {
-  f as default
+  p as default
 };