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

package/card/index.es.js

@@ -0,0 +1,47 @@
+import { defineComponent as s, createBlock as n, openBlock as r, unref as l, createSlots as i, withCtx as o, renderSlot as t } from "vue";
+import { s as a } from "../vendor/primevue/card/card.esm.es.js";
+const p = /* @__PURE__ */ s({
+  __name: "Card",
+  setup(f) {
+    return (e, m) => (r(), n(l(a), null, i({ _: 2 }, [
+      e.$slots.header ? {
+        name: "header",
+        fn: o(() => [
+          t(e.$slots, "header")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.title ? {
+        name: "title",
+        fn: o(() => [
+          t(e.$slots, "title")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.subtitle ? {
+        name: "subtitle",
+        fn: o(() => [
+          t(e.$slots, "subtitle")
+        ]),
+        key: "2"
+      } : void 0,
+      e.$slots.content ? {
+        name: "content",
+        fn: o(() => [
+          t(e.$slots, "content")
+        ]),
+        key: "3"
+      } : void 0,
+      e.$slots.footer ? {
+        name: "footer",
+        fn: o(() => [
+          t(e.$slots, "footer")
+        ]),
+        key: "4"
+      } : void 0
+    ]), 1024));
+  }
+});
+export {
+  p as _
+};

package/{components/changelog/Changelog.vue.d.ts → changelog/index.d.ts}

@@ -1,10 +1,7 @@
-import { TableColumn } from '../../components/datatable/DataTable.vue.d';
-import { Option } from '../../components/dropdown/Dropdown.vue.d';
-import { FilterField } from '../../components/filtercontainer/FilterContainer.vue.d';
-import {
-  ClassComponent,
-  GlobalComponentConstructor,
-} from '../../components/ts-helpers.d';
+import { TableColumn } from '../datatable';
+import { Option } from '../dropdown';
+import { FilterField } from '../filtercontainer';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type ChangelogTemplateColumn = { index: number; column: TableColumn };
 export type ChangelogTemplateFilter = { index: number; filter: FilterField };

package/changelog/index.es.js

@@ -0,0 +1,85 @@
+import { defineComponent as $, mergeModels as b, inject as f, useModel as k, computed as u, watch as w, createElementBlock as v, openBlock as m, Fragment as _, createCommentVNode as g, createVNode as h, mergeProps as a, unref as s, withCtx as M, createBlock as P } from "vue";
+import { e as F } from "../event-bus/index.es.js";
+import { _ as T } from "../dialog/index.es.js";
+import { _ as x } from "../icon/index.es.js";
+import { _ as E } from "../changelogpage/index.es.js";
+const D = /* @__PURE__ */ $({
+  __name: "Changelog",
+  props: /* @__PURE__ */ b({
+    useButton: { type: Boolean, default: !0 },
+    objectNameColumn: {},
+    header: {},
+    additionalTemplateColumns: {},
+    additionalTemplateFilters: {},
+    removedColumns: {},
+    removedFilters: {},
+    object: {},
+    objects: {},
+    objectId: {},
+    customParams: {},
+    useButtonDownload: { type: Boolean },
+    fileName: {},
+    tableName: {}
+  }, {
+    visible: { type: Boolean, required: !1, default: !1 },
+    visibleModifiers: {}
+  }),
+  emits: /* @__PURE__ */ b(["hide"], ["update:visible"]),
+  setup(d) {
+    const { buttonFocusClass: C } = f("preset", {}).button, n = f("preset", {}).changelog, o = d, l = k(d, "visible"), j = u(() => {
+      var e;
+      return o.tableName ?? `changelog-${(e = o.object) == null ? void 0 : e.toLowerCase().split(" ").join("-")}`;
+    }), y = u(() => {
+      var t, r;
+      const e = (t = o.object) == null ? void 0 : t.split(">");
+      if (e.length > 1)
+        return (r = e[e.length - 1]) == null ? void 0 : r.trim();
+      switch (o.object) {
+        case "Akun Member":
+          return "Email";
+        case "Process":
+          return "Template Process";
+        case "groupMember":
+          return "Grup Member";
+        default:
+          return o.object;
+      }
+    }), B = u(() => o.header ? o.header : "Changelog: " + y.value), N = () => {
+      F.emit("show-filter", { tableName: j.value, show: !1 });
+    };
+    return w(l, (e) => {
+      e && N();
+    }), (e, t) => {
+      var r, c, p;
+      return m(), v(_, null, [
+        o.useButton ? (m(), v("button", a({
+          key: 0,
+          onClick: t[0] || (t[0] = (i) => l.value = !0)
+        }, (r = s(n)) == null ? void 0 : r.button(s(C)), { type: "button" }), [
+          h(x, a((c = s(n)) == null ? void 0 : c.icon, {
+            icon: l.value ? "file-history-fill" : "file-history",
+            info: "Changelog",
+            severity: "secondary",
+            "tooltip-pos": "bottom"
+          }), null, 16, ["icon"])
+        ], 16)) : g("", !0),
+        h(T, a((p = s(n)) == null ? void 0 : p.dialog, {
+          visible: l.value,
+          "onUpdate:visible": t[1] || (t[1] = (i) => l.value = i),
+          "base-z-index": 3e3,
+          header: B.value,
+          onHide: t[2] || (t[2] = (i) => e.$emit("hide")),
+          modal: ""
+        }), {
+          default: M(() => [
+            l.value ? (m(), P(E, a({ key: 0 }, e.$props, { "is-dialog": l.value }), null, 16, ["is-dialog"])) : g("", !0)
+          ]),
+          _: 1
+        }, 16, ["visible", "header"])
+      ], 64);
+    };
+  }
+});
+export {
+  D as _
+};

package/changelogfilter/index.es.js

@@ -0,0 +1,113 @@
+import { defineComponent as j, reactive as v, watch as g, createBlock as k, openBlock as w, unref as _ } from "vue";
+import { AuditServices as I } from "@fewangsit/workspace-api-services";
+import { u as T } from "../utils/toast.util.es.js";
+import { _ as C } from "../filtercontainer/index.es.js";
+const P = /* @__PURE__ */ j({
+  __name: "ChangelogFilter",
+  props: {
+    isDialog: { type: Boolean },
+    additionalTemplateColumns: {},
+    additionalTemplateFilters: {},
+    removedColumns: {},
+    removedFilters: {},
+    objectNameColumn: {},
+    header: {},
+    moduleId: {},
+    subModuleId: {},
+    object: {},
+    objects: {},
+    objectId: {},
+    defaultParamsQuery: {},
+    customParams: {},
+    tableName: {}
+  },
+  setup(b) {
+    const y = T(), e = b, F = (() => {
+      var t, s, n, r, d, c, m, u, f, p;
+      const i = [
+        {
+          label: "Tanggal",
+          type: "calendar",
+          field: "createdAt",
+          visible: !((t = e.removedFilters) != null && t.includes("createdAt"))
+        },
+        {
+          label: "Aksi",
+          type: "multiselect",
+          field: "action",
+          visible: !((s = e.removedFilters) != null && s.includes("action")),
+          fetchOptionFn: async () => await o("actionOptions")
+        },
+        {
+          label: "Objek",
+          type: "multiselect",
+          field: "objects",
+          visible: (e.moduleId || e.subModuleId) && !((n = e.additionalTemplateFilters) != null && n.length) && !((r = e.removedFilters) != null && r.includes("objects")),
+          fetchOptionFn: async () => await o("objectOptions")
+        },
+        {
+          label: e.moduleId || e.subModuleId ? "Objek Name" : e.objectNameColumn ?? e.object,
+          type: "multiselect",
+          field: "objectName",
+          visible: !((d = e.additionalTemplateFilters) != null && d.length) && !((c = e.removedFilters) != null && c.includes("objectName")),
+          fetchOptionFn: async () => await o("objectNameOptions")
+        },
+        {
+          label: "Field",
+          type: "multiselect",
+          field: "field",
+          visible: !/Testing/.test(e.object) && !((m = e.removedFilters) != null && m.includes("field")),
+          fetchOptionFn: async () => await o("fieldOptions")
+        },
+        {
+          label: "Diubah Oleh",
+          type: "multiselect",
+          field: "modifiedBy",
+          visible: !((u = e.removedFilters) != null && u.includes("modifiedBy")),
+          fetchOptionFn: async () => await o("modifiedByOptions")
+        }
+      ].filter((a) => a.visible);
+      return (f = e.additionalTemplateFilters) != null && f.length && ((p = e.additionalTemplateFilters) == null || p.forEach((a) => {
+        i.splice(a.index, 0, {
+          ...a.filter,
+          ...a.filter.type === "multiselect" ? {
+            fetchOptionFn: async () => {
+              const O = a.filter.field + "Options";
+              return await o(O);
+            }
+          } : {}
+        });
+      })), i;
+    })(), l = v({}), o = async (i) => {
+      try {
+        const { data: t } = await I.getChangelogOptions({
+          [i]: !0,
+          ...e.defaultParamsQuery,
+          ...e.customParams
+        });
+        return t.data[i] ?? [];
+      } catch (t) {
+        return y.add({
+          error: t,
+          message: "Error, failed to fetch options."
+        }), [];
+      }
+    }, h = () => {
+      Object.keys(l).forEach((t) => delete l[t]);
+    };
+    return g(l, () => {
+      Object.keys(l).forEach((t) => {
+        var s;
+        return !((s = l[t]) != null && s.length) && delete l[t];
+      });
+    }), (i, t) => (w(), k(C, {
+      fields: _(F),
+      "fields-per-row": e.moduleId || e.subModuleId ? 4 : 3,
+      "table-name": e.tableName,
+      onClear: h
+    }, null, 8, ["fields", "fields-per-row", "table-name"]));
+  }
+});
+export {
+  P as _
+};

package/{components/changelogpage/ChangelogPage.vue.d.ts → changelogpage/index.d.ts}

@@ -1,14 +1,11 @@
-import { Option } from '../../components/dropdown/Dropdown.vue.d';
-import {
-  ClassComponent,
-  GlobalComponentConstructor,
-} from '../../components/ts-helpers.d';
+import { Option } from '../dropdown';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 import {
   ChangelogDefaultField,
   ChangelogTemplateColumn,
   ChangelogTemplateFilter,
-} from '../changelog/Changelog.vue.d';
+} from '../changelog';
 
 export type ChangelogType = {
   _id: string;

package/changelogpage/index.es.js

@@ -0,0 +1,176 @@
+import { defineComponent as x, inject as A, shallowRef as I, ref as q, computed as N, createElementBlock as O, openBlock as f, normalizeProps as _, guardReactiveProps as w, unref as a, createElementVNode as E, createVNode as p, createBlock as B, createCommentVNode as S, mergeProps as v } from "vue";
+import { AuditServices as z } from "@fewangsit/workspace-api-services";
+import { u as L } from "../utils/toast.util.es.js";
+import { _ as Q } from "../buttondownload/index.es.js";
+import { _ as R } from "../buttonfilter/index.es.js";
+import { _ as H } from "../buttonsearch/index.es.js";
+import { D as J } from "../datatable/index.es.js";
+import { _ as D } from "../tooltipspan/index.es.js";
+import { _ as K } from "../changelogfilter/index.es.js";
+const le = /* @__PURE__ */ x({
+  __name: "ChangelogPage",
+  props: {
+    useButtonDownload: { type: Boolean, default: !1 },
+    fileName: {},
+    isDialog: { type: Boolean },
+    additionalTemplateColumns: {},
+    additionalTemplateFilters: {},
+    removedColumns: {},
+    removedFilters: {},
+    objectNameColumn: {},
+    header: {},
+    moduleId: {},
+    subModuleId: {},
+    object: {},
+    objects: {},
+    objectId: {},
+    defaultParamsQuery: {},
+    customParams: {},
+    tableName: {}
+  },
+  emits: ["hide"],
+  setup(P) {
+    const k = L(), r = A("preset", {}).changelog, e = P, V = I(0), h = I(!1), c = q({
+      moduleId: e.moduleId,
+      subModuleId: e.subModuleId,
+      object: e.objects || e.moduleId || e.subModuleId ? void 0 : e.object,
+      objects: e.objects ? JSON.stringify(e.objects) : void 0,
+      ...e.customParams
+    }), M = N(() => {
+      if (e.isDialog && h.value)
+        return "calc(57vh - 126px)";
+      if (e.isDialog) return "57vh";
+    }), d = N(() => {
+      var t;
+      return e.tableName ?? `changelog-page-${(t = c.value.object ?? e.moduleId ?? e.subModuleId) == null ? void 0 : t.toLowerCase().split(" ").join("-")}`;
+    }), F = (() => {
+      var l, n, s, u, m, i, b, g, j, C, y, T;
+      const t = [
+        {
+          field: "createdAt",
+          header: "Tanggal",
+          sortable: !0,
+          visible: !((l = e.removedColumns) != null && l.includes("createdAt")),
+          bodyTemplate: (o) => o.createdAt ?? "-"
+        },
+        {
+          field: "action",
+          header: "Aksi",
+          sortable: !0,
+          fixed: !0,
+          visible: !((n = e.removedColumns) != null && n.includes("action")),
+          bodyTemplate: (o) => o.action ?? "-"
+        },
+        {
+          field: "object",
+          header: "Objek",
+          sortable: !0,
+          fixed: !0,
+          visible: (!!e.moduleId || !!e.subModuleId) && !((s = e.additionalTemplateColumns) != null && s.length) && !((u = e.removedColumns) != null && u.includes("object")),
+          bodyTemplate: (o) => o.object ?? "-"
+        },
+        {
+          field: "objectName",
+          header: e.moduleId || e.subModuleId ? "Nama Objek" : e.objectNameColumn ?? e.object,
+          sortable: !0,
+          fixed: !0,
+          visible: !((m = e.additionalTemplateColumns) != null && m.length) && !((i = e.removedColumns) != null && i.includes("objectName")),
+          bodyTemplate: (o) => o.objectName ?? "-"
+        },
+        {
+          field: "field",
+          header: "Field",
+          sortable: !0,
+          fixed: !0,
+          visible: !/Testing/.test(e.object) && !((b = e.removedColumns) != null && b.includes("field")),
+          bodyTemplate: (o) => o.field ?? "-"
+        },
+        {
+          field: "oldValue",
+          header: "Data Lama",
+          sortable: !0,
+          visible: !((g = e.removedColumns) != null && g.includes("oldValue")),
+          bodyComponent: (o) => ({
+            component: D,
+            props: { fullText: o.oldValue }
+          })
+        },
+        {
+          field: "newValue",
+          header: "Data Baru",
+          sortable: !0,
+          visible: !((j = e.removedColumns) != null && j.includes("newValue")),
+          bodyComponent: (o) => ({
+            component: D,
+            props: { fullText: o.newValue }
+          })
+        },
+        {
+          field: "modifiedBy",
+          header: "Diubah Oleh",
+          sortable: !0,
+          visible: !((C = e.removedColumns) != null && C.includes("modifiedBy")),
+          bodyTemplate: (o) => o.modifiedBy ?? "-"
+        }
+      ].filter((o) => o.visible);
+      return (y = e.additionalTemplateColumns) != null && y.length && ((T = e.additionalTemplateColumns) == null || T.forEach((o) => {
+        t.splice(o.index, 0, o.column);
+      })), t;
+    })(), $ = async (t) => {
+      try {
+        const { data: l } = await z.getChangelog(t);
+        return l;
+      } catch (l) {
+        console.error(l), k.add({
+          error: l,
+          message: ""
+        });
+      }
+    };
+    return (t, l) => {
+      var n, s, u, m, i;
+      return f(), O("div", _(w((n = a(r)) == null ? void 0 : n.root)), [
+        E("div", _(w((s = a(r)) == null ? void 0 : s.header)), [
+          p(H, v((u = a(r)) == null ? void 0 : u.buttonsearch, { "table-name": d.value }), null, 16, ["table-name"]),
+          p(R, v((m = a(r)) == null ? void 0 : m.buttonfilter, {
+            "table-name": d.value,
+            onShowFilter: l[0] || (l[0] = (b) => h.value = b)
+          }), null, 16, ["table-name"]),
+          e.useButtonDownload ? (f(), B(Q, v({ key: 0 }, (i = a(r)) == null ? void 0 : i.buttondownload, {
+            "file-name": t.fileName ?? "Changelog",
+            "table-name": d.value
+          }), null, 16, ["file-name", "table-name"])) : S("", !0)
+        ], 16),
+        p(K, {
+          "additional-template-filters": t.additionalTemplateFilters,
+          "custom-params": e.customParams,
+          "default-params-query": c.value,
+          "module-id": t.moduleId,
+          object: e.object,
+          "object-id": c.value.objectId,
+          "object-name-column": e.objectNameColumn,
+          objects: e.objects,
+          "removed-filters": t.removedFilters,
+          "sub-module-id": t.subModuleId,
+          "table-name": d.value
+        }, null, 8, ["additional-template-filters", "custom-params", "default-params-query", "module-id", "object", "object-id", "object-name-column", "objects", "removed-filters", "sub-module-id", "table-name"]),
+        (f(), B(J, {
+          key: V.value,
+          columns: a(F),
+          "default-query-params": c.value,
+          "fetch-function": $,
+          "scroll-height": M.value,
+          "table-name": d.value,
+          "use-option": !1,
+          "data-key": "_id",
+          lazy: "",
+          "selection-type": "none",
+          "use-paginator": ""
+        }, null, 8, ["columns", "default-query-params", "scroll-height", "table-name"]))
+      ], 16);
+    };
+  }
+});
+export {
+  le as _
+};

package/checkbox/index.es.js

@@ -0,0 +1,135 @@
+import { defineComponent as S, mergeModels as y, inject as w, useModel as N, reactive as q, onMounted as M, computed as V, watch as h, createElementBlock as L, openBlock as k, mergeProps as d, unref as u, createElementVNode as c, renderSlot as P, createVNode as I, normalizeClass as j, createTextVNode as x, createBlock as A, createCommentVNode as E, toDisplayString as F } from "vue";
+import { u as O } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { c as T, e as $ } from "../utils/object.util.es.js";
+import { _ as B } from "../icon/index.es.js";
+const z = ["data-p-disabled", "data-p-highlight"], D = ["id", "aria-invalid", "aria-label", "aria-labelledby", "checked", "disabled", "input-id", "name", "readonly", "required", "tabindex", "value"], Q = /* @__PURE__ */ S({
+  __name: "Checkbox",
+  props: /* @__PURE__ */ y({
+    value: {},
+    modelValue: {},
+    label: {},
+    tooltip: {},
+    tooltipPos: {},
+    name: {},
+    withinTable: { type: Boolean, default: !1 },
+    binary: { type: Boolean, default: !0 },
+    triState: { type: [Boolean, null] },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    selectable: { type: Boolean, default: !0 },
+    variant: {},
+    readonly: { type: Boolean },
+    useValidator: { type: Boolean },
+    fieldName: {},
+    required: { type: Boolean },
+    tabindex: {},
+    trueValue: { default: !0 },
+    falseValue: { default: !1 },
+    inputId: { default: "checkbox" },
+    inputClass: {},
+    inputStyle: {},
+    ariaLabelledby: {},
+    ariaLabel: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean },
+    labelClass: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ y(["update:modelValue", "change", "focus", "blur"], ["update:modelValue"]),
+  setup(p, { emit: g }) {
+    const i = w("preset", {}).checkbox, e = p, s = g, b = N(p, "modelValue"), l = q({
+      value: void 0
+    });
+    M(() => {
+      e.useValidator && (Object.assign(l, O(e.fieldName ?? "checkbox")), e.value != null && (l.value = e.value)), e.modelValue != null && (l.value = e.modelValue);
+    });
+    const o = V(() => e.triState ? l.value : e.binary ? l.value === e.trueValue : T(e.value, e.modelValue)), v = V(() => e.triState && b.value === !1), C = (a) => {
+      if (!e.disabled && !e.readonly) {
+        let t;
+        e.binary && !e.triState ? t = o.value ? e.falseValue : e.trueValue : e.triState ? t = // eslint-disable-next-line no-nested-ternary
+        l.value == null ? !1 : l.value === !1 ? !0 : null : Array.isArray(e.modelValue) && (o.value ? t = e.modelValue.filter(
+          (r) => !$(r, e.value)
+        ) : t = e.modelValue ? [...e.modelValue, e.value] : [e.value]), b.value = t, l.value = t, s("change", a);
+      }
+    };
+    return h(
+      () => e.value,
+      () => {
+        l.value = e.value;
+      }
+    ), h(
+      () => e.modelValue,
+      () => {
+        l.value = e.modelValue;
+      }
+    ), (a, t) => {
+      var r, m, f;
+      return k(), L("label", d((r = u(i)) == null ? void 0 : r.root, {
+        class: [
+          { "gap-1": e == null ? void 0 : e.label },
+          { "pointer-events-none": !(e != null && e.selectable) }
+        ],
+        "data-p-disabled": a.disabled,
+        "data-p-highlight": l.value,
+        "data-wv-name": "checkbox"
+      }), [
+        c("input", d({ id: a.inputId }, { ...(m = u(i)) == null ? void 0 : m.input, ...e }, {
+          "aria-invalid": a.invalid || void 0,
+          "aria-label": a.ariaLabel,
+          "aria-labelledby": a.ariaLabelledby,
+          checked: o.value,
+          disabled: a.disabled,
+          "input-id": a.inputId,
+          name: a.name,
+          readonly: a.readonly,
+          required: a.required,
+          style: a.inputStyle,
+          tabindex: a.tabindex,
+          value: l.value,
+          onBlur: t[0] || (t[0] = (n) => s("blur", n)),
+          onChange: C,
+          onFocus: t[1] || (t[1] = (n) => s("focus", n)),
+          "data-wv-section": "checkbox-input",
+          type: "checkbox"
+        }), null, 16, D),
+        c("div", d(
+          (f = u(i)) == null ? void 0 : f.box({
+            props: e,
+            context: {
+              checked: o.value,
+              partialChecked: v.value
+            }
+          }),
+          { "data-wv-section": "box" }
+        ), [
+          P(a.$slots, "icon", { checked: o.value }, () => {
+            var n;
+            return [
+              I(B, {
+                class: j([...(n = u(i)) == null ? void 0 : n.icon.class, { "text-transparent": !o.value }]),
+                icon: o.value ? "check" : v.value ? "subtract" : null
+              }, null, 8, ["class", "icon"])
+            ];
+          })
+        ], 16),
+        c("span", d(u(i).label({ props: e }), { "data-wv-section": "checkbox-label" }), [
+          x(F(a.label) + " ", 1),
+          a.tooltip ? (k(), A(B, d({
+            key: 0,
+            info: a.tooltip,
+            "tooltip-pos": a.tooltipPos
+          }, u(i).tooltipicon, {
+            "data-wv-section": "tooltipicon",
+            icon: "info"
+          }), null, 16, ["info", "tooltip-pos"])) : E("", !0)
+        ], 16)
+      ], 16, z);
+    };
+  }
+});
+export {
+  Q as _
+};