@fewangsit/wangsvue-fats 1.0.1-rc.9 → 2.0.0-alpha.1

package/dialogselectuser/index.es.js

@@ -1,22 +1,21 @@
-import { ref as c, defineComponent as S, computed as U, watch as $, createBlock as C, openBlock as u, withCtx as v, createElementVNode as i, createElementBlock as f, createCommentVNode as y, createVNode as n, Fragment as N, renderList as B, toDisplayString as h, unref as D, renderSlot as P } from "vue";
-import { getImageURL as E } from "@tagsamurai/fats-api-services";
-import I from "../image/index.es.js";
-import { _ as g } from "../button/Button.es.js";
-import L from "../buttonfilter/index.es.js";
-import O from "../buttonsearch/index.es.js";
-import j from "../datatable/index.es.js";
-import V from "../dialog/index.es.js";
-import { _ as z } from "../dialogselectuserfilter/DialogSelectUserFilter.es.js";
-const R = () => c([
+import { ref as u, defineComponent as S, computed as $, watch as C, openBlock as c, createBlock as N, withCtx as v, createElementVNode as i, createElementBlock as f, Fragment as U, renderList as D, toDisplayString as y, createCommentVNode as h, createVNode as n, unref as B, renderSlot as P } from "vue";
+import { _ } from "../button/index.es.js";
+import { _ as E } from "../buttonfilter/index.es.js";
+import { _ as O } from "../buttonsearch/index.es.js";
+import { D as j } from "../datatable/index.es.js";
+import { _ as I } from "../dialog/index.es.js";
+import { _ as L } from "../dialogselectuserfilter/index.es.js";
+import { _ as V } from "../image/index.es.js";
+const z = () => u([
   {
     field: "profilePictureSmall",
     header: "Photo",
-    sortable: !0,
+    sortable: !1,
     bodyComponent(e) {
       return {
-        component: I,
+        component: V,
         props: {
-          src: E(e.profilePictureBig),
+          src: e.profilePicture,
           size: "small"
         }
       };
@@ -70,17 +69,17 @@ const R = () => c([
       return (e == null ? void 0 : e.division) ?? "-";
     }
   }
-]), W = { class: "flex flex-col gap-2" }, Y = {
+]), R = { class: "flex flex-col gap-2" }, W = {
   key: 0,
   class: "overflow-auto max-h-20 list-inside list-disc h-auto ml-2"
-}, q = {
+}, Y = {
   class: "flex justify-between items-center gap-1",
   "data-ts-section": "dialog-asset-name-detail-action-group"
-}, A = { class: "" }, G = { class: "flex justify-end items-center gap-1" }, H = { class: "flex flex-col justify-end gap-1" }, J = {
+}, 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",
+  class: "text-danger-500 dark:text-danger-300 text-[12px] font-light",
   "data-ts-section": "warning-message"
-}, oe = /* @__PURE__ */ S({
+}, le = /* @__PURE__ */ S({
   __name: "DialogSelectUser",
   props: {
     header: { default: "Select User" },
@@ -93,8 +92,8 @@ const R = () => c([
     fetchOptionFunction: {}
   },
   emits: ["update:visible", "selected"],
-  setup(e, { emit: _ }) {
-    const t = e, m = _, p = U(() => t.visible), d = c(!1), b = c(), r = c([]), a = c(), k = R(), x = () => {
+  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;
@@ -102,13 +101,13 @@ const R = () => c([
       if (t.fetchFunction)
         return await t.fetchFunction(o);
     };
-    return $(
+    return C(
       p,
       async (o) => {
         w(), o && t.fetchOptionFunction && (b.value = await t.fetchOptionFunction());
       },
       { immediate: !0 }
-    ), (o, l) => (u(), C(V, {
+    ), (o, l) => (c(), N(I, {
       visible: p.value,
       "onUpdate:visible": [
         l[3] || (l[3] = (s) => p.value = s),
@@ -123,16 +122,16 @@ const R = () => c([
     }, {
       footer: v(() => [
         P(o.$slots, "footer", {}, () => [
-          i("div", H, [
-            d.value ? (u(), f("span", J, " You must pick a user ")) : y("", !0),
+          i("div", G, [
+            d.value ? (c(), f("span", H, " You must pick a user ")) : h("", !0),
             i("div", null, [
-              n(g, {
+              n(_, {
                 onClick: l[2] || (l[2] = (s) => o.$emit("update:visible", !1)),
                 label: "Cancel",
                 severity: "dark",
                 text: ""
               }),
-              n(g, {
+              n(_, {
                 label: t.selectButtonLabel,
                 onClick: x,
                 "data-ts-section": "select-button",
@@ -143,25 +142,25 @@ const R = () => c([
         ])
       ]),
       default: v(() => [
-        i("div", W, [
-          t.list && t.list.length ? (u(), f("ul", Y, [
-            (u(!0), f(N, null, B(t.list, (s, F) => (u(), f("li", { key: F }, h(s), 1))), 128))
-          ])) : y("", !0),
-          i("div", q, [
-            i("div", A, h(o.description), 1),
-            i("div", G, [
+        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 }, y(s), 1))), 128))
+          ])) : h("", !0),
+          i("div", Y, [
+            i("div", q, y(o.description), 1),
+            i("div", A, [
               n(O, { "table-name": "dialog-select-user-table" }),
-              n(L, { "table-name": "dialog-select-user-table" })
+              n(E, { "table-name": "dialog-select-user-table" })
             ])
           ]),
-          n(z, {
+          n(L, {
             "filter-options": b.value,
             "table-name": "dialog-select-user-table"
           }, null, 8, ["filter-options"]),
           n(j, {
             "selected-data": r.value,
             "onUpdate:selectedData": l[0] || (l[0] = (s) => r.value = s),
-            columns: D(k),
+            columns: B(k),
             "fetch-function": T,
             rows: 10,
             "selection-type": t.selectionType,
@@ -182,5 +181,6 @@ const R = () => c([
   }
 });
 export {
-  oe as default
+  le as _
 };
+//# sourceMappingURL=index.es.js.map

package/dialogselectuser/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../components/dialogselectuser/options/columns.ts","../../components/dialogselectuser/DialogSelectUser.vue"],"sourcesContent":["import { Ref, ref } from 'vue';\n\nimport {\n  TableCellComponent,\n  TableColumn,\n} from 'lib/components/datatable/DataTable.vue.d';\nimport Image from 'lib/components/image/Image.vue';\n\nexport const selectUserColumns = (): Ref<TableColumn[]> => {\n  return ref<TableColumn[]>([\n    {\n      field: 'profilePictureSmall',\n      header: 'Photo',\n      sortable: false,\n      bodyComponent(data: any): TableCellComponent {\n        return {\n          component: Image,\n          props: {\n            src: data.profilePicture,\n            size: 'small',\n          },\n        };\n      },\n    },\n    {\n      field: 'fullName',\n      header: 'Name',\n      sortable: true,\n      bodyTemplate(data: any): string {\n        return data?.fullName ?? data?.name;\n      },\n    },\n    {\n      field: 'employeeId',\n      header: 'Empolyee ID',\n      sortable: true,\n      bodyTemplate(data: any): string {\n        return data?.employeeId ?? '-';\n      },\n    },\n    {\n      field: 'email',\n      header: 'Email',\n      sortable: true,\n      bodyTemplate(data: any): string {\n        return data?.email ?? '-';\n      },\n    },\n    {\n      field: 'phoneNumber',\n      header: 'Phone',\n      sortable: true,\n      bodyTemplate(data: any): string {\n        return data?.phoneNumber ?? '-';\n      },\n    },\n    {\n      field: 'position',\n      header: 'Position',\n      sortable: true,\n      bodyTemplate(data: any): string {\n        return data?.position ?? '-';\n      },\n    },\n    {\n      field: 'division',\n      header: 'Division',\n      sortable: true,\n      bodyTemplate(data: any): string {\n        return data?.division ?? '-';\n      },\n    },\n  ]);\n};\n","<script setup lang=\"ts\" generic=\"T extends 'single' | 'checkbox'\">\nimport { FetchListResponse } from '@fewangsit/workspace-api-services/src/types/FetchListResponse.type';\nimport { FetchUserOptionResponse } from '@tagsamurai/fats-api-services/src/dto/user.dto';\nimport { User } from '@tagsamurai/fats-api-services/src/types/user.type';\nimport { computed, ref, watch } from 'vue';\n\nimport Button from 'lib/components/button/Button.vue';\nimport ButtonFilter from 'lib/components/buttonfilter/ButtonFilter.vue';\nimport ButtonSearch from 'lib/components/buttonsearch/ButtonSearch.vue';\nimport DataTable from 'lib/components/datatable/DataTable.vue';\nimport { QueryParams } from 'lib/components/datatable/DataTable.vue.d';\nimport Dialog from 'lib/components/dialog/Dialog.vue';\n\nimport type {\n  DialogSelectUserEmits,\n  DialogSelectUserProps,\n  EmitSelectionValue,\n} from './DialogSelectUser.vue.d';\nimport DialogSelectUserFilter from './DialogSelectUserFilter.vue';\nimport { selectUserColumns } from './options/columns';\n\nconst props = withDefaults(\n  defineProps<DialogSelectUserProps & { selectionType: T }>(),\n  {\n    header: 'Select User',\n    description: 'Select user',\n    selectButtonLabel: 'Select',\n  },\n);\n\nconst emit = defineEmits<DialogSelectUserEmits<EmitSelectionValue[T]>>();\n\nconst visibility = computed(() => props.visible);\n\nconst showWarning = ref<boolean>(false);\nconst filterOptions = ref<FetchUserOptionResponse['data']>();\n\nconst selectedUsers = ref<User[]>([]);\nconst selectedUser = ref<User>();\n\nconst columns = selectUserColumns();\n\nconst selectUser = (): void => {\n  if (!selectedUsers.value.length && !selectedUser.value) {\n    // Object.keys handle object and array\n    showWarning.value = true;\n  } else {\n    if (props.selectionType === 'checkbox') {\n      emit('selected', selectedUsers.value as EmitSelectionValue[T]);\n    } else {\n      emit('selected', selectedUser.value as EmitSelectionValue[T]);\n    }\n\n    emit('update:visible', false);\n  }\n};\n\nconst resetState = (): void => {\n  selectedUsers.value = [];\n  selectedUser.value = undefined;\n  showWarning.value = false;\n};\n\nconst bindFetchFunction = async (\n  params: QueryParams,\n): Promise<FetchListResponse | undefined> => {\n  if (props.fetchFunction) {\n    return await props.fetchFunction(params);\n  }\n};\n\nwatch(\n  visibility,\n  async (value) => {\n    resetState();\n    if (value && props.fetchOptionFunction) {\n      filterOptions.value = await props.fetchOptionFunction();\n    }\n  },\n  { immediate: true },\n);\n</script>\n\n<template>\n  <Dialog\n    v-model:visible=\"visibility\"\n    :draggable=\"false\"\n    :header=\"props.header\"\n    @update:visible=\"emit('update:visible', !!$event)\"\n    class=\"w-[800px]\"\n    closable\n    data-ts-name=\"dialog-asset-name-detail\"\n    modal\n  >\n    <div class=\"flex flex-col gap-2\">\n      <ul\n        v-if=\"props.list && props.list.length\"\n        class=\"overflow-auto max-h-20 list-inside list-disc h-auto ml-2\"\n      >\n        <li :key=\"index\" v-for=\"(item, index) in props.list\">\n          {{ item }}\n        </li>\n      </ul>\n\n      <div\n        class=\"flex justify-between items-center gap-1\"\n        data-ts-section=\"dialog-asset-name-detail-action-group\"\n      >\n        <div class=\"\">{{ description }}</div>\n\n        <div class=\"flex justify-end items-center gap-1\">\n          <ButtonSearch table-name=\"dialog-select-user-table\" />\n\n          <ButtonFilter table-name=\"dialog-select-user-table\" />\n        </div>\n      </div>\n\n      <DialogSelectUserFilter\n        :filter-options=\"filterOptions\"\n        table-name=\"dialog-select-user-table\"\n      />\n\n      <DataTable\n        v-model:selected-data=\"selectedUsers\"\n        :columns=\"columns\"\n        :fetch-function=\"bindFetchFunction\"\n        :rows=\"10\"\n        :selection-type=\"props.selectionType\"\n        :use-option=\"false\"\n        @row-select=\"\n          (e) => {\n            showWarning = false;\n            selectedUser = selectedUser ? undefined : e.data;\n          }\n        \"\n        data-key=\"_id\"\n        disable-key=\"\"\n        lazy\n        table-name=\"dialog-select-user-table\"\n        use-paginator\n      />\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex flex-col justify-end gap-1\">\n          <span\n            v-if=\"showWarning\"\n            class=\"text-danger-500 dark:text-danger-300 text-[12px] font-light\"\n            data-ts-section=\"warning-message\"\n          >\n            You must pick a user\n          </span>\n\n          <div>\n            <Button\n              @click=\"$emit('update:visible', false)\"\n              label=\"Cancel\"\n              severity=\"dark\"\n              text\n            />\n\n            <Button\n              :label=\"props.selectButtonLabel\"\n              @click=\"selectUser\"\n              data-ts-section=\"select-button\"\n              severity=\"success\"\n            />\n          </div>\n        </div>\n      </slot>\n    </template>\n  </Dialog>\n</template>\n"],"names":["selectUserColumns","ref","data","Image","props","__props","emit","__emit","visibility","computed","showWarning","filterOptions","selectedUsers","selectedUser","columns","selectUser","resetState","bindFetchFunction","params","watch","value"],"mappings":";;;;;;;;AAQO,MAAMA,IAAoB,MACxBC,EAAmB;AAAA,EACxB;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,cAAcC,GAA+B;AAC3C,aAAO;AAAA,QACL,WAAWC;AAAAA,QACX,OAAO;AAAA,UACL,KAAKD,EAAK;AAAA,UACV,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IAEJ;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAaA,GAAmB;AAC9B,cAAOA,KAAA,gBAAAA,EAAM,cAAYA,KAAA,gBAAAA,EAAM;AAAA,IACjC;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAaA,GAAmB;AAC9B,cAAOA,KAAA,gBAAAA,EAAM,eAAc;AAAA,IAC7B;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAaA,GAAmB;AAC9B,cAAOA,KAAA,gBAAAA,EAAM,UAAS;AAAA,IACxB;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAaA,GAAmB;AAC9B,cAAOA,KAAA,gBAAAA,EAAM,gBAAe;AAAA,IAC9B;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAaA,GAAmB;AAC9B,cAAOA,KAAA,gBAAAA,EAAM,aAAY;AAAA,IAC3B;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAaA,GAAmB;AAC9B,cAAOA,KAAA,gBAAAA,EAAM,aAAY;AAAA,IAC3B;AAAA,EAAA;AACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;ACnDH,UAAME,IAAQC,GASRC,IAAOC,GAEPC,IAAaC,EAAS,MAAML,EAAM,OAAO,GAEzCM,IAAcT,EAAa,EAAK,GAChCU,IAAgBV,EAAA,GAEhBW,IAAgBX,EAAY,EAAE,GAC9BY,IAAeZ,EAAA,GAEfa,IAAUd,EAAA,GAEVe,IAAa,MAAY;AAC7B,MAAI,CAACH,EAAc,MAAM,UAAU,CAACC,EAAa,QAE/CH,EAAY,QAAQ,MAEhBN,EAAM,kBAAkB,aAC1BE,EAAK,YAAYM,EAAc,KAA8B,IAE7DN,EAAK,YAAYO,EAAa,KAA8B,GAG9DP,EAAK,kBAAkB,EAAK;AAAA,IAEhC,GAEMU,IAAa,MAAY;AAC7B,MAAAJ,EAAc,QAAQ,CAAA,GACtBC,EAAa,QAAQ,QACrBH,EAAY,QAAQ;AAAA,IACtB,GAEMO,IAAoB,OACxBC,MAC2C;AAC3C,UAAId,EAAM;AACR,eAAO,MAAMA,EAAM,cAAcc,CAAM;AAAA,IAE3C;AAEA,WAAAC;AAAA,MACEX;AAAA,MACA,OAAOY,MAAU;AACf,QAAAJ,EAAA,GACII,KAAShB,EAAM,wBACjBO,EAAc,QAAQ,MAAMP,EAAM,oBAAA;AAAA,MAEtC;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dialogselectuserfilter/index.es.js

@@ -0,0 +1,41 @@
+import { defineComponent as l, computed as n, openBlock as s, createBlock 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) => (s(), p(a, {
+      fields: o.value,
+      "table-name": e.tableName
+    }, null, 8, ["fields", "table-name"]));
+  }
+});
+export {
+  m as _
+};
+//# sourceMappingURL=index.es.js.map

package/dialogselectuserfilter/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../components/dialogselectuser/DialogSelectUserFilter.vue"],"sourcesContent":["<!-- eslint-disable @typescript-eslint/no-explicit-any -->\n<script setup lang=\"ts\">\nimport { FetchUserRoleOptionResponse } from '@tagsamurai/fats-api-services/src/dto/role.dto';\nimport { computed } from 'vue';\n\nimport { Option } from 'lib/components/dropdown/Dropdown.vue.d';\n\nimport FilterContainer from '../filtercontainer/FilterContainer.vue';\nimport { FilterField } from '../filtercontainer/FilterContainer.vue.d';\n\nconst props = defineProps<{\n  tableName: string;\n  filterOptions?: FetchUserRoleOptionResponse['data'];\n}>();\n\nconst fields = computed<FilterField[]>(() => {\n  return [\n    {\n      type: 'multiselect',\n      field: 'position',\n      label: 'Position',\n      placeholder: 'Select position',\n      fetchOptionFn: (): Option[] =>\n        props.filterOptions?.['positionOptions'] as Option[],\n    },\n    {\n      type: 'multiselect',\n      field: 'division',\n      label: 'Division',\n      placeholder: 'Select division',\n      fetchOptionFn: (): Option[] =>\n        props.filterOptions?.['divisionOptions'] as Option[],\n    },\n  ];\n});\n</script>\n\n<template>\n  <FilterContainer :fields=\"fields\" :table-name=\"tableName\" />\n</template>\n"],"names":["props","__props","fields","computed","_a"],"mappings":";;;;;;;;;AAUA,UAAMA,IAAQC,GAKRC,IAASC,EAAwB,MAC9B;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,aAAa;AAAA,QACb,eAAe,MAAA;;AACb,kBAAAC,IAAAJ,EAAM,kBAAN,gBAAAI,EAAsB;AAAA;AAAA,MAAiB;AAAA,MAE3C;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,aAAa;AAAA,QACb,eAAe,MAAA;;AACb,kBAAAA,IAAAJ,EAAM,kBAAN,gBAAAI,EAAsB;AAAA;AAAA,MAAiB;AAAA,IAC3C,CAEH;;;;;;;"}

package/dialogtransferlog/index.es.js

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

package/dialogtransferlog/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../components/dialogtransferlog/DialogTransferLog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport DialogBasicTransferLog from './DialogBasicTransferLog.vue';\nimport DialogFullTransferLog from './DialogFullTransferLog.vue';\nimport { DialogTransferLogProps } from './DialogTransferLog.vue.d';\nimport { isBasic } from '../../utils/isBasic.util';\n\ndefineProps<DialogTransferLogProps>();\n\nconst visible = defineModel<boolean>('visible');\n</script>\n\n<template>\n  <DialogBasicTransferLog :id v-if=\"isBasic()\" v-model:visible=\"visible\" />\n\n  <DialogFullTransferLog :id v-else v-model:visible=\"visible\" />\n</template>\n"],"names":["visible","_useModel","__props"],"mappings":";;;;;;;;;;;;;;;AAQA,UAAMA,IAAUC,EAAoBC,GAAC,SAAS;;;;;;;;;;;;;;"}

package/directives/focus.es.js

@@ -1,5 +1,5 @@
 import { nextTick as n } from "vue";
-const a = {
+const c = {
   mounted: async (t) => {
     const s = t.tagName.toLowerCase() === "input", e = t.tagName.toLowerCase() === "button";
     n(() => {
@@ -9,5 +9,6 @@ const a = {
   }
 };
 export {
-  a as default
+  c as F
 };
+//# sourceMappingURL=focus.es.js.map

package/directives/focus.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.es.js","sources":["../../../../library/directives/focus.ts"],"sourcesContent":["import { nextTick } from 'vue';\n\n/**\n * This directive is used to focus the html input on a component.\n */\n\nconst Focus = {\n  mounted: async (el: HTMLElement): Promise<void> => {\n    const isInput = el.tagName.toLowerCase() === 'input';\n    const isButton = el.tagName.toLowerCase() === 'button';\n\n    nextTick(() => {\n      if (isInput || isButton) {\n        el.focus();\n      } else {\n        el.querySelector('input')?.focus();\n      }\n    });\n  },\n};\n\nexport default Focus;\n"],"names":["Focus","el","isInput","isButton","nextTick","_a"],"mappings":";AAMA,MAAMA,IAAQ;AAAA,EACZ,SAAS,OAAOC,MAAmC;AACjD,UAAMC,IAAUD,EAAG,QAAQ,YAAA,MAAkB,SACvCE,IAAWF,EAAG,QAAQ,YAAA,MAAkB;AAE9C,IAAAG,EAAS,MAAM;;AACb,MAAIF,KAAWC,IACbF,EAAG,MAAA,KAEHI,IAAAJ,EAAG,cAAc,OAAO,MAAxB,QAAAI,EAA2B;AAAA,IAE/B,CAAC;AAAA,EACH;AACF;"}

package/directives/index.es.js

@@ -0,0 +1,3 @@
+import "vue";
+import "../vendor/primevue/tooltip/tooltip.esm.es.js";
+//# sourceMappingURL=index.es.js.map

package/directives/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/directives/tooltip.es.js

@@ -1,4 +1,2 @@
-import { T as f } from "../vendor/primevue/tooltip/tooltip.esm.es.js";
-export {
-  f as default
-};
+import "../vendor/primevue/tooltip/tooltip.esm.es.js";
+//# sourceMappingURL=tooltip.es.js.map

package/directives/tooltip.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/disposalreport/index.d.ts

@@ -1,13 +1,67 @@
-import { Router } from 'vue-router';
 import { DisposalReason } from '@tagsamurai/fats-api-services/src/types/disposal.type';
+import { Router } from 'vue-router';
 
 import { ClassComponent } from '../ts-helpers';
 
+type Option = {
+  label?: string;
+  value?: string;
+};
+
+type AssetProperty = {
+  _id: string;
+  name: string;
+  key: number;
+};
+
 export interface DisposalReportProps {
   router: Router;
   reason: DisposalReason;
+  from: 'damage' | 'missing' | 'all';
 }
 
+/**
+ * Type of the selected data, it refers to data response from Asset API.
+ */
+export interface Asset {
+  _id?: string;
+  asset?: string;
+  name?: {
+    _id: string;
+    nameWithSequence: string;
+    name: string;
+    key: number;
+  };
+  assetName?: {
+    _id: string;
+    nameWithSequence: string;
+    name: string;
+    key: number;
+  };
+  tagType?: string;
+  status?: string;
+  category?: AssetProperty;
+  group?: AssetProperty;
+  assetGroup?: AssetProperty;
+  assetBrand?: AssetProperty;
+  assetModel?: AssetProperty;
+  brand?: AssetProperty;
+  model?: AssetProperty;
+  assetImage?: string;
+  damageImage?: string;
+}
+
+export type FilterOptions = {
+  assetNameOptions?: Option[];
+  assetBrandOptions?: Option[];
+  assetModelOptions?: Option[];
+  assetGroupOptions?: Option[];
+  nameOptions?: Option[];
+  brandOptions?: Option[];
+  modelOptions?: Option[];
+  groupOptions?: Option[];
+};
+
 export default class DisposalReport extends ClassComponent<
   DisposalReportProps,
   unknown,

package/disposalreport/index.es.js

@@ -1,26 +1,29 @@
-import { defineComponent as s, createBlock as a, openBlock as r, withCtx as n, createElementVNode as e, createVNode as p, toDisplayString as i, unref as l, normalizeProps as c, guardReactiveProps as m } from "vue";
-import { u as _ } from "../plugins/basei18n.es.js";
-import d from "../card/index.es.js";
-import { _ as f } from "../disposalreporttable/DisposalReportTable.es.js";
+import { defineComponent as r, openBlock as a, createBlock as n, withCtx as p, createElementVNode as o, toDisplayString as i, unref as e, createVNode as l, normalizeProps as c, guardReactiveProps as m } from "vue";
+import { _ } from "../disposalreporttable/index.es.js";
+import { _ as f } from "../card/index.es.js";
+import { a as d } from "../plugins/basei18n.es.js";
+import { g } from "../utils/role.util.es.js";
+import "../event-bus/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]",
+}, x = {
+  class: "text-general-800 dark:text-general-200 font-bold text-base leading-[21.86px] tracking-[0.02em]",
   "data-ts-section": "pagetitle"
-}, v = /* @__PURE__ */ s({
+}, v = /* @__PURE__ */ r({
   __name: "DisposalReport",
   props: {
     router: {},
-    reason: {}
+    reason: {},
+    from: {}
   },
-  setup(x) {
-    const { t } = _();
-    return (o, h) => (r(), a(d, null, {
-      content: n(() => [
-        e("div", u, [
-          e("h2", g, i(l(t)("Asset Disposal")), 1),
-          p(f, c(m(o.$props)), null, 16)
+  setup(h) {
+    const { t } = d();
+    return (s, k) => (a(), n(f, null, {
+      content: p(() => [
+        o("div", u, [
+          o("h2", x, i(e(g)() === "Basic" ? e(t)("Report Disposal") : e(t)("Asset Disposal")), 1),
+          l(_, c(m(s.$props)), null, 16)
         ])
       ]),
       _: 1
@@ -28,5 +31,6 @@ const u = {
   }
 });
 export {
-  v as default
+  v as _
 };
+//# sourceMappingURL=index.es.js.map

package/disposalreport/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../components/disposalreport/DisposalReport.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DisposalReportProps } from './DisposalReport.vue.d';\nimport DisposalReportTable from './DisposalReportTable.vue';\nimport Card from '../../../../library/components/card/Card.vue';\nimport { useI18n } from '../../../../library/plugins/basei18n';\nimport { getUserPlan } from '../../utils';\n\ndefineProps<DisposalReportProps>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <Card>\n    <template #content>\n      <div class=\"flex flex-col gap-3\" data-ts-name=\"disposalreport\">\n        <h2\n          class=\"text-general-800 dark:text-general-200 font-bold text-base leading-[21.86px] tracking-[0.02em]\"\n          data-ts-section=\"pagetitle\"\n        >\n          {{\n            getUserPlan() === 'Basic'\n              ? t('Report Disposal')\n              : t('Asset Disposal')\n          }}\n        </h2>\n\n        <DisposalReportTable v-bind=\"$props\" />\n      </div>\n    </template>\n  </Card>\n</template>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;AASA,UAAM,EAAE,EAAA,IAAMA,EAAA;;;;;;;;;;;;"}

package/disposalreportbulkaction/index.es.js

@@ -0,0 +1,83 @@
+import { defineComponent as _, ref as x, shallowRef as u, openBlock as d, createElementBlock as h, Fragment as w, createVNode as v, mergeProps as R, withCtx as k, unref as l, createBlock as B, createCommentVNode as V } from "vue";
+import { _ as y } from "../buttonbulkaction/index.es.js";
+import { _ as A } from "../dialogconfirm/index.es.js";
+import { _ as C } from "../textarea/index.es.js";
+import { e as c } from "../event-bus/index.es.js";
+import { a as D } from "../plugins/basei18n.es.js";
+const S = /* @__PURE__ */ _({
+  __name: "DisposalReportBulkAction",
+  props: {
+    tableName: {}
+  },
+  emits: ["noted", "removed"],
+  setup(p, { emit: b }) {
+    const r = p, s = b, { t: e } = D(), o = x([]), n = u(!1), m = u(), f = [
+      {
+        label: e("Note"),
+        icon: "note",
+        useAdditionSlot: !0,
+        command: () => {
+          s("noted", o.value, m.value), c.emit("data-table:clear-selected-data", {
+            tableName: r.tableName
+          }), m.value = void 0;
+        }
+      },
+      {
+        label: e("Remove from List"),
+        icon: "delete-bin",
+        danger: !0,
+        command: () => {
+          n.value = !0;
+        }
+      }
+    ], g = () => {
+      s("removed", o.value), c.emit("data-table:clear-selected-data", {
+        tableName: r.tableName
+      });
+    };
+    return (i, t) => (d(), h(w, null, [
+      v(y, R({
+        "selected-data": o.value,
+        "onUpdate:selectedData": t[1] || (t[1] = (a) => o.value = a)
+      }, i.$attrs, {
+        options: f,
+        "table-name": i.tableName,
+        naming: "Asset(s)"
+      }), {
+        addition: k(({ selectedOption: a }) => [
+          (a == null ? void 0 : a.label) === l(e)("Note") ? (d(), B(C, {
+            key: 0,
+            modelValue: m.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (N) => m.value = N),
+            maxlength: 30,
+            placeholder: l(e)("Enter note"),
+            rows: 1,
+            "textarea-pt": {
+              root: {
+                maxlength: 30
+              }
+            },
+            class: "!max-w-[250px]",
+            "prevent-input-on-max-length": ""
+          }, null, 8, ["modelValue", "placeholder"])) : V("", !0)
+        ]),
+        _: 1
+      }, 16, ["selected-data", "table-name"]),
+      v(A, {
+        visible: n.value,
+        "onUpdate:visible": t[2] || (t[2] = (a) => n.value = a),
+        "confirm-label": l(e)("Remove"),
+        header: l(e)("Remove from List"),
+        list: o.value,
+        message: l(e)("Are you sure you want to remove it?"),
+        onConfirm: g,
+        "list-label": "name.nameWithSequence",
+        severity: "danger"
+      }, null, 8, ["visible", "confirm-label", "header", "list", "message"])
+    ], 64));
+  }
+});
+export {
+  S as _
+};
+//# sourceMappingURL=index.es.js.map

package/disposalreportbulkaction/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../components/disposalreport/DisposalReportBulkAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AssetDataType } from '@tagsamurai/fats-api-services/src/types/asset.type';\nimport { ref, shallowRef } from 'vue';\n\nimport ButtonBulkAction from '../../../../library/components/buttonbulkaction/ButtonBulkAction.vue';\nimport DialogConfirm from '../../../../library/components/dialogconfirm/DialogConfirm.vue';\nimport { MenuItem } from '../../../../library/components/menuitem';\nimport Textarea from '../../../../library/components/textarea/Textarea.vue';\nimport eventBus from '../../../../library/event-bus';\nimport { useI18n } from '../../../../library/plugins/basei18n';\n\nconst props = defineProps<{\n  tableName: string;\n}>();\n\nconst emit = defineEmits<{\n  noted: [assets: AssetDataType[], note?: string];\n  removed: [assets: AssetDataType[]];\n}>();\n\nconst { t } = useI18n();\n\nconst selectedData = ref<AssetDataType[]>([]);\n\nconst showRemoveDialog = shallowRef<boolean>(false);\nconst noteInput = shallowRef<string>();\n\nconst options: MenuItem[] = [\n  {\n    label: t('Note'),\n    icon: 'note',\n    useAdditionSlot: true,\n    command: (): void => {\n      emit('noted', selectedData.value, noteInput.value);\n\n      eventBus.emit('data-table:clear-selected-data', {\n        tableName: props.tableName,\n      });\n\n      noteInput.value = undefined;\n    },\n  },\n  {\n    label: t('Remove from List'),\n    icon: 'delete-bin',\n    danger: true,\n    command: (): void => {\n      showRemoveDialog.value = true;\n    },\n  },\n];\n\nconst removeFromList = (): void => {\n  emit('removed', selectedData.value);\n\n  eventBus.emit('data-table:clear-selected-data', {\n    tableName: props.tableName,\n  });\n};\n</script>\n\n<template>\n  <ButtonBulkAction\n    v-model:selected-data=\"selectedData\"\n    v-bind=\"$attrs\"\n    :options=\"options\"\n    :table-name\n    naming=\"Asset(s)\"\n  >\n    <template #addition=\"{ selectedOption }\">\n      <Textarea\n        v-if=\"selectedOption?.label === t('Note')\"\n        v-model=\"noteInput\"\n        :maxlength=\"30\"\n        :placeholder=\"t('Enter note')\"\n        :rows=\"1\"\n        :textarea-pt=\"{\n          root: {\n            maxlength: 30,\n          },\n        }\"\n        class=\"!max-w-[250px]\"\n        prevent-input-on-max-length\n      />\n    </template>\n  </ButtonBulkAction>\n\n  <DialogConfirm\n    v-model:visible=\"showRemoveDialog\"\n    :confirm-label=\"t('Remove')\"\n    :header=\"t('Remove from List')\"\n    :list=\"selectedData\"\n    :message=\"t('Are you sure you want to remove it?')\"\n    @confirm=\"removeFromList\"\n    list-label=\"name.nameWithSequence\"\n    severity=\"danger\"\n  />\n</template>\n"],"names":["props","__props","emit","__emit","t","useI18n","selectedData","ref","showRemoveDialog","shallowRef","noteInput","options","eventBus","removeFromList"],"mappings":";;;;;;;;;;;;;AAWA,UAAMA,IAAQC,GAIRC,IAAOC,GAKP,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAERC,IAAeC,EAAqB,EAAE,GAEtCC,IAAmBC,EAAoB,EAAK,GAC5CC,IAAYD,EAAA,GAEZE,IAAsB;AAAA,MAC1B;AAAA,QACE,OAAOP,EAAE,MAAM;AAAA,QACf,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,SAAS,MAAY;AACnB,UAAAF,EAAK,SAASI,EAAa,OAAOI,EAAU,KAAK,GAEjDE,EAAS,KAAK,kCAAkC;AAAA,YAC9C,WAAWZ,EAAM;AAAA,UAAA,CAClB,GAEDU,EAAU,QAAQ;AAAA,QACpB;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,OAAON,EAAE,kBAAkB;AAAA,QAC3B,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS,MAAY;AACnB,UAAAI,EAAiB,QAAQ;AAAA,QAC3B;AAAA,MAAA;AAAA,IACF,GAGIK,IAAiB,MAAY;AACjC,MAAAX,EAAK,WAAWI,EAAa,KAAK,GAElCM,EAAS,KAAK,kCAAkC;AAAA,QAC9C,WAAWZ,EAAM;AAAA,MAAA,CAClB;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}