@addsign/moje-agenda-shared-lib 0.0.28 → 0.0.30

package/dist/components/form/PositionsSelectorSingle.js

@@ -1,204 +1,233 @@
-import { jsxs as r, Fragment as z, jsx as t } from "react/jsx-runtime";
-import { useState as s, useEffect as h } from "react";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
 import '../../assets/tailwind.css';/* empty css                      */
-import m from "../Button.js";
-import F from "./AutocompleteSearchBar.js";
-import C from "./FormField.js";
-import M from "../layout/SectionTitle.js";
-import { h as B } from "../../index-CO5g84CR.js";
+import Button from "../Button.js";
+import AutocompleteSearchBar from "./AutocompleteSearchBar.js";
+import FormField from "./FormField.js";
+import SectionTitle from "../layout/SectionTitle.js";
+import { h as MdCheck } from "../../index-C0yNf1cc.js";
 import "../../contexts/FederationContext.js";
-import { useFederationContext as K } from "../../contexts/useFederationContext.js";
-import { getFullName as v } from "../../utils/getFullName.js";
-import { G as O } from "../../iconBase-DkR9t2l_.js";
-function T(d) {
-  return O({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { id: "Edit" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { d: "M3.548,20.938h16.9a.5.5,0,0,0,0-1H3.548a.5.5,0,0,0,0,1Z" }, child: [] }, { tag: "path", attr: { d: "M9.71,17.18a2.587,2.587,0,0,0,1.12-.65l9.54-9.54a1.75,1.75,0,0,0,0-2.47l-.94-.93a1.788,1.788,0,0,0-2.47,0L7.42,13.12a2.473,2.473,0,0,0-.64,1.12L6.04,17a.737.737,0,0,0,.19.72.767.767,0,0,0,.53.22Zm.41-1.36a1.468,1.468,0,0,1-.67.39l-.97.26-1-1,.26-.97a1.521,1.521,0,0,1,.39-.67l.38-.37,1.99,1.99Zm1.09-1.08L9.22,12.75l6.73-6.73,1.99,1.99Zm8.45-8.45L18.65,7.3,16.66,5.31l1.01-1.02a.748.748,0,0,1,1.06,0l.93.94A.754.754,0,0,1,19.66,6.29Z" }, child: [] }] }] }] })(d);
+import { useFederationContext } from "../../contexts/useFederationContext.js";
+import { getFullName } from "../../utils/getFullName.js";
+import { G as GenIcon } from "../../iconBase-BY_L6Cb_.js";
+function CiEdit(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "g", "attr": { "id": "Edit" }, "child": [{ "tag": "g", "attr": {}, "child": [{ "tag": "path", "attr": { "d": "M3.548,20.938h16.9a.5.5,0,0,0,0-1H3.548a.5.5,0,0,0,0,1Z" }, "child": [] }, { "tag": "path", "attr": { "d": "M9.71,17.18a2.587,2.587,0,0,0,1.12-.65l9.54-9.54a1.75,1.75,0,0,0,0-2.47l-.94-.93a1.788,1.788,0,0,0-2.47,0L7.42,13.12a2.473,2.473,0,0,0-.64,1.12L6.04,17a.737.737,0,0,0,.19.72.767.767,0,0,0,.53.22Zm.41-1.36a1.468,1.468,0,0,1-.67.39l-.97.26-1-1,.26-.97a1.521,1.521,0,0,1,.39-.67l.38-.37,1.99,1.99Zm1.09-1.08L9.22,12.75l6.73-6.73,1.99,1.99Zm8.45-8.45L18.65,7.3,16.66,5.31l1.01-1.02a.748.748,0,0,1,1.06,0l.93.94A.754.754,0,0,1,19.66,6.29Z" }, "child": [] }] }] }] })(props);
 }
-function X({
-  label: d,
-  name: u,
-  onInputChange: k,
-  initPositionEmployee: l,
-  disabled: x,
-  initDepartmentId: p
+function PositionsSelectorSingle({
+  label,
+  name,
+  onInputChange,
+  initPositionEmployee,
+  disabled,
+  initDepartmentId
 }) {
-  var b;
-  const [S, c] = s(!1), [i, f] = s(""), [j, Z] = s([]), [a, g] = s(), [n, w] = s(), N = (b = K()) == null ? void 0 : b.apiClient;
-  h(() => {
-    const e = (o) => {
-      o.key === "Escape" && c(!1);
+  var _a;
+  const [isModalOpen, setModalOpen] = useState(false);
+  const [department, setDepartment] = useState("");
+  const [positions, setPositions] = useState([]);
+  const [selectedPositionEmployee, setSelectedPositionEmployee] = useState();
+  const [storedPositionEmployee, setStoredPositionEmployee] = useState();
+  const apiClient = (_a = useFederationContext()) == null ? void 0 : _a.apiClient;
+  useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        setModalOpen(false);
+      }
     };
-    return window.addEventListener("keydown", e), () => {
-      window.removeEventListener("keydown", e);
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
     };
-  }, []), h(() => {
-    l && (g(l), w(l), f(l.departmentId));
-  }, [l]), h(() => {
-    p && !l && f(p);
-  }, [p, l]);
-  const I = (e) => {
-    k({
-      target: { name: u, value: e || null }
-    }), w(e), c(!1);
-  }, y = (e) => {
+  }, []);
+  useEffect(() => {
+    if (initPositionEmployee) {
+      setSelectedPositionEmployee(initPositionEmployee);
+      setStoredPositionEmployee(initPositionEmployee);
+      setDepartment(initPositionEmployee.departmentId);
+    }
+  }, [initPositionEmployee]);
+  useEffect(() => {
+    if (initDepartmentId && !initPositionEmployee) {
+      setDepartment(initDepartmentId);
+    }
+  }, [initDepartmentId, initPositionEmployee]);
+  const handleSave = (selectedPositionEmployee2) => {
+    onInputChange({
+      target: { name, value: selectedPositionEmployee2 || null }
+    });
+    setStoredPositionEmployee(selectedPositionEmployee2);
+    setModalOpen(false);
+  };
+  const handleSelectedPositionEmployee = (position) => {
     console.log(
       "%csrcsharedPositionsSelectorSingle.tsx:54 position",
       "color: #007acc;",
-      e,
-      a,
-      e.id == (a == null ? void 0 : a.id)
-    ), !a || e.id !== (a == null ? void 0 : a.id) ? g(e) : g(void 0);
-  }, L = (e) => {
-    console.log("%csrcsharedTransferListModal.tsx:109 e", "color: #007acc;", e), f(e);
+      position,
+      selectedPositionEmployee,
+      position.id == (selectedPositionEmployee == null ? void 0 : selectedPositionEmployee.id)
+    );
+    if (!selectedPositionEmployee || position.id !== (selectedPositionEmployee == null ? void 0 : selectedPositionEmployee.id)) {
+      setSelectedPositionEmployee(position);
+    } else {
+      setSelectedPositionEmployee(void 0);
+    }
   };
-  return h(() => {
-    i && N.get(
-      "os/positions/employees?maxResults=1000&departmentId=" + i
-    ).then((e) => {
-      var o;
-      Z((o = e.data) == null ? void 0 : o.content);
-    }).catch((e) => {
-      console.error(
-        "There was an error fetching positions/employees",
-        e
-      );
-    });
-  }, [N, i]), /* @__PURE__ */ r(z, { children: [
-    /* @__PURE__ */ r("div", { className: "", children: [
-      /* @__PURE__ */ r("p", { className: "text-slate-700 text-sm leading-tight font-medium mb-2", children: [
-        d,
+  const handleDepartmentChange = (e) => {
+    console.log("%csrcsharedTransferListModal.tsx:109 e", "color: #007acc;", e);
+    setDepartment(e);
+  };
+  useEffect(() => {
+    if (department && isModalOpen) {
+      apiClient.get(
+        "os/positions/employees?maxResults=1000&departmentId=" + department
+      ).then((response) => {
+        var _a2;
+        setPositions((_a2 = response.data) == null ? void 0 : _a2.content);
+      }).catch((error) => {
+        console.error(
+          "There was an error fetching positions/employees",
+          error
+        );
+      });
+    }
+  }, [apiClient, department, isModalOpen]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-slate-700 text-sm leading-tight font-medium mb-2", children: [
+        label,
         ":"
       ] }),
-      /* @__PURE__ */ r("div", { className: "w-full flex gap-5  ", children: [
-        /* @__PURE__ */ t(
-          C,
+      /* @__PURE__ */ jsxs("div", { className: "w-full flex gap-5  ", children: [
+        /* @__PURE__ */ jsx(
+          FormField,
           {
             placeholder: "Zatím není určen",
-            name: u,
+            name,
             onInputChange: () => {
             },
             type: "text",
-            disabled: !0,
-            value: n != null && n.employee ? v(n == null ? void 0 : n.employee, !0) : ""
+            disabled: true,
+            value: (storedPositionEmployee == null ? void 0 : storedPositionEmployee.employee) ? getFullName(storedPositionEmployee == null ? void 0 : storedPositionEmployee.employee, true) : ""
           }
         ),
-        /* @__PURE__ */ t(
-          m,
+        /* @__PURE__ */ jsx(
+          Button,
           {
-            className: "text-xl " + (x ? "hidden" : ""),
+            className: "text-xl " + (disabled ? "hidden" : ""),
             variant: "primary",
-            onClick: () => c(!0),
-            disabled: x,
-            children: /* @__PURE__ */ t(T, {})
+            onClick: () => setModalOpen(true),
+            disabled,
+            children: /* @__PURE__ */ jsx(CiEdit, {})
           }
         )
       ] })
     ] }),
-    S && /* @__PURE__ */ t(
+    isModalOpen && /* @__PURE__ */ jsx(
       "div",
       {
         className: "fixed inset-0 bg-black bg-opacity-25 flex items-center justify-center p-5",
         style: { zIndex: 50 },
-        children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ jsx(
           "div",
           {
             className: "bg-white rounded-lg shadow-xl m-4 overflow-auto max-h-full pointer-events-auto  ",
             style: { width: "50vw" },
-            children: /* @__PURE__ */ r("div", { className: "grid grid-cols-13 gap-4 p-5", children: [
-              /* @__PURE__ */ r("div", { className: "col-span-12", children: [
-                /* @__PURE__ */ r(M, { children: [
-                  d,
+            children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-13 gap-4 p-5", children: [
+              /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+                /* @__PURE__ */ jsxs(SectionTitle, { children: [
+                  label,
                   " - Výběr pozice"
                 ] }),
                 " "
               ] }),
-              /* @__PURE__ */ t("div", { className: "col-span-12", children: /* @__PURE__ */ t(
-                F,
+              /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(
+                AutocompleteSearchBar,
                 {
                   name: "departmentId",
                   placeholder: "Vyhledejte útvar",
-                  fetchUrl: "os/departments?maxResults=5000",
+                  fetchUrl: "os/departments?pageSize=5000",
                   valueKey: "departmentId",
                   labelKey: "nameLong",
                   label: "Útvar",
-                  onChange: L,
+                  onChange: handleDepartmentChange,
                   onBlur: () => {
                   },
                   onFocus: () => {
                   },
-                  value: i,
-                  showId: !0
+                  value: department,
+                  showId: true
                 }
               ) }),
-              /* @__PURE__ */ t("div", { className: "col-span-12 h-[400px]", children: /* @__PURE__ */ r("div", { className: "pt-4 w-full ", children: [
-                /* @__PURE__ */ t("div", { className: "text-slate-700 text-sm leading-tight font-medium my-4", children: "Nalezené pozice:" }),
-                j.map((e) => /* @__PURE__ */ t(
+              /* @__PURE__ */ jsx("div", { className: "col-span-12 h-[400px]", children: /* @__PURE__ */ jsxs("div", { className: "pt-4 w-full ", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-slate-700 text-sm leading-tight font-medium my-4", children: "Nalezené pozice:" }),
+                positions.map((position) => /* @__PURE__ */ jsx(
                   "div",
                   {
                     className: "w-1/2 group h-11 px-1.5 py-px justify-start items-center inline-flex cursor-pointer",
-                    onClick: () => y(e),
-                    children: /* @__PURE__ */ r(
+                    onClick: () => handleSelectedPositionEmployee(position),
+                    children: /* @__PURE__ */ jsxs(
                       "div",
                       {
-                        className: `grow shrink basis-0 h-11 pl-2 pr-2.5 py-2.5 rounded-md justify-start items-center gap-2 flex  ${e.id == (a == null ? void 0 : a.id) ? " bg-gray-100 hover:bg-gray-200 " : "hover:bg-gray-50"} `,
+                        className: `grow shrink basis-0 h-11 pl-2 pr-2.5 py-2.5 rounded-md justify-start items-center gap-2 flex  ${position.id == (selectedPositionEmployee == null ? void 0 : selectedPositionEmployee.id) ? " bg-gray-100 hover:bg-gray-200 " : "hover:bg-gray-50"} `,
                         children: [
-                          /* @__PURE__ */ t("div", { className: "grow shrink basis-0 h-6 justify-start items-center gap-2 flex", children: /* @__PURE__ */ t("div", { className: "text-gray-900 text-base font-medium font-['Inter'] leading-normal", children: v(e.employee, !0) }) }),
-                          /* @__PURE__ */ t(
+                          /* @__PURE__ */ jsx("div", { className: "grow shrink basis-0 h-6 justify-start items-center gap-2 flex", children: /* @__PURE__ */ jsx("div", { className: "text-gray-900 text-base font-medium font-['Inter'] leading-normal", children: getFullName(position.employee, true) }) }),
+                          /* @__PURE__ */ jsx(
                             "div",
                             {
-                              className: `w-5 h-5 relative  group-hover:text-gray-300  ${e.id == (a == null ? void 0 : a.id) ? " text-blue-500  group-hover:text-black  " : "text-transparent"}`,
-                              children: /* @__PURE__ */ t(B, {})
+                              className: `w-5 h-5 relative  group-hover:text-gray-300  ${position.id == (selectedPositionEmployee == null ? void 0 : selectedPositionEmployee.id) ? " text-blue-500  group-hover:text-black  " : "text-transparent"}`,
+                              children: /* @__PURE__ */ jsx(MdCheck, {})
                             }
                           )
                         ]
                       }
                     )
                   },
-                  e.id
+                  position.id
                 ))
               ] }) }),
-              /* @__PURE__ */ r("div", { className: "col-span-12  flex justify-between gap-4", children: [
-                /* @__PURE__ */ r("div", { className: " w-1/2 group flex ", children: [
-                  /* @__PURE__ */ t(
-                    C,
+              /* @__PURE__ */ jsxs("div", { className: "col-span-12  flex justify-between gap-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: " w-1/2 group flex ", children: [
+                  /* @__PURE__ */ jsx(
+                    FormField,
                     {
                       placeholder: "Zatím není určen",
-                      name: u,
+                      name,
                       label: "Zvolená pozice ",
                       onInputChange: () => {
                       },
                       type: "text",
-                      disabled: !0,
-                      value: a ? v(a == null ? void 0 : a.employee, !0) : ""
+                      disabled: true,
+                      value: selectedPositionEmployee ? getFullName(selectedPositionEmployee == null ? void 0 : selectedPositionEmployee.employee, true) : ""
                     }
                   ),
-                  a && /* @__PURE__ */ r("div", { className: "flex justify-end space-x-5 mt-auto ml-5", children: [
+                  selectedPositionEmployee && /* @__PURE__ */ jsxs("div", { className: "flex justify-end space-x-5 mt-auto ml-5", children: [
                     " ",
-                    /* @__PURE__ */ t(
-                      m,
+                    /* @__PURE__ */ jsx(
+                      Button,
                       {
                         variant: "secondary",
-                        onClick: () => y(
-                          a
+                        onClick: () => handleSelectedPositionEmployee(
+                          selectedPositionEmployee
                         ),
                         children: "Odebrat přiřazení"
                       }
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ r("div", { className: "flex justify-end space-x-5 mt-auto ", children: [
-                  /* @__PURE__ */ t(
-                    m,
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-end space-x-5 mt-auto ", children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
                     {
                       variant: "secondary",
-                      onClick: () => c(!1),
+                      onClick: () => setModalOpen(false),
                       children: "Zrušit"
                     }
                   ),
-                  /* @__PURE__ */ t(
-                    m,
+                  /* @__PURE__ */ jsx(
+                    Button,
                     {
                       variant: "primary",
-                      onClick: () => I(a),
+                      onClick: () => handleSave(selectedPositionEmployee),
                       children: "Uložit"
                     }
                   )
@@ -212,5 +241,6 @@ function X({
   ] });
 }
 export {
-  X as default
+  PositionsSelectorSingle as default
 };
+//# sourceMappingURL=PositionsSelectorSingle.js.map