@fewangsit/wangsvue-fats 1.0.1-rc.5 → 1.0.1-rc.7

package/datatable/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/datepicker/index.es.js

@@ -0,0 +1,140 @@
+import { defineComponent as $, onMounted as B, reactive as C, shallowRef as f, computed as D, watch as v, createElementBlock as c, openBlock as d, Fragment as y, createVNode as o, unref as i, withCtx as m, renderList as M, toDisplayString as E } from "vue";
+import { u as N } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as S } from "../plugins/basei18n.es.js";
+import { s as F } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { s as P } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
+import { _ as R } from "../fieldwrapper/FieldWrapper.es.js";
+import T from "../icon/index.es.js";
+import { _ as j } from "../inputgroup/InputGroup.es.js";
+import A from "../validatormessage/index.es.js";
+const I = ["aria-selected", "data-in-range", "onClick"], Q = /* @__PURE__ */ $({
+  __name: "DatePicker",
+  props: {
+    modelValue: {},
+    initialValue: {},
+    label: {},
+    useValidator: { type: Boolean },
+    fieldName: {},
+    mandatory: { type: Boolean },
+    invalid: { type: Boolean },
+    errorMessage: {}
+  },
+  emits: ["update:modelValue"],
+  setup(_) {
+    const n = _;
+    B(() => {
+      n.useValidator && Object.assign(
+        a,
+        N(
+          n.fieldName ?? "date",
+          (e) => {
+            var t;
+            return !(e != null && e.length) && n.mandatory ? u(((t = n.errorMessage) == null ? void 0 : t.empty) ?? "You must pick a date") : !0;
+          },
+          {
+            initialValue: n.initialValue ?? []
+          }
+        )
+      );
+    });
+    const { t: u } = S(), a = C({ value: [] }), s = f(), p = f(), h = D(() => {
+      const e = a.value[0], t = a.value[1];
+      return t && e !== t ? e + " - " + t : e == null ? void 0 : e.toString();
+    }), k = Array.from({ length: 31 }, (e, t) => t + 1), x = (e) => {
+      var l;
+      const t = a.value[0], r = a.value[1];
+      t != null && r != null && t === r ? (a.value[1] = e, (l = s.value) == null || l.hide()) : a.value = [e, e], a.value.sort((b, w) => b - w);
+    }, g = (e) => {
+      var r, l;
+      const t = ((r = p.value) == null ? void 0 : r.$el) || null;
+      t && s.value && t.focus(), (l = s.value) == null || l.toggle(e);
+    }, V = (e) => {
+      var t;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        const r = (t = e.target) == null ? void 0 : t.parentElement, l = {
+          ...e,
+          target: r,
+          currentTarget: r
+        };
+        g(l);
+      }
+    };
+    return v(
+      () => n.initialValue,
+      () => {
+        var e;
+        (e = n.initialValue) != null && e.length && (a.value = n.initialValue);
+      },
+      {
+        once: !0
+      }
+    ), v(
+      () => n.modelValue,
+      (e) => {
+        a.value = e ?? [];
+      }
+    ), (e, t) => (d(), c(y, null, [
+      o(R, {
+        label: e.label ? i(u)(e.label) : void 0,
+        mandatory: e.mandatory
+      }, {
+        default: m(() => [
+          o(j, {
+            invalid: !!a.errorMessage,
+            onClick: g,
+            class: "grid grid-cols-[1fr,max-content] !items-center gap-1 px-3 py-1"
+          }, {
+            default: m(() => [
+              o(i(F), {
+                ref_key: "inputtext",
+                ref: p,
+                "model-value": h.value,
+                placeholder: i(u)("Select date"),
+                onKeydown: V,
+                class: "!p-0",
+                readonly: ""
+              }, null, 8, ["model-value", "placeholder"]),
+              o(T, {
+                class: "w-4 h-4 shrink-0 !text-general-500",
+                "data-ts-section": "inputtrigger",
+                icon: "calendar"
+              })
+            ]),
+            _: 1
+          }, 8, ["invalid"]),
+          o(A, {
+            message: a.errorMessage,
+            "data-test": "datepicker-validator-message"
+          }, null, 8, ["message"])
+        ]),
+        _: 1
+      }, 8, ["label", "mandatory"]),
+      o(i(P), {
+        ref_key: "panel",
+        ref: s,
+        pt: {
+          content: {
+            class: "grid grid-cols-7 grid-rows-[repeat(5,max-content)] p-6"
+          }
+        },
+        class: "border-none !mt-0 !shadow-panel"
+      }, {
+        default: m(() => [
+          (d(!0), c(y, null, M(i(k), (r) => (d(), c("span", {
+            key: r,
+            "aria-selected": a.value.includes(r),
+            "data-in-range": a.value[0] < r && r < a.value[1],
+            onClick: (l) => x(r),
+            class: "text-xs text-general-800 bg-white hover:bg-primary-100 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 [&[data-in-range='true']]:text-general-800 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 [&[aria-selected='true']]:text-white text-center p-2 cursor-pointer",
+            "data-ts-section": "date"
+          }, E(r), 9, I))), 128))
+        ]),
+        _: 1
+      }, 512)
+    ], 64));
+  }
+});
+export {
+  Q as default
+};

package/datepicker/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/daypicker/index.es.js

@@ -0,0 +1,134 @@
+import { defineComponent as $, onMounted as C, reactive as M, shallowRef as g, computed as B, watch as y, createElementBlock as f, openBlock as v, Fragment as _, createVNode as s, unref as o, withCtx as m, renderList as S, createElementVNode as D, normalizeClass as N, toDisplayString as F } from "vue";
+import { u as T } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as E } from "../plugins/basei18n.es.js";
+import { s as P } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { s as R } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
+import { _ as j } from "../fieldwrapper/FieldWrapper.es.js";
+import z from "../icon/index.es.js";
+import { _ as I } from "../inputgroup/InputGroup.es.js";
+import L from "../validatormessage/index.es.js";
+const O = ["aria-selected", "data-in-range", "onClick"], U = /* @__PURE__ */ $({
+  __name: "DayPicker",
+  props: {
+    modelValue: {},
+    initialValue: {},
+    label: {},
+    useValidator: { type: Boolean },
+    fieldName: {},
+    mandatory: { type: Boolean },
+    invalid: { type: Boolean },
+    errorMessage: {}
+  },
+  emits: ["update:modelValue"],
+  setup(h) {
+    const n = h;
+    C(() => {
+      n.useValidator && Object.assign(
+        a,
+        T(
+          n.fieldName ?? "day",
+          (e) => {
+            var t;
+            return !(e != null && e.length) && n.mandatory ? i(((t = n.errorMessage) == null ? void 0 : t.empty) ?? "You must pick a day") : !0;
+          },
+          { initialValue: n.initialValue ?? [] }
+        )
+      );
+    });
+    const d = [
+      "Monday",
+      "Tuesday",
+      "Wednesday",
+      "Thursday",
+      "Friday",
+      "Saturday",
+      "Sunday"
+    ], { t: i } = E(), a = M({ value: [] }), u = g(), p = g(), V = B(() => {
+      const e = d[a.value[0]], t = d[a.value[1]];
+      return t && e !== t ? e + " - " + t : e;
+    }), k = (e, t) => {
+      var c;
+      const r = a.value[0], l = a.value[1];
+      r != null && l != null && r === l ? (a.value[1] = t, (c = u.value) == null || c.hide()) : a.value = [t, t], a.value.sort((x, w) => x - w);
+    }, b = (e) => {
+      var r, l;
+      const t = ((r = p.value) == null ? void 0 : r.$el) || null;
+      t && u.value && t.focus(), (l = u.value) == null || l.toggle(e);
+    };
+    return y(
+      () => n.initialValue,
+      () => {
+        var e;
+        (e = n.initialValue) != null && e.length && (a.value = n.initialValue);
+      },
+      {
+        once: !0
+      }
+    ), y(
+      () => n.modelValue,
+      (e) => {
+        a.value = e ?? [];
+      }
+    ), (e, t) => (v(), f(_, null, [
+      s(j, {
+        label: e.label ? o(i)(e.label) : void 0,
+        mandatory: e.mandatory
+      }, {
+        default: m(() => [
+          s(I, {
+            invalid: !!a.errorMessage,
+            onClick: b,
+            class: "grid grid-cols-[1fr,max-content] !items-center gap-1 px-3 py-1"
+          }, {
+            default: m(() => [
+              s(o(P), {
+                ref_key: "inputtext",
+                ref: p,
+                "model-value": V.value,
+                placeholder: o(i)("Select day"),
+                class: "!p-0",
+                readonly: ""
+              }, null, 8, ["model-value", "placeholder"]),
+              s(z, {
+                class: "w-4 h-4 shrink-0 !text-general-500",
+                "data-ts-section": "inputtrigger",
+                icon: "calendar"
+              })
+            ]),
+            _: 1
+          }, 8, ["invalid"]),
+          s(L, {
+            message: a.errorMessage,
+            "data-test": "daypicker-validator-message"
+          }, null, 8, ["message"])
+        ]),
+        _: 1
+      }, 8, ["label", "mandatory"]),
+      s(o(R), {
+        ref_key: "panel",
+        ref: u,
+        pt: {
+          content: {
+            class: "grid grid-cols-3 p-6 gap-y-4"
+          }
+        },
+        class: "border-none !mt-0 !shadow-panel"
+      }, {
+        default: m(() => [
+          (v(), f(_, null, S(d, (r, l) => D("span", {
+            key: r,
+            "aria-selected": a.value.includes(l),
+            class: N([{ "col-start-2": r === "Sunday" }, "text-xs text-general-800 bg-white hover:bg-primary-100 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 [&[data-in-range='true']]:text-general-800 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 [&[aria-selected='true']]:text-white text-center p-2 cursor-pointer"]),
+            "data-in-range": a.value[0] < l && l < a.value[1],
+            onClick: (c) => k(r, l),
+            "data-ts-section": "day"
+          }, F(o(i)(r)), 11, O)), 64))
+        ]),
+        _: 1
+      }, 512)
+    ], 64));
+  }
+});
+export {
+  U as default
+};

package/daypicker/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/dialog/index.es.js

@@ -0,0 +1,121 @@
+import { defineComponent as f, inject as u, createBlock as m, openBlock as $, unref as s, mergeProps as y, createSlots as v, withCtx as t, renderSlot as l } from "vue";
+import { s as B } from "../vendor/primevue/dialog/dialog.esm.es.js";
+const g = /* @__PURE__ */ f({
+  __name: "Dialog",
+  props: {
+    header: { default: void 0 },
+    footer: { default: void 0 },
+    visible: { type: Boolean, default: !1 },
+    modal: { type: Boolean, default: !0 },
+    contentStyle: { default: void 0 },
+    contentProps: { default: void 0 },
+    rtl: { type: Boolean, default: !1 },
+    closable: { type: Boolean, default: !0 },
+    dismissableMask: { type: Boolean, default: !1 },
+    closeOnEscape: { type: Boolean, default: !0 },
+    showHeader: { type: Boolean, default: !0 },
+    blockScroll: { type: Boolean, default: !1 },
+    baseZIndex: { default: 0 },
+    autoZIndex: { type: Boolean, default: !0 },
+    position: { default: "center" },
+    maximizable: { type: Boolean, default: !1 },
+    breakpoints: { default: void 0 },
+    draggable: { type: Boolean, default: !1 },
+    keepInViewPort: { type: Boolean, default: !0 },
+    minX: { default: 0 },
+    minY: { default: 0 },
+    appendTo: { default: "body" },
+    style: { default: void 0 },
+    closeIcon: { default: void 0 },
+    maximizeIcon: { default: void 0 },
+    minimizeIcon: { default: void 0 },
+    pt: { default: void 0 },
+    ptOptions: { default: void 0 },
+    unstyled: { type: Boolean, default: !1 },
+    class: { default: "" },
+    headerClass: { default: void 0 },
+    contentClass: { default: void 0 },
+    footerClass: {}
+  },
+  emits: ["update:visible", "hide", "afterHide", "show", "maximize", "unmaximize", "dragend"],
+  setup(C) {
+    const i = u("preset", {}).dialog;
+    return (e, o) => {
+      var r, d, n, p;
+      return $(), m(s(B), y(e.$props, {
+        pt: {
+          root: {
+            class: [
+              ...(r = s(i)) == null ? void 0 : r.root({ state: {} }).class,
+              ...Array.isArray(e.$props.class) ? e.$props.class : [e.$props.class]
+            ]
+          },
+          header: {
+            class: [
+              ...(d = s(i)) == null ? void 0 : d.header.class,
+              ...Array.isArray(e.$props.headerClass) ? e.$props.headerClass : [e.$props.headerClass]
+            ],
+            "data-wv-section": "dialogheader"
+          },
+          content: {
+            class: [
+              ...(n = s(i)) == null ? void 0 : n.content({ state: {}, instance: {} }).class,
+              ...Array.isArray(e.$props.contentClass) ? e.$props.contentClass : [e.$props.contentClass]
+            ]
+          },
+          footer: {
+            class: [
+              ...(p = s(i)) == null ? void 0 : p.footer.class,
+              ...Array.isArray(e.$props.footerClass) ? e.$props.footerClass : [e.$props.footerClass]
+            ]
+          },
+          ...e.$props.pt
+        },
+        onAfterHide: o[0] || (o[0] = (a) => e.$emit("afterHide")),
+        onDragend: o[1] || (o[1] = (a) => e.$emit("dragend", a)),
+        onHide: o[2] || (o[2] = (a) => e.$emit("hide")),
+        onMaximize: o[3] || (o[3] = (a) => e.$emit("maximize", a)),
+        onShow: o[4] || (o[4] = (a) => e.$emit("show")),
+        onUnmaximize: o[5] || (o[5] = (a) => e.$emit("unmaximize", a)),
+        "onUpdate:visible": o[6] || (o[6] = (a) => e.$emit("update:visible", a))
+      }), v({
+        default: t(() => [
+          l(e.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        e.$slots.closeicon ? {
+          name: "closeicon",
+          fn: t(() => [
+            l(e.$slots, "closeicon")
+          ]),
+          key: "0"
+        } : void 0,
+        e.$slots.maximizeicon ? {
+          name: "maximizeicon",
+          fn: t(() => [
+            l(e.$slots, "maximizeicon")
+          ]),
+          key: "1"
+        } : void 0,
+        e.$slots.header ? {
+          name: "header",
+          fn: t(() => [
+            l(e.$slots, "header")
+          ]),
+          key: "2"
+        } : void 0,
+        e.$slots.footer ? {
+          name: "footer",
+          fn: t(() => [
+            l(e.$slots, "footer")
+          ]),
+          key: "3"
+        } : void 0
+      ]), 1040, ["pt"]);
+    };
+  }
+});
+export {
+  g as default
+};

package/dialog/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/dialogassetnamedetail/index.es.js

@@ -0,0 +1,246 @@
+import { defineComponent as D, computed as x, shallowRef as O, ref as T, createBlock as k, openBlock as B, withCtx as C, createElementVNode as m, createVNode as u, toDisplayString as b, unref as g } from "vue";
+import { AssetNameServices as y } from "@tagsamurai/fats-api-services";
+import p from "../badge/index.es.js";
+import { u as R } from "../utils/toast.util.es.js";
+import G from "../buttonfilter/index.es.js";
+import M from "../buttonsearch/index.es.js";
+import I from "../datatable/index.es.js";
+import P from "../dialog/index.es.js";
+import $ from "../filtercontainer/index.es.js";
+const E = () => [
+  {
+    field: "assets.name.nameWithSequence",
+    header: "Name",
+    sortable: !0,
+    fixed: !0,
+    bodyTemplate(e) {
+      var s, a;
+      return ((a = (s = e == null ? void 0 : e.assets) == null ? void 0 : s.name) == null ? void 0 : a.nameWithSequence) ?? "-";
+    }
+  },
+  {
+    field: "assets.group.name",
+    header: "Group",
+    sortable: !0,
+    fixed: !0,
+    bodyComponent(e) {
+      var s, a;
+      return {
+        component: p,
+        props: {
+          label: ((a = (s = e == null ? void 0 : e.assets) == null ? void 0 : s.group) == null ? void 0 : a.name) ?? "-",
+          severity: "primary",
+          format: "nowrap"
+        }
+      };
+    }
+  },
+  {
+    field: "assets.status",
+    header: "Asset Status",
+    sortable: !0,
+    fixed: !0,
+    bodyComponent(e) {
+      var a, o;
+      let s;
+      switch ((a = e == null ? void 0 : e.assets) == null ? void 0 : a.status) {
+        case "Available":
+          s = "success";
+          break;
+        case "On Disposal Process":
+        case "Reported Disposal":
+          s = "secondary";
+          break;
+        case "Damaged":
+        case "Missing":
+        case "Not Paired Yet":
+        case "TAG Reported":
+          s = "danger";
+          break;
+        case "On Borrowing Process":
+        case "On Assign Process":
+        case "Borrowed":
+        case "Assigned":
+          s = "primary";
+          break;
+        case "On Transfer":
+          s = "warning";
+          break;
+        default:
+          s = "primary";
+          break;
+      }
+      return {
+        component: p,
+        props: {
+          severity: s,
+          format: "nowrap",
+          label: ((o = e == null ? void 0 : e.assets) == null ? void 0 : o.status) ?? "-"
+        }
+      };
+    }
+  },
+  {
+    field: "assets.maintenanceStatus",
+    header: "Maintenance",
+    sortable: !0,
+    fixed: !1,
+    bodyComponent(e) {
+      var s;
+      return {
+        component: p,
+        props: {
+          severity: "warning",
+          format: "nowrap",
+          label: (s = e == null ? void 0 : e.assets) == null ? void 0 : s.maintenanceStatus
+        }
+      };
+    }
+  },
+  {
+    field: "assets.auditStatus",
+    header: "Audit",
+    sortable: !0,
+    fixed: !1,
+    bodyComponent(e) {
+      var s;
+      return {
+        component: p,
+        props: {
+          severity: "warning",
+          format: "nowrap",
+          label: (s = e == null ? void 0 : e.assets) == null ? void 0 : s.auditStatus
+        }
+      };
+    }
+  }
+], F = [
+  "Available",
+  "Borrowed",
+  "On Borrowing Process",
+  "Assigned",
+  "On Assign Process",
+  "On Transfer",
+  "Damaged",
+  "Missing",
+  "On Disposal Process",
+  "Reported Disposal",
+  "Not Paired Yet",
+  "TAG Reported"
+], q = ["In Maintenance", "In Audit", "None"], V = [
+  {
+    label: "Group",
+    field: "group",
+    type: "group"
+  },
+  {
+    type: "multiselect",
+    field: "status",
+    label: "Asset Status",
+    placeholder: "Select status",
+    fetchOptionFn: () => F.map((e) => ({ label: e, value: e }))
+  },
+  {
+    type: "multiselect",
+    field: "maintenanceAuditStatus",
+    label: "In Maintenance / Audit",
+    placeholder: "Select status",
+    fetchOptionFn: () => q.map((e) => ({ label: e, value: e }))
+  }
+], W = { class: "flex flex-col gap-2" }, Y = {
+  class: "flex items-center gap-1",
+  "data-ts-section": "dialog-asset-name-detail-action-group"
+}, z = { class: "flex items-center gap-3 text-body-medium mr-auto" }, J = { class: "font-bold" }, se = /* @__PURE__ */ D({
+  __name: "DialogAssetNameDetail",
+  props: {
+    header: { default: "Asset Name Detail" },
+    id: {},
+    params: {},
+    visible: { type: Boolean }
+  },
+  emits: ["update:visible"],
+  setup(e, { emit: s }) {
+    const a = R(), o = e, v = s, A = E(), f = x(() => o.visible), c = O("dialog-asset-name-detail-table"), d = T(), h = async () => {
+      try {
+        const { data: r } = await y.getAssetNameDetail(
+          o.id
+        );
+        d.value = r.data;
+      } catch (r) {
+        a.add({ error: r, message: "Error, failed to load asset name detail" });
+      }
+    }, _ = async (r) => {
+      var i, n;
+      try {
+        const t = o.params ? { ...r, ...o.params } : r, { data: l } = await y.getAssetsByAssetName(o.id, {
+          ...t,
+          maintenanceAuditStatus: t != null && t.maintenanceAuditStatus ? t == null ? void 0 : t.maintenanceAuditStatus : JSON.stringify(["In Maintenance", "In Audit", "None"])
+        });
+        if (l) {
+          const w = (n = (i = l == null ? void 0 : l.data) == null ? void 0 : i.data) == null ? void 0 : n.map((N, S) => ({
+            ...N,
+            index: S
+          }));
+          return {
+            message: l.message,
+            data: {
+              data: w,
+              totalRecords: l.data.totalRecords
+            }
+          };
+        }
+      } catch (t) {
+        a.add({ error: t, message: "Error, failed to load assets" });
+      }
+    };
+    return (r, i) => (B(), k(P, {
+      visible: f.value,
+      "onUpdate:visible": [
+        i[0] || (i[0] = (n) => f.value = n),
+        i[1] || (i[1] = (n) => v("update:visible", !!n))
+      ],
+      draggable: !1,
+      header: r.header,
+      onShow: h,
+      class: "w-[800px]",
+      closable: "",
+      "data-ts-name": "dialog-asset-name-detail",
+      modal: ""
+    }, {
+      default: C(() => {
+        var n, t;
+        return [
+          m("div", W, [
+            m("div", Y, [
+              m("div", z, [
+                m("span", J, b(((n = d.value) == null ? void 0 : n.name) ?? "-"), 1),
+                m("span", null, "TAG: " + b(((t = d.value) == null ? void 0 : t.tagType) ?? "-") + " TAG", 1)
+              ]),
+              u(M, { "table-name": c.value }, null, 8, ["table-name"]),
+              u(G, { "table-name": c.value }, null, 8, ["table-name"])
+            ]),
+            u($, {
+              fields: g(V),
+              "table-name": c.value
+            }, null, 8, ["fields", "table-name"]),
+            u(I, {
+              columns: g(A),
+              "fetch-function": _,
+              rows: 10,
+              "table-name": c.value,
+              "use-option": !1,
+              "data-key": "index",
+              lazy: "",
+              "selection-type": "none",
+              "use-paginator": ""
+            }, null, 8, ["columns", "table-name"])
+          ])
+        ];
+      }),
+      _: 1
+    }, 8, ["visible", "header"]));
+  }
+});
+export {
+  se as default
+};

package/dialogassetnamedetail/options/columns.d.ts

@@ -0,0 +1,2 @@
+import { TableColumn } from '../../datatable';
+export declare const assetNameDetailColumns: () => TableColumn[];

package/dialogassetnamedetail/options/filter.d.ts

@@ -0,0 +1,2 @@
+import { FilterField } from 'components/filtercontainer';
+export declare const filterFields: FilterField[];

package/dialogassetnamedetail/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}