@addsign/moje-agenda-shared-lib 0.0.53 → 0.0.57

package/dist/components/form/FormField.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import { c as MdClose } from "../../index-ZA1ctELQ.js";
+import { b as MdClose } from "../../index-BDqNIr_C.js";
 import '../../assets/tailwind.css';/* empty css                      */
 import "../../contexts/FederationContext.js";
 import { useFederationContext } from "../../contexts/useFederationContext.js";

package/dist/components/form/InputField.d.ts

@@ -0,0 +1,6 @@
+import { IFormFieldGlobalProps } from '../../types';
+
+export interface IInputFieldProps extends IFormFieldGlobalProps {
+    maxLength?: number;
+}
+export default function InputField({ label, name, value, description, onInputChange, placeholder, className, register, type, disabled, maxLength, errors, }: IInputFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/InputField.js

@@ -0,0 +1,144 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { b as MdClose } from "../../index-BDqNIr_C.js";
+import { u as useClickAway } from "../../useClickAway-CH9ykBsx.js";
+function InputField({
+  label,
+  name,
+  value,
+  description,
+  onInputChange,
+  placeholder,
+  className,
+  register,
+  type,
+  disabled,
+  maxLength,
+  errors = {}
+}) {
+  var _a;
+  const wrapperRef = React.useRef(null);
+  const [isFocused, setIsFocused] = React.useState(false);
+  const handleClear = (e) => {
+    onInputChange({
+      ...e,
+      target: {
+        value: "",
+        name
+      }
+    });
+  };
+  const fallbackRef = React.useRef(null);
+  const {
+    ref: registeredRef = fallbackRef,
+    onBlur: formOnBlur = () => {
+    },
+    ...rest
+  } = register ? register(name) : {};
+  const ref = registeredRef || fallbackRef;
+  const handleSetFocus = () => {
+    console.log(
+      "%clibcomponents\formInputField.tsx:44 handleSetFocus",
+      "color: #007acc;"
+    );
+    setIsFocused(true);
+    ref.current.focus();
+  };
+  useClickAway(wrapperRef, () => {
+    console.log(
+      "%clibcomponents\formInputField.tsx:48 clickAway",
+      "color: #007acc;"
+    );
+    setIsFocused(false);
+  });
+  const hangleChange = (e) => {
+    onInputChange(e);
+    setIsFocused(false);
+  };
+  const renderInput = () => {
+    switch (type) {
+      case "textarea":
+        return /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            id: name,
+            className: "grow shrink basis-0 text-gray-900 text-sm font-normal leading-tight focus:border-none  ",
+            disabled,
+            value: value || "",
+            rows: 3,
+            ...rest,
+            ref,
+            onChange: (e) => hangleChange(e),
+            onFocus: () => setIsFocused(true),
+            maxLength: maxLength || 4e3,
+            onBlur: (e) => {
+              formOnBlur(e);
+              setIsFocused(false);
+            }
+          }
+        );
+      default:
+        return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "text-gray-900 text-sm font-medium leading-normal text-ellipsis overflow-hidden w-full",
+            id: name,
+            readOnly: disabled,
+            value: value || "",
+            type,
+            ...rest,
+            ref,
+            placeholder,
+            onChange: (e) => hangleChange(e),
+            onFocus: () => setIsFocused(true),
+            onBlur: (e) => {
+              formOnBlur(e);
+              setIsFocused(false);
+            }
+          }
+        ) });
+    }
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "min-h-30 flex-col justify-start items-start gap-1.5  w-full relative " + className,
+      ref: wrapperRef,
+      id: "component",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "self-stretch flex-col justify-start items-start gap-1.5 flex", children: [
+          label && /* @__PURE__ */ jsx("div", { className: "text-slate-700 text-sm font-medium  leading-tight", children: label }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `self-stretch w-full px-3  py-1 bg-white rounded-lg  border justify-start items-center gap-0 inline-flex outline-none 
+               ${isFocused ? "outline-4 outline-indigo-200 outline-offset-0 border-indigo-300 " : ""}`,
+              onClick: handleSetFocus,
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "grow shrink basis-0 min-h-5 xl:min-h-[32px] justify-start items-center gap-0 flex whitespace-nowrap w-[calc(100%-40px)] ", children: renderInput() }),
+                value && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "w-6 h-6 relative  cursor-pointer  ",
+                    onClick: handleClear,
+                    children: [
+                      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center hover:bg-gray-100 w-6 rounded-full text-lg", children: /* @__PURE__ */ jsx(MdClose, {}) }),
+                      " "
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        description && !isFocused && /* @__PURE__ */ jsx("div", { className: "self-stretch text-slate-600 text-sm font-normal leading-tight", children: description }),
+        " ",
+        errors[name] && /* @__PURE__ */ jsx("div", { className: "HintText self-stretch text-red-600 text-sm font-normal leading-tight", children: (_a = errors[name]) == null ? void 0 : _a.message })
+      ]
+    }
+  ) });
+}
+export {
+  InputField as default
+};
+//# sourceMappingURL=InputField.js.map

package/dist/components/form/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sources":["../../../lib/components/form/InputField.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { IFormFieldGlobalProps } from \"../../types\";\r\nimport { MdClose } from \"react-icons/md\";\r\nimport { useClickAway } from \"react-use\";\r\n\r\nexport interface IInputFieldProps extends IFormFieldGlobalProps {\r\n  maxLength?: number;\r\n}\r\n\r\nexport default function InputField({\r\n  label,\r\n  name,\r\n  value,\r\n  description,\r\n  onInputChange,\r\n  placeholder,\r\n  className,\r\n  register,\r\n  type,\r\n  disabled,\r\n  maxLength,\r\n  errors = {},\r\n}: IInputFieldProps) {\r\n  const wrapperRef = React.useRef(null);\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const handleClear = (e: any) => {\r\n    value;\r\n    onInputChange({\r\n      ...e,\r\n      target: {\r\n        value: \"\",\r\n        name: name,\r\n      },\r\n    });\r\n  };\r\n  const fallbackRef = React.useRef(null);\r\n  const {\r\n    ref: registeredRef = fallbackRef,\r\n    onBlur: formOnBlur = () => {} /* default function */,\r\n    ...rest\r\n  } = register ? register(name) : {};\r\n\r\n  const ref = registeredRef || fallbackRef;\r\n  const handleSetFocus = () => {\r\n    console.log(\r\n      \"%clibcomponents\\formInputField.tsx:44 handleSetFocus\",\r\n      \"color: #007acc;\"\r\n    );\r\n    setIsFocused(true);\r\n    ref.current.focus();\r\n  };\r\n  useClickAway(wrapperRef, () => {\r\n    console.log(\r\n      \"%clibcomponents\\formInputField.tsx:48 clickAway\",\r\n      \"color: #007acc;\"\r\n    );\r\n    setIsFocused(false);\r\n  });\r\n\r\n  const hangleChange = (e: any) => {\r\n    onInputChange(e);\r\n    setIsFocused(false);\r\n  };\r\n\r\n  const renderInput = () => {\r\n    switch (type) {\r\n      case \"textarea\":\r\n        return (\r\n          <textarea\r\n            id={name}\r\n            className=\"grow shrink basis-0 text-gray-900 text-sm font-normal leading-tight focus:border-none  \"\r\n            disabled={disabled}\r\n            value={value || \"\"}\r\n            rows={3}\r\n            {...rest} // Spread the rest of register's return value\r\n            ref={ref}\r\n            onChange={(e) => hangleChange(e)}\r\n            onFocus={() => setIsFocused(true)}\r\n            maxLength={maxLength || 4000}\r\n            // Combine custom onBlur with form's onBlur\r\n            onBlur={(e) => {\r\n              formOnBlur(e); // Call React Hook Form's onBlur\r\n              setIsFocused(false); // Then call your custom onBlur logic\r\n            }}\r\n          />\r\n        );\r\n      default:\r\n        return (\r\n          <>\r\n            <input\r\n              className=\"text-gray-900 text-sm font-medium leading-normal text-ellipsis overflow-hidden w-full\"\r\n              id={name}\r\n              readOnly={disabled}\r\n              value={value || \"\"}\r\n              type={type}\r\n              {...rest} // Spread the rest of register's return value\r\n              ref={ref}\r\n              placeholder={placeholder}\r\n              onChange={(e) => hangleChange(e)}\r\n              onFocus={() => setIsFocused(true)}\r\n              // Combine custom onBlur with form's onBlur\r\n              onBlur={(e) => {\r\n                formOnBlur(e); // Call React Hook Form's onBlur\r\n                setIsFocused(false); // Then call your custom onBlur logic\r\n              }}\r\n            />\r\n          </>\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        className={\r\n          \"min-h-30 flex-col justify-start items-start gap-1.5  w-full relative \" +\r\n          className\r\n        }\r\n        ref={wrapperRef}\r\n        id=\"component\"\r\n      >\r\n        <div className=\"self-stretch flex-col justify-start items-start gap-1.5 flex\">\r\n          {label && (\r\n            <div className=\"text-slate-700 text-sm font-medium  leading-tight\">\r\n              {label}\r\n            </div>\r\n          )}\r\n          <div\r\n            className={`self-stretch w-full px-3  py-1 bg-white rounded-lg  border justify-start items-center gap-0 inline-flex outline-none \r\n               ${isFocused ? \"outline-4 outline-indigo-200 outline-offset-0 border-indigo-300 \" : \"\"}`}\r\n            onClick={handleSetFocus}\r\n          >\r\n            <div className=\"grow shrink basis-0 min-h-5 xl:min-h-[32px] justify-start items-center gap-0 flex whitespace-nowrap w-[calc(100%-40px)] \">\r\n              {renderInput()}\r\n            </div>\r\n            {value && (\r\n              <div\r\n                className=\"w-6 h-6 relative  cursor-pointer  \"\r\n                onClick={handleClear}\r\n              >\r\n                <div className=\"absolute inset-0 flex items-center justify-center hover:bg-gray-100 w-6 rounded-full text-lg\">\r\n                  <MdClose />\r\n                </div>{\" \"}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n        {description && !isFocused && (\r\n          <div className=\"self-stretch text-slate-600 text-sm font-normal leading-tight\">\r\n            {description}\r\n          </div>\r\n        )}{\" \"}\r\n        {errors[name] && (\r\n          <div className=\"HintText self-stretch text-red-600 text-sm font-normal leading-tight\">\r\n            {errors[name]?.message}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/components/form/PositionsSelectorSingle.js

@@ -4,13 +4,12 @@ import '../../assets/tailwind.css';/* empty css                      */
 import Button from "../Button.js";
 import AutocompleteSearchBar from "./AutocompleteSearchBar.js";
 import FormField from "./FormField.js";
-import { h as MdCheck } from "../../index-ZA1ctELQ.js";
+import { j as MdCheck } from "../../index-BDqNIr_C.js";
 import SectionTitle from "../layout/SectionTitle.js";
 import "../../contexts/FederationContext.js";
 import { useFederationContext } from "../../contexts/useFederationContext.js";
 import { getFullName } from "../../utils/getFullName.js";
-import { handleErrors } from "../../utils/handleErrors.js";
-import { G as GenIcon } from "../../iconBase-BY_L6Cb_.js";
+import { G as GenIcon } from "../../iconBase-B8_TsgYI.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);
 }
@@ -22,13 +21,13 @@ function PositionsSelectorSingle({
   disabled,
   initDepartmentId
 }) {
+  var _a;
   const [isModalOpen, setModalOpen] = useState(false);
   const [department, setDepartment] = useState("");
   const [positions, setPositions] = useState([]);
   const [selectedPositionEmployee, setSelectedPositionEmployee] = useState();
   const [storedPositionEmployee, setStoredPositionEmployee] = useState();
-  const federationContext = useFederationContext();
-  const apiClient = federationContext == null ? void 0 : federationContext.apiClient;
+  const apiClient = (_a = useFederationContext()) == null ? void 0 : _a.apiClient;
   useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -58,6 +57,13 @@ function PositionsSelectorSingle({
     setModalOpen(false);
   };
   const handleSelectedPositionEmployee = (position) => {
+    console.log(
+      "%csrcsharedPositionsSelectorSingle.tsx:54 position",
+      "color: #007acc;",
+      position,
+      selectedPositionEmployee,
+      position.id == (selectedPositionEmployee == null ? void 0 : selectedPositionEmployee.id)
+    );
     if (!selectedPositionEmployee || position.id !== (selectedPositionEmployee == null ? void 0 : selectedPositionEmployee.id)) {
       setSelectedPositionEmployee(position);
     } else {
@@ -65,6 +71,7 @@ function PositionsSelectorSingle({
     }
   };
   const handleDepartmentChange = (e) => {
+    console.log("%csrcsharedTransferListModal.tsx:109 e", "color: #007acc;", e);
     setDepartment(e);
   };
   useEffect(() => {
@@ -72,14 +79,13 @@ function PositionsSelectorSingle({
       apiClient.get(
         "os/positions/employees?maxResults=1000&departmentId=" + department
       ).then((response) => {
-        var _a;
-        setPositions((_a = response.data) == null ? void 0 : _a.content);
+        var _a2;
+        setPositions((_a2 = response.data) == null ? void 0 : _a2.content);
       }).catch((error) => {
         console.error(
           "There was an error fetching positions/employees",
           error
         );
-        handleErrors(error, federationContext.emitter);
       });
     }
   }, [apiClient, department, isModalOpen]);
@@ -150,7 +156,7 @@ function PositionsSelectorSingle({
                   showId: true
                 }
               ) }),
-              /* @__PURE__ */ jsx("div", { className: "col-span-12 h-[400px] overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "pt-4 w-full ", children: [
+              /* @__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",