@fewangsit/wangsvue 1.5.217-alpha.1 → 1.5.218-alpha.0

package/infotasktab/index.es.js

@@ -0,0 +1,186 @@
+import { defineComponent as z, inject as m, shallowRef as g, computed as o, createElementBlock as J, openBlock as I, createVNode as r, createElementVNode as p, unref as u, normalizeClass as w, createBlock as R, createCommentVNode as G } from "vue";
+import { TaskServices as K } from "@fewangsit/workspace-api-services";
+import { b as Q } from "../utils/date.util.es.js";
+import { u as X } from "../utils/toast.util.es.js";
+import { _ as D } from "../button/index.es.js";
+import { _ as Y } from "../calendar/index.es.js";
+import { _ as Z } from "../dialogassignmember/index.es.js";
+import { _ as ee } from "../dialogsetduration/index.es.js";
+import { _ as ae } from "../dialogcustomdependency/index.es.js";
+import { a as te } from "../taskdependency/index.es.js";
+import { _ as N } from "../tasklist/index.es.js";
+import { _ as se } from "../ticket/index.es.js";
+const ne = { "data-wv-section": "detailtask-info-task-tab" }, le = { class: "flex flex-col gap-6" }, ie = { class: "flex items-center justify-between" }, oe = { class: "flex items-center gap-2" }, re = { class: "flex gap-2" }, ue = { class: "" }, we = /* @__PURE__ */ z({
+  __name: "InfoTaskTab",
+  setup(me) {
+    const S = X(), c = m("isNewTask"), t = m("taskDetail"), C = m("isMember"), f = m("userType"), x = m("legendForm"), _ = m("taskId"), k = m("isApproverHasAccess"), y = m(
+      "refreshTaskHandler"
+    ), T = g(!1), h = g(!1), M = g(!1), b = g(), L = o(
+      () => {
+        var e, a;
+        return (e = t.value) != null && e.startDate ? Q((a = t.value) == null ? void 0 : a.startDate) : "Tanggal Mulai";
+      }
+    ), $ = o(() => {
+      const { duration: e } = t.value ?? {};
+      return e ? A(e) : "Durasi";
+    }), d = o(
+      () => {
+        var e, a;
+        return ["Pengonsepan", "Diagram", "Wireframe", "API Spec"].includes(
+          (a = (e = t.value) == null ? void 0 : e.process) == null ? void 0 : a.name
+        );
+      }
+    ), V = o(() => {
+      var e, a, l;
+      if (d.value && ((e = t.value) != null && e.startDate)) {
+        const n = (/* @__PURE__ */ new Date()).getTime(), i = new Date((a = t.value) == null ? void 0 : a.timerStartedAt).getTime(), s = n - i;
+        if (s > 0) {
+          const q = s / 6e4 + ((l = t.value) == null ? void 0 : l.timerStartedValue);
+          return A(q, 24);
+        }
+        return "Durasi";
+      }
+      return "Durasi";
+    }), j = o(
+      () => t.value.assignedTo.length > 1 ? t.value.assignedTo[0].nickName + " dkk" : t.value.assignedTo[0].nickName
+    ), P = o(() => t.value.team.join(", ")), B = o(() => {
+      var e;
+      if (c.value && ["member", "guest"].includes(f.value)) {
+        const { nickName: a } = JSON.parse(localStorage.getItem("user") || "{}");
+        return a;
+      }
+      return ((e = t == null ? void 0 : t.value) == null ? void 0 : e.assignedTo.length) > 0 ? j.value : "Member";
+    }), O = o(() => {
+      var e, a, l, n, i, s, v;
+      return (l = (a = (e = x.value) == null ? void 0 : e.process) == null ? void 0 : a.team[0]) != null && l.initial && c.value ? (s = (i = (n = x.value) == null ? void 0 : n.process) == null ? void 0 : i.team[0]) == null ? void 0 : s.initial : ((v = t.value) == null ? void 0 : v.team.length) > 0 ? P.value : "Tim";
+    }), U = o(
+      () => {
+        var e, a;
+        return !["admin", "pm", "teamLeader"].includes(f.value) && !k.value || ((a = (e = t.value) == null ? void 0 : e.process) == null ? void 0 : a.name) === "API Spec";
+      }
+    ), H = o(
+      () => {
+        var e;
+        return d.value || !["Backlog", "Waiting for Approval"].includes((e = t.value) == null ? void 0 : e.status) || !["admin", "pm"].includes(f.value) && !k.value;
+      }
+    ), E = o(
+      () => {
+        var e, a, l, n, i;
+        return !d.value && ($.value === "Durasi" || ((e = t.value) == null ? void 0 : e.project.method) === "Sprint") || ((l = (a = t.value) == null ? void 0 : a.process) == null ? void 0 : l.name) === "API Spec" || ((n = t.value) == null ? void 0 : n.subModule) || !["Backlog", "Waiting for Approval"].includes((i = t.value) == null ? void 0 : i.status) || !["admin", "pm", "teamLeader"].includes(f.value) && !k.value && !C.value;
+      }
+    ), W = () => {
+      const e = document.querySelector(
+        "#startDateOfTaskDetail input"
+      );
+      e && e.click();
+    }, F = async () => {
+      try {
+        if (b.value) {
+          const e = {
+            startDate: new Date(b.value).toISOString()
+          }, { data: a } = await K.putEditTask(_.value, e);
+          a && (y("update", _.value), S.add({
+            message: "Tanggal mulai telah disimpan.",
+            severity: "success"
+          }));
+        }
+      } catch (e) {
+        S.add({
+          message: "Tanggal mulai gagal disimpan.",
+          error: e
+        });
+      }
+    }, A = (e, a) => {
+      const n = (a || 9) * 60, i = Math.floor(e / n), s = Math.floor(e % n / 60), v = Math.floor(e % 60);
+      return `${i}h ${s}j ${v}m`;
+    };
+    return (e, a) => {
+      var l, n, i;
+      return I(), J("div", ne, [
+        r(Z, {
+          visible: T.value,
+          "onUpdate:visible": a[0] || (a[0] = (s) => T.value = s),
+          onSaved: a[1] || (a[1] = (s) => u(y)("update", u(_)))
+        }, null, 8, ["visible"]),
+        r(ee, {
+          visible: h.value,
+          "onUpdate:visible": a[2] || (a[2] = (s) => h.value = s)
+        }, null, 8, ["visible"]),
+        r(ae, {
+          visible: M.value,
+          "onUpdate:visible": a[3] || (a[3] = (s) => M.value = s)
+        }, null, 8, ["visible"]),
+        p("div", le, [
+          p("div", ie, [
+            p("div", oe, [
+              r(D, {
+                class: w([
+                  "!min-w-[150px] !h-[30px] !text-left !rounded",
+                  { "pointer-events-none": U.value }
+                ]),
+                disabled: u(c),
+                label: B.value,
+                onClick: a[4] || (a[4] = (s) => T.value = !0),
+                icon: "user",
+                severity: "success"
+              }, null, 8, ["class", "disabled", "label"]),
+              r(D, {
+                disabled: u(c),
+                label: O.value,
+                class: "!w-[150px] !h-[30px] !text-left !rounded pointer-events-none",
+                icon: "team",
+                severity: "success"
+              }, null, 8, ["disabled", "label"])
+            ]),
+            p("div", re, [
+              ((l = u(t)) == null ? void 0 : l.project.method) !== "Sprint" || d.value ? (I(), R(D, {
+                key: 0,
+                class: w([
+                  "!w-[150px] !h-[30px] !text-left !rounded",
+                  {
+                    "pointer-events-none": H.value
+                  }
+                ]),
+                disabled: u(c),
+                label: d.value ? V.value : $.value,
+                onClick: a[5] || (a[5] = (s) => h.value = !0),
+                icon: "timer",
+                severity: "warning"
+              }, null, 8, ["class", "disabled", "label"])) : G("", !0),
+              p("div", ue, [
+                r(D, {
+                  class: w([
+                    "!w-[165px] !h-[30px] !text-left !rounded",
+                    { "pointer-events-none": E.value }
+                  ]),
+                  disabled: u(c),
+                  label: L.value,
+                  onClick: W,
+                  icon: "calendar",
+                  severity: "warning"
+                }, null, 8, ["class", "disabled", "label"]),
+                r(Y, {
+                  id: "startDateOfTaskDetail",
+                  "epoch-time-millis": b.value,
+                  "onUpdate:epochTimeMillis": a[6] || (a[6] = (s) => b.value = s),
+                  "date-value": (n = u(t)) != null && n.startDate ? new Date((i = u(t)) == null ? void 0 : i.startDate).getTime() : void 0,
+                  "min-date": /* @__PURE__ */ new Date(),
+                  "onUpdate:modelValue": F,
+                  class: "!h-[0.000000001px] !w-[0.0000000001px]",
+                  "show-time": ""
+                }, null, 8, ["epoch-time-millis", "date-value", "min-date"])
+              ])
+            ])
+          ]),
+          r(te),
+          r(N, { child: "" }),
+          r(se),
+          r(N)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  we as _
+};

package/inlinemessage/index.es.js

@@ -0,0 +1,94 @@
+import { defineComponent as y, ref as g, computed as w, createElementBlock as a, createCommentVNode as o, openBlock as s, mergeProps as c, createElementVNode as r, createBlock as u, normalizeClass as _, unref as h, toDisplayString as l, Fragment as k, renderList as x, createVNode as C } from "vue";
+import { c as B, _ as $ } from "../button/index.es.js";
+import { _ as m } from "../icon/index.es.js";
+const b = { class: "flex items-center gap-3 w-full" }, I = {
+  class: "flex items-center w-full justify-between",
+  "data-wv-section": "content"
+}, N = {
+  key: 0,
+  class: "font-bold",
+  "data-wv-section": "title"
+}, V = { "data-wv-section": "message" }, E = {
+  key: 0,
+  class: "flex flex-col gap-3 overflow-auto max-h-[71px]",
+  "data-wv-section": "list"
+}, z = /* @__PURE__ */ y({
+  __name: "InlineMessage",
+  props: {
+    severity: { default: "secondary" },
+    title: {},
+    message: {},
+    lists: {},
+    showIcon: { type: Boolean, default: !0 },
+    removable: { type: Boolean, default: !0 },
+    messageWrapperClass: {},
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(d) {
+    const e = d, i = g(!0), p = w(() => {
+      if (e.loading) return "spinner";
+      switch (e.severity) {
+        case "success":
+          return "checkbox-circle";
+        case "danger":
+          return "close-circle";
+        default:
+          return "info";
+      }
+    });
+    return (t, n) => i.value ? (s(), a("div", c({ key: 0 }, t.$preset.inlinemessage.root({ props: e }), {
+      "aria-atomic": "true",
+      "aria-live": "assertive",
+      role: "alert"
+    }), [
+      r("div", b, [
+        t.showIcon ? (s(), u(m, c({ key: 0 }, t.$preset.inlinemessage.icon({ props: e }), {
+          icon: p.value,
+          severity: e.severity
+        }), null, 16, ["icon", "severity"])) : o("", !0),
+        r("div", I, [
+          r("section", {
+            class: _([
+              "flex flex-col font-medium",
+              ...h(B)(e.messageWrapperClass)
+            ]),
+            "data-wv-section": "messagewrapper"
+          }, [
+            t.title ? (s(), a("span", N, l(e.title), 1)) : o("", !0),
+            r("span", V, l(e.loading ? `${e.message}...` : e.message), 1)
+          ], 2),
+          t.removable ? (s(), u($, {
+            key: 0,
+            severity: e.severity,
+            onClick: n[0] || (n[0] = () => {
+              t.$emit("close"), i.value = !1;
+            }),
+            class: "[&_i]:w-6 [&_i]:h-6",
+            "data-wv-section": "close",
+            icon: "close",
+            rounded: "",
+            text: ""
+          }, null, 8, ["severity"])) : o("", !0)
+        ])
+      ]),
+      e.lists ? (s(), a("div", E, [
+        (s(!0), a(k, null, x(e.lists, (f, v) => (s(), a("div", {
+          key: v,
+          class: "flex items-center gap-2",
+          "data-wv-section": "item"
+        }, [
+          C(m, {
+            severity: e.severity,
+            class: "w-4 h-4 !cursor-auto",
+            icon: "arrow-right-fill"
+          }, null, 8, ["severity"]),
+          r("span", null, l(f), 1)
+        ]))), 128))
+      ])) : o("", !0)
+    ], 16)) : o("", !0);
+  }
+});
+export {
+  z as _
+};

package/inputadditional/index.es.js

@@ -0,0 +1,62 @@
+import { defineComponent as d, resolveDirective as p, createBlock as u, openBlock as v, withCtx as f, withDirectives as _, createElementVNode as y, createVNode as s } from "vue";
+import { _ as l } from "../button/index.es.js";
+import { _ as b } from "../form/index.es.js";
+import { _ as g } from "../inputtext/index.es.js";
+const h = { class: "-mt-1 flex gap-2" }, C = /* @__PURE__ */ d({
+  __name: "InputAdditional",
+  props: {
+    value: {},
+    placeholder: {},
+    mandatory: { type: Boolean },
+    validatorMessage: {},
+    maxLength: {}
+  },
+  emits: ["submit", "cancel"],
+  setup(n, { emit: r }) {
+    const t = n, o = r, m = (a) => {
+      var e;
+      o("submit", (e = a.formValues) == null ? void 0 : e.inputValue);
+    };
+    return (a, e) => {
+      const c = p("focus");
+      return v(), u(b, {
+        "reset-after-submit": !1,
+        onSubmit: e[1] || (e[1] = (i) => m(i)),
+        class: "!gap-0",
+        "hide-stay-checkbox": ""
+      }, {
+        fields: f(() => [
+          _(s(g, {
+            mandatory: t.mandatory,
+            "max-length": a.maxLength ?? void 0,
+            placeholder: t.placeholder ?? "Tulis",
+            "validator-message": t.validatorMessage,
+            value: t.value,
+            "field-name": "inputValue",
+            "use-validator": ""
+          }, null, 8, ["mandatory", "max-length", "placeholder", "validator-message", "value"]), [
+            [c]
+          ]),
+          y("div", h, [
+            s(l, {
+              label: "Simpan",
+              severity: "success",
+              type: "submit"
+            }),
+            s(l, {
+              onClick: e[0] || (e[0] = (i) => o("cancel")),
+              label: "Batal",
+              severity: "secondary",
+              text: "",
+              type: "button"
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  C as _
+};

package/{components/inputbadge/InputBadge.vue.d.ts → inputbadge/index.d.ts}

@@ -1,4 +1,4 @@
-import { CustomValidation } from '../form/Form.vue.d';
+import { CustomValidation } from '../form';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 /**

package/inputbadge/index.es.js

@@ -0,0 +1,187 @@
+import { defineComponent as O, onMounted as S, reactive as Z, onBeforeUnmount as q, inject as G, ref as B, shallowRef as H, computed as p, watch as _, watchEffect as J, createBlock as y, openBlock as v, withCtx as M, createElementVNode as V, createCommentVNode as x, mergeProps as c, unref as g, createElementBlock as k, Fragment as I, renderList as Q, withModifiers as W, withDirectives as X, createVNode as E, vModelText as Y, createTextVNode as ee, nextTick as ae } from "vue";
+import { u as le } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { _ as te } from "../badge/index.es.js";
+import { _ as oe } from "../fieldwrapper/index.es.js";
+import { _ as ne } from "../icon/index.es.js";
+import { _ as ie } from "../overlaypanel/index.es.js";
+import { _ as re } from "../validatormessage/index.es.js";
+import { c as b } from "../vendor/lodash-es/cloneDeep.es.js";
+const ue = ["id", "disabled", "placeholder"], ye = /* @__PURE__ */ O({
+  __name: "InputBadge",
+  props: {
+    type: { default: "text" },
+    modelValue: {},
+    initialValue: {},
+    useValidator: { type: Boolean },
+    existingValues: {},
+    mandatory: { type: Boolean },
+    validatorMessage: {},
+    showValidatorMessage: { type: Boolean, default: !0 },
+    invalid: { type: Boolean },
+    fieldName: { default: "inputBadge" },
+    placeholder: {},
+    disabled: { type: Boolean },
+    label: {},
+    fieldInfo: {},
+    preserveDeletedIndex: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup($, { emit: N }) {
+    const a = $, h = N;
+    S(() => {
+      var e, t;
+      a.useValidator && (Object.assign(
+        l,
+        le(a.fieldName, (n) => ae(() => P(n)))
+      ), (e = a.initialValue) != null && e.length ? l.value = a.initialValue : (t = a.modelValue) != null && t.length && (l.value = a.modelValue));
+    }), q(() => {
+      a.useValidator && l.handleReset();
+    });
+    const f = G("preset", {}).inputbadge, m = B(null), s = B(), o = H(), l = Z({
+      value: a.initialValue ?? a.modelValue ?? []
+    }), D = p(() => {
+      var e;
+      return ((e = a.label) == null ? void 0 : e.toLowerCase) + "-badge-input";
+    }), R = p(() => a.invalid && typeof a.validatorMessage == "string" ? a.validatorMessage : l.errorMessage), L = p(() => a.placeholder ? a.placeholder : a.type === "email" ? "Enter valid email" : "Enter value"), P = (e) => {
+      var t;
+      if (typeof a.validatorMessage == "string" && a.invalid)
+        return a.validatorMessage;
+      if (typeof a.validatorMessage != "string") {
+        const { empty: n, exist: d } = a.validatorMessage ?? {};
+        if (!(e != null && e.length) && a.mandatory)
+          return n ?? !0;
+        if ((t = a.existingValues) != null && t.length || d) {
+          let r = !0;
+          return e.forEach((i) => {
+            const u = e.filter((K) => K === i);
+            (a.existingValues.includes(i) || u.length > 1) && (r = d);
+          }), r;
+        }
+      }
+      return !0;
+    }, C = p(() => {
+      var e;
+      return a.invalid || !!l.errorMessage || !((e = l.value) != null && e.length) && typeof o.value == "string" && !o.value.length;
+    }), U = p(() => {
+      var e, t;
+      return !!((t = (e = l.value) == null ? void 0 : e.filter(Boolean)) != null && t.length);
+    }), F = (e) => /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(e), T = () => {
+      o.value && (l.value = [...l.value ?? [], o.value], o.value = void 0, h("update:modelValue", l.value));
+    }, w = (e) => {
+      if (a.type === "email" && m.value && s.value && o.value && !F(o.value)) {
+        s.value.show(e, m.value);
+        return;
+      }
+      T();
+    }, j = (e) => {
+      var t;
+      (t = l.value) == null || t.splice(e, 1, ...a.preserveDeletedIndex ? [null] : []), l.value = b(l.value);
+    }, A = (e) => {
+      var t, n;
+      e.key === "Backspace" && !o.value && (e.preventDefault(), a.type === "text" ? o.value = (t = l.value) == null ? void 0 : t.pop() : (n = l.value) == null || n.pop(), l.value = b(l.value));
+    }, z = (e, t) => {
+      l.value && e && (l.value[t] = e, l.value = b(l.value), h("update:modelValue", l.value));
+    };
+    return _(
+      () => a.initialValue,
+      (e) => {
+        e && (l.value = e);
+      },
+      { once: !0 }
+    ), _(
+      () => a.modelValue,
+      (e) => {
+        e && (l.value = e);
+      }
+    ), a.preserveDeletedIndex && J(() => {
+      var e, t;
+      (e = l.value) != null && e.length && ((t = l.value) != null && t.every((n) => n == null)) && (l.value = []);
+    }), (e, t) => (v(), y(oe, {
+      info: e.fieldInfo,
+      label: a.label,
+      mandatory: a.mandatory
+    }, {
+      default: M(() => {
+        var n, d;
+        return [
+          V("div", c((n = g(f)) == null ? void 0 : n.root({ context: { invalidInput: C.value, disabled: e.disabled } }), {
+            "data-wv-name": "inputbadge",
+            "data-wv-section": "root"
+          }), [
+            (v(!0), k(I, null, Q(l.value, (r, i) => (v(), k(I, { key: r }, [
+              r ? (v(), y(te, {
+                key: 0,
+                label: r,
+                onRemove: () => {
+                  var u;
+                  (u = m.value) == null || u.focus(), j(i);
+                },
+                "onUpdate:label": (u) => z(u, i),
+                editable: "",
+                format: "nowrap",
+                removable: "",
+                severity: "dark"
+              }, null, 8, ["label", "onRemove", "onUpdate:label"])) : x("", !0)
+            ], 64))), 128)),
+            V("form", {
+              onSubmit: W(w, ["prevent"]),
+              class: "flex-1",
+              "data-wv-section": "form-input"
+            }, [
+              X(V("input", c(
+                {
+                  id: D.value,
+                  ref_key: "badgeInput",
+                  ref: m,
+                  "onUpdate:modelValue": t[0] || (t[0] = (r) => o.value = r)
+                },
+                (d = g(f)) == null ? void 0 : d.input({
+                  context: { disabled: e.disabled, value: l.value, showPlaceholder: U.value },
+                  parent: e.$parent,
+                  props: a
+                }),
+                {
+                  disabled: e.disabled,
+                  placeholder: L.value,
+                  onBlur: w,
+                  onFocus: t[1] || (t[1] = (r) => {
+                    var i;
+                    return (i = s.value) == null ? void 0 : i.hide();
+                  }),
+                  onInput: t[2] || (t[2] = (r) => {
+                    var i;
+                    return (i = s.value) == null ? void 0 : i.hide();
+                  }),
+                  onKeydown: A,
+                  "data-wv-section": "input",
+                  type: "text"
+                }
+              ), null, 16, ue), [
+                [Y, o.value]
+              ]),
+              E(ie, c({
+                ref_key: "op",
+                ref: s
+              }, g(f).erroroverlaypanel, { dismissable: !1 }), {
+                default: M(() => [
+                  E(ne, c(g(f).erroricon, { icon: "error" }), null, 16),
+                  t[3] || (t[3] = ee(" Email format is incorrect "))
+                ]),
+                _: 1,
+                __: [3]
+              }, 16)
+            ], 32)
+          ], 16),
+          a.showValidatorMessage ? (v(), y(re, {
+            key: 0,
+            message: R.value
+          }, null, 8, ["message"])) : x("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["info", "label", "mandatory"]));
+  }
+});
+export {
+  ye as _
+};

package/{components/inputcurrency/helpers/currency.helper.d.ts → inputcurrency/helpers/index.d.ts}

@@ -1,4 +1,4 @@
-import { CurrencyFormat } from '../InputCurrency.vue.d';
+import { CurrencyFormat } from '..';
 declare const getCurrency: (code?: string) => CurrencyFormat;
 declare const formatCurrency: (
   value?: number | string | null,

package/{components/inputcurrency/InputCurrency.vue.d.ts → inputcurrency/index.d.ts}

@@ -1,4 +1,4 @@
-import { CustomValidation } from '../form/Form.vue.d';
+import { CustomValidation } from '../form';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type CurrencyFormat = {