@chayns-components/core 5.0.0-beta.20 → 5.0.0-beta.201

package/lib/utils/fileDialog.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectFiles = exports.getFileAsArrayBuffer = void 0;
+const selectFiles = _ref => {
+  let {
+    type,
+    multiple
+  } = _ref;
+  return new Promise(resolve => {
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.style.visibility = 'none';
+    input.style.width = '0';
+    input.style.height = '0';
+    input.style.display = 'none';
+    if (type !== '*/*' && type) {
+      input.accept = type;
+    }
+    if (multiple) {
+      input.multiple = true;
+    }
+    document.body.appendChild(input);
+    input.addEventListener('change', event => {
+      document.body.removeChild(input);
+      const target = event.target;
+      const {
+        files
+      } = target;
+      if (!files) {
+        resolve([]);
+        return;
+      }
+      const fileArray = Object.values(files);
+      const filteredFileArray = fileArray.filter(file => {
+        const sizeInMB = file.size / 1024 / 1024;
+        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
+      }
+      resolve(filteredFileArray);
+    });
+    input.click();
+  });
+};
+exports.selectFiles = selectFiles;
+const getFileAsArrayBuffer = file => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.onload = e => {
+    var _e$target;
+    if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.result) {
+      resolve(e.target.result);
+    } else {
+      reject(Error('Could not get array buffer.'));
+    }
+  };
+  reader.onerror = reject;
+  reader.readAsArrayBuffer(file);
+});
+exports.getFileAsArrayBuffer = getFileAsArrayBuffer;
+//# sourceMappingURL=fileDialog.js.map

package/lib/utils/fileDialog.js.map

@@ -0,0 +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","exports","getFileAsArrayBuffer","reject","reader","FileReader","onload","e","_e$target","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            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":";;;;;;AAKO,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,MAAMc,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;AAACC,OAAA,CAAAjC,WAAA,GAAAA,WAAA;AAEA,MAAMkC,oBAAoB,GAAIP,IAAU,IAC3C,IAAIvB,OAAO,CAAC,CAACC,OAAO,EAAE8B,MAAM,KAAK;EAC7B,MAAMC,MAAM,GAAG,IAAIC,UAAU,CAAC,CAAC;EAE/BD,MAAM,CAACE,MAAM,GAAIC,CAAC,IAAK;IAAA,IAAAC,SAAA;IACnB,KAAAA,SAAA,GAAID,CAAC,CAACnB,MAAM,cAAAoB,SAAA,eAARA,SAAA,CAAUC,MAAM,EAAE;MAClBpC,OAAO,CAACkC,CAAC,CAACnB,MAAM,CAACqB,MAAM,CAAC;IAC5B,CAAC,MAAM;MACHN,MAAM,CAACO,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAChD;EACJ,CAAC;EAEDN,MAAM,CAACO,OAAO,GAAGR,MAAM;EAEvBC,MAAM,CAACQ,iBAAiB,CAACjB,IAAI,CAAC;AAClC,CAAC,CAAC;AAACM,OAAA,CAAAC,oBAAA,GAAAA,oBAAA"}

package/lib/utils/uploadFile.d.ts

@@ -0,0 +1,9 @@
+import type { FileItem, Image, Video } from '../types/file';
+interface UploadFilesOptions {
+    fileToUpload: FileItem;
+    accessToken: string;
+    personId: string;
+    callback: (UploadedFile: Video | Image) => void;
+}
+export declare const uploadFile: ({ fileToUpload, personId, accessToken, callback, }: UploadFilesOptions) => Promise<void>;
+export {};

package/lib/utils/uploadFile.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.uploadFile = void 0;
+var _post = require("../api/image/post");
+var _post2 = require("../api/video/post");
+const uploadFile = async _ref => {
+  var _fileToUpload$file, _fileToUpload$file2;
+  let {
+    fileToUpload,
+    personId,
+    accessToken,
+    callback
+  } = _ref;
+  if (!fileToUpload || fileToUpload.state !== 'none') {
+    return;
+  }
+  if ((_fileToUpload$file = fileToUpload.file) !== null && _fileToUpload$file !== void 0 && _fileToUpload$file.type.includes('video/')) {
+    const uploadedVideo = await (0, _post2.postVideo)({
+      file: fileToUpload.file,
+      accessToken
+    });
+    if (uploadedVideo) {
+      callback({
+        ...uploadedVideo,
+        id: uploadedVideo.id.toString()
+      });
+    }
+  }
+  if ((_fileToUpload$file2 = fileToUpload.file) !== null && _fileToUpload$file2 !== void 0 && _fileToUpload$file2.type.includes('image/')) {
+    const uploadedImage = await (0, _post.postImage)({
+      file: fileToUpload.file,
+      personId,
+      accessToken
+    });
+    if (uploadedImage) {
+      callback({
+        url: `${uploadedImage.base}/${uploadedImage.key}`,
+        id: uploadedImage.key,
+        meta: uploadedImage.meta
+      });
+    }
+  }
+};
+exports.uploadFile = uploadFile;
+//# sourceMappingURL=uploadFile.js.map

package/lib/utils/uploadFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadFile.js","names":["_post","require","_post2","uploadFile","_ref","_fileToUpload$file","_fileToUpload$file2","fileToUpload","personId","accessToken","callback","state","file","type","includes","uploadedVideo","postVideo","id","toString","uploadedImage","postImage","url","base","key","meta","exports"],"sources":["../../src/utils/uploadFile.ts"],"sourcesContent":["import { postImage } from '../api/image/post';\nimport { postVideo } from '../api/video/post';\nimport type { FileItem, Image, Video } from '../types/file';\n\ninterface UploadFilesOptions {\n    fileToUpload: FileItem;\n    accessToken: string;\n    personId: string;\n    callback: (UploadedFile: Video | Image) => void;\n}\n\nexport const uploadFile = async ({\n    fileToUpload,\n    personId,\n    accessToken,\n    callback,\n}: UploadFilesOptions): Promise<void> => {\n    if (!fileToUpload || fileToUpload.state !== 'none') {\n        return;\n    }\n\n    if (fileToUpload.file?.type.includes('video/')) {\n        const uploadedVideo = await postVideo({ file: fileToUpload.file, accessToken });\n\n        if (uploadedVideo) {\n            callback({\n                ...uploadedVideo,\n                id: uploadedVideo.id.toString(),\n            });\n        }\n    }\n\n    if (fileToUpload.file?.type.includes('image/')) {\n        const uploadedImage = await postImage({ file: fileToUpload.file, personId, accessToken });\n\n        if (uploadedImage) {\n            callback({\n                url: `${uploadedImage.base}/${uploadedImage.key}`,\n                id: uploadedImage.key,\n                meta: uploadedImage.meta,\n            });\n        }\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAUO,MAAME,UAAU,GAAG,MAAAC,IAAA,IAKe;EAAA,IAAAC,kBAAA,EAAAC,mBAAA;EAAA,IALR;IAC7BC,YAAY;IACZC,QAAQ;IACRC,WAAW;IACXC;EACgB,CAAC,GAAAN,IAAA;EACjB,IAAI,CAACG,YAAY,IAAIA,YAAY,CAACI,KAAK,KAAK,MAAM,EAAE;IAChD;EACJ;EAEA,KAAAN,kBAAA,GAAIE,YAAY,CAACK,IAAI,cAAAP,kBAAA,eAAjBA,kBAAA,CAAmBQ,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMC,aAAa,GAAG,MAAM,IAAAC,gBAAS,EAAC;MAAEJ,IAAI,EAAEL,YAAY,CAACK,IAAI;MAAEH;IAAY,CAAC,CAAC;IAE/E,IAAIM,aAAa,EAAE;MACfL,QAAQ,CAAC;QACL,GAAGK,aAAa;QAChBE,EAAE,EAAEF,aAAa,CAACE,EAAE,CAACC,QAAQ,CAAC;MAClC,CAAC,CAAC;IACN;EACJ;EAEA,KAAAZ,mBAAA,GAAIC,YAAY,CAACK,IAAI,cAAAN,mBAAA,eAAjBA,mBAAA,CAAmBO,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMK,aAAa,GAAG,MAAM,IAAAC,eAAS,EAAC;MAAER,IAAI,EAAEL,YAAY,CAACK,IAAI;MAAEJ,QAAQ;MAAEC;IAAY,CAAC,CAAC;IAEzF,IAAIU,aAAa,EAAE;MACfT,QAAQ,CAAC;QACLW,GAAG,EAAG,GAAEF,aAAa,CAACG,IAAK,IAAGH,aAAa,CAACI,GAAI,EAAC;QACjDN,EAAE,EAAEE,aAAa,CAACI,GAAG;QACrBC,IAAI,EAAEL,aAAa,CAACK;MACxB,CAAC,CAAC;IACN;EACJ;AACJ,CAAC;AAACC,OAAA,CAAAtB,UAAA,GAAAA,UAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.20",
+    "version": "5.0.0-beta.201",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -33,33 +33,36 @@
         "url": "https://github.com/TobitSoftware/chayns-components/issues"
     },
     "devDependencies": {
-        "@babel/cli": "^7.15.7",
-        "@babel/core": "^7.15.8",
-        "@babel/preset-env": "^7.15.8",
-        "@babel/preset-react": "^7.14.5",
-        "@babel/preset-typescript": "^7.15.0",
-        "@types/react": "^17.0.27",
-        "@types/react-dom": "^17.0.9",
-        "@types/styled-components": "^5.1.15",
-        "@types/uuid": "^8.3.1",
-        "babel-loader": "^8.2.2",
-        "lerna": "^4.0.0",
+        "@babel/cli": "^7.22.5",
+        "@babel/core": "^7.22.5",
+        "@babel/preset-env": "^7.22.5",
+        "@babel/preset-react": "^7.22.5",
+        "@babel/preset-typescript": "^7.22.5",
+        "@types/react": "^17.0.62",
+        "@types/react-dom": "^17.0.20",
+        "@types/styled-components": "^5.1.26",
+        "@types/uuid": "^9.0.2",
+        "babel-loader": "^8.3.0",
+        "lerna": "^7.1.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
-        "typescript": "^4.4.3"
+        "styled-components": "^5.3.11",
+        "typescript": "^4.9.5"
     },
     "dependencies": {
-        "clsx": "^1.1.1",
-        "framer-motion": "^4.1.17",
-        "styled-components": "^5.3.1",
-        "uuid": "^8.3.2"
+        "@chayns/colors": "^2.0.0",
+        "clsx": "^1.2.1",
+        "date-fns": "^2.30.0",
+        "framer-motion": "^6.5.1",
+        "uuid": "^9.0.0"
     },
     "peerDependencies": {
         "react": ">=16.14.0",
-        "react-dom": ">=16.14.0"
+        "react-dom": ">=16.14.0",
+        "styled-components": ">=5.0.0"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "067fc70f96ad454425229e3e275eaca75c2bef54"
+    "gitHead": "d3cfb19e0ac58cedc481ecc589d2aab63eedd8f6"
 }