@fewangsit/wangsvue-fats 1.0.1-alpha.5 → 1.0.1-alpha.51

package/dialogselecttree/index.es.js

@@ -0,0 +1,269 @@
+import { defineComponent as G, mergeModels as T, useModel as P, inject as U, ref as o, computed as W, watch as b, createBlock as N, openBlock as d, unref as v, createSlots as O, withCtx as g, createVNode as B, mergeProps as z, renderSlot as D, createElementVNode as K, createElementBlock as k, createCommentVNode as h, normalizeClass as V, toDisplayString as L, Fragment as I, renderList as Y, withDirectives as q, vShow as J } from "vue";
+import { g as Q } from "../utils/object.util.es.js";
+import { _ as j } from "../button/index.es.js";
+import { _ as R } from "../dialog/index.es.js";
+import { _ as X } from "../tree/index.es.js";
+import { _ as Z } from "../treesearchinput/index.es.js";
+import { _ } from "../validatormessage/index.es.js";
+const ee = {
+  class: "flex flex-col gap-3 items-start w-full",
+  "data-wv-section": "header-wrapper"
+}, le = {
+  key: 0,
+  class: "list-inside w-full overflow-auto max-h-20",
+  "data-wv-section": "dialog-select-tree-lists"
+}, te = {
+  class: "flex gap-1 items-center justify-end",
+  "data-wv-section": "footer-button"
+}, ue = /* @__PURE__ */ G({
+  __name: "DialogSelectTree",
+  props: /* @__PURE__ */ T({
+    fetchTree: {},
+    params: {},
+    visible: { type: Boolean },
+    type: { default: "group" },
+    autoSelectAll: { type: Boolean },
+    header: {},
+    subHeader: { default: void 0 },
+    selectionMode: { default: "checkbox" },
+    allowEmptySelection: { type: Boolean, default: !0 },
+    keys: { default: void 0 },
+    lists: { default: void 0 },
+    listLabel: { default: void 0 },
+    disableNodeAll: { type: Boolean, default: !1 },
+    exactDisableKey: {},
+    disableKeys: {},
+    exactDisableKeys: {},
+    disableNodeWhen: { type: Function, default: void 0 },
+    readonly: { type: Boolean },
+    showDisposableGroups: { type: Boolean },
+    flattenDisposableNode: { type: Boolean },
+    excludedKeys: {},
+    hidden: { type: Boolean },
+    propagateSelection: { type: Boolean },
+    selectedKeys: {},
+    selectedTreeNodes: {},
+    useOption: { type: Boolean },
+    listLabelsNoOption: {},
+    treeNodeMenus: {},
+    selectLastNode: { type: Boolean },
+    includeNodeAllKey: { type: Boolean },
+    selectDisposableOnly: { type: Boolean },
+    shouldEmitEventOnChange: { type: Boolean },
+    level: {},
+    value: {},
+    expandedKeys: {},
+    selectionKeys: {},
+    metaKeySelection: { type: Boolean },
+    loading: { type: Boolean },
+    loadingIcon: {},
+    loadingMode: {},
+    filterText: {},
+    filterBy: {},
+    filterMode: {},
+    filterPlaceholder: {},
+    filterLocale: {},
+    highlightOnSelect: { type: Boolean },
+    scrollHeight: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean },
+    exactDisableNodeWhen: {},
+    nodeSelectedWhen: {}
+  }, {
+    visible: { type: Boolean, default: !1 },
+    visibleModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["select", "hide"], ["update:visible"]),
+  setup($, { expose: A, emit: x }) {
+    const s = $, C = x, n = P($, "visible"), f = U("preset", {}).dialog, r = o(), p = o(""), y = o(""), m = o([]), c = o(), S = o(), E = o(!1), u = o(), w = o(), H = W(() => s.header ? s.header : s.type === "group" ? "Select Group" : "Select Category"), M = (e = !0) => {
+      c.value = u.value, S.value = w.value, Object.keys(c.value ?? {}).length ? (C("select", {
+        keys: c.value,
+        selectedNodes: m.value,
+        singleNode: S.value
+      }), n.value = !e) : s.allowEmptySelection ? (C("select", {
+        keys: [],
+        selectedNodes: void 0,
+        singleNode: void 0
+      }), n.value = !e) : s.allowEmptySelection || (y.value = "You must pick a " + s.type.toLowerCase());
+    };
+    return b(n, (e) => {
+      u.value = e ? c.value : void 0, w.value = e ? S.value : void 0, e && s.keys && !u.value && (u.value = s.keys);
+    }), b(
+      r,
+      (e) => {
+        e && s.showDisposableGroups && (e.showDisposableGroups = !0, E.value = !0);
+      },
+      { deep: !0 }
+    ), b(
+      m,
+      () => {
+        s.hidden && M(!1);
+      },
+      { once: !0 }
+    ), b(
+      () => s.keys,
+      () => {
+        c.value = s.keys;
+      }
+    ), A({ treeComponent: r }), (e, l) => (d(), N(R, {
+      visible: n.value,
+      "onUpdate:visible": l[7] || (l[7] = (t) => n.value = t),
+      modal: !e.hidden,
+      pt: {
+        root: {
+          class: [
+            ...v(f).root({ state: {} }).class,
+            "!w-[400px]",
+            { "!hidden": e.hidden }
+          ]
+        },
+        header: {
+          class: "relative"
+        },
+        icons: {
+          class: "absolute top-0 right-0"
+        },
+        content: {
+          class: [
+            ...v(f).content({ state: {}, instance: {} }).class,
+            "pr-1.5 focus-visible:outline-none"
+          ]
+        },
+        footer: {
+          class: [
+            {
+              "flex justify-end items-center gap-1": e.allowEmptySelection,
+              "flex justify-end items-end flex-col gap-1": !e.allowEmptySelection
+            }
+          ]
+        }
+      },
+      onHide: l[8] || (l[8] = (t) => e.$emit("hide")),
+      onShow: l[9] || (l[9] = (t) => y.value = ""),
+      "data-wv-name": "dialogselecttree"
+    }, O({
+      header: g(() => {
+        var t;
+        return [
+          D(e.$slots, "header", {
+            dialogHeader: H.value,
+            filter: p.value,
+            isLoading: !!((t = r.value) != null && t.isLoading),
+            listLabel: e.listLabel,
+            lists: e.lists,
+            subHeader: e.subHeader,
+            updateFilter: (a) => p.value = a
+          }, () => {
+            var a;
+            return [
+              K("div", ee, [
+                K("h3", {
+                  class: V([...v(f).title.class, "!leading-6"])
+                }, L(H.value), 3),
+                e.lists ? (d(), k("ul", le, [
+                  (d(!0), k(I, null, Y(e.lists, (i, F) => (d(), k("li", {
+                    key: F,
+                    class: "text-xs leading-[16.39px] tracking-[0.02em] font-medium text-general-800 list-disc ps-[6px]"
+                  }, L(e.listLabel && typeof i != "string" ? v(Q)(i, e.listLabel) : i), 1))), 128))
+                ])) : h("", !0),
+                e.subHeader ? (d(), k("h4", {
+                  key: 1,
+                  class: V([...v(f).title.class, "!leading-6 text-sm"])
+                }, L(e.subHeader), 3)) : h("", !0),
+                (a = r.value) != null && a.isLoading ? h("", !0) : (d(), N(Z, {
+                  key: 2,
+                  modelValue: p.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (i) => p.value = i),
+                  class: "w-full"
+                }, null, 8, ["modelValue"]))
+              ])
+            ];
+          })
+        ];
+      }),
+      default: g(() => [
+        B(X, z({
+          ref_key: "treeComponent",
+          ref: r
+        }, s, {
+          "selected-keys": u.value,
+          "onUpdate:selectedKeys": [
+            l[1] || (l[1] = (t) => u.value = t),
+            l[4] || (l[4] = (t) => y.value = "")
+          ],
+          "selected-tree-nodes": m.value,
+          "onUpdate:selectedTreeNodes": l[2] || (l[2] = (t) => m.value = t),
+          "auto-select-all": e.autoSelectAll,
+          "disable-keys": e.disableKeys,
+          "disable-node-all": e.disableNodeAll,
+          "disable-node-when": e.disableNodeWhen,
+          "exact-disable-key": e.exactDisableKey,
+          "exact-disable-keys": e.exactDisableKeys,
+          "excluded-keys": e.excludedKeys,
+          "fetch-tree": e.fetchTree,
+          filter: p.value,
+          "flatten-disposable-node": e.flattenDisposableNode,
+          params: e.params,
+          "propagate-selection": e.propagateSelection,
+          readonly: s.readonly,
+          "select-disposable-only": E.value,
+          "selection-mode": e.selectionMode,
+          type: s.type,
+          onNodeSelect: l[3] || (l[3] = (t) => w.value = t)
+        }), O({ _: 2 }, [
+          e.$slots.treenode ? {
+            name: "default",
+            fn: g(({ node: t, checked: a, disabled: i }) => [
+              D(e.$slots, "treenode", {
+                checked: a,
+                disabled: i,
+                node: t
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["selected-keys", "selected-tree-nodes", "auto-select-all", "disable-keys", "disable-node-all", "disable-node-when", "exact-disable-key", "exact-disable-keys", "excluded-keys", "fetch-tree", "filter", "flatten-disposable-node", "params", "propagate-selection", "readonly", "select-disposable-only", "selection-mode", "type"])
+      ]),
+      _: 2
+    }, [
+      s.readonly ? void 0 : {
+        name: "footer",
+        fn: g(() => [
+          D(e.$slots, "footer", {}, () => {
+            var t;
+            return [
+              e.allowEmptySelection ? h("", !0) : q((d(), N(_, {
+                key: 0,
+                format: !1,
+                message: y.value
+              }, null, 8, ["message"])), [
+                [J, !!y.value]
+              ]),
+              K("div", te, [
+                B(j, {
+                  onClick: l[5] || (l[5] = (a) => n.value = !1),
+                  label: "Cancel",
+                  severity: "secondary",
+                  text: ""
+                }),
+                B(j, {
+                  disabled: (t = r.value) == null ? void 0 : t.isLoading,
+                  onClick: l[6] || (l[6] = (a) => M(!0)),
+                  label: "Select",
+                  severity: "success"
+                }, null, 8, ["disabled"])
+              ])
+            ];
+          })
+        ]),
+        key: "0"
+      }
+    ]), 1032, ["visible", "modal", "pt"]));
+  }
+});
+export {
+  ue as _
+};

package/{components/dialogselectuser/DialogSelectUser.vue.d.ts → dialogselectuser/index.d.ts}

@@ -1,9 +1,9 @@
 import { FetchListResponse } from '@fewangsit/workspace-api-services/src/types/fetchResponse.type';
-import { FetchUserRoleOptionResponse } from '@tagsamurai/fats-api-services/src/dto/role.dto';
+import { FetchUserOptionResponse } from '@tagsamurai/fats-api-services/src/dto/user.dto';
 import { User } from '@tagsamurai/fats-api-services/src/types/user.type';
 
-import { QueryParams } from '../../components/datatable/DataTable.vue.d';
-import { ClassComponent } from '../../components/ts-helpers';
+import { QueryParams } from '../datatable';
+import { ClassComponent } from '../ts-helpers';
 
 export type EmitSelectionValue = {
   checkbox: User[];
@@ -65,9 +65,7 @@ export interface DialogSelectUserProps {
    * The function to fetch options on DialogSelectUserFilter.
    *
    */
-  fetchOptionFunction?: () => Promise<
-    FetchUserRoleOptionResponse['data'] | undefined
-  >;
+  fetchOptionFunction?: () => FetchUserOptionResponse['data'];
 }
 
 /**
@@ -93,10 +91,10 @@ export type DialogSelectUserEmits<T = User> = {
  *
  * @group components
  */
-declare const DialogSelectUser: ClassComponent<
+declare class DialogSelectUser extends ClassComponent<
   DialogSelectUserProps,
   unknown,
   DialogSelectUserEmits
->;
+> {}
 
 export default DialogSelectUser;

package/dialogselectuser/index.es.js

@@ -0,0 +1,185 @@
+import { ref as u, defineComponent as S, computed as $, watch as C, createBlock as N, openBlock as c, withCtx as v, createElementVNode as i, createElementBlock as f, createCommentVNode as y, createVNode as n, Fragment as U, renderList as D, toDisplayString as h, unref as B, renderSlot as P } from "vue";
+import { _ as E } from "../image/index.es.js";
+import { _ } from "../button/index.es.js";
+import { _ as O } from "../buttonfilter/index.es.js";
+import { _ as j } from "../buttonsearch/index.es.js";
+import { D as I } from "../datatable/index.es.js";
+import { _ as L } from "../dialog/index.es.js";
+import { _ as V } from "../dialogselectuserfilter/index.es.js";
+const z = () => u([
+  {
+    field: "profilePictureSmall",
+    header: "Photo",
+    sortable: !1,
+    bodyComponent(e) {
+      return {
+        component: E,
+        props: {
+          src: e.profilePicture,
+          size: "small"
+        }
+      };
+    }
+  },
+  {
+    field: "fullName",
+    header: "Name",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.fullName) ?? (e == null ? void 0 : e.name);
+    }
+  },
+  {
+    field: "employeeId",
+    header: "Empolyee ID",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.employeeId) ?? "-";
+    }
+  },
+  {
+    field: "email",
+    header: "Email",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.email) ?? "-";
+    }
+  },
+  {
+    field: "phoneNumber",
+    header: "Phone",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.phoneNumber) ?? "-";
+    }
+  },
+  {
+    field: "position",
+    header: "Position",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.position) ?? "-";
+    }
+  },
+  {
+    field: "division",
+    header: "Division",
+    sortable: !0,
+    bodyTemplate(e) {
+      return (e == null ? void 0 : e.division) ?? "-";
+    }
+  }
+]), R = { class: "flex flex-col gap-2" }, W = {
+  key: 0,
+  class: "overflow-auto max-h-20 list-inside list-disc h-auto ml-2"
+}, Y = {
+  class: "flex justify-between items-center gap-1",
+  "data-ts-section": "dialog-asset-name-detail-action-group"
+}, q = { class: "" }, A = { class: "flex justify-end items-center gap-1" }, G = { class: "flex flex-col justify-end gap-1" }, H = {
+  key: 0,
+  class: "text-danger-500 text-[12px] font-light",
+  "data-ts-section": "warning-message"
+}, le = /* @__PURE__ */ S({
+  __name: "DialogSelectUser",
+  props: {
+    header: { default: "Select User" },
+    description: { default: "Select user" },
+    selectionType: {},
+    visible: { type: Boolean },
+    list: {},
+    selectButtonLabel: { default: "Select" },
+    fetchFunction: {},
+    fetchOptionFunction: {}
+  },
+  emits: ["update:visible", "selected"],
+  setup(e, { emit: g }) {
+    const t = e, m = g, p = $(() => t.visible), d = u(!1), b = u(), r = u([]), a = u(), k = z(), x = () => {
+      !r.value.length && !a.value ? d.value = !0 : (t.selectionType === "checkbox" ? m("selected", r.value) : m("selected", a.value), m("update:visible", !1));
+    }, w = () => {
+      r.value = [], a.value = void 0, d.value = !1;
+    }, T = async (o) => {
+      if (t.fetchFunction)
+        return await t.fetchFunction(o);
+    };
+    return C(
+      p,
+      async (o) => {
+        w(), o && t.fetchOptionFunction && (b.value = await t.fetchOptionFunction());
+      },
+      { immediate: !0 }
+    ), (o, l) => (c(), N(L, {
+      visible: p.value,
+      "onUpdate:visible": [
+        l[3] || (l[3] = (s) => p.value = s),
+        l[4] || (l[4] = (s) => m("update:visible", !!s))
+      ],
+      draggable: !1,
+      header: t.header,
+      class: "w-[800px]",
+      closable: "",
+      "data-ts-name": "dialog-asset-name-detail",
+      modal: ""
+    }, {
+      footer: v(() => [
+        P(o.$slots, "footer", {}, () => [
+          i("div", G, [
+            d.value ? (c(), f("span", H, " You must pick a user ")) : y("", !0),
+            i("div", null, [
+              n(_, {
+                onClick: l[2] || (l[2] = (s) => o.$emit("update:visible", !1)),
+                label: "Cancel",
+                severity: "dark",
+                text: ""
+              }),
+              n(_, {
+                label: t.selectButtonLabel,
+                onClick: x,
+                "data-ts-section": "select-button",
+                severity: "success"
+              }, null, 8, ["label"])
+            ])
+          ])
+        ])
+      ]),
+      default: v(() => [
+        i("div", R, [
+          t.list && t.list.length ? (c(), f("ul", W, [
+            (c(!0), f(U, null, D(t.list, (s, F) => (c(), f("li", { key: F }, h(s), 1))), 128))
+          ])) : y("", !0),
+          i("div", Y, [
+            i("div", q, h(o.description), 1),
+            i("div", A, [
+              n(j, { "table-name": "dialog-select-user-table" }),
+              n(O, { "table-name": "dialog-select-user-table" })
+            ])
+          ]),
+          n(V, {
+            "filter-options": b.value,
+            "table-name": "dialog-select-user-table"
+          }, null, 8, ["filter-options"]),
+          n(I, {
+            "selected-data": r.value,
+            "onUpdate:selectedData": l[0] || (l[0] = (s) => r.value = s),
+            columns: B(k),
+            "fetch-function": T,
+            rows: 10,
+            "selection-type": t.selectionType,
+            "use-option": !1,
+            onRowSelect: l[1] || (l[1] = (s) => {
+              d.value = !1, a.value = a.value ? void 0 : s.data;
+            }),
+            "data-key": "_id",
+            "disable-key": "",
+            lazy: "",
+            "table-name": "dialog-select-user-table",
+            "use-paginator": ""
+          }, null, 8, ["selected-data", "columns", "selection-type"])
+        ])
+      ]),
+      _: 3
+    }, 8, ["visible", "header"]));
+  }
+});
+export {
+  le as _
+};

package/{components/dialogselectuser → dialogselectuser}/options/columns.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'vue';
-import { TableColumn } from '../../../components/datatable/DataTable.vue.d';
+import { TableColumn } from '../../datatable';
 export declare const selectUserColumns: () => Ref<TableColumn[]>;

package/dialogselectuserfilter/index.es.js

@@ -0,0 +1,40 @@
+import { defineComponent as l, computed as n, createBlock as s, openBlock as p } from "vue";
+import { _ as a } from "../filtercontainer/index.es.js";
+const m = /* @__PURE__ */ l({
+  __name: "DialogSelectUserFilter",
+  props: {
+    tableName: {},
+    filterOptions: {}
+  },
+  setup(t) {
+    const i = t, o = n(() => [
+      {
+        type: "multiselect",
+        field: "position",
+        label: "Position",
+        placeholder: "Select position",
+        fetchOptionFn: () => {
+          var e;
+          return (e = i.filterOptions) == null ? void 0 : e.positionOptions;
+        }
+      },
+      {
+        type: "multiselect",
+        field: "division",
+        label: "Division",
+        placeholder: "Select division",
+        fetchOptionFn: () => {
+          var e;
+          return (e = i.filterOptions) == null ? void 0 : e.divisionOptions;
+        }
+      }
+    ]);
+    return (e, r) => (p(), s(a, {
+      fields: o.value,
+      "table-name": e.tableName
+    }, null, 8, ["fields", "table-name"]));
+  }
+});
+export {
+  m as _
+};

package/{components/dialogtransferlog/DialogTransferLog.vue.d.ts → dialogtransferlog/index.d.ts}

@@ -1,4 +1,4 @@
-import { ClassComponent } from '../../components/ts-helpers.d';
+import { ClassComponent } from '../ts-helpers.d';
 
 // You need to provide requestIds with Ref<string[]> to enable prev and next buttons
 

package/dialogtransferlog/index.es.js

@@ -0,0 +1,32 @@
+import { defineComponent as a, mergeModels as t, useModel as v, createBlock as l, unref as m, openBlock as n } from "vue";
+import { i as p } from "../utils/isBasic.util.es.js";
+import { _ as d } from "../dialogbasictransferlog/index.es.js";
+import { _ as b } from "../dialogfulltransferlog/index.es.js";
+const k = /* @__PURE__ */ a({
+  __name: "DialogTransferLog",
+  props: /* @__PURE__ */ t({
+    id: {},
+    visible: { type: Boolean }
+  }, {
+    visible: { type: Boolean },
+    visibleModifiers: {}
+  }),
+  emits: ["update:visible"],
+  setup(r) {
+    const i = v(r, "visible");
+    return (o, e) => m(p)() ? (n(), l(d, {
+      key: 0,
+      id: o.id,
+      visible: i.value,
+      "onUpdate:visible": e[0] || (e[0] = (s) => i.value = s)
+    }, null, 8, ["id", "visible"])) : (n(), l(b, {
+      key: 1,
+      id: o.id,
+      visible: i.value,
+      "onUpdate:visible": e[1] || (e[1] = (s) => i.value = s)
+    }, null, 8, ["id", "visible"]));
+  }
+});
+export {
+  k as _
+};

package/directives/focus.es.js

@@ -0,0 +1,13 @@
+import { nextTick as n } from "vue";
+const c = {
+  mounted: async (t) => {
+    const s = t.tagName.toLowerCase() === "input", e = t.tagName.toLowerCase() === "button";
+    n(() => {
+      var o;
+      s || e ? t.focus() : (o = t.querySelector("input")) == null || o.focus();
+    });
+  }
+};
+export {
+  c as F
+};

package/directives/index.d.ts

@@ -1 +1,2 @@
 export { default as Focus } from './focus';
+export { default as Tooltip } from './tooltip';

package/directives/index.es.js

@@ -0,0 +1,2 @@
+import "vue";
+import "../vendor/primevue/tooltip/tooltip.esm.es.js";

package/directives/tooltip.d.ts

@@ -0,0 +1 @@
+export { default } from 'primevue/tooltip';

package/directives/tooltip.es.js

@@ -0,0 +1 @@
+import "../vendor/primevue/tooltip/tooltip.esm.es.js";

package/disposalreport/index.d.ts

@@ -0,0 +1,15 @@
+import { Router } from 'vue-router';
+import { DisposalReason } from '@tagsamurai/fats-api-services/src/types/disposal.type';
+
+import { ClassComponent } from '../ts-helpers';
+
+export interface DisposalReportProps {
+  router: Router;
+  reason: DisposalReason;
+}
+
+export default class DisposalReport extends ClassComponent<
+  DisposalReportProps,
+  unknown,
+  unknown
+> {}

package/disposalreport/index.es.js

@@ -0,0 +1,32 @@
+import { defineComponent as s, createBlock as a, openBlock as r, withCtx as n, createElementVNode as e, createVNode as p, toDisplayString as i, unref as c, normalizeProps as l, guardReactiveProps as _ } from "vue";
+import { u as m } from "../plugins/basei18n.es.js";
+import { _ as d } from "../card/index.es.js";
+import { _ as f } from "../disposalreporttable/index.es.js";
+const u = {
+  class: "flex flex-col gap-3",
+  "data-ts-name": "disposalreport"
+}, g = {
+  class: "text-general-800 font-bold text-base leading-[21.86px] tracking-[0.02em]",
+  "data-ts-section": "pagetitle"
+}, v = /* @__PURE__ */ s({
+  __name: "DisposalReport",
+  props: {
+    router: {},
+    reason: {}
+  },
+  setup(x) {
+    const { t } = m();
+    return (o, h) => (r(), a(d, null, {
+      content: n(() => [
+        e("div", u, [
+          e("h2", g, i(c(t)("Asset Disposal")), 1),
+          p(f, l(_(o.$props)), null, 16)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  v as _
+};