@fewangsit/wangsvue-gsts 1.0.0-alpha.37 → 1.0.0-alpha.39

package/approverinfo/index.d.ts

@@ -20,6 +20,10 @@ export interface ApproverInfoProps {
    * @default true
    */
   showShortInfo?: boolean;
+  /**
+   * To customize the level 0 label, for example 'Senior'
+   */
+  customLevelZeroLabel?: string;
   /**
    * To set label text when showShortInfo is false
    */

package/approverinfo/index.es.js

@@ -1,39 +1,40 @@
-import { defineComponent as C, shallowRef as B, computed as F, createElementBlock as o, openBlock as a, Fragment as i, createElementVNode as l, createVNode as m, toDisplayString as r, withCtx as I, renderList as g, createBlock as h, createCommentVNode as k } from "vue";
-import { f as N } from "../utils/date.util.es.js";
-import { _ as w } from "../badge/index.es.js";
+import { defineComponent as N, shallowRef as B, computed as F, createElementBlock as o, openBlock as t, Fragment as i, createElementVNode as l, createVNode as m, toDisplayString as r, withCtx as I, renderList as k, createBlock as g, createCommentVNode as h, createTextVNode as w } from "vue";
+import { f as V } from "../utils/date.util.es.js";
+import { _ as L } from "../badge/index.es.js";
 import { _ as $ } from "../dialog/index.es.js";
 import { _ as A } from "../icon/index.es.js";
-const V = {
+const E = {
   class: "flex justify-end gap-1 items-center pb-1 flex-wrap whitespace-nowrap",
   "data-wv-name": "approver-info"
-}, E = { class: "text-primary-500" }, H = { class: "text-general-800" }, M = { key: 1 }, S = { class: "flex flex-col gap-3 justify-between" }, U = { class: "flex justify-between" }, P = { class: "text-general-800 text-xs font-medium" }, R = { class: "flex justify-between items-center" }, T = { class: "text-primary-500 font-medium text-xs" }, q = {
+}, Z = { class: "text-primary-500" }, H = { class: "text-general-800" }, M = { key: 1 }, S = { class: "flex flex-col gap-3 justify-between" }, T = { class: "flex justify-between" }, U = { class: "text-general-800 text-xs font-medium" }, P = { class: "flex justify-between items-center" }, R = { class: "text-primary-500 font-medium text-xs" }, q = {
   key: 0,
   class: "text-general-800 font-normal text-xs"
 }, z = {
   key: 1,
   class: "flex gap-1 justify-end items-center"
-}, G = { class: "text-general-800 font-normal text-xs" }, X = /* @__PURE__ */ C({
+}, G = { class: "text-general-800 font-normal text-xs" }, X = /* @__PURE__ */ N({
   __name: "ApproverInfo",
   props: {
     approvals: {},
     showShortInfo: { type: Boolean, default: !0 },
+    customLevelZeroLabel: {},
     label: {},
     btnLabel: {},
     useFormatDate: { type: Boolean, default: !0 }
   },
   setup(D) {
-    const u = D, c = B(!1), d = F(() => {
-      var p, s, n, v, y, _, x;
-      let t, e;
-      return (p = u.approvals) == null || p.forEach((b) => {
-        e = b.approvers.findIndex((L) => !!L.actionAt), t = e === -1 ? 0 : b.level - 1, e = e === -1 ? 0 : e;
+    const u = D, p = B(!1), d = F(() => {
+      var c, a, n, v, y, x, _;
+      let s, e;
+      return (c = u.approvals) == null || c.forEach((b) => {
+        e = b.approvers.findIndex((C) => !!C.actionAt), s = e === -1 ? 0 : b.level - 1, e = e === -1 ? 0 : e;
       }), {
-        name: (v = (n = (s = u.approvals) == null ? void 0 : s[t]) == null ? void 0 : n.approvers[e]) == null ? void 0 : v.fullName,
-        date: (x = (_ = (y = u.approvals) == null ? void 0 : y[t]) == null ? void 0 : _.approvers[e]) == null ? void 0 : x.actionAt
+        name: (v = (n = (a = u.approvals) == null ? void 0 : a[s]) == null ? void 0 : n.approvers[e]) == null ? void 0 : v.fullName,
+        date: (_ = (x = (y = u.approvals) == null ? void 0 : y[s]) == null ? void 0 : x.approvers[e]) == null ? void 0 : _.actionAt
       };
-    }), j = (t) => {
+    }), j = (s) => {
       let e;
-      switch (t) {
+      switch (s) {
         case "menyetujui":
           e = "success";
           break;
@@ -44,73 +45,79 @@ const V = {
           e = "warning";
       }
       return e;
-    }, f = (t) => u.useFormatDate ? t ? N(new Date(t), {
+    }, f = (s) => u.useFormatDate ? s ? V(new Date(s), {
       locale: "id-ID",
       dateFormat: "dd M yyyy",
       timeFormat: "HH:mm:ss"
-    }) : "-" : t;
-    return (t, e) => {
-      var p;
-      return a(), o(i, null, [
-        l("div", V, [
-          t.showShortInfo ? (a(), o(i, { key: 0 }, [
+    }) : "-" : s;
+    return (s, e) => {
+      var c;
+      return t(), o(i, null, [
+        l("div", E, [
+          s.showShortInfo ? (t(), o(i, { key: 0 }, [
             e[3] || (e[3] = l("span", null, "Approver:", -1)),
-            (p = t.approvals) != null && p.length ? (a(), o(i, { key: 0 }, [
+            (c = s.approvals) != null && c.length ? (t(), o(i, { key: 0 }, [
               m(A, {
                 class: "!text-general-200 !text-base",
                 icon: "user"
               }),
-              l("span", E, r(d.value.name), 1),
+              l("span", Z, r(d.value.name), 1),
               l("span", H, r(f(d.value.date)), 1),
               l("span", {
-                onClick: e[0] || (e[0] = (s) => c.value = !0),
+                onClick: e[0] || (e[0] = (a) => p.value = !0),
                 class: "text-primary-500 hover:cursor-pointer"
               }, r(u.btnLabel ?? "more"), 1)
-            ], 64)) : (a(), o("span", M, "-"))
-          ], 64)) : (a(), o("span", {
+            ], 64)) : (t(), o("span", M, "-"))
+          ], 64)) : (t(), o("span", {
             key: 1,
-            onClick: e[1] || (e[1] = (s) => c.value = !0),
+            onClick: e[1] || (e[1] = (a) => p.value = !0),
             class: "text-primary-500 hover:cursor-pointer"
-          }, r(t.label ?? "Lihat Approval"), 1))
+          }, r(s.label ?? "Lihat Approval"), 1))
         ]),
         m($, {
-          visible: c.value,
-          "onUpdate:visible": e[2] || (e[2] = (s) => c.value = s),
+          visible: p.value,
+          "onUpdate:visible": e[2] || (e[2] = (a) => p.value = a),
           class: "min-w-[400px]",
           header: "List Approver",
           modal: ""
         }, {
           default: I(() => [
             l("div", S, [
-              (a(!0), o(i, null, g(t.approvals, (s) => (a(), o(i, {
-                key: s._id
+              (t(!0), o(i, null, k(s.approvals, (a) => (t(), o(i, {
+                key: a._id
               }, [
-                l("div", U, [
-                  l("span", P, " Level " + r(s.level) + " (" + r(s.type.toLowerCase()) + ") ", 1),
-                  s.status !== "menunggu approval" ? (a(), h(w, {
+                l("div", T, [
+                  l("span", U, [
+                    a.level === 0 && u.customLevelZeroLabel ? (t(), o(i, { key: 0 }, [
+                      w(r(u.customLevelZeroLabel), 1)
+                    ], 64)) : (t(), o(i, { key: 1 }, [
+                      w(" Level " + r(a.level) + " (" + r(a.type.toLowerCase()) + ") ", 1)
+                    ], 64))
+                  ]),
+                  a.status !== "menunggu approval" ? (t(), g(L, {
                     key: 0,
                     label: "selesai",
                     severity: "success"
-                  })) : k("", !0)
+                  })) : h("", !0)
                 ]),
-                (a(!0), o(i, null, g(s.approvers, (n) => (a(), o("div", {
+                (t(!0), o(i, null, k(a.approvers, (n) => (t(), o("div", {
                   key: n._id,
                   class: "flex justify-between"
                 }, [
-                  l("div", R, [
+                  l("div", P, [
                     m(A, {
                       class: "!text-general-200 !text-base",
                       icon: "user"
                     }),
-                    l("span", T, r(n.fullName), 1)
+                    l("span", R, r(n.fullName), 1)
                   ]),
-                  s.status !== "menunggu approval" && !n.action ? (a(), o("span", q, " Tidak terlibat ")) : (a(), o("div", z, [
+                  a.status !== "menunggu approval" && !n.action ? (t(), o("span", q, " Tidak terlibat ")) : (t(), o("div", z, [
                     l("span", G, r(n.actionAt ? f(n.actionAt) : "Menunggu approval..."), 1),
-                    n.action ? (a(), h(w, {
+                    n.action ? (t(), g(L, {
                       key: 0,
                       label: n.action,
                       severity: j(n.action)
-                    }, null, 8, ["label", "severity"])) : k("", !0)
+                    }, null, 8, ["label", "severity"])) : h("", !0)
                   ]))
                 ]))), 128))
               ], 64))), 128))

package/buttonbulkaction/index.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as Y, onMounted as Z, onUnmounted as I, ref as R, shallowRef as k, computed as x, watch as F, withDirectives as y, createElementBlock as h, openBlock as r, mergeProps as f, createBlock as E, createCommentVNode as w, createVNode as v, unref as o, Fragment as T, renderSlot as ee, withCtx as V, normalizeClass as te, vShow as $, createElementVNode as le, normalizeProps as ae, guardReactiveProps as oe, toDisplayString as P, createTextVNode as H, nextTick as ne } from "vue";
+import { defineComponent as Y, onMounted as Z, onUnmounted as I, ref as R, shallowRef as k, computed as x, watch as F, withDirectives as y, createElementBlock as h, openBlock as u, mergeProps as f, createBlock as E, createCommentVNode as w, createVNode as v, unref as o, Fragment as T, renderSlot as ee, withCtx as V, normalizeClass as te, vShow as $, createElementVNode as le, normalizeProps as ae, guardReactiveProps as oe, toDisplayString as P, createTextVNode as H, nextTick as ne } from "vue";
 import { e as c } from "../event-bus/index.es.js";
 import { u as se } from "../plugins/WangsVue.es.js";
 import { m as ie } from "../utils/mergePropsWithDefaults.util.es.js";
-import { s as re } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { s as ue } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
 import { _ as A } from "../button/index.es.js";
-import { _ as ue } from "../icon/index.es.js";
+import { _ as re } from "../icon/index.es.js";
 import { _ as ce } from "../menu/index.es.js";
 import { _ as de } from "../menuitem/index.es.js";
 const pe = (D, N) => {
@@ -58,7 +58,7 @@ const pe = (D, N) => {
       var t, s;
       if (e.useAdditionSlot) {
         n.value = e, await ne();
-        const u = (t = _.value) == null ? void 0 : t.children[1], a = u == null ? void 0 : u.querySelector(
+        const r = (t = _.value) == null ? void 0 : t.children[1], a = r == null ? void 0 : r.querySelector(
           "input"
         );
         a && (a == null || a.click(), a == null || a.focus());
@@ -84,22 +84,23 @@ const pe = (D, N) => {
       (e) => m.value = e ?? 0,
       { immediate: !0 }
     ), (e, t) => {
-      var s, u, a, U, W, q;
-      return y((r(), h("div", f(e.$preset.buttonbulkaction.root, {
+      var s, r, a, U, W, q;
+      return y((u(), h("div", f(e.$preset.buttonbulkaction.root, {
         ref_key: "wrapper",
         ref: _
       }), [
-        o(p).selectMenuType === "overlay-panel" && ((s = i.value) != null && s.length) ? (r(), E(ce, {
+        o(p).selectMenuType === "overlay-panel" && ((s = i.value) != null && s.length) ? (u(), E(ce, {
           key: 0,
           ref_key: "menu",
           ref: S,
           model: e.options,
           popup: ""
         }, null, 8, ["model"])) : w("", !0),
-        o(p).selectMenuType === "dropdown" ? (r(), h(T, { key: 1 }, [
-          (u = e.selectedData) != null && u.length ? (r(), E(o(re), {
+        o(p).selectMenuType === "dropdown" ? (u(), h(T, { key: 1 }, [
+          (r = e.selectedData) != null && r.length ? (u(), E(o(ue), {
             key: 0,
             disabled: l.disabled || M.value || !((a = e.selectedData) != null && a.length),
+            "model-value": n.value,
             options: o(pe)(
               e.options,
               e.$wangsvue.config.locale.components.Menu.noOptionLabel
@@ -111,7 +112,7 @@ const pe = (D, N) => {
             placeholder: "Bulk Action"
           }, {
             dropdownicon: V(({ class: b }) => [
-              v(ue, {
+              v(re, {
                 class: te([b]),
                 icon: "arrow-down"
               }, null, 8, ["class"])
@@ -127,7 +128,7 @@ const pe = (D, N) => {
               }, null, 8, ["item", "router-props"])
             ]),
             _: 1
-          }, 8, ["disabled", "options", "pt"])) : w("", !0),
+          }, 8, ["disabled", "model-value", "options", "pt"])) : w("", !0),
           ee(e.$slots, "addition", { selectedOption: n.value }),
           y(v(A, f({ onClick: X }, e.$preset.buttonbulkaction.applybutton, { label: "Apply" }), null, 16), [
             [$, (U = n.value) == null ? void 0 : U.useAdditionSlot]
@@ -147,9 +148,9 @@ const pe = (D, N) => {
           { text: "" }
         ), {
           default: V(() => [
-            C.value ? (r(), h(T, { key: 1 }, [
+            C.value ? (u(), h(T, { key: 1 }, [
               H(P(o(d).allRecordSelected.replace("{naming}", o(p).naming)), 1)
-            ], 64)) : (r(), h(T, { key: 0 }, [
+            ], 64)) : (u(), h(T, { key: 0 }, [
               H(P(o(d).selectAllRecords.replace(
                 "{totalRecords}",
                 m.value.toString()
@@ -160,7 +161,7 @@ const pe = (D, N) => {
         }, 16), [
           [$, j.value]
         ]),
-        o(p).selectMenuType === "overlay-panel" ? (r(), E(A, f({
+        o(p).selectMenuType === "overlay-panel" ? (u(), E(A, f({
           key: 2,
           onClick: K
         }, e.$preset.buttonbulkaction.bulkactiontoggle, {

package/calendar/index.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as T, onMounted as w, ref as p, computed as v, watch as n, watchEffect as C, createBlock as x, openBlock as D, mergeProps as b, unref as F, withCtx as f, renderSlot as c, nextTick as S } from "vue";
-import { u as k } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as I } from "../plugins/WangsVue.es.js";
-import { a as L } from "../utils/textFormatter.util.es.js";
-import { _ as O } from "../basecalendar/index.es.js";
-const N = /* @__PURE__ */ T({
+import { defineComponent as C, onMounted as F, ref as f, computed as d, watch as s, watchEffect as S, createBlock as x, openBlock as D, mergeProps as b, unref as I, withCtx as c, renderSlot as y, nextTick as k } from "vue";
+import { u as L } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as O } from "../plugins/WangsVue.es.js";
+import { a as N } from "../utils/textFormatter.util.es.js";
+import { _ as U } from "../basecalendar/index.es.js";
+const Y = /* @__PURE__ */ C({
   __name: "Calendar",
   props: {
     modelValue: {},
@@ -33,7 +33,7 @@ const N = /* @__PURE__ */ T({
     validatorMessage: {},
     customValidation: {},
     dateFormat: { default: "dd/mm/yy" },
-    hourFormat: { default: "24" },
+    hourFormat: {},
     showTime: { type: Boolean },
     timeSeparator: { default: ":" },
     stepHour: { default: 1 },
@@ -48,70 +48,75 @@ const N = /* @__PURE__ */ T({
     exactSelection: { type: Boolean }
   },
   emits: ["update:modelValue", "update:epochTimeMillis", "monthChange", "yearChange", "dateSelect"],
-  setup(y, { emit: V }) {
-    const e = y, r = V;
-    w(() => {
-      e.dateValue != null && (t.value = d(e.dateValue), o.value = t.value, u.value++), e.epochTimeMillis != null && (t.value = d(e.epochTimeMillis), o.value = t.value, u.value++);
+  setup(V, { emit: g }) {
+    const e = V, n = g;
+    F(() => {
+      e.dateValue != null && (t.value = u(e.dateValue), o.value = t.value, i.value++), e.epochTimeMillis != null && (t.value = u(e.epochTimeMillis), o.value = t.value, i.value++);
     });
-    const { locale: M } = I("Calendar"), t = p(), u = p(0), { value: o, errorMessage: g } = e.useValidator ? k(e.fieldName ?? "date", (a) => B(a)) : {
-      value: v({
+    const { locale: h } = O("Calendar"), t = f(), i = f(0), { value: o, errorMessage: M } = e.useValidator ? L(e.fieldName ?? "date", (a) => w(a)) : {
+      value: d({
         get: () => e.modelValue,
         set: (a) => {
-          r("update:modelValue", a);
+          n("update:modelValue", a);
         }
       })
-    }, h = v(
+    }, B = d(
       () => e.invalid || "errorMessage" in o && !!o.errorMessage
-    ), B = async (a) => {
-      var l, i;
-      return await S(), typeof e.validatorMessage == "string" && e.invalid ? e.validatorMessage : typeof e.validatorMessage != "string" && !a && e.mandatory ? ((l = e.validatorMessage) == null ? void 0 : l.empty) ?? s() : !a && e.mandatory ? ((i = e.customValidation) == null ? void 0 : i.empty) ?? s() : !0;
-    }, s = () => {
+    ), T = d(() => {
+      var r, v;
+      const a = JSON.parse(localStorage.getItem("user") || "{}"), l = (r = a == null ? void 0 : a.generalSetting) == null ? void 0 : r.timeFormat;
+      return e.hourFormat ? e.hourFormat : (v = l == null ? void 0 : l.toLowerCase()) != null && v.includes("pm") ? "12" : "24";
+    }), w = async (a) => {
+      var l, r;
+      return await k(), typeof e.validatorMessage == "string" && e.invalid ? e.validatorMessage : typeof e.validatorMessage != "string" && !a && e.mandatory ? ((l = e.validatorMessage) == null ? void 0 : l.empty) ?? m() : !a && e.mandatory ? ((r = e.customValidation) == null ? void 0 : r.empty) ?? m() : !0;
+    }, m = () => {
       var a;
-      return M.emptyInvalidText.replace("{label}", e.label).replace(
+      return h.emptyInvalidText.replace("{label}", e.label).replace(
         "{formattedLabel}",
-        (a = L(e.label)) == null ? void 0 : a.toLowerCase()
+        (a = N(e.label)) == null ? void 0 : a.toLowerCase()
       );
-    }, m = (a, l) => {
-      (a === e.valueFormat && e.useValidator || !e.useValidator && a === "date") && (o.value = l), a === "date" && e.useValidator && r("update:modelValue", l), a === "millis" && r("update:epochTimeMillis", l);
-    }, d = (a) => Array.isArray(a) ? a.map((l) => l == null ? null : new Date(l)) : new Date(a);
-    return n(
+    }, p = (a, l) => {
+      (a === e.valueFormat && e.useValidator || !e.useValidator && a === "date") && (o.value = l), a === "date" && e.useValidator && n("update:modelValue", l), a === "millis" && n("update:epochTimeMillis", l);
+    }, u = (a) => Array.isArray(a) ? a.map((l) => l == null ? null : new Date(l)) : new Date(a);
+    return s(
       () => e.dateValue,
       () => {
-        t.value = d(e.dateValue), e.useValidator && (o.value = t.value), u.value++;
+        t.value = u(e.dateValue), e.useValidator && (o.value = t.value), i.value++;
       },
       {
         once: !0
       }
-    ), n(
+    ), s(
       () => e.epochTimeMillis,
       () => {
-        t.value = d(e.epochTimeMillis), e.useValidator && (o.value = t.value), u.value++;
+        t.value = u(e.epochTimeMillis), e.useValidator && (o.value = t.value), i.value++;
       }
-    ), n(
+    ), s(
       () => e.modelValue,
       () => {
         t.value = e.modelValue, e.useValidator && (o.value = t.value);
       }
-    ), C(() => {
-      t.value = e.valueFormat === "date" ? o.value : o.value ? d(o.value) : o.value;
-    }), (a, l) => (D(), x(O, b({ key: u.value }, e, {
-      "error-message": F(g),
-      invalid: h.value,
+    ), S(() => {
+      t.value = e.valueFormat === "date" ? o.value : o.value ? u(o.value) : o.value;
+    }), (a, l) => (D(), x(U, b({ key: i.value }, e, {
+      "error-message": I(M),
+      "hour-format": T.value,
+      invalid: B.value,
       "model-value": t.value,
       "selection-mode": a.selectionMode || a.mode,
-      "onUpdate:epochTimeMillis": l[0] || (l[0] = (i) => m("millis", i)),
-      "onUpdate:modelValue": l[1] || (l[1] = (i) => m("date", i))
+      "onUpdate:epochTimeMillis": l[0] || (l[0] = (r) => p("millis", r)),
+      "onUpdate:modelValue": l[1] || (l[1] = (r) => p("date", r))
     }), {
-      default: f(({ onClick: i }) => [
-        c(a.$slots, "default", { onClick: i })
+      default: c(({ onClick: r }) => [
+        y(a.$slots, "default", { onClick: r })
       ]),
-      "addon-overlay": f(() => [
-        c(a.$slots, "addon-overlay")
+      "addon-overlay": c(() => [
+        y(a.$slots, "addon-overlay")
       ]),
       _: 3
-    }, 16, ["error-message", "invalid", "model-value", "selection-mode"]));
+    }, 16, ["error-message", "hour-format", "invalid", "model-value", "selection-mode"]));
   }
 });
 export {
-  N as _
+  Y as _
 };

package/changelogcustomvalue/index.es.js

@@ -0,0 +1,20 @@
+import { defineComponent as a, createElementBlock as s, createBlock as l, openBlock as o, toDisplayString as p, unref as i } from "vue";
+import { f as m } from "../utils/date.util.es.js";
+import "../event-bus/index.es.js";
+import { _ as c } from "../tooltipspan/index.es.js";
+const u = { key: 0 }, x = /* @__PURE__ */ a({
+  __name: "ChangelogCustomValue",
+  props: {
+    value: {}
+  },
+  setup(r) {
+    const e = r, n = (t) => typeof t == "string" && !isNaN(Date.parse(t));
+    return (t, f) => n(e.value) ? (o(), s("span", u, p(i(m)(new Date(e.value), { showTime: !0 })), 1)) : (o(), l(c, {
+      key: 1,
+      "full-text": e.value
+    }, null, 8, ["full-text"]));
+  }
+});
+export {
+  x as _
+};