@addsign/moje-agenda-shared-lib 2.0.37 → 2.0.39

package/dist/components/form/FileInput.js

@@ -24,6 +24,7 @@ import "../ui/button.js";
 import "../../Calendar-DWT4e7Th.js";
 import "../ui/DateTimePicker.js";
 import "../ui/DatePicker.js";
+const MAX_FILE_SIZE = 1024 * 1024;
 const FileInput = ({
   initialFile,
   onFileChanged,
@@ -50,29 +51,44 @@ const FileInput = ({
     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();
         formData.append("file", file);
-        federationContext.apiClient.post("/files/upload", formData, {
-          headers: {
-            "Content-Type": "multipart/form-data"
-          }
-        }).then((response) => {
+        try {
+          const response = await federationContext.apiClient.post(
+            "/files/upload",
+            formData,
+            {
+              headers: {
+                "Content-Type": "multipart/form-data"
+              }
+            }
+          );
           setFileData(response.data);
           onFileChanged({
             target: { name, value: response.data.id.toString() }
           });
           setIsFocused(false);
-        }).catch((error) => {
+        } catch (error) {
           handleErrors(error, federationContext.emitter);
           console.error("There was an error!", error);
-        });
+        }
       }
     },
     [
       federationContext.apiClient,
+      federationContext.emitter,
       onFileChanged,
-      name,
-      federationContext.emitter
+      name
     ]
   );
   const { getRootProps, getInputProps, isDragActive } = useDropzone({

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sources":["../../../lib/components/form/FileInput.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { handleErrors, useFederationContext } from \"../../main\";\r\nimport { MdDeleteOutline, MdInsertDriveFile } from \"react-icons/md\";\r\n\r\nexport interface FileData {\r\n  id: number;\r\n  mimeType: string;\r\n  size: number;\r\n  filename: string;\r\n  createdByEmpId: string;\r\n  created: string;\r\n}\r\n\r\ninterface FileInputProps {\r\n  name: string;\r\n  label?: string;\r\n  initialFile?: FileData;\r\n  onFileChanged: (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\nconst FileInput: React.FC<FileInputProps> = ({\r\n  initialFile,\r\n  onFileChanged,\r\n  label,\r\n  name,\r\n  required,\r\n  description,\r\n  disabled,\r\n  errors = {},\r\n}) => {\r\n  const [fileData, setFileData] = useState<FileData | null>(\r\n    initialFile || null\r\n  );\r\n  const [isFocused, setIsFocused] = useState(false);\r\n\r\n  const federationContext = useFederationContext();\r\n  useEffect(() => {\r\n    if (initialFile) {\r\n      setFileData(initialFile);\r\n      onFileChanged({ target: { name, value: initialFile.id.toString() } });\r\n    }\r\n  }, [initialFile, onFileChanged, name]);\r\n\r\n  const onDrop = useCallback(\r\n    async (acceptedFiles: File[]) => {\r\n      if (acceptedFiles.length > 0) {\r\n        const file = acceptedFiles[0];\r\n        const formData = new FormData();\r\n        formData.append(\"file\", file);\r\n\r\n        federationContext.apiClient\r\n          .post<FileData>(\"/files/upload\", formData, {\r\n            headers: {\r\n              \"Content-Type\": \"multipart/form-data\",\r\n            },\r\n          })\r\n          .then((response) => {\r\n            setFileData(response.data);\r\n            onFileChanged({\r\n              target: { name, value: response.data.id.toString() },\r\n            });\r\n            setIsFocused(false);\r\n          })\r\n          .catch((error) => {\r\n            handleErrors(error, 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      onFileChanged,\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    multiple: false,\r\n  });\r\n\r\n  const handleRemove = () => {\r\n    setFileData(null);\r\n    onFileChanged({ target: { name, value: 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 inline-flex outline-none border` +\r\n            ` ${\r\n              isFocused && !errors[name]?.message\r\n                ? \"outline-4 outline-indigo-200 outline-offset-0 border-indigo-300\"\r\n                : \"\"\r\n            }` +\r\n            ` ${\r\n              isFocused && errors[name]?.message\r\n                ? \"outline-4 outline-red-200 outline-offset-0 border-none\"\r\n                : \"\"\r\n            } ` +\r\n            ` ${!isFocused && errors[name]?.message ? \"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 p-2\">\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      {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 FileInput;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileInput.js","sources":["../../../lib/components/form/FileInput.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { handleErrors, useFederationContext } from \"../../main\";\r\nimport { MdDeleteOutline, MdInsertDriveFile } from \"react-icons/md\";\r\nimport { AxiosError } from \"axios\";\r\n\r\nexport interface FileData {\r\n  id: number;\r\n  mimeType: string;\r\n  size: number;\r\n  filename: string;\r\n  createdByEmpId: string;\r\n  created: string;\r\n}\r\n\r\ninterface FileInputProps {\r\n  name: string;\r\n  label?: string;\r\n  initialFile?: FileData;\r\n  onFileChanged: (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\nconst MAX_FILE_SIZE = 1024 * 1024; // 1MB\r\n\r\nconst FileInput: React.FC<FileInputProps> = ({\r\n  initialFile,\r\n  onFileChanged,\r\n  label,\r\n  name,\r\n  required,\r\n  description,\r\n  disabled,\r\n  errors = {},\r\n}) => {\r\n  const [fileData, setFileData] = useState<FileData | null>(\r\n    initialFile || null\r\n  );\r\n  const [isFocused, setIsFocused] = useState(false);\r\n\r\n  const federationContext = useFederationContext();\r\n  useEffect(() => {\r\n    if (initialFile) {\r\n      setFileData(initialFile);\r\n      onFileChanged({ target: { name, value: initialFile.id.toString() } });\r\n    }\r\n  }, [initialFile, onFileChanged, name]);\r\n\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        formData.append(\"file\", file);\r\n\r\n        try {\r\n          const response = await federationContext.apiClient.post<FileData>(\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          setFileData(response.data);\r\n          onFileChanged({\r\n            target: { name, value: response.data.id.toString() },\r\n          });\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      name,\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({ target: { name, value: 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 inline-flex outline-none border` +\r\n            ` ${\r\n              isFocused && !errors[name]?.message\r\n                ? \"outline-4 outline-indigo-200 outline-offset-0 border-indigo-300\"\r\n                : \"\"\r\n            }` +\r\n            ` ${\r\n              isFocused && errors[name]?.message\r\n                ? \"outline-4 outline-red-200 outline-offset-0 border-none\"\r\n                : \"\"\r\n            } ` +\r\n            ` ${!isFocused && errors[name]?.message ? \"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 p-2\">\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      {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 FileInput;\r\n"],"names":[],"mappings":"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"}

package/lib/components/datatable/DataTableServer.tsx

@@ -535,7 +535,6 @@ function DataTableServer<T extends DataTableInternalItems>({
               break;
             }
           }
-
           // Apply number format if column contains numbers
           if (hasNumbers) {
             for (let R = range.s.r; R <= range.e.r; ++R) {
@@ -549,7 +548,9 @@ function DataTableServer<T extends DataTableInternalItems>({
                 if (column?.renderXlsOptions?.format) {
                   cell.z = column.renderXlsOptions.format;
                 } else {
-                  cell.z = "#,##0"; // Default number format
+                  // Check if the number has decimal places
+                  const hasDecimal = cell.v % 1 !== 0;
+                  cell.z = hasDecimal ? "#,##0.##" : "#,##0"; // Use different formats based on whether decimals exist
                 }
               }
             }

package/lib/components/form/FileInput.tsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect, useCallback } from "react";
 import { useDropzone } from "react-dropzone";
 import { handleErrors, useFederationContext } from "../../main";
 import { MdDeleteOutline, MdInsertDriveFile } from "react-icons/md";
+import { AxiosError } from "axios";
 
 export interface FileData {
   id: number;
@@ -23,6 +24,8 @@ interface FileInputProps {
   errors?: { [key: string]: { message: string } };
 }
 
+const MAX_FILE_SIZE = 1024 * 1024; // 1MB
+
 const FileInput: React.FC<FileInputProps> = ({
   initialFile,
   onFileChanged,
@@ -50,33 +53,48 @@ const FileInput: React.FC<FileInputProps> = ({
     async (acceptedFiles: File[]) => {
       if (acceptedFiles.length > 0) {
         const file = acceptedFiles[0];
+
+        if (file.size > MAX_FILE_SIZE) {
+          // Handle the case when the file size is exceeded
+          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();
         formData.append("file", file);
 
-        federationContext.apiClient
-          .post<FileData>("/files/upload", formData, {
-            headers: {
-              "Content-Type": "multipart/form-data",
-            },
-          })
-          .then((response) => {
-            setFileData(response.data);
-            onFileChanged({
-              target: { name, value: response.data.id.toString() },
-            });
-            setIsFocused(false);
-          })
-          .catch((error) => {
-            handleErrors(error, federationContext.emitter);
-            console.error("There was an error!", error);
+        try {
+          const response = await federationContext.apiClient.post<FileData>(
+            "/files/upload",
+            formData,
+            {
+              headers: {
+                "Content-Type": "multipart/form-data",
+              },
+            }
+          );
+          setFileData(response.data);
+          onFileChanged({
+            target: { name, value: response.data.id.toString() },
           });
+          setIsFocused(false);
+        } catch (error) {
+          handleErrors(error as AxiosError, federationContext.emitter);
+          console.error("There was an error!", error);
+        }
       }
     },
     [
       federationContext.apiClient,
+      federationContext.emitter,
       onFileChanged,
       name,
-      federationContext.emitter,
     ]
   );
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@addsign/moje-agenda-shared-lib",
   "private": false,
-  "version": "2.0.37",
+  "version": "2.0.39",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",