@fewangsit/wangsvue 1.5.219-alpha.1 → 1.5.219-alpha.2

package/attachmentitem/index.es.js

@@ -1,231 +0,0 @@
-import { defineComponent as j, inject as R, shallowRef as w, resolveDirective as _, createElementBlock as n, openBlock as i, Fragment as h, createVNode as m, createElementVNode as s, createCommentVNode as d, toDisplayString as u, unref as $, withCtx as U, withDirectives as L, createBlock as N } from "vue";
-import { TaskAttachmentServices as x, TaskChecklistServices as V } from "@fewangsit/workspace-api-services";
-import { f as E } from "../utils/date.util.es.js";
-import { u as H } from "../utils/toast.util.es.js";
-import { _ as g } from "../button/index.es.js";
-import { _ as O } from "../dialogconfirm/index.es.js";
-import { _ as F } from "../form/index.es.js";
-import { _ as M } from "../inputtext/index.es.js";
-import { _ as K } from "../username/index.es.js";
-import { _ as A } from "../attachmentthumbnail/index.es.js";
-import { _ as q } from "../apiitem/index.es.js";
-const z = {
-  key: 0,
-  class: "flex flex-col gap-2"
-}, G = { class: "flex justify-between" }, J = { class: "flex gap-2" }, P = { class: "max-w-[430px] flex flex-col gap-1" }, Q = ["href"], W = { class: "flex gap-1" }, X = {
-  key: 2,
-  class: "text-grayscale-700"
-}, Y = { class: "flex gap-2 items-start" }, Z = { class: "!text-nowrap" }, ee = {
-  key: 0,
-  class: ""
-}, te = { class: "-mt-1 flex gap-2" }, se = {
-  key: 1,
-  class: "flex flex-col gap-2"
-}, ae = { class: "flex justify-between" }, ie = { class: "flex gap-2 items-center" }, ne = { class: "max-w-[430px] flex flex-col gap-1" }, oe = ["href"], le = { class: "flex gap-2 items-center" }, re = /* @__PURE__ */ j({
-  __name: "AttachmentItem",
-  props: {
-    type: {},
-    item: {},
-    readonly: { type: Boolean },
-    disabled: { type: Boolean }
-  },
-  emits: ["updateCaption", "deleted", "clickItem"],
-  setup(T, { emit: I }) {
-    const v = H(), B = R(
-      "updateMentionSectionText"
-    ), o = T, p = I, f = w(!1), k = w(!1), D = async (e) => {
-      var t;
-      try {
-        const l = {
-          caption: (t = e.formValues) == null ? void 0 : t.caption
-        }, { data: c } = await x.updateTaskAttachmentCaption(
-          o.item._id,
-          l
-        );
-        c && (p("updateCaption"), f.value = !1);
-      } catch (l) {
-        v.add({
-          error: l,
-          message: "Caption gagal disimpan."
-        });
-      }
-    }, S = async () => {
-      try {
-        const { data: e } = o.type === "attachment" ? await x.deleteTaskAttachment(o.item._id) : await V.deleteTaskAttachment(o.item._id);
-        e && (v.add({
-          message: "Attachment telah dihapus."
-        }), p("deleted"));
-      } catch (e) {
-        v.add({
-          error: e,
-          message: "Attachment gagal dihapus."
-        });
-      }
-    }, C = async (e, t) => {
-      try {
-        const c = await (await fetch(e)).blob(), r = document.createElement("a"), y = URL.createObjectURL(c);
-        r.href = y, r.download = t || e.split("/").pop(), document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(y);
-      } catch (l) {
-        v.add({
-          error: l,
-          message: "Attachment gagal didownload."
-        });
-      }
-    }, b = (e) => e.length > 32 ? `${e.slice(0, 32)}...` : e;
-    return (e, t) => {
-      var c, r, y;
-      const l = _("focus");
-      return i(), n(h, null, [
-        o.type === "attachment" ? (i(), n("div", z, [
-          s("div", G, [
-            s("div", J, [
-              m(A, {
-                item: e.item,
-                onClick: t[0] || (t[0] = (a) => p("clickItem", e.item)),
-                class: "cursor-pointer"
-              }, null, 8, ["item"]),
-              s("div", P, [
-                e.item.type === "link" ? (i(), n("a", {
-                  key: 0,
-                  href: e.item.url,
-                  class: "text-xs text-link !text-wrap wrap-text",
-                  target: "_blank"
-                }, u((c = e.item.displayName) != null && c.length ? e.item.displayName : e.item.url), 9, Q)) : (i(), n("span", {
-                  key: 1,
-                  onClick: t[1] || (t[1] = (a) => p("clickItem", e.item)),
-                  class: "text-xs font-semibold cursor-pointer"
-                }, u(e.item.displayName), 1)),
-                s("div", W, [
-                  s("span", {
-                    onClick: t[2] || (t[2] = (a) => $(B)(e.item.displayName)),
-                    class: "cursor-pointer text-primary-400"
-                  }, " Komentar "),
-                  t[15] || (t[15] = s("span", null, "|", -1)),
-                  o.disabled ? d("", !0) : (i(), n(h, { key: 0 }, [
-                    s("a", {
-                      onClick: t[3] || (t[3] = (a) => f.value = !0),
-                      class: "cursor-pointer text-primary-400"
-                    }, " Caption "),
-                    t[13] || (t[13] = s("span", null, "|", -1))
-                  ], 64)),
-                  e.item.type !== "link" ? (i(), n(h, { key: 1 }, [
-                    s("a", {
-                      onClick: t[4] || (t[4] = (a) => C(e.item.url, e.item.displayName)),
-                      class: "cursor-pointer text-primary-400"
-                    }, " Download "),
-                    t[14] || (t[14] = s("span", null, "|", -1))
-                  ], 64)) : d("", !0),
-                  o.disabled ? d("", !0) : (i(), n("a", {
-                    key: 2,
-                    onClick: t[5] || (t[5] = (a) => k.value = !0),
-                    class: "cursor-pointer text-danger-500"
-                  }, " Hapus "))
-                ]),
-                e.item.caption && !f.value ? (i(), n("span", X, u(e.item.caption), 1)) : d("", !0)
-              ])
-            ]),
-            s("div", Y, [
-              s("span", Z, u($(E)(new Date(e.item.createdAt), 86400)), 1),
-              m(K, {
-                user: e.item.createdBy,
-                class: "text-nowrap",
-                type: "icon",
-                "user-name-field": "fullName"
-              }, null, 8, ["user"])
-            ])
-          ]),
-          f.value ? (i(), n("div", ee, [
-            m(F, {
-              "reset-after-submit": !1,
-              onSubmit: t[7] || (t[7] = (a) => D(a)),
-              "hide-stay-checkbox": ""
-            }, {
-              fields: U(() => [
-                L(m(M, {
-                  value: e.item.caption,
-                  "field-name": "caption",
-                  placeholder: "Tulis caption",
-                  "use-validator": ""
-                }, null, 8, ["value"]), [
-                  [l]
-                ]),
-                s("div", te, [
-                  m(g, {
-                    label: "Simpan",
-                    severity: "success",
-                    type: "submit"
-                  }),
-                  m(g, {
-                    onClick: t[6] || (t[6] = (a) => f.value = !1),
-                    label: "Batal",
-                    severity: "secondary",
-                    text: "",
-                    type: "button"
-                  })
-                ])
-              ]),
-              _: 1
-            })
-          ])) : d("", !0)
-        ])) : (i(), n("div", se, [
-          s("div", ae, [
-            s("div", ie, [
-              m(A, {
-                item: e.item,
-                onClick: t[8] || (t[8] = (a) => p("clickItem", e.item)),
-                class: "cursor-pointer",
-                small: ""
-              }, null, 8, ["item"]),
-              s("div", ne, [
-                e.item.type === "link" ? (i(), n("a", {
-                  key: 0,
-                  href: e.item.url,
-                  class: "text-xs",
-                  target: "_blank"
-                }, u((r = e.item.displayName) != null && r.length ? b(e.item.displayName) : b(e.item.url)), 9, oe)) : (i(), n("span", {
-                  key: 1,
-                  onClick: t[9] || (t[9] = (a) => p("clickItem", e.item)),
-                  class: "text-xs cursor-pointer"
-                }, u(b(e.item.displayName)), 1))
-              ])
-            ]),
-            s("div", le, [
-              e.item.type !== "link" ? (i(), N(g, {
-                key: 0,
-                onClick: t[10] || (t[10] = (a) => C(e.item.url, e.item.displayName)),
-                class: "!p-1",
-                icon: "download",
-                "icon-class": "!w-4 !h-4",
-                severity: "secondary",
-                text: ""
-              })) : d("", !0),
-              o.readonly ? d("", !0) : (i(), N(g, {
-                key: 1,
-                disabled: o.disabled,
-                onClick: t[11] || (t[11] = (a) => k.value = !0),
-                class: "!p-1",
-                icon: "close",
-                "icon-class": "!w-4 !h-4",
-                severity: "danger",
-                text: ""
-              }, null, 8, ["disabled"]))
-            ])
-          ])
-        ])),
-        m(O, {
-          visible: k.value,
-          "onUpdate:visible": t[12] || (t[12] = (a) => k.value = a),
-          list: [(y = e.item.displayName) != null && y.length ? e.item.displayName : e.item.url],
-          onConfirm: S,
-          "confirm-label": "Hapus",
-          header: "Hapus Attachment",
-          message: "Apakah kamu yakin ingin menghapusnya?",
-          severity: "danger"
-        }, null, 8, ["visible", "list"])
-      ], 64);
-    };
-  }
-}), he = /* @__PURE__ */ q(re, [["__scopeId", "data-v-ea421674"]]);
-export {
-  he as A
-};

package/attachmentthumbnail/index.es.js

@@ -1,83 +0,0 @@
-import { defineComponent as p, computed as c, createBlock as m, createElementBlock as a, openBlock as t, normalizeClass as l, toDisplayString as o } from "vue";
-import { _ as x } from "../icon/index.es.js";
-import { _ as u } from "../image/index.es.js";
-const d = ["src"], g = /* @__PURE__ */ p({
-  __name: "AttachmentThumbnail",
-  props: {
-    item: {},
-    small: { type: Boolean }
-  },
-  setup(r) {
-    const e = r, n = c(() => {
-      const s = "https://dev-static-assets.wangs.id/img";
-      switch (e.item.type) {
-        case "pdf":
-          return `${s}/pdf.svg`;
-        case "xls":
-          return `${s}/xls.svg`;
-        case "csv":
-          return `${s}/csv.svg`;
-        case "doc":
-          return `${s}/doc.svg`;
-        case "txt":
-          return `${s}/txt.svg`;
-        default:
-          return "";
-      }
-    }), i = c(() => {
-      switch (e.item.type) {
-        case "link":
-          return "link";
-        case "compressed":
-          return "archive-line";
-        default:
-          return "attachment-2";
-      }
-    });
-    return (s, f) => e.item.type === "image" ? (t(), m(u, {
-      key: 0,
-      class: l([
-        "object-cover",
-        { "w-[70px]": !e.small, "h-[70px]": !e.small },
-        { "w-[30px]": e.small, "h-[30px]": e.small }
-      ]),
-      preview: !1,
-      src: e.item.url
-    }, null, 8, ["class", "src"])) : (t(), a("div", {
-      key: 1,
-      class: l([
-        "rounded-lg bg-primary-100 flex justify-center items-center",
-        {
-          "!w-[70px]": !e.small,
-          "!min-w-[70px]": !e.small,
-          "h-[70px]": !e.small
-        },
-        {
-          "!w-[30px]": e.small,
-          "!min-w-[30px]": e.small,
-          "h-[30px]": e.small
-        }
-      ])
-    }, [
-      ["mp4", "mkv"].includes(e.item.type) ? (t(), a("span", {
-        key: 0,
-        class: l([
-          "font-semibold",
-          { "text-xs": !e.small, "text-[8px]": e.small }
-        ])
-      }, o(e.item.type.toUpperCase()), 3)) : ["pdf", "csv", "doc", "xls", "txt"].includes(e.item.type) ? (t(), a("img", {
-        key: 1,
-        class: l([{ "w-[10px]": e.small }]),
-        src: n.value,
-        alt: ""
-      }, null, 10, d)) : (t(), m(x, {
-        key: 2,
-        class: l([{ "text-[24px]": !e.small, "text-[10px]": e.small }]),
-        icon: i.value
-      }, null, 8, ["class", "icon"]))
-    ], 2));
-  }
-});
-export {
-  g as _
-};

package/changelog/index.d.ts

@@ -1,164 +0,0 @@
-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 };
-
-export type ChangelogDefaultField =
-  | 'createdAt'
-  | 'action'
-  | 'object'
-  | 'objectName'
-  | 'field'
-  | 'oldValue'
-  | 'newValue'
-  | 'modifiedBy';
-
-export type ChangelogType = {
-  _id: string;
-  action: string;
-  field: string;
-  oldValue?: string;
-  newValue?: string;
-  modifiedBy?: string;
-  object: string;
-  objectName: string;
-  createdAt: string;
-  oldValueNum?: number;
-  newValueNum?: number;
-};
-
-export type ChangelogFilter = {
-  objects?: string[];
-  field?: string[];
-  action?: string[];
-  modifiedBy?: number[];
-  createdAt?: number[];
-};
-
-export type ChangelogFilterQuery = {
-  [key: string]: string | undefined;
-};
-
-export type ChangelogOptionQuery = {
-  actionOptions?: boolean;
-  modifiedByOptions?: boolean;
-  objectOptions?: boolean;
-  fieldOptions?: boolean;
-  nameOptions?: boolean;
-  objectNameOptions?: boolean;
-  object?: string;
-  objects?: string;
-};
-
-export type ChangelogOptionFilter = {
-  actionOptions?: Option[];
-  modifiedByOptions?: Option[];
-  objectOptions?: Option[];
-  fieldOptions?: Option[];
-  nameOptions?: Option[];
-  objectNameOptions?: Option[];
-};
-
-/**
- * Props for Changelog component
- */
-export interface ChangelogProps {
-  /**
-   * Props to determine whether this component should using button or not
-   * For ChangelogPage
-   * @ignore
-   */
-  useButton?: boolean;
-  /**
-   * To set custom name for specific column in changelog table
-   */
-  objectNameColumn?: string;
-  /**
-   * Title content of the dialog.
-   * @example 'Changelog: Roles > Transfer'
-   */
-  header?: string | undefined;
-  /**
-   * To give additional columns in changelog table
-   */
-  additionalTemplateColumns?: ChangelogTemplateColumn[];
-  /**
-   * To give additional filters in changelog filter
-   */
-  additionalTemplateFilters?: ChangelogTemplateFilter[];
-  /**
-   * Array to determine that these columns will be hidden
-   */
-  removedColumns?: ChangelogDefaultField[];
-  /**
-   * Array to determine that these filter fields will be hidden
-   */
-  removedFilters?: Omit<ChangelogDefaultField, 'oldValue' | 'newValue'>[];
-  /**
-   * Changelog object.
-   * Note: Even if this props is mandatory, if you fill props `objects` then props `object` will not be processed in component.
-   */
-  object: string;
-  /**
-   * Changelog objects.
-   * Note: This props will override props Object
-   */
-  objects?: string[];
-  /**
-   * Changelog object ID.
-   */
-  objectId?: string;
-  /**
-   * Changelog custom params, contains stringified filter query needed.
-   */
-  customParams?: ChangelogFilterQuery;
-  /**
-   * Use this props if changelog need button download
-   * @default false
-   */
-  useButtonDownload?: boolean;
-  /**
-   * File name is a must if there's button download
-   * @default 'Changelog' only
-   */
-  fileName?: string;
-  /**
-   * Now changelog support custom table name from outside
-   */
-  tableName?: string;
-}
-
-/**
- * Emits for Changelog component
- */
-export type ChangelogEmits = {
-  hide: [];
-};
-
-/**
- * **WangsVue - Changelog**
- *
- * _Changelog is a component for to show changelog dialog.
- * You need to install vee-validate while using this component._
- *
- * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
- *
- * @group components
- */
-declare class Changelog extends ClassComponent<
-  ChangelogProps,
-  unknown,
-  ChangelogEmits
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    Changelog: GlobalComponentConstructor<Changelog>;
-  }
-}
-
-export default Changelog;

package/changelog/index.es.js

@@ -1,85 +0,0 @@
-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

@@ -1,113 +0,0 @@
-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 _
-};