mario-core 2.0.3 → 2.0.4-release

package/dist/SkillList-Cjt8Kney.mjs

@@ -0,0 +1,386 @@
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { useState as N, useEffect as I, forwardRef as V, useCallback as _, useRef as q } from "react";
+import { Row as B, Col as y, Input as M, Label as P, Table as z } from "reactstrap";
+import { useTranslation as R } from "react-i18next";
+import { i as L, B as K, X as O, Y as Q, U as H, E as J, D as X, b as f, Z as Y, c as S, J as Z, T as G, K as W, L as ee, O as te, P as se, Q as ae } from "./index-S9mI_rxc.mjs";
+import { Formik as le } from "formik";
+import * as T from "yup";
+import { useSelector as j, useDispatch as A } from "react-redux";
+const E = `${K}/api/Skill`, U = (e) => L.get(E, { params: e }), ne = (e) => L.get(`${E}/${e}`), ie = (e) => L.post(E, e), re = (e) => L.put(`${E}/${e.id}`, e), oe = (e) => L.delete(`${E}/${e}`), ce = (e) => {
+  const [s, c] = N([]);
+  I(() => {
+    o();
+  }, []);
+  const o = async () => {
+    try {
+      const i = await U();
+      c(i.data.items);
+    } catch (i) {
+      console.error(i.message);
+    }
+  }, { id: m, isDisabled: l } = e, u = s.map((i) => ({
+    id: i.id,
+    value: i.id,
+    label: i.path ? `${i.path}/${i.name}` : i.name
+  }));
+  return /* @__PURE__ */ t(
+    O,
+    {
+      options: u,
+      defaultValue: m,
+      ...e,
+      isDisabled: l
+    }
+  );
+}, de = T.object({
+  name: T.string().required("Name is required"),
+  description: T.string()
+}), me = (e, s) => {
+  const {
+    header: c,
+    confirmText: o,
+    onConfirm: m,
+    skillDetail: l,
+    onCancel: u,
+    edited: i,
+    setEdited: n,
+    setEditedTrue: r,
+    setEditedFalse: k,
+    isDisabled: b
+  } = e, { t: d } = R();
+  return /* @__PURE__ */ t(
+    le,
+    {
+      initialValues: l,
+      enableReinitialize: !0,
+      validationSchema: de,
+      onSubmit: (g, p) => {
+        m(g), p.resetForm();
+      },
+      children: (g) => {
+        const {
+          values: p,
+          touched: x,
+          errors: C,
+          handleChange: D,
+          handleBlur: w,
+          handleSubmit: $,
+          resetForm: F
+        } = g;
+        return /* @__PURE__ */ t(
+          Q,
+          {
+            header: c,
+            confirmText: o,
+            onConfirm: $,
+            ref: s,
+            onCancel: () => {
+              u(), F();
+            },
+            edited: i,
+            setEdited: n,
+            setEditedFalse: k,
+            children: /* @__PURE__ */ h(B, { children: [
+              /* @__PURE__ */ h(y, { md: 12, className: "mb-2", children: [
+                /* @__PURE__ */ t(H, { text: d("name") }),
+                /* @__PURE__ */ t(
+                  M,
+                  {
+                    name: "name",
+                    placeholder: d("name"),
+                    value: p.name,
+                    onChange: (a) => {
+                      D(a), r();
+                    },
+                    onBlur: w("name")
+                  }
+                ),
+                x.name && C.name && /* @__PURE__ */ t(
+                  J,
+                  {
+                    text: C.name
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ h(y, { md: 12, className: "mb-2", children: [
+                /* @__PURE__ */ t(P, { children: d("description") }),
+                /* @__PURE__ */ t(
+                  M,
+                  {
+                    type: "textarea",
+                    rows: 5,
+                    name: "description",
+                    placeholder: d("description"),
+                    value: p.description,
+                    onChange: (a) => {
+                      D(a), r();
+                    },
+                    onBlur: w("description")
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ h(y, { md: 12, className: "mb-2", children: [
+                /* @__PURE__ */ t(P, { children: d("parent_category") }),
+                /* @__PURE__ */ t(
+                  ce,
+                  {
+                    isDisabled: b,
+                    onChange: (a) => {
+                      g.setFieldValue(
+                        "parentSkillId",
+                        a.value
+                      ), r();
+                    },
+                    id: p.parentSkillId
+                  }
+                )
+              ] })
+            ] })
+          }
+        );
+      }
+    }
+  );
+}, ue = V(me), he = "Skill list", pe = () => {
+  const e = j((n) => n.skills.skillList), s = j((n) => n.skills.totalItems), { t: c } = R(), { filters: o, changeFilters: m } = X(), l = A(), u = _(async () => {
+    l(f(!0));
+    try {
+      const n = await U(o), { items: r, totalItems: k } = n.data;
+      l(Y({ skillList: r, totalItems: k }));
+    } catch (n) {
+      l(
+        S({
+          type: "danger",
+          message: n.response?.data?.title || n.message
+        })
+      );
+    }
+    l(f(!1));
+  }, [l, o]), i = _(
+    (n) => {
+      l(f(!0));
+      try {
+        l(
+          Z({
+            isOpen: !0,
+            type: "warning",
+            message: c("do_you_want_to_remove_this_skill"),
+            onConfirm: async () => {
+              try {
+                await oe(n), l(
+                  S({
+                    type: "success",
+                    message: c("remove_skill_successfully")
+                  })
+                ), m({ currentPage: 1 });
+              } catch (r) {
+                l(
+                  S({
+                    type: "danger",
+                    message: r.response?.data?.title || r.message || "Error occured"
+                  })
+                );
+              }
+            }
+          })
+        );
+      } catch (r) {
+        l(
+          S({
+            type: "danger",
+            message: r.response?.data?.title || r.message || "Error occured"
+          })
+        );
+      }
+      l(f(!1));
+    },
+    [o]
+  );
+  return I(() => {
+    document.title = he;
+  }, []), I(() => {
+    u();
+  }, [o]), {
+    skillList: e,
+    totalItems: s,
+    filters: o,
+    changeFilters: m,
+    getData: u,
+    removeData: i
+  };
+}, v = {
+  name: "",
+  description: "",
+  path: "",
+  parentSkillId: null
+}, ge = () => {
+  const e = A(), [s, c] = N(0), [o, m] = N(v), [l, u] = N(!1), i = async () => {
+    localStorage.setItem(window.location.href, "true"), u(!0);
+  }, n = async () => {
+    localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href), u(!1);
+  };
+  I(() => {
+    s ? k() : m(v);
+  }, [s]);
+  const r = () => {
+    c(0), m(v);
+  };
+  I(() => {
+    n();
+  }, []);
+  const k = _(async () => {
+    e(f(!0));
+    try {
+      const d = await ne(s);
+      m(d.data);
+    } catch (d) {
+      e(
+        S({
+          type: "danger",
+          message: d.response?.data?.title || d.message
+        })
+      );
+    }
+    e(f(!1));
+  }, [s]), b = _(
+    async (d, g) => {
+      e(f(!0));
+      try {
+        await (s ? re : ie)(d), e(
+          S({
+            type: "success",
+            message: `${s ? "Update" : "Create"} skill successfully`
+          })
+        ), g && g(), s && c(0);
+      } catch (p) {
+        e(
+          S({
+            type: "danger",
+            message: p.response?.data?.title || p.message
+          })
+        );
+      }
+      e(f(!1));
+    },
+    [s, o]
+  );
+  return {
+    id: s,
+    setId: c,
+    skillDetail: o,
+    confirmData: b,
+    initValue: v,
+    reset: r,
+    edited: l,
+    setEdited: u,
+    setEditedTrue: i,
+    setEditedFalse: n
+  };
+}, Ie = () => {
+  const e = q(null), { t: s } = R(), {
+    skillList: c,
+    totalItems: o,
+    filters: m,
+    changeFilters: l,
+    getData: u,
+    removeData: i
+  } = pe(), {
+    id: n,
+    setId: r,
+    skillDetail: k,
+    confirmData: b,
+    reset: d,
+    edited: g,
+    setEdited: p,
+    setEditedTrue: x,
+    setEditedFalse: C
+  } = ge(), D = (a) => {
+    r(a || 0), e && e.current && e.current.toggle();
+  }, w = (a) => {
+    b(a, () => {
+      e && e.current && e.current.toggle(), u();
+    }), C();
+  }, $ = (a) => {
+    i(a);
+  }, F = () => d();
+  return /* @__PURE__ */ h("div", { className: "fadeIn animated", children: [
+    /* @__PURE__ */ t(
+      ue,
+      {
+        ref: e,
+        header: s(n ? "edit_skill" : "create_skill"),
+        confirmText: s(n ? "update" : "create"),
+        onCancel: F,
+        onConfirm: w,
+        skillDetail: k,
+        edited: g,
+        setEdited: p,
+        setEditedTrue: x,
+        setEditedFalse: C,
+        isDisabled: n
+      }
+    ),
+    /* @__PURE__ */ t(G, { when: g }),
+    /* @__PURE__ */ h(B, { className: "my-2", children: [
+      /* @__PURE__ */ t(y, { md: 4, children: /* @__PURE__ */ t(
+        W,
+        {
+          text: s("create_skill"),
+          onClick: () => D()
+        }
+      ) }),
+      /* @__PURE__ */ h(
+        y,
+        {
+          md: 4,
+          className: "d-flex align-items-center justify-content-end",
+          children: [
+            s("total_of_skills"),
+            ": ",
+            o
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ h(B, { className: "mb-2", children: [
+      /* @__PURE__ */ t(y, { md: 8, children: c && c.length > 0 ? /* @__PURE__ */ h(z, { bordered: !0, hover: !0, striped: !0, responsive: !0, size: "sm", children: [
+        /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ h("tr", { children: [
+          /* @__PURE__ */ t("th", { className: "align-top", children: s("name") }),
+          /* @__PURE__ */ t("th", { className: "align-top", children: s("description") }),
+          /* @__PURE__ */ t("th", { className: "text-center", children: s("action") })
+        ] }) }),
+        /* @__PURE__ */ t("tbody", { children: c.map((a) => /* @__PURE__ */ h("tr", { children: [
+          /* @__PURE__ */ h("td", { className: "align-middle", children: [
+            /* @__PURE__ */ t(
+              ee,
+              {
+                label: a.name,
+                onClick: () => D(a.id)
+              }
+            ),
+            !!a.path && /* @__PURE__ */ t("p", { className: "mb-0 pl-3", children: /* @__PURE__ */ t("i", { children: a.path }) })
+          ] }),
+          /* @__PURE__ */ t("td", { className: "align-middle", children: a.description }),
+          /* @__PURE__ */ t("td", { className: "text-center align-middle", children: /* @__PURE__ */ t(
+            te,
+            {
+              onClick: () => $(a.id)
+            }
+          ) })
+        ] }, a.id)) })
+      ] }) : /* @__PURE__ */ t(se, { label: s("skill") }) }),
+      /* @__PURE__ */ t(y, { md: 8, className: "text-right", children: /* @__PURE__ */ t(
+        ae,
+        {
+          totalRecordCount: o,
+          filters: m,
+          changePageSize: (a) => l({ pageSize: a }),
+          changePage: (a) => l({ currentPage: a })
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  Ie as default
+};