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

package/dialoglinkedasset/index.es.js

@@ -1,20 +1,20 @@
-import { defineComponent as W, computed as k, ref as _, watch as T, createBlock as L, openBlock as n, mergeProps as j, createSlots as G, withCtx as C, createElementVNode as m, createVNode as S, createElementBlock as i, createCommentVNode as $, Fragment as u, renderList as w, toDisplayString as p } from "vue";
+import { defineComponent as W, computed as _, ref as b, watch as T, openBlock as o, createBlock as L, mergeProps as j, createSlots as G, withCtx as C, createElementVNode as d, createElementBlock as i, Fragment as u, renderList as x, toDisplayString as p, createCommentVNode as S, createVNode as $ } from "vue";
 import { AssetServices as J } from "@tagsamurai/fats-api-services";
-import "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
-import { u as O } from "../utils/toast.util.es.js";
-import { _ as P } from "../button/Button.es.js";
-import R from "../dialogconfirm/index.es.js";
-import U from "../icon/index.es.js";
-import z from "../toast/index.es.js";
+import { _ as O } from "../button/index.es.js";
+import { _ as P } from "../dialogconfirm/index.es.js";
+import { _ as R } from "../icon/index.es.js";
+import { _ as U } from "../toast/index.es.js";
+import "../utils/role.util.es.js";
+import { u as z } from "../utils/toast.util.es.js";
 const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex flex-col max-h-20 overflow-y-auto" }, K = {
-  class: "text-general-800 font-medium",
+  class: "text-general-800 dark:text-general-100 font-medium",
   "data-ts-section": "assetparent"
 }, M = {
   class: "flex flex-col max-h-20",
   "data-ts-section": "linked-asset-family"
 }, Q = {
   key: 3,
-  class: "text-general-800 font-medium",
+  class: "text-general-800 dark:text-general-100 font-medium",
   "data-ts-section": "confirmbody"
 }, ae = /* @__PURE__ */ W({
   __name: "DialogLinkedAsset",
@@ -42,29 +42,29 @@ const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex f
   },
   emits: ["confirm", "update:visible"],
   setup(E) {
-    var x;
-    const B = O(), t = E, I = k(() => t.confirmLabel ? t.confirmLabel : t.severity === "danger" ? "Remove" : "Submit"), N = k(() => t.confirmBody ? t.confirmBody : t.severity === "success" ? "All related data will be transacted. Are you sure want to submit?" : "All related data will be removed from the list. Are you want to remove it?"), F = k(() => !!t.headerIcon || t.severity === "danger"), y = _(!1), v = _([]), h = _(!!((x = t.list) != null && x.length));
+    var B;
+    const t = E, w = z(), I = _(() => t.confirmLabel ? t.confirmLabel : t.severity === "danger" ? "Remove" : "Submit"), N = _(() => t.confirmBody ? t.confirmBody : t.severity === "success" ? "All related data will be transacted. Are you sure want to submit?" : "All related data will be removed from the list. Are you want to remove it?"), F = _(() => !!t.headerIcon || t.severity === "danger"), y = b(!1), v = b([]), g = b(!!((B = t.list) != null && B.length));
     T(
       () => t.list,
       () => {
-        h.value = !0;
+        g.value = !0;
       }
     );
     const q = async () => {
-      var o;
+      var n;
       try {
-        if (!h.value) return;
+        if (!g.value) return;
         y.value = !0;
-        const e = [], s = (r) => r.family.length > 1, d = ({ parent: r, children: a, family: c }, l) => {
-          const g = (b) => b.map((A) => ({ _id: A._id, name: A.name })), { _id: f, name: V } = r ?? l;
+        const e = [], s = (r) => r.family.length > 1, m = ({ parent: r, children: a, family: c }, l) => {
+          const h = (k) => k.map((A) => ({ _id: A._id, name: A.name })), { _id: f, name: V } = r ?? l;
           return {
             parent: { _id: f, name: V },
             // If parent null | undefined, it means the current asset is parent
-            children: a.length ? g(a) : g(c.filter((b) => b._id !== f))
+            children: a.length ? h(a) : h(c.filter((k) => k._id !== f))
             // Parent will always exist if children is empty
           };
         };
-        if ((o = t.list) != null && o.length) {
+        if ((n = t.list) != null && n.length) {
           const { data: r } = await J.getLinkedAssetFamily(
             JSON.stringify(t.list.map((a) => a._id))
           );
@@ -73,7 +73,7 @@ const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex f
               (l) => l._id === a._id
             );
             if (s(a) && c) {
-              const l = d(
+              const l = m(
                 a,
                 c
               );
@@ -85,64 +85,64 @@ const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex f
         }
         v.value = e;
       } catch (e) {
-        B.removeGroup("linkedasset"), B.add({
+        w.removeGroup("linkedasset"), w.add({
           error: e,
           message: "Error, failed to fetch linked assets.",
           group: "linkedasset"
         });
       } finally {
-        y.value = !1, h.value = !1;
+        y.value = !1, g.value = !1;
       }
     };
-    return (o, e) => (n(), L(R, j(o.$props, {
+    return (n, e) => (o(), L(P, j(n.$props, {
       "confirm-label": I.value,
       list: void 0,
       "show-icon": F.value,
-      onConfirm: e[1] || (e[1] = (s) => o.$emit("confirm", v.value)),
+      onConfirm: e[1] || (e[1] = (s) => n.$emit("confirm", v.value)),
       onShow: q,
-      "onUpdate:visible": e[2] || (e[2] = (s) => o.$emit("update:visible", s)),
+      "onUpdate:visible": e[2] || (e[2] = (s) => n.$emit("update:visible", s)),
       "data-ts-name": "dialoglinkedasset"
     }), G({
       body: C(() => [
-        m("div", D, [
-          o.type === "confirmation" ? (n(), i(u, { key: 0 }, [
-            m("ul", H, [
-              (n(!0), i(u, null, w(o.list, (s) => (n(), i("li", {
+        d("div", D, [
+          n.type === "confirmation" ? (o(), i(u, { key: 0 }, [
+            d("ul", H, [
+              (o(!0), i(u, null, x(n.list, (s) => (o(), i("li", {
                 key: s._id,
-                class: "text-general-800 font-medium",
+                class: "text-general-800 dark:text-general-100 font-medium",
                 "data-ts-section": "assetlistitem"
               }, p(s.name.nameWithSequence), 1))), 128))
             ]),
-            e[3] || (e[3] = m("p", { class: "text-general-800 font-medium" }, " The following assets have other assets linked to them: ", -1))
-          ], 64)) : $("", !0),
-          y.value ? (n(), L(U, {
+            e[3] || (e[3] = d("p", { class: "text-general-800 dark:text-general-100 font-medium" }, " The following assets have other assets linked to them: ", -1))
+          ], 64)) : S("", !0),
+          y.value ? (o(), L(R, {
             key: 1,
-            class: "animate-spin h-6 w-6 self-center cursor-default !text-general-200 py-4",
+            class: "animate-spin h-6 w-6 self-center cursor-default !text-general-200 dark:!text-general-500 py-4",
             icon: "loader-4"
-          })) : (n(!0), i(u, { key: 2 }, w(v.value, (s) => (n(), i("div", {
+          })) : (o(!0), i(u, { key: 2 }, x(v.value, (s) => (o(), i("div", {
             key: s.parent._id,
             class: "flex flex-col gap-0.5"
           }, [
-            m("span", K, p(s.parent.name.nameWithSequence) + ": ", 1),
-            m("ul", M, [
-              (n(!0), i(u, null, w(s.children, (d) => (n(), i("li", {
-                key: d._id,
-                class: "text-general-800 font-medium",
+            d("span", K, p(s.parent.name.nameWithSequence) + ": ", 1),
+            d("ul", M, [
+              (o(!0), i(u, null, x(s.children, (m) => (o(), i("li", {
+                key: m._id,
+                class: "text-general-800 dark:text-general-100 font-medium",
                 "data-ts-section": "assetchild"
-              }, p(d.name.nameWithSequence), 1))), 128))
+              }, p(m.name.nameWithSequence), 1))), 128))
             ])
           ]))), 128)),
-          o.type === "confirmation" ? (n(), i("p", Q, p(N.value), 1)) : $("", !0)
+          n.type === "confirmation" ? (o(), i("p", Q, p(N.value), 1)) : S("", !0)
         ]),
-        S(z, { group: "linkedasset" })
+        $(U, { group: "linkedasset" })
       ]),
       _: 2
     }, [
       t.type === "detail" ? {
         name: "footer",
         fn: C(() => [
-          S(P, {
-            onClick: e[0] || (e[0] = (s) => o.$emit("update:visible", !1)),
+          $(O, {
+            onClick: e[0] || (e[0] = (s) => n.$emit("update:visible", !1)),
             "data-ts-section": "closebutton",
             label: "Close",
             outlined: ""
@@ -154,5 +154,6 @@ const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex f
   }
 });
 export {
-  ae as default
+  ae as _
 };
+//# sourceMappingURL=index.es.js.map

package/dialoglinkedasset/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../components/dialoglinkedasset/DialogLinkedAsset.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AssetServices } from '@tagsamurai/fats-api-services';\nimport { computed, ref, watch } from 'vue';\n\nimport Button from 'lib/components/button/Button.vue';\nimport DialogConfirm from 'lib/components/dialogconfirm/DialogConfirm.vue';\nimport Icon from 'lib/components/icon/Icon.vue';\nimport Toast from 'lib/components/toast/Toast.vue';\n\nimport {\n  DialogLinkedAssetEmit,\n  DialogLinkedAssetProps,\n  FamilyData,\n  LinkedAsset,\n  LinkedAssetFamily,\n} from './DialogLinkedAsset.vue.d';\nimport { useToast } from '../../utils';\n\nconst props = withDefaults(defineProps<DialogLinkedAssetProps>(), {\n  actionable: true,\n  closeAfterConfirm: true,\n  type: 'confirmation',\n});\n\ndefineEmits<DialogLinkedAssetEmit>();\n\nconst toast = useToast();\n\nconst confirmLabel = computed<string>(() => {\n  if (props.confirmLabel) return props.confirmLabel;\n  return props.severity === 'danger' ? 'Remove' : 'Submit';\n});\n\nconst confirmBody = computed(() => {\n  if (props.confirmBody) return props.confirmBody;\n  return props.severity === 'success'\n    ? 'All related data will be transacted. Are you sure want to submit?'\n    : 'All related data will be removed from the list. Are you want to remove it?';\n});\n\nconst showIcon = computed(() => {\n  return !!props.headerIcon || props.severity === 'danger';\n});\n\nconst isLoading = ref<boolean>(false);\nconst linkedAssets = ref<LinkedAssetFamily[]>([]);\nconst assetChanged = ref<boolean>(!!props.list?.length);\n\nwatch(\n  () => props.list,\n  () => {\n    assetChanged.value = true;\n  },\n);\n\n/**\n * Function to get all linked assets for every parent\n *\n * @async\n */\nconst fetchLinkedAssets = async (): Promise<void> => {\n  try {\n    if (!assetChanged.value) return;\n\n    isLoading.value = true;\n\n    const families: LinkedAssetFamily[] = [];\n\n    const hasLinkedAsset = (data: FamilyData): boolean => {\n      return data.family.length > 1;\n    };\n\n    const formatLinkedAssetFamily = (\n      { parent, children, family }: FamilyData,\n      currentAsset: LinkedAsset,\n    ): LinkedAssetFamily => {\n      const mapIDName = (assets: LinkedAsset[]): LinkedAsset[] => {\n        return assets.map((child) => ({ _id: child._id, name: child.name }));\n      };\n\n      // eslint-disable-next-line @typescript-eslint/naming-convention\n      const { _id, name } = parent ?? currentAsset;\n      return {\n        parent: { _id, name }, // If parent null | undefined, it means the current asset is parent\n        children: children.length\n          ? mapIDName(children)\n          : mapIDName(family.filter((member) => member._id !== _id)), // Parent will always exist if children is empty\n      };\n    };\n\n    if (props.list?.length) {\n      const { data } = await AssetServices.getLinkedAssetFamily(\n        JSON.stringify(props.list.map((d) => d._id)),\n      );\n\n      if (data.data) {\n        data.data.forEach((familyData) => {\n          const currentAsset = familyData.family.find(\n            (member) => member._id === familyData._id,\n          );\n\n          if (hasLinkedAsset(familyData) && currentAsset) {\n            const currentFamily = formatLinkedAssetFamily(\n              familyData,\n              currentAsset,\n            );\n            const isExist = families.some(\n              (family) => family.parent._id === currentFamily.parent._id,\n            ); // Prevent family list have duplicate value\n\n            if (!isExist) families.push(currentFamily);\n          }\n        });\n      }\n    }\n\n    linkedAssets.value = families;\n  } catch (error) {\n    toast.removeGroup('linkedasset');\n    toast.add({\n      error,\n      message: 'Error, failed to fetch linked assets.',\n      group: 'linkedasset',\n    });\n  } finally {\n    isLoading.value = false;\n    assetChanged.value = false;\n  }\n};\n</script>\n\n<template>\n  <DialogConfirm\n    v-bind=\"$props\"\n    :confirm-label=\"confirmLabel\"\n    :list=\"undefined\"\n    :show-icon=\"showIcon\"\n    @confirm=\"$emit('confirm', linkedAssets)\"\n    @show=\"fetchLinkedAssets\"\n    @update:visible=\"$emit('update:visible', $event)\"\n    data-ts-name=\"dialoglinkedasset\"\n  >\n    <template #body>\n      <div class=\"flex flex-col gap-3 justify-between\">\n        <template v-if=\"type === 'confirmation'\">\n          <ul class=\"flex flex-col max-h-20 overflow-y-auto\">\n            <li\n              :key=\"item._id\"\n              v-for=\"item in list\"\n              class=\"text-general-800 dark:text-general-100 font-medium\"\n              data-ts-section=\"assetlistitem\"\n            >\n              {{ item.name.nameWithSequence }}\n            </li>\n          </ul>\n\n          <p class=\"text-general-800 dark:text-general-100 font-medium\">\n            The following assets have other assets linked to them:\n          </p>\n        </template>\n\n        <Icon\n          v-if=\"isLoading\"\n          class=\"animate-spin h-6 w-6 self-center cursor-default !text-general-200 dark:!text-general-500 py-4\"\n          icon=\"loader-4\"\n        />\n\n        <template v-else>\n          <div\n            :key=\"asset.parent._id\"\n            v-for=\"asset in linkedAssets\"\n            class=\"flex flex-col gap-0.5\"\n          >\n            <span\n              class=\"text-general-800 dark:text-general-100 font-medium\"\n              data-ts-section=\"assetparent\"\n            >\n              {{ asset.parent.name.nameWithSequence }}:\n            </span>\n\n            <ul\n              class=\"flex flex-col max-h-20\"\n              data-ts-section=\"linked-asset-family\"\n            >\n              <li\n                :key=\"child._id\"\n                v-for=\"child in asset.children\"\n                class=\"text-general-800 dark:text-general-100 font-medium\"\n                data-ts-section=\"assetchild\"\n              >\n                {{ child.name.nameWithSequence }}\n              </li>\n            </ul>\n          </div>\n        </template>\n\n        <p\n          v-if=\"type === 'confirmation'\"\n          class=\"text-general-800 dark:text-general-100 font-medium\"\n          data-ts-section=\"confirmbody\"\n        >\n          {{ confirmBody }}\n        </p>\n      </div>\n\n      <Toast group=\"linkedasset\" />\n    </template>\n\n    <template #footer v-if=\"props.type === 'detail'\">\n      <Button\n        @click=\"$emit('update:visible', false)\"\n        data-ts-section=\"closebutton\"\n        label=\"Close\"\n        outlined\n      />\n    </template>\n  </DialogConfirm>\n</template>\n"],"names":["props","__props","toast","useToast","confirmLabel","computed","confirmBody","showIcon","isLoading","ref","linkedAssets","assetChanged","_a","watch","fetchLinkedAssets","families","hasLinkedAsset","data","formatLinkedAssetFamily","parent","children","family","currentAsset","mapIDName","assets","child","_id","name","member","AssetServices","d","familyData","currentFamily","error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAQC,GAQRC,IAAQC,EAAA,GAERC,IAAeC,EAAiB,MAChCL,EAAM,eAAqBA,EAAM,eAC9BA,EAAM,aAAa,WAAW,WAAW,QACjD,GAEKM,IAAcD,EAAS,MACvBL,EAAM,cAAoBA,EAAM,cAC7BA,EAAM,aAAa,YACtB,sEACA,4EACL,GAEKO,IAAWF,EAAS,MACjB,CAAC,CAACL,EAAM,cAAcA,EAAM,aAAa,QACjD,GAEKQ,IAAYC,EAAa,EAAK,GAC9BC,IAAeD,EAAyB,EAAE,GAC1CE,IAAeF,EAAa,CAAC,GAACG,IAAAZ,EAAM,SAAN,QAAAY,EAAY,OAAM;AAEtD,IAAAC;AAAA,MACE,MAAMb,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAW,EAAa,QAAQ;AAAA,MACvB;AAAA,IAAA;AAQF,UAAMG,IAAoB,YAA2B;;AACnD,UAAI;AACF,YAAI,CAACH,EAAa,MAAO;AAEzB,QAAAH,EAAU,QAAQ;AAElB,cAAMO,IAAgC,CAAA,GAEhCC,IAAiB,CAACC,MACfA,EAAK,OAAO,SAAS,GAGxBC,IAA0B,CAC9B,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,GACpBC,MACsB;AACtB,gBAAMC,IAAY,CAACC,MACVA,EAAO,IAAI,CAACC,OAAW,EAAE,KAAKA,EAAM,KAAK,MAAMA,EAAM,KAAA,EAAO,GAI/D,EAAE,KAAAC,GAAK,MAAAC,EAAA,IAASR,KAAUG;AAChC,iBAAO;AAAA,YACL,QAAQ,EAAE,KAAAI,GAAK,MAAAC,EAAA;AAAA;AAAA,YACf,UAAUP,EAAS,SACfG,EAAUH,CAAQ,IAClBG,EAAUF,EAAO,OAAO,CAACO,MAAWA,EAAO,QAAQF,CAAG,CAAC;AAAA;AAAA,UAAA;AAAA,QAE/D;AAEA,aAAId,IAAAZ,EAAM,SAAN,QAAAY,EAAY,QAAQ;AACtB,gBAAM,EAAE,MAAAK,EAAA,IAAS,MAAMY,EAAc;AAAA,YACnC,KAAK,UAAU7B,EAAM,KAAK,IAAI,CAAC8B,MAAMA,EAAE,GAAG,CAAC;AAAA,UAAA;AAG7C,UAAIb,EAAK,QACPA,EAAK,KAAK,QAAQ,CAACc,MAAe;AAChC,kBAAMT,IAAeS,EAAW,OAAO;AAAA,cACrC,CAACH,MAAWA,EAAO,QAAQG,EAAW;AAAA,YAAA;AAGxC,gBAAIf,EAAee,CAAU,KAAKT,GAAc;AAC9C,oBAAMU,IAAgBd;AAAA,gBACpBa;AAAA,gBACAT;AAAA,cAAA;AAMF,cAJgBP,EAAS;AAAA,gBACvB,CAACM,MAAWA,EAAO,OAAO,QAAQW,EAAc,OAAO;AAAA,cAAA,KAG3CjB,EAAS,KAAKiB,CAAa;AAAA,YAC3C;AAAA,UACF,CAAC;AAAA,QAEL;AAEA,QAAAtB,EAAa,QAAQK;AAAA,MACvB,SAASkB,GAAO;AACd,QAAA/B,EAAM,YAAY,aAAa,GAC/BA,EAAM,IAAI;AAAA,UACR,OAAA+B;AAAA,UACA,SAAS;AAAA,UACT,OAAO;AAAA,QAAA,CACR;AAAA,MACH,UAAA;AACE,QAAAzB,EAAU,QAAQ,IAClBG,EAAa,QAAQ;AAAA,MACvB;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}