vlite3 0.5.7 → 0.5.8

package/components/Screen/Screen.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as De, computed as o, ref as x, provide as Z, watch as q, resolveComponent as Pe, openBlock as a, createElementBlock as c, normalizeClass as O, createElementVNode as g, renderSlot as B, toDisplayString as f, createBlock as s, withCtx as d, createVNode as u, createCommentVNode as m, unref as w, resolveDynamicComponent as z, Fragment as D, mergeProps as h, createTextVNode as p, renderList as Ie } from "vue";
+import { defineComponent as De, computed as o, ref as x, provide as Z, watch as q, resolveComponent as Pe, openBlock as a, createElementBlock as c, normalizeClass as O, createElementVNode as g, renderSlot as B, toDisplayString as m, createBlock as s, withCtx as d, createVNode as u, createCommentVNode as f, unref as w, resolveDynamicComponent as z, Fragment as D, mergeProps as h, createTextVNode as p, renderList as Ie } from "vue";
 import Se from "../Input.vue.js";
 /* empty css            */
 import v from "../Button.vue.js";
@@ -148,10 +148,10 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
     }), ue = o(() => {
       const e = r("vlite.screen.confirmDeleteTitle");
       return e !== "vlite.screen.confirmDeleteTitle" ? e : "Confirm Deletion";
-    }), fe = o(() => {
+    }), me = o(() => {
       const e = r("vlite.screen.confirmDeleteDesc", { count: j.value.length });
       return e !== "vlite.screen.confirmDeleteDesc" ? e : `Are you sure you want to delete the selected ${j.value.length > 1 ? "items" : "item"}?`;
-    }), me = o(() => {
+    }), fe = o(() => {
       const e = r("vlite.screen.confirmDeleteBtn");
       return e !== "vlite.screen.confirmDeleteBtn" ? e : "Delete";
     }), ve = o(() => {
@@ -220,11 +220,12 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
           g("div", Me, [
             B(e.$slots, "title", {}, () => [
               Q.value ? (a(), c("div", Ue, [
-                g("h1", qe, f(Q.value), 1),
+                g("h1", qe, m(Q.value), 1),
                 t.info || t.infoI18n ? (a(), s($e, {
                   key: 0,
                   content: t.info,
-                  "content-i18n": t.infoI18n
+                  "content-i18n": t.infoI18n,
+                  placement: "right"
                 }, {
                   default: d(() => [
                     u(R, {
@@ -233,11 +234,11 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                     })
                   ]),
                   _: 1
-                }, 8, ["content", "content-i18n"])) : m("", !0)
-              ])) : m("", !0)
+                }, 8, ["content", "content-i18n"])) : f("", !0)
+              ])) : f("", !0)
             ]),
             B(e.$slots, "description", {}, () => [
-              G.value ? (a(), c("p", ze, f(G.value), 1)) : m("", !0)
+              G.value ? (a(), c("p", ze, m(G.value), 1)) : f("", !0)
             ])
           ]),
           g("div", He, [
@@ -249,7 +250,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 icon: "lucide:trash-2",
                 title: ie.value,
                 onClick: l[0] || (l[0] = (i) => N(b.value))
-              }, null, 8, ["title"])) : m("", !0),
+              }, null, 8, ["title"])) : f("", !0),
               t.table && t.list ? (a(), c("div", Ke, [
                 g("button", {
                   onClick: l[1] || (l[1] = (i) => I.value = "list"),
@@ -275,7 +276,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                     class: "w-4 h-4"
                   })
                 ], 10, Ge)
-              ])) : m("", !0),
+              ])) : f("", !0),
               B(e.$slots, "before-search"),
               t.showRefresh ? (a(), s(v, {
                 key: 2,
@@ -286,7 +287,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 title: se.value,
                 disabled: t.loading,
                 onClick: C
-              }, null, 8, ["title", "disabled"])) : m("", !0),
+              }, null, 8, ["title", "disabled"])) : f("", !0),
               t.filterSchema && t.filterSchema.length > 0 ? (a(), s(Ae, {
                 key: 3,
                 schema: t.filterSchema,
@@ -294,7 +295,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 modelValue: T.value,
                 "onUpdate:modelValue": l[3] || (l[3] = (i) => T.value = i),
                 onChange: C
-              }, null, 8, ["schema", "type", "modelValue"])) : m("", !0),
+              }, null, 8, ["schema", "type", "modelValue"])) : f("", !0),
               t.canSearch ? (a(), c("div", We, [
                 u(Se, {
                   lazy: "",
@@ -306,7 +307,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                   class: "bg-background w-full",
                   "show-clear-button": !0
                 }, null, 8, ["modelValue", "placeholder"])
-              ])) : m("", !0)
+              ])) : f("", !0)
             ]),
             g("div", Xe, [
               B(e.$slots, "actions", {}, () => [
@@ -328,7 +329,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(f(y.value), 1)
+                            p(m(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
@@ -346,7 +347,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(f(y.value), 1)
+                            p(m(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
@@ -364,7 +365,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                         variant: t.addBtn.variant || "primary"
                       }, t.addBtn.buttonProps), {
                         default: d(() => [
-                          p(f(y.value), 1)
+                          p(m(y.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
@@ -377,7 +378,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                       onClick: l[5] || (l[5] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
                       default: d(() => [
-                        p(f(y.value), 1)
+                        p(m(y.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
@@ -389,11 +390,11 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                     onClick: l[6] || (l[6] = (i) => e.$emit("add"))
                   }, {
                     default: d(() => [
-                      p(f(y.value), 1)
+                      p(m(y.value), 1)
                     ]),
                     _: 1
                   }))
-                ], 64)) : m("", !0)
+                ], 64)) : f("", !0)
               ]),
               W.value ? (a(), s(Ee, {
                 key: 0,
@@ -411,7 +412,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                   }, null, 8, ["title"])
                 ]),
                 _: 1
-              }, 8, ["options"])) : m("", !0),
+              }, 8, ["options"])) : f("", !0),
               B(e.$slots, "after-add")
             ])
           ])
@@ -442,7 +443,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                           class: "px-6!"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(f(y.value), 1)
+                            p(m(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
@@ -459,7 +460,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                           variant: t.addBtn.variant || "outline"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(f(y.value), 1)
+                            p(m(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
@@ -476,7 +477,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                         variant: t.addBtn.variant || "outline"
                       }, t.addBtn.buttonProps), {
                         default: d(() => [
-                          p(f(y.value), 1)
+                          p(m(y.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
@@ -488,7 +489,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                       onClick: l[7] || (l[7] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
                       default: d(() => [
-                        p(f(y.value), 1)
+                        p(m(y.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
@@ -499,11 +500,11 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                     onClick: l[8] || (l[8] = (i) => e.$emit("add"))
                   }, {
                     default: d(() => [
-                      p(f(y.value), 1)
+                      p(m(y.value), 1)
                     ]),
                     _: 1
                   }))
-                ], 64)) : m("", !0)
+                ], 64)) : f("", !0)
               ]),
               _: 1
             }, 8, ["title", "titleI18n", "description", "descriptionI18n", "icon"])
@@ -517,7 +518,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
               "onUpdate:selectedRows": l[9] || (l[9] = (i) => b.value = i),
               delete: N,
               onDelete: ne
-            }, null, 40, ["data", "loading", "refetch", "selectedRows"])) : (a(), c("div", _e, f(he.value), 1))
+            }, null, 40, ["data", "loading", "refetch", "selectedRows"])) : (a(), c("div", _e, m(he.value), 1))
           ], 64))
         ], 2),
         t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), c("div", et, [
@@ -529,13 +530,13 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
             onChange: ae,
             "onUpdate:itemsPerPage": le
           }), null, 16, ["current-page", "total-pages", "total-items"])
-        ])) : m("", !0),
+        ])) : f("", !0),
         u(Te, {
           show: $.value,
           "onUpdate:show": l[10] || (l[10] = (i) => $.value = i),
           title: ue.value,
-          description: fe.value,
-          "confirm-text": me.value,
+          description: me.value,
+          "confirm-text": fe.value,
           "cancel-text": ve.value,
           variant: "danger",
           onConfirm: te,
@@ -561,7 +562,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
               class: "hidden!"
             }), null, 16, ["data", "fields", "mode", "title"]),
             g("div", tt, [
-              g("h6", nt, f(w(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? w(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
+              g("h6", nt, m(w(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? w(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
               g("div", at, [
                 (a(!0), c(D, null, Ie(M.value?.availableFormats || [
                   { value: "excel", label: "Excel (.xlsx)", icon: "lucide:file-spreadsheet" },
@@ -578,7 +579,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                       icon: E.icon,
                       class: "text-muted-foreground h-5 w-5"
                     }, null, 8, ["icon"]),
-                    g("span", null, f(E.label), 1)
+                    g("span", null, m(E.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
@@ -586,7 +587,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
             ])
           ]),
           _: 1
-        }, 8, ["show", "title"])) : m("", !0),
+        }, 8, ["show", "title"])) : f("", !0),
         W.value ? (a(), c("div", lt, [
           u(Re, h({
             show: U.value,
@@ -600,7 +601,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
             title: X.value,
             class: "hidden!"
           }), null, 16, ["show", "fields", "title"])
-        ])) : m("", !0)
+        ])) : f("", !0)
       ]);
     };
   }

package/components/StatusChip/StatusChip.vue.d.ts

@@ -0,0 +1,21 @@
+import { ChipProps } from '../Chip/types';
+interface Props {
+    /** The status value (e.g. 'in_progress', 'Approved', 'CANCELLED') */
+    status: string;
+    /** Override resolved label (falls back to status if not provided) */
+    label?: string;
+    /** i18n key for the label */
+    labelI18n?: string;
+    /** Hide the icon even when one is resolved */
+    hideIcon?: boolean;
+    /** Override chip size */
+    size?: ChipProps['size'];
+    /** Extra classes */
+    class?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: ChipProps["size"];
+    class: string;
+    hideIcon: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/StatusChip/StatusChip.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent as o, computed as s, openBlock as r, createBlock as i, unref as c, normalizeClass as u } from "vue";
+import f from "../Chip/Chip.vue.js";
+import { resolveStatus as p } from "./status-map.js";
+import { $t as m } from "../../utils/i18n.js";
+const _ = /* @__PURE__ */ o({
+  __name: "StatusChip",
+  props: {
+    status: {},
+    label: {},
+    labelI18n: {},
+    hideIcon: { type: Boolean, default: !1 },
+    size: { default: "small" },
+    class: { default: "" }
+  },
+  setup(a) {
+    const e = a, t = s(() => p(e.status)), n = s(() => e.labelI18n ? m(e.labelI18n) : e.label ? e.label : e.status.replace(/[_\-]+/g, " ").replace(/\b\w/g, (l) => l.toUpperCase()));
+    return (l, d) => (r(), i(c(f), {
+      text: n.value,
+      variant: t.value.variant,
+      icon: a.hideIcon ? void 0 : t.value.icon,
+      size: a.size,
+      class: u(e.class)
+    }, null, 8, ["text", "variant", "icon", "size", "class"]));
+  }
+});
+export {
+  _ as default
+};

package/components/StatusChip/StatusChip.vue2.js

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

package/components/StatusChip/index.d.ts

@@ -0,0 +1,3 @@
+export { default as StatusChip } from './StatusChip.vue';
+export { resolveStatus, normalizeStatus, STATUS_MAP } from './status-map';
+export type { StatusConfig } from './status-map';

package/components/StatusChip/status-map.d.ts

@@ -0,0 +1,23 @@
+import { ChipVariant } from '../Chip/types';
+export interface StatusConfig {
+    variant: ChipVariant | string;
+    icon?: string;
+    label?: string;
+}
+/**
+ * Canonical status → chip config map.
+ * Keys are normalized (lowercase, no spaces/underscores/hyphens).
+ * The `label` field overrides the displayed text when set.
+ */
+export declare const STATUS_MAP: Record<string, StatusConfig>;
+/**
+ * Normalizes a status string to a canonical lookup key.
+ * Strips spaces, underscores, hyphens, and lowercases the result.
+ * e.g. 'In Progress' → 'inprogress', 'in_progress' → 'inprogress'
+ */
+export declare function normalizeStatus(status: string): string;
+/**
+ * Resolves a status string to its StatusConfig.
+ * Falls back to a secondary chip with the raw label if not found.
+ */
+export declare function resolveStatus(status: string): StatusConfig;

package/components/StatusChip/status-map.js

@@ -0,0 +1,112 @@
+const e = {
+  // ── Active / Positive ──────────────────────────────────────────────────────
+  active: { variant: "success", icon: "lucide:check-circle-2" },
+  activated: { variant: "success", icon: "lucide:check-circle-2" },
+  approved: { variant: "success", icon: "lucide:check-circle-2" },
+  completed: { variant: "success", icon: "lucide:check-circle-2" },
+  complete: { variant: "success", icon: "lucide:check-circle-2" },
+  done: { variant: "success", icon: "lucide:check-circle-2" },
+  delivered: { variant: "teal", icon: "lucide:check-circle-2" },
+  paid: { variant: "success", icon: "lucide:check-circle-2" },
+  confirmed: { variant: "success", icon: "lucide:check-circle-2" },
+  verified: { variant: "success", icon: "lucide:shield-check" },
+  accepted: { variant: "success", icon: "lucide:thumbs-up" },
+  resolved: { variant: "success", icon: "lucide:check-circle-2" },
+  closed: { variant: "secondary", icon: "lucide:lock" },
+  enabled: { variant: "success", icon: "lucide:toggle-right" },
+  open: { variant: "success", icon: "lucide:unlock" },
+  available: { variant: "teal", icon: "lucide:circle-check" },
+  present: { variant: "success", icon: "lucide:user-check" },
+  shipped: { variant: "teal", icon: "lucide:truck" },
+  published: { variant: "success", icon: "lucide:globe" },
+  online: { variant: "success", icon: "lucide:wifi" },
+  success: { variant: "success", icon: "lucide:check-circle-2" },
+  passed: { variant: "success", icon: "lucide:check-circle-2" },
+  instock: { variant: "success", icon: "lucide:package-check" },
+  fulfilled: { variant: "success", icon: "lucide:package-check" },
+  // ── In Progress / Processing / Transit ─────────────────────────────────────
+  inprogress: { variant: "info", icon: "lucide:loader-2" },
+  processing: { variant: "info", icon: "lucide:loader-2" },
+  running: { variant: "indigo", icon: "lucide:play-circle" },
+  started: { variant: "indigo", icon: "lucide:play-circle" },
+  ongoing: { variant: "info", icon: "lucide:activity" },
+  inreview: { variant: "indigo", icon: "lucide:eye" },
+  reviewing: { variant: "indigo", icon: "lucide:eye" },
+  underreview: { variant: "indigo", icon: "lucide:eye" },
+  submitted: { variant: "indigo", icon: "lucide:send" },
+  sent: { variant: "cyan", icon: "lucide:send" },
+  scheduled: { variant: "cyan", icon: "lucide:calendar-clock" },
+  syncing: { variant: "purple", icon: "lucide:refresh-cw" },
+  uploading: { variant: "purple", icon: "lucide:upload" },
+  loading: { variant: "info", icon: "lucide:loader-2" },
+  info: { variant: "info", icon: "lucide:info" },
+  intransit: { variant: "purple", icon: "lucide:truck" },
+  dispatched: { variant: "cyan", icon: "lucide:truck" },
+  partial: { variant: "cyan", icon: "lucide:git-commit" },
+  partiallypaid: { variant: "cyan", icon: "lucide:coins" },
+  // ── Pending / Warning ──────────────────────────────────────────────────────
+  pending: { variant: "warning", icon: "lucide:clock" },
+  waiting: { variant: "warning", icon: "lucide:clock" },
+  onhold: { variant: "orange", icon: "lucide:pause-circle" },
+  hold: { variant: "orange", icon: "lucide:pause-circle" },
+  paused: { variant: "orange", icon: "lucide:pause-circle" },
+  draft: { variant: "secondary", icon: "lucide:file-edit" },
+  unpaid: { variant: "warning", icon: "lucide:circle-dollar-sign" },
+  overdue: { variant: "orange", icon: "lucide:alarm-clock" },
+  expiring: { variant: "orange", icon: "lucide:timer" },
+  expiringsoon: { variant: "orange", icon: "lucide:timer" },
+  low: { variant: "orange", icon: "lucide:arrow-down" },
+  lowstock: { variant: "orange", icon: "lucide:package" },
+  warning: { variant: "warning", icon: "lucide:alert-triangle" },
+  late: { variant: "orange", icon: "lucide:alarm-clock" },
+  partiallyapproved: { variant: "orange", icon: "lucide:check" },
+  awaitingapproval: { variant: "warning", icon: "lucide:clock" },
+  // ── Error / Danger / Alternative Warnings ──────────────────────────────────
+  inactive: { variant: "secondary", icon: "lucide:circle-slash" },
+  deactivated: { variant: "secondary", icon: "lucide:circle-slash" },
+  rejected: { variant: "danger", icon: "lucide:x-circle" },
+  failed: { variant: "danger", icon: "lucide:x-circle" },
+  cancelled: { variant: "pink", icon: "lucide:ban" },
+  canceled: { variant: "pink", icon: "lucide:ban" },
+  terminated: { variant: "danger", icon: "lucide:ban" },
+  suspended: { variant: "pink", icon: "lucide:ban" },
+  blocked: { variant: "danger", icon: "lucide:shield-off" },
+  banned: { variant: "danger", icon: "lucide:shield-off" },
+  error: { variant: "danger", icon: "lucide:x-circle" },
+  expired: { variant: "danger", icon: "lucide:calendar-x" },
+  deleted: { variant: "danger", icon: "lucide:trash-2" },
+  archived: { variant: "secondary", icon: "lucide:archive" },
+  disabled: { variant: "secondary", icon: "lucide:toggle-left" },
+  void: { variant: "secondary", icon: "lucide:ban" },
+  refunded: { variant: "pink", icon: "lucide:corner-up-left" },
+  outofstock: { variant: "danger", icon: "lucide:package-x" },
+  lost: { variant: "danger", icon: "lucide:x-circle" },
+  absent: { variant: "danger", icon: "lucide:user-x" },
+  offline: { variant: "secondary", icon: "lucide:wifi-off" },
+  danger: { variant: "danger", icon: "lucide:alert-circle" },
+  declined: { variant: "danger", icon: "lucide:thumbs-down" },
+  // ── Neutral / Secondary ────────────────────────────────────────────────────
+  new: { variant: "secondary", icon: "lucide:sparkles" },
+  unassigned: { variant: "secondary", icon: "lucide:user-x" },
+  unverified: { variant: "secondary", icon: "lucide:shield" },
+  unknown: { variant: "secondary", icon: "lucide:help-circle" },
+  notstarted: { variant: "secondary", icon: "lucide:minus-circle" },
+  todo: { variant: "secondary", icon: "lucide:circle" },
+  queued: { variant: "secondary", icon: "lucide:list-ordered" },
+  requested: { variant: "secondary", icon: "lucide:send" },
+  invited: { variant: "secondary", icon: "lucide:mail" },
+  default: { variant: "secondary" },
+  none: { variant: "secondary" }
+};
+function n(i) {
+  return i.toLowerCase().replace(/[\s_\-]+/g, "");
+}
+function a(i) {
+  const c = n(i);
+  return e[c] ?? { variant: "secondary" };
+}
+export {
+  e as STATUS_MAP,
+  n as normalizeStatus,
+  a as resolveStatus
+};

package/index.d.ts

@@ -70,3 +70,4 @@ export { default as DateRangePicker } from './components/DateRangePicker.vue';
 export { $t } from './utils/i18n';
 export { createVLite, useVLiteConfig } from './core';
 export { GoogleSignInPlugin };
+export * from './components/StatusChip';