@addsign/moje-agenda-shared-lib 1.0.44 → 1.0.45

package/dist/components/form/FileInputMultiple.js

@@ -0,0 +1,175 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { u as useDropzone } from "../../index-1qxWyYNc.js";
+import { b as MdInsertDriveFile, c as MdDeleteOutline } from "../../index-B4OkVXmW.js";
+import '../../assets/tailwind.css';/* empty css                      */
+import "../../index.esm-ifS8v9eQ.js";
+import "../../jspdf.plugin.autotable-7hp3hM-a.js";
+import "../../contexts/FederationContext.js";
+import { useFederationContext } from "../../contexts/useFederationContext.js";
+import { handleErrors } from "../../utils/handleErrors.js";
+const FileInputMultiple = ({
+  initialFiles = [],
+  onFilesChanged,
+  label,
+  name,
+  required,
+  description,
+  disabled,
+  errors = {}
+}) => {
+  var _a, _b;
+  const [fileDataList, setFileDataList] = useState(
+    [...initialFiles].map((file) => ({ ...file, readonly: true }))
+  );
+  const federationContext = useFederationContext();
+  const onDrop = useCallback(
+    async (acceptedFiles) => {
+      const uploadedFiles = await Promise.all(
+        acceptedFiles.map(async (file) => {
+          const formData = new FormData();
+          formData.append("file", file);
+          try {
+            const response = await federationContext.apiClient.post(
+              "/files/upload",
+              formData,
+              {
+                headers: {
+                  "Content-Type": "multipart/form-data"
+                }
+              }
+            );
+            return response.data;
+          } catch (error) {
+            handleErrors(error, federationContext.emitter);
+            console.error("There was an error!", error);
+            return null;
+          }
+        })
+      );
+      const validFiles = uploadedFiles.filter(
+        (file) => file !== null
+      );
+      const updatedFileDataList = [...fileDataList, ...validFiles];
+      setFileDataList(updatedFileDataList);
+      onFilesChanged({
+        target: { name, value: updatedFileDataList.map((file) => file.id) }
+      });
+    },
+    [
+      fileDataList,
+      federationContext.apiClient,
+      onFilesChanged,
+      name,
+      federationContext.emitter
+    ]
+  );
+  const { getRootProps, getInputProps, isDragActive } = useDropzone({
+    onDrop,
+    disabled
+  });
+  const handleRemove = (fileId) => {
+    const updatedFileDataList = fileDataList.filter(
+      (file) => file.id !== fileId
+    );
+    setFileDataList(updatedFileDataList);
+    onFilesChanged({
+      target: {
+        name,
+        value: updatedFileDataList.map((file) => file.id.toString())
+      }
+    });
+  };
+  if (disabled === true && fileDataList.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "w-full min-h-30 flex-col justify-start items-start gap-1.5 inline-flex sharedLibrary", children: [
+    /* @__PURE__ */ jsxs("div", { className: "self-stretch flex-col justify-start items-start gap-1.5 flex", children: [
+      label && /* @__PURE__ */ jsxs(
+        "label",
+        {
+          className: "text-slate-700 text-sm leading-tight font-medium",
+          htmlFor: name,
+          children: [
+            label,
+            " ",
+            required ? "*" : ""
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `self-stretch px-3 py-2 rounded-lg justify-start items-center gap-2  outline-none border bg-transparent  ${((_a = errors[name]) == null ? void 0 : _a.message) ? "border-red-200" : "border-gray-300"} `,
+          children: [
+            !disabled && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ...getRootProps(),
+                className: `w-full p-4 border-dashed border-2 rounded-lg text-center ${isDragActive ? "border-indigo-300 bg-indigo-50" : "border-gray-300"}`,
+                children: [
+                  /* @__PURE__ */ jsx("input", { ...getInputProps(), id: name }),
+                  /* @__PURE__ */ jsx("p", { className: "text-gray-500", children: isDragActive ? "Sem přetáhněte soubory" : "Klikněte pro nahrání, nebo nahrajte přetažením souborů" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "w-full", children: fileDataList.map((file) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "w-full flex items-center justify-between p-2 border-b ",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center content-center", children: [
+                    /* @__PURE__ */ jsx(MdInsertDriveFile, { style: { fontSize: "2rem" } }),
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: `/api/files/download/${file.id}`,
+                        className: "pl-2 text-left underline text-primary",
+                        target: "_blank",
+                        children: file.filename
+                      }
+                    )
+                  ] }),
+                  !disabled && file.readonly !== true && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      onClick: () => handleRemove(file.id),
+                      className: "text-gray-600 cursor-pointer hover:text-primary hover:bg-gray-200 rounded-full ml-4",
+                      children: /* @__PURE__ */ jsx(
+                        MdDeleteOutline,
+                        {
+                          style: { fontSize: "1.5rem", margin: "10px" }
+                        }
+                      )
+                    }
+                  )
+                ]
+              },
+              file.id
+            )) })
+          ]
+        }
+      )
+    ] }),
+    description && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "HintText self-stretch text-slate-600 text-sm font-normal leading-tight",
+        id: name + ":description",
+        children: description
+      }
+    ),
+    errors[name] && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "HintText self-stretch text-red-600 text-sm font-normal leading-tight",
+        id: name + ":error",
+        children: (_b = errors[name]) == null ? void 0 : _b.message
+      }
+    )
+  ] });
+};
+export {
+  FileInputMultiple as default
+};
+//# sourceMappingURL=FileInputMultiple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInputMultiple.js","sources":["../../../lib/components/form/FileInputMultiple.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { MdDeleteOutline, MdInsertDriveFile } from \"react-icons/md\";\r\nimport { IAttachment } from \"../../types\";\r\nimport { handleErrors, useFederationContext } from \"../../main\";\r\nimport { AxiosError } from \"axios\";\r\n\r\ninterface FileInputMultipleProps {\r\n  name: string;\r\n  label?: string;\r\n  initialFiles?: IAttachment[];\r\n  onFilesChanged: (e: any) => void;\r\n  required?: boolean;\r\n  description?: string;\r\n  disabled?: boolean;\r\n  errors?: { [key: string]: { message: string } };\r\n}\r\n\r\ninterface IAttachmentReadOnly extends IAttachment {\r\n  readonly?: boolean;\r\n}\r\nconst FileInputMultiple: React.FC<FileInputMultipleProps> = ({\r\n  initialFiles = [],\r\n  onFilesChanged,\r\n  label,\r\n  name,\r\n  required,\r\n  description,\r\n  disabled,\r\n  errors = {},\r\n}) => {\r\n  const [fileDataList, setFileDataList] = useState<IAttachmentReadOnly[]>(\r\n    [...initialFiles].map((file) => ({ ...file, readonly: true }))\r\n  );\r\n  const federationContext = useFederationContext();\r\n\r\n  const onDrop = useCallback(\r\n    async (acceptedFiles: File[]) => {\r\n      const uploadedFiles = await Promise.all(\r\n        acceptedFiles.map(async (file) => {\r\n          const formData = new FormData();\r\n          formData.append(\"file\", file);\r\n\r\n          try {\r\n            const response =\r\n              await federationContext.apiClient.post<IAttachment>(\r\n                \"/files/upload\",\r\n                formData,\r\n                {\r\n                  headers: {\r\n                    \"Content-Type\": \"multipart/form-data\",\r\n                  },\r\n                }\r\n              );\r\n            return response.data;\r\n          } catch (error) {\r\n            handleErrors(error as AxiosError, federationContext.emitter);\r\n            console.error(\"There was an error!\", error);\r\n            return null;\r\n          }\r\n        })\r\n      );\r\n\r\n      const validFiles = uploadedFiles.filter(\r\n        (file) => file !== null\r\n      ) as IAttachment[];\r\n      const updatedFileDataList = [...fileDataList, ...validFiles];\r\n      setFileDataList(updatedFileDataList);\r\n      onFilesChanged({\r\n        target: { name, value: updatedFileDataList.map((file) => file.id) },\r\n      });\r\n    },\r\n    [\r\n      fileDataList,\r\n      federationContext.apiClient,\r\n      onFilesChanged,\r\n      name,\r\n      federationContext.emitter,\r\n    ]\r\n  );\r\n\r\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n    onDrop,\r\n    disabled,\r\n  });\r\n\r\n  const handleRemove = (fileId: number) => {\r\n    const updatedFileDataList = fileDataList.filter(\r\n      (file) => file.id !== fileId\r\n    );\r\n    setFileDataList(updatedFileDataList);\r\n    onFilesChanged({\r\n      target: {\r\n        name,\r\n        value: updatedFileDataList.map((file) => file.id.toString()),\r\n      },\r\n    });\r\n  };\r\n  if (disabled === true && fileDataList.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className=\"w-full min-h-30 flex-col justify-start items-start gap-1.5 inline-flex sharedLibrary\">\r\n      <div className=\"self-stretch flex-col justify-start items-start gap-1.5 flex\">\r\n        {label && (\r\n          <label\r\n            className=\"text-slate-700 text-sm leading-tight font-medium\"\r\n            htmlFor={name}\r\n          >\r\n            {label} {required ? \"*\" : \"\"}\r\n          </label>\r\n        )}\r\n        <div\r\n          className={\r\n            `self-stretch px-3 py-2 rounded-lg justify-start items-center gap-2  outline-none border bg-transparent ` +\r\n            ` ${errors[name]?.message ? \"border-red-200\" : \"border-gray-300\"} `\r\n          }\r\n        >\r\n          {!disabled && (\r\n            <div\r\n              {...getRootProps()}\r\n              className={`w-full p-4 border-dashed border-2 rounded-lg text-center ${isDragActive ? \"border-indigo-300 bg-indigo-50\" : \"border-gray-300\"}`}\r\n            >\r\n              <input {...getInputProps()} id={name} />\r\n              <p className=\"text-gray-500\">\r\n                {isDragActive\r\n                  ? \"Sem přetáhněte soubory\"\r\n                  : \"Klikněte pro nahrání, nebo nahrajte přetažením souborů\"}\r\n              </p>\r\n            </div>\r\n          )}\r\n          <div className=\"w-full\">\r\n            {fileDataList.map((file) => (\r\n              <div\r\n                key={file.id}\r\n                className=\"w-full flex items-center justify-between p-2 border-b \"\r\n              >\r\n                <div className=\"flex items-center content-center\">\r\n                  <MdInsertDriveFile style={{ fontSize: \"2rem\" }} />\r\n                  <a\r\n                    href={`/api/files/download/${file.id}`}\r\n                    className=\"pl-2 text-left underline text-primary\"\r\n                    target=\"_blank\"\r\n                  >\r\n                    {file.filename}\r\n                  </a>\r\n                </div>\r\n                {!disabled && file.readonly !== true && (\r\n                  <div\r\n                    onClick={() => handleRemove(file.id)}\r\n                    className=\"text-gray-600 cursor-pointer hover:text-primary hover:bg-gray-200 rounded-full ml-4\"\r\n                  >\r\n                    <MdDeleteOutline\r\n                      style={{ fontSize: \"1.5rem\", margin: \"10px\" }}\r\n                    />\r\n                  </div>\r\n                )}\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {description && (\r\n        <div\r\n          className=\"HintText self-stretch text-slate-600 text-sm font-normal leading-tight\"\r\n          id={name + \":description\"}\r\n        >\r\n          {description}\r\n        </div>\r\n      )}\r\n      {errors[name] && (\r\n        <div\r\n          className=\"HintText self-stretch text-red-600 text-sm font-normal leading-tight\"\r\n          id={name + \":error\"}\r\n        >\r\n          {errors[name]?.message}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default FileInputMultiple;\r\n"],"names":[],"mappings":";;;;;;;;;;AAqBA,MAAM,oBAAsD,CAAC;AAAA,EAC3D,eAAe,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AACZ,MAAM;;AACE,QAAA,CAAC,cAAc,eAAe,IAAI;AAAA,IACtC,CAAC,GAAG,YAAY,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,MAAM,UAAU,KAAA,EAAO;AAAA,EAAA;AAE/D,QAAM,oBAAoB;AAE1B,QAAM,SAAS;AAAA,IACb,OAAO,kBAA0B;AACzB,YAAA,gBAAgB,MAAM,QAAQ;AAAA,QAClC,cAAc,IAAI,OAAO,SAAS;AAC1B,gBAAA,WAAW,IAAI;AACZ,mBAAA,OAAO,QAAQ,IAAI;AAExB,cAAA;AACI,kBAAA,WACJ,MAAM,kBAAkB,UAAU;AAAA,cAChC;AAAA,cACA;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,kBACP,gBAAgB;AAAA,gBAClB;AAAA,cACF;AAAA,YAAA;AAEJ,mBAAO,SAAS;AAAA,mBACT,OAAO;AACD,yBAAA,OAAqB,kBAAkB,OAAO;AACnD,oBAAA,MAAM,uBAAuB,KAAK;AACnC,mBAAA;AAAA,UACT;AAAA,QAAA,CACD;AAAA,MAAA;AAGH,YAAM,aAAa,cAAc;AAAA,QAC/B,CAAC,SAAS,SAAS;AAAA,MAAA;AAErB,YAAM,sBAAsB,CAAC,GAAG,cAAc,GAAG,UAAU;AAC3D,sBAAgB,mBAAmB;AACpB,qBAAA;AAAA,QACb,QAAQ,EAAE,MAAM,OAAO,oBAAoB,IAAI,CAAC,SAAS,KAAK,EAAE,EAAE;AAAA,MAAA,CACnE;AAAA,IACH;AAAA,IACA;AAAA,MACE;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,IACpB;AAAA,EAAA;AAGF,QAAM,EAAE,cAAc,eAAe,aAAA,IAAiB,YAAY;AAAA,IAChE;AAAA,IACA;AAAA,EAAA,CACD;AAEK,QAAA,eAAe,CAAC,WAAmB;AACvC,UAAM,sBAAsB,aAAa;AAAA,MACvC,CAAC,SAAS,KAAK,OAAO;AAAA,IAAA;AAExB,oBAAgB,mBAAmB;AACpB,mBAAA;AAAA,MACb,QAAQ;AAAA,QACN;AAAA,QACA,OAAO,oBAAoB,IAAI,CAAC,SAAS,KAAK,GAAG,UAAU;AAAA,MAC7D;AAAA,IAAA,CACD;AAAA,EAAA;AAEH,MAAI,aAAa,QAAQ,aAAa,WAAW,GAAG;AAC3C,WAAA;AAAA,EACT;AAGE,SAAA,qBAAC,OAAI,EAAA,WAAU,wFACb,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,gEACZ,UAAA;AAAA,MACC,SAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS;AAAA,UAER,UAAA;AAAA,YAAA;AAAA,YAAM;AAAA,YAAE,WAAW,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5B;AAAA,MAEF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WACE,6GACI,YAAO,IAAI,MAAX,mBAAc,WAAU,mBAAmB,iBAAiB;AAAA,UAGjE,UAAA;AAAA,YAAA,CAAC,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACE,GAAG,aAAa;AAAA,gBACjB,WAAW,4DAA4D,eAAe,mCAAmC,iBAAiB;AAAA,gBAE1I,UAAA;AAAA,kBAAA,oBAAC,SAAO,EAAA,GAAG,cAAc,GAAG,IAAI,MAAM;AAAA,sCACrC,KAAE,EAAA,WAAU,iBACV,UAAA,eACG,2BACA,0DACN;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,gCAED,OAAI,EAAA,WAAU,UACZ,UAAa,aAAA,IAAI,CAAC,SACjB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAC,qBAAA,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,oBAAA,oBAAC,mBAAkB,EAAA,OAAO,EAAE,UAAU,UAAU;AAAA,oBAChD;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,MAAM,uBAAuB,KAAK,EAAE;AAAA,wBACpC,WAAU;AAAA,wBACV,QAAO;AAAA,wBAEN,UAAK,KAAA;AAAA,sBAAA;AAAA,oBACR;AAAA,kBAAA,GACF;AAAA,kBACC,CAAC,YAAY,KAAK,aAAa,QAC9B;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,SAAS,MAAM,aAAa,KAAK,EAAE;AAAA,sBACnC,WAAU;AAAA,sBAEV,UAAA;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,OAAO,EAAE,UAAU,UAAU,QAAQ,OAAO;AAAA,wBAAA;AAAA,sBAC9C;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA;AAAA,cAAA;AAAA,cArBG,KAAK;AAAA,YAwBb,CAAA,GACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACC,eACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAI,OAAO;AAAA,QAEV,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,IAED,OAAO,IAAI,KACV;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAI,OAAO;AAAA,QAEV,WAAA,YAAO,IAAI,MAAX,mBAAc;AAAA,MAAA;AAAA,IACjB;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

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 { d as MdClose } from "../../index-BMFehNPK.js";
+import { f as MdClose } from "../../index-B4OkVXmW.js";
 import '../../assets/tailwind.css';/* empty css                      */
 import "../../index.esm-ifS8v9eQ.js";
 import "../../jspdf.plugin.autotable-7hp3hM-a.js";

package/dist/components/form/InputField.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { d as MdClose } from "../../index-BMFehNPK.js";
+import { f as MdClose } from "../../index-B4OkVXmW.js";
 import { c as FaSpinner } from "../../index-DH-TC1O6.js";
 import SpinnerIcon from "../SpinnerIcon.js";
 import { u as useClickAway } from "../../useClickAway-CH9ykBsx.js";

package/dist/components/form/PositionsSelectorSingle.js

@@ -3,7 +3,7 @@ import { useState, useEffect } from "react";
 import '../../assets/tailwind.css';/* empty css                      */
 import Button from "../Button.js";
 import AutocompleteSearchBar from "./AutocompleteSearchBar.js";
-import { a as MdCheck } from "../../index-BMFehNPK.js";
+import { a as MdCheck } from "../../index-B4OkVXmW.js";
 import FormField from "./FormField.js";
 import SectionTitle from "../layout/SectionTitle.js";
 import "../../index.esm-ifS8v9eQ.js";

package/dist/components/form/SelectField.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { d as MdClose, b as MdExpandLess, c as MdExpandMore, a as MdCheck } from "../../index-BMFehNPK.js";
+import { f as MdClose, d as MdExpandLess, e as MdExpandMore, a as MdCheck } from "../../index-B4OkVXmW.js";
 import '../../assets/tailwind.css';/* empty css                      */
 import { c as FaSpinner } from "../../index-DH-TC1O6.js";
 import SpinnerIcon from "../SpinnerIcon.js";

package/dist/components/layout/IconInCircle.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { M as MdOutlinePending, a as MdCheck } from "../../index-BMFehNPK.js";
+import { M as MdOutlinePending, a as MdCheck } from "../../index-B4OkVXmW.js";
 const IconInCircle = ({
   isComplete,
   size = 20,