mario-core 2.0.102-release → 2.0.103-release

package/dist/SkillList-CjP3DHVV.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 E, B as O, $ as Q, a0 as H, Y as J, E as K, J as X, b as f, a1 as Y, c as S, O as G, X as W, P as Z, Q as ee, S as te, T as se, U as ae } from "./index-DplP6JK1.mjs";
+import { Formik as le } from "formik";
+import * as T from "yup";
+import { useSelector as j, useDispatch as A } from "react-redux";
+const L = `${O}/api/Skill`, U = (e) => E.get(L, { params: e }), ne = (e) => E.get(`${L}/${e}`), ie = (e) => E.post(L, e), re = (e) => E.put(`${L}/${e.id}`, e), oe = (e) => E.delete(`${L}/${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(
+    Q,
+    {
+      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(
+          H,
+          {
+            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(J, { 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(
+                  K,
+                  {
+                    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(
+          G({
+            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(W, { when: g }),
+    /* @__PURE__ */ h(B, { className: "my-2", children: [
+      /* @__PURE__ */ t(y, { md: 4, children: /* @__PURE__ */ t(
+        Z,
+        {
+          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
+};

package/dist/SkillList-DED-BKhK.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),u=require("reactstrap"),v=require("react-i18next"),s=require("./index-9XtI-PeV.js"),R=require("formik"),T=require("yup"),D=require("react-redux");function q(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(a,i,o.get?o:{enumerable:!0,get:()=>t[i]})}}return a.default=t,Object.freeze(a)}const _=q(T),b=`${s.BASE_URL}/api/Skill`,N=t=>s.api.get(b,{params:t}),$=t=>s.api.get(`${b}/${t}`),A=t=>s.api.post(b,t),F=t=>s.api.put(`${b}/${t.id}`,t),B=t=>s.api.delete(`${b}/${t}`),M=t=>{const[a,i]=m.useState([]);m.useEffect(()=>{o()},[]);const o=async()=>{try{const c=await N();i(c.data.items)}catch(c){console.error(c.message)}},{id:g,isDisabled:l}=t,p=a.map(c=>({id:c.id,value:c.id,label:c.path?`${c.path}/${c.name}`:c.name}));return e.jsx(s.CustomSelector,{options:p,defaultValue:g,...t,isDisabled:l})},O=_.object({name:_.string().required("Name is required"),description:_.string()}),P=(t,a)=>{const{header:i,confirmText:o,onConfirm:g,skillDetail:l,onCancel:p,edited:c,setEdited:r,setEditedTrue:d,setEditedFalse:j,isDisabled:k}=t,{t:h}=v.useTranslation();return e.jsx(R.Formik,{initialValues:l,enableReinitialize:!0,validationSchema:O,onSubmit:(f,x)=>{g(f),x.resetForm()},children:f=>{const{values:x,touched:E,errors:y,handleChange:S,handleBlur:C,handleSubmit:I,resetForm:w}=f;return e.jsx(s.CommonModal,{header:i,confirmText:o,onConfirm:I,ref:a,onCancel:()=>{p(),w()},edited:c,setEdited:r,setEditedFalse:j,children:e.jsxs(u.Row,{children:[e.jsxs(u.Col,{md:12,className:"mb-2",children:[e.jsx(s.RequiredLabel,{text:h("name")}),e.jsx(u.Input,{name:"name",placeholder:h("name"),value:x.name,onChange:n=>{S(n),d()},onBlur:C("name")}),E.name&&y.name&&e.jsx(s.ErrorHandler,{text:y.name})]}),e.jsxs(u.Col,{md:12,className:"mb-2",children:[e.jsx(u.Label,{children:h("description")}),e.jsx(u.Input,{type:"textarea",rows:5,name:"description",placeholder:h("description"),value:x.description,onChange:n=>{S(n),d()},onBlur:C("description")})]}),e.jsxs(u.Col,{md:12,className:"mb-2",children:[e.jsx(u.Label,{children:h("parent_category")}),e.jsx(M,{isDisabled:k,onChange:n=>{f.setFieldValue("parentSkillId",n.value),d()},id:x.parentSkillId})]})]})})}})},z=m.forwardRef(P),V="Skill list",U=()=>{const t=D.useSelector(r=>r.skills.skillList),a=D.useSelector(r=>r.skills.totalItems),{t:i}=v.useTranslation(),{filters:o,changeFilters:g}=s.useFilters(),l=D.useDispatch(),p=m.useCallback(async()=>{l(s.setLoading(!0));try{const r=await N(o),{items:d,totalItems:j}=r.data;l(s.setSkillList({skillList:d,totalItems:j}))}catch(r){l(s.setAlert({type:"danger",message:r.response?.data?.title||r.message}))}l(s.setLoading(!1))},[l,o]),c=m.useCallback(r=>{l(s.setLoading(!0));try{l(s.setModal({isOpen:!0,type:"warning",message:i("do_you_want_to_remove_this_skill"),onConfirm:async()=>{try{await B(r),l(s.setAlert({type:"success",message:i("remove_skill_successfully")})),g({currentPage:1})}catch(d){l(s.setAlert({type:"danger",message:d.response?.data?.title||d.message||"Error occured"}))}}}))}catch(d){l(s.setAlert({type:"danger",message:d.response?.data?.title||d.message||"Error occured"}))}l(s.setLoading(!1))},[o]);return m.useEffect(()=>{document.title=V},[]),m.useEffect(()=>{p()},[o]),{skillList:t,totalItems:a,filters:o,changeFilters:g,getData:p,removeData:c}},L={name:"",description:"",path:"",parentSkillId:null},H=()=>{const t=D.useDispatch(),[a,i]=m.useState(0),[o,g]=m.useState(L),[l,p]=m.useState(!1),c=async()=>{localStorage.setItem(window.location.href,"true"),p(!0)},r=async()=>{localStorage.getItem(window.location.href)&&localStorage.removeItem(window.location.href),p(!1)};m.useEffect(()=>{a?j():g(L)},[a]);const d=()=>{i(0),g(L)};m.useEffect(()=>{r()},[]);const j=m.useCallback(async()=>{t(s.setLoading(!0));try{const h=await $(a);g(h.data)}catch(h){t(s.setAlert({type:"danger",message:h.response?.data?.title||h.message}))}t(s.setLoading(!1))},[a]),k=m.useCallback(async(h,f)=>{t(s.setLoading(!0));try{await(a?F:A)(h),t(s.setAlert({type:"success",message:`${a?"Update":"Create"} skill successfully`})),f&&f(),a&&i(0)}catch(x){t(s.setAlert({type:"danger",message:x.response?.data?.title||x.message}))}t(s.setLoading(!1))},[a,o]);return{id:a,setId:i,skillDetail:o,confirmData:k,initValue:L,reset:d,edited:l,setEdited:p,setEditedTrue:c,setEditedFalse:r}},K=()=>{const t=m.useRef(null),{t:a}=v.useTranslation(),{skillList:i,totalItems:o,filters:g,changeFilters:l,getData:p,removeData:c}=U(),{id:r,setId:d,skillDetail:j,confirmData:k,reset:h,edited:f,setEdited:x,setEditedTrue:E,setEditedFalse:y}=H(),S=n=>{d(n||0),t&&t.current&&t.current.toggle()},C=n=>{k(n,()=>{t&&t.current&&t.current.toggle(),p()}),y()},I=n=>{c(n)},w=()=>h();return e.jsxs("div",{className:"fadeIn animated",children:[e.jsx(z,{ref:t,header:a(r?"edit_skill":"create_skill"),confirmText:a(r?"update":"create"),onCancel:w,onConfirm:C,skillDetail:j,edited:f,setEdited:x,setEditedTrue:E,setEditedFalse:y,isDisabled:r}),e.jsx(s.QuitPrompt,{when:f}),e.jsxs(u.Row,{className:"my-2",children:[e.jsx(u.Col,{md:4,children:e.jsx(s.AddButton,{text:a("create_skill"),onClick:()=>S()})}),e.jsxs(u.Col,{md:4,className:"d-flex align-items-center justify-content-end",children:[a("total_of_skills"),": ",o]})]}),e.jsxs(u.Row,{className:"mb-2",children:[e.jsx(u.Col,{md:8,children:i&&i.length>0?e.jsxs(u.Table,{bordered:!0,hover:!0,striped:!0,responsive:!0,size:"sm",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"align-top",children:a("name")}),e.jsx("th",{className:"align-top",children:a("description")}),e.jsx("th",{className:"text-center",children:a("action")})]})}),e.jsx("tbody",{children:i.map(n=>e.jsxs("tr",{children:[e.jsxs("td",{className:"align-middle",children:[e.jsx(s.LinkEditButton,{label:n.name,onClick:()=>S(n.id)}),!!n.path&&e.jsx("p",{className:"mb-0 pl-3",children:e.jsx("i",{children:n.path})})]}),e.jsx("td",{className:"align-middle",children:n.description}),e.jsx("td",{className:"text-center align-middle",children:e.jsx(s.DeleteButtonIcon,{onClick:()=>I(n.id)})})]},n.id))})]}):e.jsx(s.EmptyDataAlert,{label:a("skill")})}),e.jsx(u.Col,{md:8,className:"text-right",children:e.jsx(s.CustomPagination,{totalRecordCount:o,filters:g,changePageSize:n=>l({pageSize:n}),changePage:n=>l({currentPage:n})})})]})]})};exports.default=K;

package/dist/SkillList-EMox2GtU.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),u=require("reactstrap"),v=require("react-i18next"),s=require("./index-C6cqi7Br.js"),R=require("formik"),T=require("yup"),D=require("react-redux");function q(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(a,i,o.get?o:{enumerable:!0,get:()=>t[i]})}}return a.default=t,Object.freeze(a)}const _=q(T),b=`${s.BASE_URL}/api/Skill`,N=t=>s.api.get(b,{params:t}),$=t=>s.api.get(`${b}/${t}`),A=t=>s.api.post(b,t),F=t=>s.api.put(`${b}/${t.id}`,t),B=t=>s.api.delete(`${b}/${t}`),M=t=>{const[a,i]=m.useState([]);m.useEffect(()=>{o()},[]);const o=async()=>{try{const c=await N();i(c.data.items)}catch(c){console.error(c.message)}},{id:g,isDisabled:l}=t,p=a.map(c=>({id:c.id,value:c.id,label:c.path?`${c.path}/${c.name}`:c.name}));return e.jsx(s.CustomSelector,{options:p,defaultValue:g,...t,isDisabled:l})},O=_.object({name:_.string().required("Name is required"),description:_.string()}),P=(t,a)=>{const{header:i,confirmText:o,onConfirm:g,skillDetail:l,onCancel:p,edited:c,setEdited:r,setEditedTrue:d,setEditedFalse:j,isDisabled:k}=t,{t:h}=v.useTranslation();return e.jsx(R.Formik,{initialValues:l,enableReinitialize:!0,validationSchema:O,onSubmit:(f,x)=>{g(f),x.resetForm()},children:f=>{const{values:x,touched:E,errors:y,handleChange:S,handleBlur:C,handleSubmit:I,resetForm:w}=f;return e.jsx(s.CommonModal,{header:i,confirmText:o,onConfirm:I,ref:a,onCancel:()=>{p(),w()},edited:c,setEdited:r,setEditedFalse:j,children:e.jsxs(u.Row,{children:[e.jsxs(u.Col,{md:12,className:"mb-2",children:[e.jsx(s.RequiredLabel,{text:h("name")}),e.jsx(u.Input,{name:"name",placeholder:h("name"),value:x.name,onChange:n=>{S(n),d()},onBlur:C("name")}),E.name&&y.name&&e.jsx(s.ErrorHandler,{text:y.name})]}),e.jsxs(u.Col,{md:12,className:"mb-2",children:[e.jsx(u.Label,{children:h("description")}),e.jsx(u.Input,{type:"textarea",rows:5,name:"description",placeholder:h("description"),value:x.description,onChange:n=>{S(n),d()},onBlur:C("description")})]}),e.jsxs(u.Col,{md:12,className:"mb-2",children:[e.jsx(u.Label,{children:h("parent_category")}),e.jsx(M,{isDisabled:k,onChange:n=>{f.setFieldValue("parentSkillId",n.value),d()},id:x.parentSkillId})]})]})})}})},z=m.forwardRef(P),V="Skill list",U=()=>{const t=D.useSelector(r=>r.skills.skillList),a=D.useSelector(r=>r.skills.totalItems),{t:i}=v.useTranslation(),{filters:o,changeFilters:g}=s.useFilters(),l=D.useDispatch(),p=m.useCallback(async()=>{l(s.setLoading(!0));try{const r=await N(o),{items:d,totalItems:j}=r.data;l(s.setSkillList({skillList:d,totalItems:j}))}catch(r){l(s.setAlert({type:"danger",message:r.response?.data?.title||r.message}))}l(s.setLoading(!1))},[l,o]),c=m.useCallback(r=>{l(s.setLoading(!0));try{l(s.setModal({isOpen:!0,type:"warning",message:i("do_you_want_to_remove_this_skill"),onConfirm:async()=>{try{await B(r),l(s.setAlert({type:"success",message:i("remove_skill_successfully")})),g({currentPage:1})}catch(d){l(s.setAlert({type:"danger",message:d.response?.data?.title||d.message||"Error occured"}))}}}))}catch(d){l(s.setAlert({type:"danger",message:d.response?.data?.title||d.message||"Error occured"}))}l(s.setLoading(!1))},[o]);return m.useEffect(()=>{document.title=V},[]),m.useEffect(()=>{p()},[o]),{skillList:t,totalItems:a,filters:o,changeFilters:g,getData:p,removeData:c}},L={name:"",description:"",path:"",parentSkillId:null},H=()=>{const t=D.useDispatch(),[a,i]=m.useState(0),[o,g]=m.useState(L),[l,p]=m.useState(!1),c=async()=>{localStorage.setItem(window.location.href,"true"),p(!0)},r=async()=>{localStorage.getItem(window.location.href)&&localStorage.removeItem(window.location.href),p(!1)};m.useEffect(()=>{a?j():g(L)},[a]);const d=()=>{i(0),g(L)};m.useEffect(()=>{r()},[]);const j=m.useCallback(async()=>{t(s.setLoading(!0));try{const h=await $(a);g(h.data)}catch(h){t(s.setAlert({type:"danger",message:h.response?.data?.title||h.message}))}t(s.setLoading(!1))},[a]),k=m.useCallback(async(h,f)=>{t(s.setLoading(!0));try{await(a?F:A)(h),t(s.setAlert({type:"success",message:`${a?"Update":"Create"} skill successfully`})),f&&f(),a&&i(0)}catch(x){t(s.setAlert({type:"danger",message:x.response?.data?.title||x.message}))}t(s.setLoading(!1))},[a,o]);return{id:a,setId:i,skillDetail:o,confirmData:k,initValue:L,reset:d,edited:l,setEdited:p,setEditedTrue:c,setEditedFalse:r}},K=()=>{const t=m.useRef(null),{t:a}=v.useTranslation(),{skillList:i,totalItems:o,filters:g,changeFilters:l,getData:p,removeData:c}=U(),{id:r,setId:d,skillDetail:j,confirmData:k,reset:h,edited:f,setEdited:x,setEditedTrue:E,setEditedFalse:y}=H(),S=n=>{d(n||0),t&&t.current&&t.current.toggle()},C=n=>{k(n,()=>{t&&t.current&&t.current.toggle(),p()}),y()},I=n=>{c(n)},w=()=>h();return e.jsxs("div",{className:"fadeIn animated",children:[e.jsx(z,{ref:t,header:a(r?"edit_skill":"create_skill"),confirmText:a(r?"update":"create"),onCancel:w,onConfirm:C,skillDetail:j,edited:f,setEdited:x,setEditedTrue:E,setEditedFalse:y,isDisabled:r}),e.jsx(s.QuitPrompt,{when:f}),e.jsxs(u.Row,{className:"my-2",children:[e.jsx(u.Col,{md:4,children:e.jsx(s.AddButton,{text:a("create_skill"),onClick:()=>S()})}),e.jsxs(u.Col,{md:4,className:"d-flex align-items-center justify-content-end",children:[a("total_of_skills"),": ",o]})]}),e.jsxs(u.Row,{className:"mb-2",children:[e.jsx(u.Col,{md:8,children:i&&i.length>0?e.jsxs(u.Table,{bordered:!0,hover:!0,striped:!0,responsive:!0,size:"sm",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"align-top",children:a("name")}),e.jsx("th",{className:"align-top",children:a("description")}),e.jsx("th",{className:"text-center",children:a("action")})]})}),e.jsx("tbody",{children:i.map(n=>e.jsxs("tr",{children:[e.jsxs("td",{className:"align-middle",children:[e.jsx(s.LinkEditButton,{label:n.name,onClick:()=>S(n.id)}),!!n.path&&e.jsx("p",{className:"mb-0 pl-3",children:e.jsx("i",{children:n.path})})]}),e.jsx("td",{className:"align-middle",children:n.description}),e.jsx("td",{className:"text-center align-middle",children:e.jsx(s.DeleteButtonIcon,{onClick:()=>I(n.id)})})]},n.id))})]}):e.jsx(s.EmptyDataAlert,{label:a("skill")})}),e.jsx(u.Col,{md:8,className:"text-right",children:e.jsx(s.CustomPagination,{totalRecordCount:o,filters:g,changePageSize:n=>l({pageSize:n}),changePage:n=>l({currentPage:n})})})]})]})};exports.default=K;