@chayns-components/core 5.0.0-beta.778 → 5.0.0-beta.781

package/lib/esm/utils/fileDialog.js

@@ -1,7 +1,9 @@
+import { createDialog, DialogType } from 'chayns-api';
 export const selectFiles = _ref => {
   let {
     type,
-    multiple
+    multiple,
+    maxFileSizeInMB
   } = _ref;
   return new Promise(resolve => {
     const input = document.createElement('input');
@@ -34,16 +36,19 @@ export const selectFiles = _ref => {
       const fileArray = Object.values(files);
       const filteredFileArray = fileArray.filter(file => {
         const sizeInMB = file.size / 1024 / 1024;
+        if (maxFileSizeInMB && maxFileSizeInMB < sizeInMB) {
+          return false;
+        }
         if (file.type.includes('video/') && sizeInMB > 500) {
           return false;
         }
         return !(file.type.includes('image/') && sizeInMB > 64);
       });
       if (fileArray.length !== filteredFileArray.length) {
-        // ToDo show dialog that some files are to big
-      }
-      if (filteredFileArray.length === 0) {
-        // ToDo show dialog that all files are to big
+        void createDialog({
+          type: DialogType.ALERT,
+          text: 'Einige Deiner ausgewählten Dateien sind zu groß.'
+        }).open();
       }
       resolve(filteredFileArray);
     });

package/lib/esm/utils/fileDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileDialog.js","names":["selectFiles","_ref","type","multiple","Promise","resolve","input","document","createElement","style","visibility","width","height","display","accept","body","appendChild","addEventListener","event","removeChild","target","files","fileArray","Object","values","filteredFileArray","filter","file","sizeInMB","size","includes","length","click","getFileAsArrayBuffer","reject","reader","FileReader","onload","e","result","Error","onerror","readAsArrayBuffer"],"sources":["../../../src/utils/fileDialog.ts"],"sourcesContent":["interface SelectFilesOptions {\n    type?: string;\n    multiple: boolean;\n}\n\nexport const selectFiles = ({ type, multiple }: SelectFilesOptions): Promise<File[]> =>\n    new Promise((resolve) => {\n        const input = document.createElement('input');\n\n        input.type = 'file';\n        input.style.visibility = 'none';\n        input.style.width = '0';\n        input.style.height = '0';\n        input.style.display = 'none';\n\n        if (type !== '*/*' && type) {\n            input.accept = type;\n        }\n\n        if (multiple) {\n            input.multiple = true;\n        }\n\n        document.body.appendChild(input);\n\n        input.addEventListener('change', (event) => {\n            document.body.removeChild(input);\n\n            if (!event.target) {\n                resolve([]);\n\n                return;\n            }\n\n            const target = event.target as HTMLInputElement;\n\n            const { files } = target;\n\n            if (!files) {\n                resolve([]);\n\n                return;\n            }\n\n            const fileArray = Object.values(files);\n\n            const filteredFileArray = fileArray.filter((file) => {\n                const sizeInMB = file.size / 1024 / 1024;\n\n                if (file.type.includes('video/') && sizeInMB > 500) {\n                    return false;\n                }\n\n                return !(file.type.includes('image/') && sizeInMB > 64);\n            });\n\n            if (fileArray.length !== filteredFileArray.length) {\n                // ToDo show dialog that some files are to big\n            }\n\n            if (filteredFileArray.length === 0) {\n                // ToDo show dialog that all files are to big\n            }\n\n            resolve(filteredFileArray);\n        });\n\n        input.click();\n    });\n\nexport const getFileAsArrayBuffer = (file: File): Promise<string | ArrayBuffer> =>\n    new Promise((resolve, reject) => {\n        const reader = new FileReader();\n\n        reader.onload = (e) => {\n            if (e.target?.result) {\n                resolve(e.target.result);\n            } else {\n                reject(Error('Could not get array buffer.'));\n            }\n        };\n\n        reader.onerror = reject;\n\n        reader.readAsArrayBuffer(file);\n    });\n"],"mappings":"AAKA,OAAO,MAAMA,WAAW,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC;EAA6B,CAAC,GAAAF,IAAA;EAAA,OAC9D,IAAIG,OAAO,CAAEC,OAAO,IAAK;IACrB,MAAMC,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;IAE7CF,KAAK,CAACJ,IAAI,GAAG,MAAM;IACnBI,KAAK,CAACG,KAAK,CAACC,UAAU,GAAG,MAAM;IAC/BJ,KAAK,CAACG,KAAK,CAACE,KAAK,GAAG,GAAG;IACvBL,KAAK,CAACG,KAAK,CAACG,MAAM,GAAG,GAAG;IACxBN,KAAK,CAACG,KAAK,CAACI,OAAO,GAAG,MAAM;IAE5B,IAAIX,IAAI,KAAK,KAAK,IAAIA,IAAI,EAAE;MACxBI,KAAK,CAACQ,MAAM,GAAGZ,IAAI;IACvB;IAEA,IAAIC,QAAQ,EAAE;MACVG,KAAK,CAACH,QAAQ,GAAG,IAAI;IACzB;IAEAI,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACV,KAAK,CAAC;IAEhCA,KAAK,CAACW,gBAAgB,CAAC,QAAQ,EAAGC,KAAK,IAAK;MACxCX,QAAQ,CAACQ,IAAI,CAACI,WAAW,CAACb,KAAK,CAAC;MAEhC,IAAI,CAACY,KAAK,CAACE,MAAM,EAAE;QACff,OAAO,CAAC,EAAE,CAAC;QAEX;MACJ;MAEA,MAAMe,MAAM,GAAGF,KAAK,CAACE,MAA0B;MAE/C,MAAM;QAAEC;MAAM,CAAC,GAAGD,MAAM;MAExB,IAAI,CAACC,KAAK,EAAE;QACRhB,OAAO,CAAC,EAAE,CAAC;QAEX;MACJ;MAEA,MAAMiB,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACH,KAAK,CAAC;MAEtC,MAAMI,iBAAiB,GAAGH,SAAS,CAACI,MAAM,CAAEC,IAAI,IAAK;QACjD,MAAMC,QAAQ,GAAGD,IAAI,CAACE,IAAI,GAAG,IAAI,GAAG,IAAI;QAExC,IAAIF,IAAI,CAACzB,IAAI,CAAC4B,QAAQ,CAAC,QAAQ,CAAC,IAAIF,QAAQ,GAAG,GAAG,EAAE;UAChD,OAAO,KAAK;QAChB;QAEA,OAAO,EAAED,IAAI,CAACzB,IAAI,CAAC4B,QAAQ,CAAC,QAAQ,CAAC,IAAIF,QAAQ,GAAG,EAAE,CAAC;MAC3D,CAAC,CAAC;MAEF,IAAIN,SAAS,CAACS,MAAM,KAAKN,iBAAiB,CAACM,MAAM,EAAE;QAC/C;MAAA;MAGJ,IAAIN,iBAAiB,CAACM,MAAM,KAAK,CAAC,EAAE;QAChC;MAAA;MAGJ1B,OAAO,CAACoB,iBAAiB,CAAC;IAC9B,CAAC,CAAC;IAEFnB,KAAK,CAAC0B,KAAK,CAAC,CAAC;EACjB,CAAC,CAAC;AAAA;AAEN,OAAO,MAAMC,oBAAoB,GAAIN,IAAU,IAC3C,IAAIvB,OAAO,CAAC,CAACC,OAAO,EAAE6B,MAAM,KAAK;EAC7B,MAAMC,MAAM,GAAG,IAAIC,UAAU,CAAC,CAAC;EAE/BD,MAAM,CAACE,MAAM,GAAIC,CAAC,IAAK;IACnB,IAAIA,CAAC,CAAClB,MAAM,EAAEmB,MAAM,EAAE;MAClBlC,OAAO,CAACiC,CAAC,CAAClB,MAAM,CAACmB,MAAM,CAAC;IAC5B,CAAC,MAAM;MACHL,MAAM,CAACM,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAChD;EACJ,CAAC;EAEDL,MAAM,CAACM,OAAO,GAAGP,MAAM;EAEvBC,MAAM,CAACO,iBAAiB,CAACf,IAAI,CAAC;AAClC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"fileDialog.js","names":["createDialog","DialogType","selectFiles","_ref","type","multiple","maxFileSizeInMB","Promise","resolve","input","document","createElement","style","visibility","width","height","display","accept","body","appendChild","addEventListener","event","removeChild","target","files","fileArray","Object","values","filteredFileArray","filter","file","sizeInMB","size","includes","length","ALERT","text","open","click","getFileAsArrayBuffer","reject","reader","FileReader","onload","e","result","Error","onerror","readAsArrayBuffer"],"sources":["../../../src/utils/fileDialog.ts"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\n\ninterface SelectFilesOptions {\n    type?: string;\n    multiple: boolean;\n    maxFileSizeInMB?: number;\n}\n\nexport const selectFiles = ({\n    type,\n    multiple,\n    maxFileSizeInMB,\n}: SelectFilesOptions): Promise<File[]> =>\n    new Promise((resolve) => {\n        const input = document.createElement('input');\n\n        input.type = 'file';\n        input.style.visibility = 'none';\n        input.style.width = '0';\n        input.style.height = '0';\n        input.style.display = 'none';\n\n        if (type !== '*/*' && type) {\n            input.accept = type;\n        }\n\n        if (multiple) {\n            input.multiple = true;\n        }\n\n        document.body.appendChild(input);\n\n        input.addEventListener('change', (event) => {\n            document.body.removeChild(input);\n\n            if (!event.target) {\n                resolve([]);\n\n                return;\n            }\n\n            const target = event.target as HTMLInputElement;\n\n            const { files } = target;\n\n            if (!files) {\n                resolve([]);\n\n                return;\n            }\n\n            const fileArray = Object.values(files);\n\n            const filteredFileArray = fileArray.filter((file) => {\n                const sizeInMB = file.size / 1024 / 1024;\n\n                if (maxFileSizeInMB && maxFileSizeInMB < sizeInMB) {\n                    return false;\n                }\n\n                if (file.type.includes('video/') && sizeInMB > 500) {\n                    return false;\n                }\n\n                return !(file.type.includes('image/') && sizeInMB > 64);\n            });\n\n            if (fileArray.length !== filteredFileArray.length) {\n                void createDialog({\n                    type: DialogType.ALERT,\n                    text: 'Einige Deiner ausgewählten Dateien sind zu groß.',\n                }).open();\n            }\n\n            resolve(filteredFileArray);\n        });\n\n        input.click();\n    });\n\nexport const getFileAsArrayBuffer = (file: File): Promise<string | ArrayBuffer> =>\n    new Promise((resolve, reject) => {\n        const reader = new FileReader();\n\n        reader.onload = (e) => {\n            if (e.target?.result) {\n                resolve(e.target.result);\n            } else {\n                reject(Error('Could not get array buffer.'));\n            }\n        };\n\n        reader.onerror = reject;\n\n        reader.readAsArrayBuffer(file);\n    });\n"],"mappings":"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","ignoreList":[]}

package/lib/types/components/expandable-content/ExpandableContent.styles.d.ts

@@ -1,4 +1,7 @@
-export declare const StyledMotionExpandableContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
+type StyledMotionExpandableContentProps = {
+    $isOpen: boolean;
+};
+export declare const StyledMotionExpandableContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
@@ -260,4 +263,5 @@ export declare const StyledMotionExpandableContent: import("styled-components/di
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+}, StyledMotionExpandableContentProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export {};

package/lib/types/components/file-input/FileInput.d.ts

@@ -29,6 +29,10 @@ export type FileInputProps = {
      * The maximum amount of Files that can be uploaded.
      */
     maxFiles?: number;
+    /**
+     * The maximum size of a file in MB.
+     */
+    maxFileSizeInMB?: number;
     /**
      * A function to be executed when files are added.
      */

package/lib/types/utils/fileDialog.d.ts

@@ -1,7 +1,8 @@
 interface SelectFilesOptions {
     type?: string;
     multiple: boolean;
+    maxFileSizeInMB?: number;
 }
-export declare const selectFiles: ({ type, multiple }: SelectFilesOptions) => Promise<File[]>;
+export declare const selectFiles: ({ type, multiple, maxFileSizeInMB, }: SelectFilesOptions) => Promise<File[]>;
 export declare const getFileAsArrayBuffer: (file: File) => Promise<string | ArrayBuffer>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.778",
+    "version": "5.0.0-beta.781",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -54,22 +54,22 @@
         "@babel/preset-env": "^7.25.4",
         "@babel/preset-react": "^7.24.7",
         "@babel/preset-typescript": "^7.24.7",
-        "@types/react": "^18.3.5",
+        "@types/react": "^18.3.6",
         "@types/react-dom": "^18.3.0",
         "@types/react-helmet": "^6.1.11",
         "@types/styled-components": "^5.1.34",
         "@types/uuid": "^10.0.0",
-        "babel-loader": "^9.1.3",
+        "babel-loader": "^9.2.1",
         "cross-env": "^7.0.3",
         "lerna": "^8.1.8",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "styled-components": "^6.1.13",
-        "typescript": "^5.5.4"
+        "typescript": "^5.6.2"
     },
     "dependencies": {
         "@chayns/colors": "^2.0.0",
-        "@chayns/uac-service": "^0.0.48",
+        "@chayns/uac-service": "^0.0.50",
         "@react-hook/resize-observer": "^2.0.2",
         "clsx": "^2.1.1",
         "react-helmet": "^6.1.0",
@@ -85,5 +85,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "9b2295f410b43de2221d4818436a86197ffae502"
+    "gitHead": "c9d5ad057f0127fe583d7bc84deb09aeab0630c4"
 }