@addsign/moje-agenda-shared-lib 2.0.65 → 2.0.67

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { IAttachment } from '../../types';
+
+export interface FileInputFormProps {
+    name: string;
+    value?: IAttachment | null;
+    onFileChanged: (file: IAttachment | null) => void;
+    description?: string;
+    disabled?: boolean;
+    attachmentName?: string;
+    attachmentType?: string;
+}
+declare const FileInputForm: React.FC<FileInputFormProps>;
+export default FileInputForm;

package/dist/components/form/FileInputForm.js

@@ -0,0 +1,173 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { u as useDropzone } from "../../index-qqHvAsVd.js";
+import { d as MdInsertDriveFile, e as MdDeleteOutline } from "../../index-CrfjcbOs.js";
+import { cn } from "../../utils/utils.js";
+import "../../tailwind-l0sNRNKZ.js";
+import "../ui/input.js";
+import "../ui/multi-select.js";
+import "../ui/select.js";
+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";
+import "../../Dialog-CCrUyF91.js";
+import "../ui/ScrollArea.js";
+import { useFormField } from "../ui/form.js";
+import "../ui/radioGroup.js";
+import "../ui/command.js";
+import "../ui/Combobox.js";
+import "../ui/tooltip.js";
+import "../ui/separator.js";
+import "../ui/textarea.js";
+import "../ui/checkbox.js";
+import "../ui/button.js";
+import "../../Calendar-DWT4e7Th.js";
+import "../ui/DateTimePicker.js";
+import "../ui/DatePicker.js";
+const MAX_FILE_SIZE = 1024 * 1024;
+const FileInputForm = ({
+  value,
+  onFileChanged,
+  name,
+  description,
+  disabled,
+  attachmentName,
+  attachmentType
+}) => {
+  const [fileData, setFileData] = useState(value || null);
+  const [isFocused, setIsFocused] = useState(false);
+  const federationContext = useFederationContext();
+  const { error } = useFormField();
+  const hasError = !!error;
+  useEffect(() => {
+    setFileData(value || null);
+  }, [value]);
+  const onDrop = useCallback(
+    async (acceptedFiles) => {
+      if (acceptedFiles.length > 0) {
+        const file = acceptedFiles[0];
+        if (file.size > MAX_FILE_SIZE) {
+          federationContext.emitter.emit("message", {
+            title: "Velikost souboru byla překročena",
+            message: `Maximální povolená velikost je ${MAX_FILE_SIZE / (1024 * 1024)} MB.`,
+            classes: "bg-danger ",
+            timeout: 0,
+            type: "error"
+          });
+          return;
+        }
+        const formData = new FormData();
+        const dataObject = {
+          ...attachmentName && { attachmentName },
+          ...attachmentType && { attachmentType }
+        };
+        formData.append(
+          "data",
+          new Blob([JSON.stringify(dataObject)], { type: "application/json" })
+        );
+        formData.append("file", file);
+        try {
+          const response = await federationContext.apiClient.post(
+            "/files/upload",
+            formData,
+            {
+              headers: {
+                "Content-Type": "multipart/form-data"
+              }
+            }
+          );
+          const uploadedFile = response.data;
+          setFileData(uploadedFile);
+          onFileChanged(uploadedFile);
+          setIsFocused(false);
+        } catch (error2) {
+          handleErrors(error2, federationContext.emitter);
+          console.error("There was an error!", error2);
+        }
+      }
+    },
+    [
+      federationContext.apiClient,
+      federationContext.emitter,
+      onFileChanged,
+      attachmentName,
+      attachmentType
+    ]
+  );
+  const { getRootProps, getInputProps, isDragActive } = useDropzone({
+    onDrop,
+    disabled,
+    multiple: false
+  });
+  const handleRemove = () => {
+    setFileData(null);
+    onFileChanged(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__ */ jsx("div", { className: "self-stretch flex-col justify-start items-start gap-1.5 flex", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          `self-stretch px-2 py-2 rounded-lg justify-start items-center gap-2 inline-flex outline-none border`,
+          isFocused && !hasError && "outline-4 outline-indigo-200 outline-offset-0 border-indigo-300",
+          hasError && "outline-4 outline-red-200 outline-offset-0 border-none",
+          !isFocused && hasError && "border-red-200 ",
+          disabled ? "bg-gray-100" : "bg-transparent"
+        ),
+        onFocus: () => setIsFocused(true),
+        onBlur: () => setIsFocused(false),
+        children: /* @__PURE__ */ jsx("div", { className: "flex relative grow shrink basis-0 min-h-5 lg:min-h-[32px] justify-start items-stretch gap-2 max-w-full ", children: !fileData ? /* @__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 soubor" : "Klikněte pro nahrání, nebo nahrajte přetažením souboru" })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: " flex", children: [
+            /* @__PURE__ */ jsx(MdInsertDriveFile, { style: { fontSize: "2rem" } }),
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: `/api/files/download/${fileData.id}`,
+                className: "pl-2 text-left underline text-primary",
+                target: "_blank",
+                children: fileData.filename
+              }
+            )
+          ] }),
+          !disabled && /* @__PURE__ */ jsx(
+            "div",
+            {
+              onClick: handleRemove,
+              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: "15px" }
+                }
+              )
+            }
+          )
+        ] }) })
+      }
+    ) }),
+    description && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "HintText self-stretch text-slate-600 text-sm font-normal leading-tight",
+        id: name + ":description",
+        children: description
+      }
+    )
+  ] });
+};
+export {
+  FileInputForm as default
+};
+//# sourceMappingURL=FileInputForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInputForm.js","sources":["../../../lib/components/form/FileInputForm.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { MdDeleteOutline, MdInsertDriveFile } from \"react-icons/md\";\r\nimport { AxiosError } from \"axios\";\r\nimport { cn } from \"../../utils/utils\";\r\nimport { IAttachment } from \"../../types\";\r\nimport { handleErrors, useFederationContext, useFormField } from \"../../main\";\r\n\r\nexport interface FileInputFormProps {\r\n  name: string;\r\n  value?: IAttachment | null;\r\n  onFileChanged: (file: IAttachment | null) => void;\r\n  description?: string;\r\n  disabled?: boolean;\r\n  attachmentName?: string;\r\n  attachmentType?: string;\r\n}\r\n\r\nconst MAX_FILE_SIZE = 1024 * 1024; // 1MB\r\n\r\nconst FileInputForm: React.FC<FileInputFormProps> = ({\r\n  value,\r\n  onFileChanged,\r\n  name,\r\n  description,\r\n  disabled,\r\n  attachmentName,\r\n  attachmentType,\r\n}) => {\r\n  const [fileData, setFileData] = useState<IAttachment | null>(value || null);\r\n  const [isFocused, setIsFocused] = useState(false);\r\n\r\n  const federationContext = useFederationContext();\r\n  const { error } = useFormField();\r\n  const hasError = !!error;\r\n  useEffect(() => {\r\n    setFileData(value || null);\r\n  }, [value]);\r\n  const onDrop = useCallback(\r\n    async (acceptedFiles: File[]) => {\r\n      if (acceptedFiles.length > 0) {\r\n        const file = acceptedFiles[0];\r\n\r\n        if (file.size > MAX_FILE_SIZE) {\r\n          // Handle the case when the file size is exceeded\r\n          federationContext.emitter.emit(\"message\", {\r\n            title: \"Velikost souboru byla překročena\",\r\n            message: `Maximální povolená velikost je ${MAX_FILE_SIZE / (1024 * 1024)} MB.`,\r\n            classes: \"bg-danger \",\r\n            timeout: 0,\r\n            type: \"error\",\r\n          });\r\n          return;\r\n        }\r\n\r\n        const formData = new FormData();\r\n\r\n        // Add the JSON data object\r\n        const dataObject = {\r\n          ...(attachmentName && { attachmentName }),\r\n          ...(attachmentType && { attachmentType }),\r\n        };\r\n\r\n        formData.append(\r\n          \"data\",\r\n          new Blob([JSON.stringify(dataObject)], { type: \"application/json\" })\r\n        );\r\n        formData.append(\"file\", file);\r\n\r\n        try {\r\n          const response = 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          const uploadedFile = response.data;\r\n          setFileData(uploadedFile);\r\n          onFileChanged(uploadedFile);\r\n          setIsFocused(false);\r\n        } catch (error) {\r\n          handleErrors(error as AxiosError, federationContext.emitter);\r\n          console.error(\"There was an error!\", error);\r\n        }\r\n      }\r\n    },\r\n    [\r\n      federationContext.apiClient,\r\n      federationContext.emitter,\r\n      onFileChanged,\r\n      attachmentName,\r\n      attachmentType,\r\n    ]\r\n  );\r\n\r\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n    onDrop,\r\n    disabled,\r\n    multiple: false,\r\n  });\r\n\r\n  const handleRemove = () => {\r\n    setFileData(null);\r\n    onFileChanged(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        <div\r\n          className={cn(\r\n            `self-stretch px-2 py-2 rounded-lg justify-start items-center gap-2 inline-flex outline-none border`,\r\n            isFocused &&\r\n              !hasError &&\r\n              \"outline-4 outline-indigo-200 outline-offset-0 border-indigo-300\",\r\n\r\n            hasError &&\r\n              \"outline-4 outline-red-200 outline-offset-0 border-none\",\r\n            !isFocused && hasError && \"border-red-200 \",\r\n            disabled ? \"bg-gray-100\" : \"bg-transparent\"\r\n          )}\r\n          onFocus={() => setIsFocused(true)}\r\n          onBlur={() => setIsFocused(false)}\r\n        >\r\n          <div className=\"flex relative grow shrink basis-0 min-h-5 lg:min-h-[32px] justify-start items-stretch gap-2 max-w-full \">\r\n            {!fileData ? (\r\n              <div\r\n                {...getRootProps()}\r\n                className={`w-full p-4 border-dashed border-2 rounded-lg text-center ${\r\n                  isDragActive\r\n                    ? \"border-indigo-300 bg-indigo-50\"\r\n                    : \"border-gray-300\"\r\n                }`}\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 soubor\"\r\n                    : \"Klikněte pro nahrání, nebo nahrajte přetažením souboru\"}\r\n                </p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"w-full flex items-center justify-between\">\r\n                <div className=\" flex\">\r\n                  <MdInsertDriveFile style={{ fontSize: \"2rem\" }} />\r\n                  <a\r\n                    href={`/api/files/download/${fileData.id}`}\r\n                    className=\"pl-2 text-left underline text-primary\"\r\n                    target=\"_blank\"\r\n                  >\r\n                    {fileData.filename}\r\n                  </a>\r\n                </div>\r\n                {!disabled && (\r\n                  <div\r\n                    onClick={handleRemove}\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: \"15px\" }}\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    </div>\r\n  );\r\n};\r\n\r\nexport default FileInputForm;\r\n"],"names":["error"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { IAttachment } from '../../types';
+
+interface FileInputFormMultipleProps {
+    name: string;
+    value?: IAttachment[] | null;
+    onFilesChanged: (files: IAttachment[]) => void;
+    description?: string;
+    disabled?: boolean;
+    initialFilesReadOnly?: boolean;
+    initialFileIds?: number[];
+    attachmentName?: string;
+    attachmentType?: string;
+}
+declare const FileInputFormMultiple: React.FC<FileInputFormMultipleProps>;
+export default FileInputFormMultiple;

package/dist/components/form/FileInputFormMultiple.js

@@ -0,0 +1,240 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { u as useDropzone } from "../../index-qqHvAsVd.js";
+import { d as MdInsertDriveFile, e as MdDeleteOutline } from "../../index-CrfjcbOs.js";
+import { cn } from "../../utils/utils.js";
+import "../../tailwind-l0sNRNKZ.js";
+import "../ui/input.js";
+import "../ui/multi-select.js";
+import "../ui/select.js";
+import "../../index.esm-ifS8v9eQ.js";
+import "../../jspdf.plugin.autotable-7hp3hM-a.js";
+import "../../contexts/FederationContext.js";
+import { useFederationContext } from "../../contexts/useFederationContext.js";
+import "../../Dialog-CCrUyF91.js";
+import "../ui/ScrollArea.js";
+import { useFormField } from "../ui/form.js";
+import "../ui/radioGroup.js";
+import "../ui/command.js";
+import "../ui/Combobox.js";
+import "../ui/tooltip.js";
+import "../ui/separator.js";
+import "../ui/textarea.js";
+import "../ui/checkbox.js";
+import "../ui/button.js";
+import "../../Calendar-DWT4e7Th.js";
+import "../ui/DateTimePicker.js";
+import "../ui/DatePicker.js";
+const handleErrors = (error, emitter, customMessage) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  let errmsgToDisplay = " " + (((_c = (_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.error) == null ? void 0 : _c.message) || error.message || "");
+  let errorTitle = "";
+  if (error.code == "ERR_NETWORK") {
+    errorTitle = "Síťová chyba";
+    errmsgToDisplay = errmsgToDisplay + " " + (/* @__PURE__ */ new Date()).toLocaleString();
+  } else if (error.code == "ERR_BAD_REQUEST") {
+    if (((_d = error.response) == null ? void 0 : _d.status) == 403) {
+      errorTitle = "Přístup zamítnut";
+    } else if (((_e = error.response) == null ? void 0 : _e.status) == 409) {
+      errorTitle = "Konflikt";
+    } else {
+      errorTitle = "Interní chyba aplikace";
+    }
+    errmsgToDisplay = (/* @__PURE__ */ new Date()).toLocaleString() + " (" + ((_f = error.response) == null ? void 0 : _f.status) + ") \n" + errmsgToDisplay;
+  }
+  console.error(error);
+  const bgColor = ((_g = error.response) == null ? void 0 : _g.status) && ((_h = error.response) == null ? void 0 : _h.status) >= 400 ? " bg-danger " : " bg-warning ";
+  const type = ((_i = error.response) == null ? void 0 : _i.status) && ((_j = error.response) == null ? void 0 : _j.status) >= 400 ? "error" : "warning";
+  emitter.emit("message", {
+    title: errorTitle,
+    message: errmsgToDisplay,
+    classes: bgColor || " bg-danger ",
+    timeout: 0,
+    type
+  });
+};
+const MAX_FILE_SIZE = 1024 * 1024;
+const FileInputFormMultiple = ({
+  value,
+  onFilesChanged,
+  name,
+  description,
+  disabled,
+  initialFilesReadOnly = true,
+  initialFileIds,
+  attachmentName,
+  attachmentType
+}) => {
+  const [fileDataList, setFileDataList] = useState(
+    (value == null ? void 0 : value.map((file) => ({
+      ...file,
+      readonly: initialFilesReadOnly && (initialFileIds == null ? void 0 : initialFileIds.includes(file.id))
+    }))) || []
+  );
+  const federationContext = useFederationContext();
+  const { error } = useFormField();
+  const hasError = !!error;
+  useEffect(() => {
+    if (!value || value.length === 0) {
+      setFileDataList([]);
+      return;
+    }
+    setFileDataList(
+      value.map((file) => ({
+        ...file,
+        readonly: initialFilesReadOnly && (initialFileIds == null ? void 0 : initialFileIds.includes(file.id))
+      }))
+    );
+  }, [value, initialFilesReadOnly, initialFileIds]);
+  const onDrop = useCallback(
+    async (acceptedFiles) => {
+      const uploadedFiles = await Promise.all(
+        acceptedFiles.map(async (file) => {
+          if (file.size > MAX_FILE_SIZE) {
+            federationContext.emitter.emit("message", {
+              title: "Velikost souboru byla překročena",
+              message: `Maximální povolená velikost je ${MAX_FILE_SIZE / (1024 * 1024)} MB.`,
+              classes: "bg-danger ",
+              timeout: 0,
+              type: "error"
+            });
+            return null;
+          }
+          const formData = new FormData();
+          const dataObject = {
+            ...attachmentName && { attachmentName },
+            ...attachmentType && { attachmentType }
+          };
+          formData.append(
+            "data",
+            new Blob([JSON.stringify(dataObject)], { type: "application/json" })
+          );
+          formData.append("file", file);
+          try {
+            const response = await federationContext.apiClient.post(
+              "/files/upload",
+              formData,
+              {
+                headers: {
+                  "Content-Type": "multipart/form-data"
+                }
+              }
+            );
+            return response.data;
+          } catch (error2) {
+            handleErrors(error2, federationContext.emitter);
+            console.error("There was an error!", error2);
+            return null;
+          }
+        })
+      );
+      const validFiles = uploadedFiles.filter(
+        (file) => file !== null
+      );
+      const updatedFileDataList = [...fileDataList, ...validFiles];
+      setFileDataList(updatedFileDataList);
+      onFilesChanged(updatedFileDataList);
+    },
+    [
+      federationContext,
+      fileDataList,
+      onFilesChanged,
+      attachmentName,
+      attachmentType
+    ]
+  );
+  const { getRootProps, getInputProps, isDragActive } = useDropzone({
+    onDrop,
+    disabled
+  });
+  const handleRemove = (fileId) => {
+    const updatedFileDataList = fileDataList.filter(
+      (file) => file.id !== fileId
+    );
+    setFileDataList(updatedFileDataList);
+    onFilesChanged(updatedFileDataList);
+  };
+  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",
+      "data-cy": "file-input-form-multiple-" + name,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "self-stretch flex-col justify-start items-start gap-1.5 flex", children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              `self-stretch px-3 py-2 rounded-lg justify-start items-center gap-2  outline-none border bg-transparent   `,
+              hasError && "outline-4 outline-red-200 outline-offset-0 border-none ",
+              disabled ? "bg-gray-100" : "bg-transparent"
+            ),
+            children: [
+              !disabled && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  ...getRootProps(),
+                  className: `w-full p-4 border-dashed cursor-pointer 
+                border-2 rounded-lg text-center hover:bg-gray-100
+                ${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 py-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
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  FileInputFormMultiple as default
+};
+//# sourceMappingURL=FileInputFormMultiple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInputFormMultiple.js","sources":["../../utils/handleErrors.js","../../../lib/components/form/FileInputFormMultiple.tsx"],"sourcesContent":["const handleErrors = (error, emitter, customMessage) => {\n  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;\n  let errmsgToDisplay = (customMessage || \"\") + \" \" + (((_c = (_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.error) == null ? void 0 : _c.message) || error.message || \"\");\n  let errorTitle = \"\";\n  if (error.code == \"ERR_NETWORK\") {\n    errorTitle = \"Síťová chyba\";\n    errmsgToDisplay = errmsgToDisplay + \" \" + (/* @__PURE__ */ new Date()).toLocaleString();\n  } else if (error.code == \"ERR_BAD_REQUEST\") {\n    if (((_d = error.response) == null ? void 0 : _d.status) == 403) {\n      errorTitle = \"Přístup zamítnut\";\n    } else if (((_e = error.response) == null ? void 0 : _e.status) == 409) {\n      errorTitle = \"Konflikt\";\n    } else {\n      errorTitle = \"Interní chyba aplikace\";\n    }\n    errmsgToDisplay = (/* @__PURE__ */ new Date()).toLocaleString() + \" (\" + ((_f = error.response) == null ? void 0 : _f.status) + \") \\n\" + errmsgToDisplay;\n  }\n  console.error(error);\n  const bgColor = ((_g = error.response) == null ? void 0 : _g.status) && ((_h = error.response) == null ? void 0 : _h.status) >= 400 ? \" bg-danger \" : \" bg-warning \";\n  const type = ((_i = error.response) == null ? void 0 : _i.status) && ((_j = error.response) == null ? void 0 : _j.status) >= 400 ? \"error\" : \"warning\";\n  emitter.emit(\"message\", {\n    title: errorTitle,\n    message: errmsgToDisplay,\n    classes: bgColor || \" bg-danger \",\n    timeout: 0,\n    type\n  });\n};\nexport {\n  handleErrors\n};\n//# sourceMappingURL=handleErrors.js.map\n","import React, { useState, useCallback, useEffect } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { MdDeleteOutline, MdInsertDriveFile } from \"react-icons/md\";\r\nimport { AxiosError } from \"axios\";\r\nimport { cn } from \"../../utils/utils\";\r\nimport { handleErrors } from \"@addsign/moje-agenda-shared-lib\";\r\nimport { IAttachment } from \"../../types\";\r\nimport { useFederationContext, useFormField } from \"../../main\";\r\n\r\ninterface FileInputFormMultipleProps {\r\n  name: string;\r\n  value?: IAttachment[] | null;\r\n  onFilesChanged: (files: IAttachment[]) => void;\r\n  description?: string;\r\n  disabled?: boolean;\r\n  initialFilesReadOnly?: boolean;\r\n  initialFileIds?: number[];\r\n  attachmentName?: string;\r\n  attachmentType?: string;\r\n}\r\n\r\ninterface IAttachmentReadOnly extends IAttachment {\r\n  readonly?: boolean;\r\n}\r\n\r\nconst MAX_FILE_SIZE = 1024 * 1024; // 1MB\r\n\r\nconst FileInputFormMultiple: React.FC<FileInputFormMultipleProps> = ({\r\n  value,\r\n  onFilesChanged,\r\n  name,\r\n  description,\r\n  disabled,\r\n  initialFilesReadOnly = true,\r\n  initialFileIds,\r\n  attachmentName,\r\n  attachmentType,\r\n}) => {\r\n  const [fileDataList, setFileDataList] = useState<IAttachmentReadOnly[]>(\r\n    value?.map((file) => ({\r\n      ...file,\r\n      readonly: initialFilesReadOnly && initialFileIds?.includes(file.id),\r\n    })) || []\r\n  );\r\n\r\n  const federationContext = useFederationContext();\r\n\r\n  const { error } = useFormField();\r\n  const hasError = !!error;\r\n  useEffect(() => {\r\n    if (!value || value.length === 0) {\r\n      setFileDataList([]);\r\n      return;\r\n    }\r\n\r\n    setFileDataList(\r\n      value.map((file) => ({\r\n        ...file,\r\n        readonly: initialFilesReadOnly && initialFileIds?.includes(file.id),\r\n      }))\r\n    );\r\n  }, [value, initialFilesReadOnly, initialFileIds]);\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          if (file.size > MAX_FILE_SIZE) {\r\n            // Handle the case when the file size is exceeded\r\n            federationContext.emitter.emit(\"message\", {\r\n              title: \"Velikost souboru byla překročena\",\r\n              message: `Maximální povolená velikost je ${MAX_FILE_SIZE / (1024 * 1024)} MB.`,\r\n              classes: \"bg-danger \",\r\n              timeout: 0,\r\n              type: \"error\",\r\n            });\r\n\r\n            return null;\r\n          }\r\n\r\n          const formData = new FormData();\r\n\r\n          // Add the JSON data object\r\n          const dataObject = {\r\n            ...(attachmentName && { attachmentName }),\r\n            ...(attachmentType && { attachmentType }),\r\n          };\r\n\r\n          formData.append(\r\n            \"data\",\r\n            new Blob([JSON.stringify(dataObject)], { type: \"application/json\" })\r\n          );\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(updatedFileDataList);\r\n    },\r\n    [\r\n      federationContext,\r\n      fileDataList,\r\n      onFilesChanged,\r\n      attachmentName,\r\n      attachmentType,\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(updatedFileDataList);\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\r\n      className=\"w-full min-h-30 flex-col justify-start items-start gap-1.5 inline-flex sharedLibrary\"\r\n      data-cy={\"file-input-form-multiple-\" + name}\r\n    >\r\n      <div className=\"self-stretch flex-col justify-start items-start gap-1.5 flex\">\r\n        <div\r\n          className={cn(\r\n            `self-stretch px-3 py-2 rounded-lg justify-start items-center gap-2  outline-none border bg-transparent   `,\r\n            hasError &&\r\n              \"outline-4 outline-red-200 outline-offset-0 border-none \",\r\n            disabled ? \"bg-gray-100\" : \"bg-transparent\"\r\n          )}\r\n        >\r\n          {!disabled && (\r\n            <div\r\n              {...getRootProps()}\r\n              className={`w-full p-4 border-dashed cursor-pointer \r\n                border-2 rounded-lg text-center hover:bg-gray-100\r\n                ${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 py-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    </div>\r\n  );\r\n};\r\n\r\nexport default FileInputFormMultiple;\r\n"],"names":["error"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { IAttachment } from '../../types';
+
+export interface FileInputFullProps {
+    name: string;
+    label?: string;
+    value?: IAttachment | null;
+    onFileChanged: (file: IAttachment | null) => void;
+    required?: boolean;
+    description?: string;
+    disabled?: boolean;
+    attachmentName?: string;
+    attachmentType?: string;
+    hasError?: boolean;
+}
+declare const FileInputFull: React.FC<FileInputFullProps>;
+export default FileInputFull;