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

package/dialogreportmissing/index.es.js

@@ -1,11 +1,13 @@
-import { defineComponent as x, computed as r, ref as k, createBlock as g, openBlock as b, withCtx as l, createElementVNode as o, createVNode as y, createTextVNode as R, toDisplayString as v } from "vue";
+import { defineComponent as x, computed as r, ref as k, openBlock as f, createBlock as b, withCtx as l, createElementVNode as o, unref as R, createVNode as y, toDisplayString as v, createTextVNode as B } from "vue";
 import { TrackingServices as C, MissingServices as $ } from "@tagsamurai/fats-api-services";
-import { u as B, _ as F } from "../assetinfo/AssetInfo.es.js";
-import { u as N } from "../utils/toast.util.es.js";
-import A from "../dialogconfirm/index.es.js";
-import E from "../dialogform/index.es.js";
-import I from "../textarea/index.es.js";
-const V = { class: "font-bold" }, T = { class: "flex flex-col gap-3" }, j = /* @__PURE__ */ x({
+import { _ as F } from "../dialogconfirm/index.es.js";
+import { _ as N } from "../dialogform/index.es.js";
+import { u as A } from "../plugins/basei18n.es.js";
+import { _ as E } from "../textarea/index.es.js";
+import { g as I } from "../utils/role.util.es.js";
+import { u as U } from "../utils/toast.util.es.js";
+import { _ as V } from "../assetinfo/index.es.js";
+const T = { class: "font-bold" }, W = { class: "flex flex-col gap-3" }, K = /* @__PURE__ */ x({
   __name: "DialogReportMissing",
   props: {
     id: {},
@@ -18,8 +20,8 @@ const V = { class: "font-bold" }, T = { class: "flex flex-col gap-3" }, j = /* @
     submitFunction: { type: Function }
   },
   emits: ["update:visible", "reported"],
-  setup(M, { emit: _ }) {
-    const e = M, n = _, { setLoading: m } = B(), a = N(), p = r(() => e.visible), h = r(
+  setup(_, { emit: M }) {
+    const e = _, a = M, { setLoading: m } = A(), n = U(), p = r(() => e.visible), h = r(
       () => e.permanentlyMissing ? "Report Permanently Missing" : "Report Missing"
     ), S = r(
       () => e.permanentlyMissing ? "Report as Permanenly Missing" : "Report Missing Asset"
@@ -31,24 +33,24 @@ const V = { class: "font-bold" }, T = { class: "flex flex-col gap-3" }, j = /* @
           reportSource: e.reportSource
         }, t = e.permanentlyMissing ? "Success, asset has been reported as permanently missing." : "Success, missing asset has been reported.";
         if (e.submitWithoutApi)
-          a.add({ message: e.successMessage ?? t }), n("reported", s), n("update:visible", !1);
+          n.add({ message: e.successMessage ?? t }), a("reported", s), a("update:visible", !1);
         else if (e.submitFunction)
-          await e.submitFunction(s) && (a.add({ message: e.successMessage ?? t }), n("reported"), n("update:visible", !1));
+          await e.submitFunction(s) && (n.add({ message: e.successMessage ?? t }), a("reported"), a("update:visible", !1));
         else {
           const { data: i } = e.permanentlyMissing ? await C.putReportPermanentlyMissing(
             e.trackingId ?? "",
             s
           ) : await $.putReportMissing(e.id, s);
-          i && (a.add({ message: e.successMessage ?? t }), n("reported"), n("update:visible", !1));
+          i && (n.add({ message: e.successMessage ?? t }), a("reported"), a("update:visible", !1));
         }
       } catch (s) {
         const t = e.permanentlyMissing ? "Error, failed to report asset as permanently missing." : "Error, failed to report missing asset.";
-        a.add({ error: s, message: t });
+        n.add({ error: s, message: t });
       } finally {
         m(!1);
       }
     };
-    return (c, s) => (b(), g(E, {
+    return (c, s) => (f(), b(N, {
       visible: p.value,
       "onUpdate:visible": s[0] || (s[0] = (t) => p.value = t),
       "buttons-template": ["cancel", "submit"],
@@ -56,14 +58,14 @@ const V = { class: "font-bold" }, T = { class: "flex flex-col gap-3" }, j = /* @
       "reset-after-submit": !1,
       "show-stay-checkbox": !1,
       "use-clear-btn": !1,
-      onClose: s[1] || (s[1] = (t) => n("update:visible", !1)),
+      onClose: s[1] || (s[1] = (t) => a("update:visible", !1)),
       action: "Submit",
       closable: "",
       "data-ts-name": "report-missing",
       width: "large"
     }, {
       confirm: l((t) => [
-        y(A, {
+        y(F, {
           header: S.value,
           visible: t.visible,
           onConfirm: (i) => t.submit(w),
@@ -73,11 +75,11 @@ const V = { class: "font-bold" }, T = { class: "flex flex-col gap-3" }, j = /* @
           severity: "danger"
         }, {
           body: l(() => {
-            var i, u, f;
+            var i, u, g;
             return [
               o("p", null, [
-                o("span", V, v(((f = (u = (i = d.value) == null ? void 0 : i.asset) == null ? void 0 : u.name) == null ? void 0 : f.nameWithSequence) ?? "-"), 1),
-                R(" will be reported as " + v(e.permanentlyMissing ? "permanently missing asset" : "missing asset") + ". ", 1)
+                o("span", T, v(((g = (u = (i = d.value) == null ? void 0 : i.asset) == null ? void 0 : u.name) == null ? void 0 : g.nameWithSequence) ?? "-"), 1),
+                B(" will be reported as " + v(e.permanentlyMissing ? "permanently missing asset" : "missing asset") + ". ", 1)
               ]),
               s[2] || (s[2] = o("p", null, "Are you sure you want to report it?", -1))
             ];
@@ -86,16 +88,17 @@ const V = { class: "font-bold" }, T = { class: "flex flex-col gap-3" }, j = /* @
         }, 1032, ["header", "visible", "onConfirm", "onUpdate:visible"])
       ]),
       fields: l(() => [
-        o("div", T, [
-          (b(), g(F, {
+        o("div", W, [
+          (f(), b(V, {
             id: e.id,
             key: e.id,
             ref_key: "assetInfo",
-            ref: d
-          }, null, 8, ["id"])),
-          y(I, {
+            ref: d,
+            "use-tag-type": R(I)() !== "Basic"
+          }, null, 8, ["id", "use-tag-type"])),
+          y(E, {
             "custom-validation": { empty: "Note must not be empty" },
-            "max-length": 120,
+            maxlength: 120,
             rows: 3,
             "data-ts-section": "notes-input",
             "field-name": "notes",
@@ -112,5 +115,6 @@ const V = { class: "font-bold" }, T = { class: "flex flex-col gap-3" }, j = /* @
   }
 });
 export {
-  j as default
+  K as _
 };
+//# sourceMappingURL=index.es.js.map

package/dialogreportmissing/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../components/dialogreportmissing/DialogReportMissing.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  MissingServices,\n  TrackingServices,\n} from '@tagsamurai/fats-api-services';\nimport { computed, ref } from 'vue';\n\nimport DialogConfirm from 'lib/components/dialogconfirm/DialogConfirm.vue';\nimport DialogForm from 'lib/components/dialogform/DialogForm.vue';\nimport { DialogFormPayload } from 'lib/components/dialogform/DialogForm.vue.d';\nimport useLoadingStore from 'lib/components/loading/store';\nimport Textarea from 'lib/components/textarea/Textarea.vue';\n\nimport {\n  DialogReportMissingEmits,\n  DialogReportMissingProps,\n} from './DialogReportMissing.vue.d';\nimport { getUserPlan } from '../../utils';\nimport useToast from '../../utils/toast.util';\nimport AssetInfo from '../assetinfo/AssetInfo.vue';\n\nconst props = defineProps<DialogReportMissingProps>();\n\nconst emit = defineEmits<DialogReportMissingEmits>();\n\nconst { setLoading } = useLoadingStore();\n\nconst toast = useToast();\n\nconst visibility = computed(() => props.visible);\nconst dialogHeader = computed(() =>\n  props.permanentlyMissing ? 'Report Permanently Missing' : 'Report Missing',\n);\nconst dialogConfirmHeader = computed(() =>\n  props.permanentlyMissing\n    ? 'Report as Permanenly Missing'\n    : 'Report Missing Asset',\n);\n\nconst assetInfo = ref<any>();\n\n/**\n * This function handle the form submission.\n *\n * @param payload {DialogFormPayload}\n */\nconst submitForm = async (payload: DialogFormPayload): Promise<void> => {\n  try {\n    setLoading(true);\n    const body = {\n      notes: payload.formValues.notes as string,\n      reportSource: props.reportSource,\n    };\n    const message = props.permanentlyMissing\n      ? 'Success, asset has been reported as permanently missing.'\n      : 'Success, missing asset has been reported.';\n\n    if (props.submitWithoutApi) {\n      toast.add({ message: props.successMessage ?? message });\n      emit('reported', body);\n      emit('update:visible', false);\n    } else if (props.submitFunction) {\n      const response = await props.submitFunction(body);\n      if (response) {\n        toast.add({ message: props.successMessage ?? message });\n        emit('reported');\n        emit('update:visible', false);\n      }\n    } else {\n      const { data } = props.permanentlyMissing\n        ? await TrackingServices.putReportPermanentlyMissing(\n            props.trackingId ?? '',\n            body,\n          )\n        : await MissingServices.putReportMissing(props.id, body);\n      if (data) {\n        toast.add({ message: props.successMessage ?? message });\n\n        emit('reported');\n        emit('update:visible', false);\n      }\n    }\n  } catch (error) {\n    const message = props.permanentlyMissing\n      ? 'Error, failed to report asset as permanently missing.'\n      : 'Error, failed to report missing asset.';\n    toast.add({ error, message });\n  } finally {\n    setLoading(false);\n  }\n};\n</script>\n\n<template>\n  <DialogForm\n    v-model:visible=\"visibility\"\n    :buttons-template=\"['cancel', 'submit']\"\n    :header=\"dialogHeader\"\n    :reset-after-submit=\"false\"\n    :show-stay-checkbox=\"false\"\n    :use-clear-btn=\"false\"\n    @close=\"emit('update:visible', false)\"\n    action=\"Submit\"\n    closable\n    data-ts-name=\"report-missing\"\n    width=\"large\"\n  >\n    <template #confirm=\"confirmProps\">\n      <DialogConfirm\n        :header=\"dialogConfirmHeader\"\n        :visible=\"confirmProps.visible\"\n        @confirm=\"confirmProps.submit(submitForm)\"\n        @update:visible=\"!$event && confirmProps.hide()\"\n        confirm-label=\"Report\"\n        data-ts-section=\"confirm-dialog\"\n        severity=\"danger\"\n      >\n        <template #body>\n          <p>\n            <span class=\"font-bold\">{{\n              assetInfo?.asset?.name?.nameWithSequence ?? '-'\n            }}</span>\n            will be reported as\n            {{\n              props.permanentlyMissing\n                ? 'permanently missing asset'\n                : 'missing asset'\n            }}.\n          </p>\n\n          <p>Are you sure you want to report it?</p>\n        </template>\n      </DialogConfirm>\n    </template>\n\n    <template #fields>\n      <div class=\"flex flex-col gap-3\">\n        <AssetInfo\n          :id=\"props.id\"\n          :key=\"props.id\"\n          ref=\"assetInfo\"\n          :use-tag-type=\"getUserPlan() !== 'Basic'\"\n        />\n\n        <Textarea\n          :custom-validation=\"{ empty: 'Note must not be empty' }\"\n          :maxlength=\"120\"\n          :rows=\"3\"\n          data-ts-section=\"notes-input\"\n          field-name=\"notes\"\n          input-class=\"!min-h-[67px]\"\n          label=\"Note\"\n          mandatory\n          placeholder=\"Enter note\"\n          use-validator\n        />\n      </div>\n    </template>\n  </DialogForm>\n</template>\n"],"names":["props","__props","emit","__emit","setLoading","useLoadingStore","toast","useToast","visibility","computed","dialogHeader","dialogConfirmHeader","assetInfo","ref","submitForm","payload","body","message","data","TrackingServices","MissingServices","error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqBA,UAAMA,IAAQC,GAERC,IAAOC,GAEP,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAQC,EAAA,GAERC,IAAaC,EAAS,MAAMT,EAAM,OAAO,GACzCU,IAAeD;AAAA,MAAS,MAC5BT,EAAM,qBAAqB,+BAA+B;AAAA,IAAA,GAEtDW,IAAsBF;AAAA,MAAS,MACnCT,EAAM,qBACF,iCACA;AAAA,IAAA,GAGAY,IAAYC,EAAA,GAOZC,IAAa,OAAOC,MAA8C;AACtE,UAAI;AACF,QAAAX,EAAW,EAAI;AACf,cAAMY,IAAO;AAAA,UACX,OAAOD,EAAQ,WAAW;AAAA,UAC1B,cAAcf,EAAM;AAAA,QAAA,GAEhBiB,IAAUjB,EAAM,qBAClB,6DACA;AAEJ,YAAIA,EAAM;AACR,UAAAM,EAAM,IAAI,EAAE,SAASN,EAAM,kBAAkBiB,GAAS,GACtDf,EAAK,YAAYc,CAAI,GACrBd,EAAK,kBAAkB,EAAK;AAAA,iBACnBF,EAAM;AAEf,UADiB,MAAMA,EAAM,eAAegB,CAAI,MAE9CV,EAAM,IAAI,EAAE,SAASN,EAAM,kBAAkBiB,GAAS,GACtDf,EAAK,UAAU,GACfA,EAAK,kBAAkB,EAAK;AAAA,aAEzB;AACL,gBAAM,EAAE,MAAAgB,EAAA,IAASlB,EAAM,qBACnB,MAAMmB,EAAiB;AAAA,YACrBnB,EAAM,cAAc;AAAA,YACpBgB;AAAA,UAAA,IAEF,MAAMI,EAAgB,iBAAiBpB,EAAM,IAAIgB,CAAI;AACzD,UAAIE,MACFZ,EAAM,IAAI,EAAE,SAASN,EAAM,kBAAkBiB,GAAS,GAEtDf,EAAK,UAAU,GACfA,EAAK,kBAAkB,EAAK;AAAA,QAEhC;AAAA,MACF,SAASmB,GAAO;AACd,cAAMJ,IAAUjB,EAAM,qBAClB,0DACA;AACJ,QAAAM,EAAM,IAAI,EAAE,OAAAe,GAAO,SAAAJ,EAAA,CAAS;AAAA,MAC9B,UAAA;AACE,QAAAb,EAAW,EAAK;AAAA,MAClB;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dialogreporttag/index.es.js

@@ -1,11 +1,12 @@
-import { defineComponent as U, computed as c, ref as W, createBlock as k, openBlock as x, withCtx as C, createElementVNode as E, createVNode as V, createCommentVNode as O } from "vue";
+import { defineComponent as U, computed as m, ref as W, openBlock as k, createBlock as x, withCtx as C, createElementVNode as E, createVNode as V, createCommentVNode as O } from "vue";
 import { TAGServices as j } from "@tagsamurai/fats-api-services";
-import { u as z, _ as H } from "../assetinfo/AssetInfo.es.js";
-import { u as J } from "../utils/toast.util.es.js";
-import K from "../dialogconfirm/index.es.js";
-import X from "../dialogform/index.es.js";
-import Y from "../dropdown/index.es.js";
-const Z = { class: "flex flex-col gap-3" }, le = /* @__PURE__ */ U({
+import { _ as z } from "../dialogconfirm/index.es.js";
+import { _ as H } from "../dialogform/index.es.js";
+import { _ as J } from "../dropdown/index.es.js";
+import { u as K } from "../plugins/basei18n.es.js";
+import { u as X } from "../utils/toast.util.es.js";
+import { _ as Y } from "../assetinfo/index.es.js";
+const Z = { class: "flex flex-col gap-3" }, re = /* @__PURE__ */ U({
   __name: "DialogReportTag",
   props: {
     id: {},
@@ -18,8 +19,8 @@ const Z = { class: "flex flex-col gap-3" }, le = /* @__PURE__ */ U({
   },
   emits: ["update:visible", "reported"],
   setup($, { emit: B }) {
-    const { setLoading: m } = z(), d = J(), s = $, r = B, f = c(() => s.visible), p = c(() => {
-      var e, i, o, n, u, b, v, g, R, T, y, A, _, F, G, h, I, D, q, Q, w, S;
+    const s = $, r = B, { setLoading: c } = K(), d = X(), f = m(() => s.visible), p = m(() => {
+      var e, i, o, n, u, b, v, g, R, T, _, y, A, F, G, h, I, D, q, Q, w, S;
       const l = (e = s.tagReported) == null ? void 0 : e.rfid, t = (i = s.tagReported) == null ? void 0 : i.qr;
       return [
         {
@@ -30,17 +31,17 @@ const Z = { class: "flex flex-col gap-3" }, le = /* @__PURE__ */ U({
         {
           label: "QR TAG",
           value: "QR",
-          visible: ((R = (g = a.value) == null ? void 0 : g.asset) == null ? void 0 : R.qr) && !t && !((A = (y = (T = a.value) == null ? void 0 : T.asset) == null ? void 0 : y.tagReported) != null && A.qr)
+          visible: ((R = (g = a.value) == null ? void 0 : g.asset) == null ? void 0 : R.qr) && !t && !((y = (_ = (T = a.value) == null ? void 0 : T.asset) == null ? void 0 : _.tagReported) != null && y.qr)
         },
         {
           label: "RFID & QR TAG",
           value: "RFID & QR",
-          visible: ((F = (_ = a.value) == null ? void 0 : _.asset) == null ? void 0 : F.rfid) && ((h = (G = a.value) == null ? void 0 : G.asset) == null ? void 0 : h.qr) && !l && !((q = (D = (I = a.value) == null ? void 0 : I.asset) == null ? void 0 : D.tagReported) != null && q.rfid) && !t && !((S = (w = (Q = a.value) == null ? void 0 : Q.asset) == null ? void 0 : w.tagReported) != null && S.qr)
+          visible: ((F = (A = a.value) == null ? void 0 : A.asset) == null ? void 0 : F.rfid) && ((h = (G = a.value) == null ? void 0 : G.asset) == null ? void 0 : h.qr) && !l && !((q = (D = (I = a.value) == null ? void 0 : I.asset) == null ? void 0 : D.tagReported) != null && q.rfid) && !t && !((S = (w = (Q = a.value) == null ? void 0 : Q.asset) == null ? void 0 : w.tagReported) != null && S.qr)
         }
       ].filter((N) => N.visible);
     }), a = W(), L = async (l) => {
       try {
-        m(!0);
+        c(!0);
         const e = {
           RFID: { qr: !1, rfid: !0 },
           QR: { qr: !0, rfid: !1 },
@@ -57,13 +58,13 @@ const Z = { class: "flex flex-col gap-3" }, le = /* @__PURE__ */ U({
       } catch (t) {
         d.add({ error: t, message: "Error, failed to report TAG." });
       } finally {
-        m(!1);
+        c(!1);
       }
-    }, M = c(() => {
+    }, M = m(() => {
       var l, t, e, i, o;
       return ((l = p.value) == null ? void 0 : l.length) > 1 && ((e = (t = a.value) == null ? void 0 : t.asset) == null ? void 0 : e.tagType) === "RFID & QR" ? "RFID & QR" : (o = (i = p.value) == null ? void 0 : i[0]) == null ? void 0 : o.value;
     });
-    return (l, t) => (x(), k(X, {
+    return (l, t) => (k(), x(H, {
       visible: f.value,
       "onUpdate:visible": t[0] || (t[0] = (e) => f.value = e),
       "action-label": s.submitLabel ?? "Submit",
@@ -81,7 +82,7 @@ const Z = { class: "flex flex-col gap-3" }, le = /* @__PURE__ */ U({
       confirm: C((e) => {
         var i, o, n;
         return [
-          V(K, {
+          V(z, {
             lists: [(n = (o = (i = a.value) == null ? void 0 : i.asset) == null ? void 0 : o.name) == null ? void 0 : n.nameWithSequence],
             visible: e.visible,
             onConfirm: (u) => e.submit(L),
@@ -98,12 +99,12 @@ const Z = { class: "flex flex-col gap-3" }, le = /* @__PURE__ */ U({
         var e;
         return [
           E("div", Z, [
-            V(H, {
+            V(Y, {
               id: s.id,
               ref_key: "assetInfo",
               ref: a
             }, null, 8, ["id"]),
-            (e = a.value) != null && e.asset ? (x(), k(Y, {
+            (e = a.value) != null && e.asset ? (k(), x(J, {
               key: 0,
               disabled: p.value.length <= 1,
               "initial-value": M.value,
@@ -126,5 +127,6 @@ const Z = { class: "flex flex-col gap-3" }, le = /* @__PURE__ */ U({
   }
 });
 export {
-  le as default
+  re as _
 };
+//# sourceMappingURL=index.es.js.map

package/dialogreporttag/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../components/dialogreporttag/DialogReportTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TAGServices } from '@tagsamurai/fats-api-services';\nimport { computed, ref } from 'vue';\n\nimport DialogConfirm from 'lib/components/dialogconfirm/DialogConfirm.vue';\nimport DialogForm from 'lib/components/dialogform/DialogForm.vue';\nimport { DialogFormPayload } from 'lib/components/dialogform/DialogForm.vue.d';\nimport Dropdown from 'lib/components/dropdown/Dropdown.vue';\nimport useLoadingStore from 'lib/components/loading/store';\n\nimport {\n  DialogReportTagEmits,\n  DialogReportTagProps,\n  ReportTagBody,\n} from './DialogReportTag.vue.d';\nimport useToast from '../../utils/toast.util';\nimport AssetInfo from '../assetinfo/AssetInfo.vue';\n\nconst props = defineProps<DialogReportTagProps>();\n\nconst emit = defineEmits<DialogReportTagEmits>();\n\nconst { setLoading } = useLoadingStore();\n\nconst toast = useToast();\n\nconst visibility = computed(() => props.visible);\n\nconst tagOptions = computed(() => {\n  const isRFIDReported = props.tagReported?.rfid;\n  const isQRReported = props.tagReported?.qr;\n\n  return [\n    {\n      label: 'RFID TAG',\n      value: 'RFID',\n      visible:\n        assetInfo.value?.asset?.rfid &&\n        !isRFIDReported &&\n        !assetInfo.value?.asset?.tagReported?.rfid,\n    },\n    {\n      label: 'QR TAG',\n      value: 'QR',\n      visible:\n        assetInfo.value?.asset?.qr &&\n        !isQRReported &&\n        !assetInfo.value?.asset?.tagReported?.qr,\n    },\n    {\n      label: 'RFID & QR TAG',\n      value: 'RFID & QR',\n      visible:\n        assetInfo.value?.asset?.rfid &&\n        assetInfo.value?.asset?.qr &&\n        !isRFIDReported &&\n        !assetInfo.value?.asset?.tagReported?.rfid &&\n        !isQRReported &&\n        !assetInfo.value?.asset?.tagReported?.qr,\n    },\n  ].filter((option) => option.visible);\n});\n\nconst assetInfo = ref<any>();\n\n/**\n * This function handle the form submission.\n *\n * @param payload {DialogFormPayload}\n */\nconst submitForm = async (payload: DialogFormPayload): Promise<void> => {\n  try {\n    setLoading(true);\n    const tagValues: { [key: string]: ReportTagBody } = {\n      'RFID': { qr: false, rfid: true },\n      'QR': { qr: true, rfid: false },\n      'RFID & QR': { qr: true, rfid: true },\n    };\n    const body = tagValues[payload.formValues.tagType as string];\n    const message = 'Success, TAG has been reported.';\n\n    if (props.submitWithoutApi) {\n      toast.add({ message: props.successMessage ?? message });\n      emit('reported', body);\n      emit('update:visible', false);\n    } else if (props.submitFunction) {\n      const response = await props.submitFunction(body);\n      if (response) {\n        toast.add({ message: props.successMessage ?? message });\n        emit('reported', body);\n        emit('update:visible', false);\n      }\n    } else {\n      const { data } = await TAGServices.putReportTAG(props.id, body);\n      if (data) {\n        toast.add({ message: props.successMessage ?? message });\n        emit('reported', body);\n        emit('update:visible', false);\n      }\n    }\n  } catch (error) {\n    toast.add({ error, message: 'Error, failed to report TAG.' });\n  } finally {\n    setLoading(false);\n  }\n};\n\nconst autoSelectedTAG = computed(() => {\n  // If the tag option has length, it means the both TAG has not Reported yet\n  if (\n    tagOptions.value?.length > 1 &&\n    assetInfo.value?.asset?.tagType === 'RFID & QR'\n  ) {\n    // Auto select the RFID & QR TAG option\n    return 'RFID & QR';\n  }\n\n  return tagOptions.value?.[0]?.value;\n});\n</script>\n\n<template>\n  <DialogForm\n    v-model:visible=\"visibility\"\n    :action-label=\"props.submitLabel ?? 'Submit'\"\n    :buttons-template=\"['cancel', 'submit']\"\n    :reset-after-submit=\"false\"\n    :show-stay-checkbox=\"false\"\n    :use-clear-btn=\"false\"\n    @close=\"emit('update:visible', false)\"\n    action=\"Submit\"\n    closable\n    data-ts-name=\"report-tag\"\n    header=\"Report TAG\"\n    width=\"large\"\n  >\n    <template #confirm=\"confirmProps\">\n      <DialogConfirm\n        :lists=\"[assetInfo?.asset?.name?.nameWithSequence]\"\n        :visible=\"confirmProps.visible\"\n        @confirm=\"confirmProps.submit(submitForm)\"\n        @update:visible=\"!$event && confirmProps.hide()\"\n        body=\"Are you sure want to report it?\"\n        confirm-label=\"Report\"\n        data-ts-section=\"confirm-dialog\"\n        header=\"Report TAG\"\n        severity=\"danger\"\n      />\n    </template>\n\n    <template #fields>\n      <div class=\"flex flex-col gap-3\">\n        <AssetInfo :id=\"props.id\" ref=\"assetInfo\" />\n\n        <template v-if=\"assetInfo?.asset\">\n          <Dropdown\n            :disabled=\"tagOptions.length <= 1\"\n            :initial-value=\"autoSelectedTAG\"\n            :options=\"tagOptions\"\n            data-ts-section=\"reported-tag-dropdown\"\n            field-info=\"Reported TAG will be mark a damaged / missing TAG\"\n            field-name=\"tagType\"\n            label=\"Reported TAG\"\n            mandatory\n            option-label=\"label\"\n            option-value=\"value\"\n            placeholder=\"Select TAG\"\n            use-validator\n          />\n        </template>\n      </div>\n    </template>\n  </DialogForm>\n</template>\n"],"names":["props","__props","emit","__emit","setLoading","useLoadingStore","toast","useToast","visibility","computed","tagOptions","isRFIDReported","_a","isQRReported","_b","_d","_c","assetInfo","_g","_f","_e","_i","_h","_l","_k","_j","_n","_m","_p","_o","_s","_r","_q","_v","_u","_t","option","ref","submitForm","payload","body","message","data","TAGServices","error","autoSelectedTAG"],"mappings":"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"}

package/dialogselecttree/index.d.ts

@@ -1,18 +1,17 @@
+import { TreeSelectionKeys } from 'primevue/tree';
 import { Slot } from 'vue';
 
 import { TreeNode } from '../basetree';
-import { QueryParams, ShortFetchResponse } from '../datatable';
+import { QueryParams, ShortFetchListResponse } from '../datatable';
 import TreeInstance, { TreeProps } from '../tree';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
-import { TreeSelectionKeys } from 'primevue/tree';
-
 export interface DialogSelectTreeProps
   extends Omit<TreeProps, 'type' | 'filter'> {
   fetchTree?: (
     type: 'group' | 'category',
     params?: QueryParams,
-  ) => Promise<ShortFetchResponse<TreeNode> | undefined>;
+  ) => Promise<ShortFetchListResponse<TreeNode> | undefined>;
   params?: QueryParams;
   visible?: boolean;
   type?: 'group' | 'category';
@@ -33,7 +32,7 @@ export interface DialogSelectTreeProps
   /**
    * The previously selected tree key to be displayed again.
    */
-  keys?: number[];
+  keys?: string[] | number[];
   /**
    * The lists to be displayed in the dialog.
    */
@@ -50,15 +49,15 @@ export interface DialogSelectTreeProps
   /**
    * @deprecated
    */
-  exactDisableKey?: number;
+  exactDisableKey?: string | number;
   /**
    * A list of node keys that should be disabled along with their children.
    */
-  disableKeys?: number[];
+  disableKeys?: string[] | number[];
   /**
    * A list of node keys that should be disabled, affecting only the specified nodes and not their children.
    */
-  exactDisableKeys?: number[];
+  exactDisableKeys?: string[] | number[];
 
   /**
    * A function to determine when the node should be disabled,
@@ -83,12 +82,18 @@ export interface DialogSelectTreeProps
   /**
    * Defines the group tree to disable excluded keys
    */
-  excludedKeys?: number[];
+  excludedKeys?: string[] | number[];
   /**
    * Render hidden dialog to trigger fetch tree
    */
   hidden?: boolean;
 
+  /**
+   * Determines whether the selection state of a node should propagate
+   * both upward to its parent node and downward to its child nodes.
+   *
+   * @default true
+   */
   propagateSelection?: boolean;
 }
 
@@ -123,7 +128,7 @@ export interface DialogSelectTreeSlots {
 }
 
 /**
- * **TSVue v2 - DialogSelectTree**
+ * **WangsVue - DialogSelectTree**
  *
  * --- ---
  * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)

package/dialogselecttree/index.es.js

@@ -1,10 +1,10 @@
-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 f, 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/Button.es.js";
-import R from "../dialog/index.es.js";
-import { _ as X } from "../tree/Tree.es.js";
-import { _ as Z } from "../treesearchinput/TreeSearchInput.es.js";
-import _ from "../validatormessage/index.es.js";
+import { defineComponent as G, useModel as P, inject as U, ref as o, computed as W, watch as b, openBlock as d, createBlock as N, unref as f, createSlots as T, withCtx as g, createVNode as B, mergeProps as z, renderSlot as D, createElementVNode as K, normalizeClass as O, toDisplayString as L, createElementBlock as k, Fragment as I, renderList as Y, createCommentVNode as h, withDirectives as q, vShow as J, mergeModels as V } from "vue";
+import { _ as j } from "../button/index.es.js";
+import { _ as Q } from "../dialog/index.es.js";
+import { _ as R } from "../tree/index.es.js";
+import { _ as X } from "../treesearchinput/index.es.js";
+import { g as Z } from "../utils/object.util.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"
@@ -17,7 +17,7 @@ const ee = {
   "data-wv-section": "footer-button"
 }, ue = /* @__PURE__ */ G({
   __name: "DialogSelectTree",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     fetchTree: {},
     params: {},
     visible: { type: Boolean },
@@ -40,7 +40,7 @@ const ee = {
     flattenDisposableNode: { type: Boolean },
     excludedKeys: {},
     hidden: { type: Boolean },
-    propagateSelection: { type: Boolean },
+    propagateSelection: { type: Boolean, default: !0 },
     selectedKeys: {},
     selectedTreeNodes: {},
     useOption: { type: Boolean },
@@ -76,9 +76,9 @@ const ee = {
     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"), v = 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) => {
+  emits: /* @__PURE__ */ V(["select", "hide"], ["update:visible"]),
+  setup($, { expose: x, emit: A }) {
+    const s = $, C = A, n = P($, "visible"), v = 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,
@@ -108,7 +108,7 @@ const ee = {
       () => {
         c.value = s.keys;
       }
-    ), A({ treeComponent: r }), (e, l) => (d(), N(R, {
+    ), x({ treeComponent: r }), (e, l) => (d(), N(Q, {
       visible: n.value,
       "onUpdate:visible": l[7] || (l[7] = (t) => n.value = t),
       modal: !e.hidden,
@@ -144,7 +144,7 @@ const ee = {
       onHide: l[8] || (l[8] = (t) => e.$emit("hide")),
       onShow: l[9] || (l[9] = (t) => y.value = ""),
       "data-wv-name": "dialogselecttree"
-    }, O({
+    }, T({
       header: g(() => {
         var t;
         return [
@@ -161,19 +161,19 @@ const ee = {
             return [
               K("div", ee, [
                 K("h3", {
-                  class: V([...f(v).title.class, "!leading-6"])
+                  class: O([...f(v).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" ? f(Q)(i, e.listLabel) : i), 1))), 128))
+                    class: "text-xs leading-[16.39px] tracking-[0.02em] font-medium text-general-800 dark:text-white list-disc ps-[6px]"
+                  }, L(e.listLabel && typeof i != "string" ? f(Z)(i, e.listLabel) : i), 1))), 128))
                 ])) : h("", !0),
                 e.subHeader ? (d(), k("h4", {
                   key: 1,
-                  class: V([...f(v).title.class, "!leading-6 text-sm"])
+                  class: O([...f(v).title.class, "!leading-6 text-sm"])
                 }, L(e.subHeader), 3)) : h("", !0),
-                (a = r.value) != null && a.isLoading ? h("", !0) : (d(), N(Z, {
+                (a = r.value) != null && a.isLoading ? h("", !0) : (d(), N(X, {
                   key: 2,
                   modelValue: p.value,
                   "onUpdate:modelValue": l[0] || (l[0] = (i) => p.value = i),
@@ -185,7 +185,7 @@ const ee = {
         ];
       }),
       default: g(() => [
-        B(X, z({
+        B(R, z({
           ref_key: "treeComponent",
           ref: r
         }, s, {
@@ -213,7 +213,7 @@ const ee = {
           "selection-mode": e.selectionMode,
           type: s.type,
           onNodeSelect: l[3] || (l[3] = (t) => w.value = t)
-        }), O({ _: 2 }, [
+        }), T({ _: 2 }, [
           e.$slots.treenode ? {
             name: "default",
             fn: g(({ node: t, checked: a, disabled: i }) => [
@@ -265,5 +265,6 @@ const ee = {
   }
 });
 export {
-  ue as default
+  ue as _
 };
+//# sourceMappingURL=index.es.js.map

package/dialogselecttree/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../library/components/dialogselecttree/DialogSelectTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, ref, watch } from 'vue';\n\nimport Button from 'lib/components/button/Button.vue';\nimport Dialog from 'lib/components/dialog/Dialog.vue';\nimport {\n  DialogSelectTreeEmits,\n  DialogSelectTreeProps,\n  DialogSelectTreeSlots,\n} from 'lib/components/dialogselecttree/DialogSelectTree.vue.d';\nimport Tree from 'lib/components/tree/Tree.vue';\nimport TreeComponent from 'lib/components/tree/Tree.vue.d';\nimport TreeSearchInput from 'lib/components/treesearchinput/TreeSearchInput.vue';\nimport { getNestedPropertyValue } from 'lib/utils/object.util';\n\nimport { TreeNode, TreeSelectionKeys } from '../basetree/BaseTree.vue.d';\nimport ValidatorMessage from '../validatormessage/ValidatorMessage.vue';\n\nconst props = withDefaults(defineProps<DialogSelectTreeProps>(), {\n  subHeader: undefined,\n  lists: undefined,\n  listLabel: undefined,\n  type: 'group',\n  selectionMode: 'checkbox',\n  keys: undefined,\n  disableNodeWhen: undefined,\n  allowEmptySelection: true,\n  disableNodeAll: false,\n  propagateSelection: true,\n});\n\nconst emit = defineEmits<DialogSelectTreeEmits>();\n\nconst visible = defineModel<boolean>('visible', { default: false });\n\ndefineSlots<DialogSelectTreeSlots>();\n\nconst DialogPreset = inject<Record<string, any>>('preset', {}).dialog;\n\nconst treeComponent = ref<TreeComponent>();\nconst treeFilter = ref<string>('');\nconst invalidSelectionMessage = ref<string>('');\n\nconst selectedTreeNodes = ref<TreeNode[]>([]);\nconst selectedTreeKeys = ref<TreeSelectionKeys>();\n/**\n * Store the selected node for single selection.\n */\nconst selectedNode = ref<TreeNode>();\n\n/**\n * Defines the tree to select disposable group only.\n */\nconst selectDisposableOnly = ref(false);\n\n/**\n * Use as v-model selection keys to store temporary selected tree keys.\n * If the dialog closed by clicking Select button, the temporary value will be assigned to 'selectedTreeKeys'.\n * Otherwise temprorary data will be reseted.\n *\n * Also stores previously selected keys as number[].\n */\nconst temporarySelectedTreeKeys = ref<TreeSelectionKeys | number[]>();\nconst temporarySelectedNode = ref<TreeNode>();\n\nconst dialogHeader = computed(() => {\n  if (props.header) return props.header;\n  return props.type === 'group' ? 'Select Group' : 'Select Category';\n});\n\nconst onButtonSelectClicked = (close = true): void => {\n  selectedTreeKeys.value = temporarySelectedTreeKeys.value;\n  selectedNode.value = temporarySelectedNode.value;\n\n  if (Object.keys(selectedTreeKeys.value ?? {}).length) {\n    emit('select', {\n      keys: selectedTreeKeys.value,\n      selectedNodes: selectedTreeNodes.value,\n      singleNode: selectedNode.value,\n    });\n\n    visible.value = !close;\n  } else if (props.allowEmptySelection) {\n    emit('select', {\n      keys: [],\n      selectedNodes: undefined,\n      singleNode: undefined,\n    });\n\n    visible.value = !close;\n  } else if (!props.allowEmptySelection) {\n    invalidSelectionMessage.value =\n      'You must pick a ' + props.type.toLowerCase();\n  }\n};\n\nwatch(visible, (show) => {\n  temporarySelectedTreeKeys.value = show ? selectedTreeKeys.value : undefined;\n\n  temporarySelectedNode.value = show ? selectedNode.value : undefined;\n\n  if (show && props.keys && !temporarySelectedTreeKeys.value) {\n    temporarySelectedTreeKeys.value = props.keys;\n  }\n});\n\nwatch(\n  treeComponent,\n  (tree) => {\n    if (tree && props.showDisposableGroups) {\n      tree.showDisposableGroups = true;\n      selectDisposableOnly.value = true;\n    }\n  },\n  { deep: true },\n);\n\nwatch(\n  selectedTreeNodes,\n  () => {\n    if (props.hidden) {\n      onButtonSelectClicked(false);\n    }\n  },\n  { once: true },\n);\n\nwatch(\n  () => props.keys,\n  () => {\n    selectedTreeKeys.value = props.keys;\n  },\n);\n\ndefineExpose({ treeComponent });\n</script>\n\n<template>\n  <Dialog\n    v-model:visible=\"visible\"\n    :modal=\"!hidden\"\n    :pt=\"{\n      root: {\n        class: [\n          ...DialogPreset.root({ state: {} }).class,\n          '!w-[400px]',\n          { '!hidden': hidden },\n        ],\n      },\n      header: {\n        class: 'relative',\n      },\n      icons: {\n        class: 'absolute top-0 right-0',\n      },\n      content: {\n        class: [\n          ...DialogPreset.content({ state: {}, instance: {} }).class,\n          'pr-1.5 focus-visible:outline-none',\n        ],\n      },\n      footer: {\n        class: [\n          {\n            'flex justify-end items-center gap-1': allowEmptySelection,\n            'flex justify-end items-end flex-col gap-1': !allowEmptySelection,\n          },\n        ],\n      },\n    }\"\n    @hide=\"$emit('hide')\"\n    @show=\"invalidSelectionMessage = ''\"\n    data-wv-name=\"dialogselecttree\"\n  >\n    <template #header>\n      <slot\n        :dialog-header=\"dialogHeader\"\n        :filter=\"treeFilter\"\n        :is-loading=\"!!treeComponent?.isLoading\"\n        :list-label=\"listLabel\"\n        :lists=\"lists\"\n        :sub-header=\"subHeader\"\n        :update-filter=\"(filter: string) => (treeFilter = filter)\"\n        name=\"header\"\n      >\n        <div\n          class=\"flex flex-col gap-3 items-start w-full\"\n          data-wv-section=\"header-wrapper\"\n        >\n          <h3 :class=\"[...DialogPreset.title.class, '!leading-6']\">\n            {{ dialogHeader }}\n          </h3>\n\n          <ul\n            v-if=\"lists\"\n            class=\"list-inside w-full overflow-auto max-h-20\"\n            data-wv-section=\"dialog-select-tree-lists\"\n          >\n            <li\n              :key=\"index\"\n              v-for=\"(list, index) in lists\"\n              class=\"text-xs leading-[16.39px] tracking-[0.02em] font-medium text-general-800 dark:text-white list-disc ps-[6px]\"\n            >\n              {{\n                listLabel && typeof list !== 'string'\n                  ? getNestedPropertyValue(list, listLabel)\n                  : list\n              }}\n            </li>\n          </ul>\n\n          <h4\n            v-if=\"subHeader\"\n            :class=\"[...DialogPreset.title.class, '!leading-6 text-sm']\"\n          >\n            {{ subHeader }}\n          </h4>\n\n          <TreeSearchInput\n            v-if=\"!treeComponent?.isLoading\"\n            v-model=\"treeFilter\"\n            class=\"w-full\"\n          />\n        </div>\n      </slot>\n    </template>\n\n    <Tree\n      ref=\"treeComponent\"\n      v-bind=\"props\"\n      v-model:selected-keys=\"temporarySelectedTreeKeys\"\n      v-model:selected-tree-nodes=\"selectedTreeNodes\"\n      :auto-select-all=\"autoSelectAll\"\n      :disable-keys=\"disableKeys\"\n      :disable-node-all=\"disableNodeAll\"\n      :disable-node-when=\"disableNodeWhen\"\n      :exact-disable-key=\"exactDisableKey\"\n      :exact-disable-keys=\"exactDisableKeys\"\n      :excluded-keys=\"excludedKeys\"\n      :fetch-tree=\"fetchTree\"\n      :filter=\"treeFilter\"\n      :flatten-disposable-node=\"flattenDisposableNode\"\n      :params=\"params\"\n      :propagate-selection=\"propagateSelection\"\n      :readonly=\"props.readonly\"\n      :select-disposable-only=\"selectDisposableOnly\"\n      :selection-mode=\"selectionMode\"\n      :type=\"props.type\"\n      @node-select=\"temporarySelectedNode = $event\"\n      @update:selected-keys=\"invalidSelectionMessage = ''\"\n    >\n      <template #default=\"{ node, checked, disabled }\" v-if=\"$slots.treenode\">\n        <slot\n          :checked=\"checked\"\n          :disabled=\"disabled\"\n          :node=\"node\"\n          name=\"treenode\"\n        />\n      </template>\n    </Tree>\n\n    <template #footer v-if=\"!props.readonly\">\n      <slot name=\"footer\">\n        <ValidatorMessage\n          v-if=\"!allowEmptySelection\"\n          v-show=\"!!invalidSelectionMessage\"\n          :format=\"false\"\n          :message=\"invalidSelectionMessage\"\n        />\n\n        <div\n          class=\"flex gap-1 items-center justify-end\"\n          data-wv-section=\"footer-button\"\n        >\n          <Button\n            @click=\"visible = false\"\n            label=\"Cancel\"\n            severity=\"secondary\"\n            text\n          />\n\n          <Button\n            :disabled=\"treeComponent?.isLoading\"\n            @click=\"onButtonSelectClicked(true)\"\n            label=\"Select\"\n            severity=\"success\"\n          />\n        </div>\n      </slot>\n    </template>\n  </Dialog>\n</template>\n"],"names":["props","__props","emit","__emit","visible","_useModel","DialogPreset","inject","treeComponent","ref","treeFilter","invalidSelectionMessage","selectedTreeNodes","selectedTreeKeys","selectedNode","selectDisposableOnly","temporarySelectedTreeKeys","temporarySelectedNode","dialogHeader","computed","onButtonSelectClicked","close","watch","show","tree","__expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAQC,GAaRC,IAAOC,GAEPC,IAAUC,EAAoBJ,GAAC,SAA6B,GAI5DK,IAAeC,EAA4B,UAAU,CAAA,CAAE,EAAE,QAEzDC,IAAgBC,EAAA,GAChBC,IAAaD,EAAY,EAAE,GAC3BE,IAA0BF,EAAY,EAAE,GAExCG,IAAoBH,EAAgB,EAAE,GACtCI,IAAmBJ,EAAA,GAInBK,IAAeL,EAAA,GAKfM,IAAuBN,EAAI,EAAK,GAShCO,IAA4BP,EAAA,GAC5BQ,IAAwBR,EAAA,GAExBS,IAAeC,EAAS,MACxBnB,EAAM,SAAeA,EAAM,SACxBA,EAAM,SAAS,UAAU,iBAAiB,iBAClD,GAEKoB,IAAwB,CAACC,IAAQ,OAAe;AACpD,MAAAR,EAAiB,QAAQG,EAA0B,OACnDF,EAAa,QAAQG,EAAsB,OAEvC,OAAO,KAAKJ,EAAiB,SAAS,CAAA,CAAE,EAAE,UAC5CX,EAAK,UAAU;AAAA,QACb,MAAMW,EAAiB;AAAA,QACvB,eAAeD,EAAkB;AAAA,QACjC,YAAYE,EAAa;AAAA,MAAA,CAC1B,GAEDV,EAAQ,QAAQ,CAACiB,KACRrB,EAAM,uBACfE,EAAK,UAAU;AAAA,QACb,MAAM,CAAA;AAAA,QACN,eAAe;AAAA,QACf,YAAY;AAAA,MAAA,CACb,GAEDE,EAAQ,QAAQ,CAACiB,KACPrB,EAAM,wBAChBW,EAAwB,QACtB,qBAAqBX,EAAM,KAAK,YAAA;AAAA,IAEtC;AAEA,WAAAsB,EAAMlB,GAAS,CAACmB,MAAS;AACvB,MAAAP,EAA0B,QAAQO,IAAOV,EAAiB,QAAQ,QAElEI,EAAsB,QAAQM,IAAOT,EAAa,QAAQ,QAEtDS,KAAQvB,EAAM,QAAQ,CAACgB,EAA0B,UACnDA,EAA0B,QAAQhB,EAAM;AAAA,IAE5C,CAAC,GAEDsB;AAAA,MACEd;AAAA,MACA,CAACgB,MAAS;AACR,QAAIA,KAAQxB,EAAM,yBAChBwB,EAAK,uBAAuB,IAC5BT,EAAqB,QAAQ;AAAA,MAEjC;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK,GAGfO;AAAA,MACEV;AAAA,MACA,MAAM;AACJ,QAAIZ,EAAM,UACRoB,EAAsB,EAAK;AAAA,MAE/B;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK,GAGfE;AAAA,MACE,MAAMtB,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAa,EAAiB,QAAQb,EAAM;AAAA,MACjC;AAAA,IAAA,GAGFyB,EAAa,EAAE,eAAAjB,GAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dialogselectuser/index.d.ts

@@ -1,8 +1,7 @@
-import { FetchListResponse } from '@fewangsit/workspace-api-services/src/types/fetchResponse.type';
 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 '../datatable';
+import { FetchListResponse, QueryParams } from '../datatable';
 import { ClassComponent } from '../ts-helpers';
 
 export type EmitSelectionValue = {
@@ -91,10 +90,10 @@ export type DialogSelectUserEmits<T = User> = {
  *
  * @group components
  */
-declare const DialogSelectUser: ClassComponent<
+declare class DialogSelectUser extends ClassComponent<
   DialogSelectUserProps,
   unknown,
   DialogSelectUserEmits
->;
+> {}
 
 export default DialogSelectUser;