@chayns-components/core 5.0.0-beta.259 → 5.0.0-beta.261
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/utils/fileDialog.js
CHANGED
|
@@ -33,30 +33,21 @@ const selectFiles = _ref => {
|
|
|
33
33
|
const {
|
|
34
34
|
files
|
|
35
35
|
} = target;
|
|
36
|
-
try {
|
|
37
|
-
const testFile = files === null || files === void 0 ? void 0 : files[0];
|
|
38
|
-
if (testFile) {
|
|
39
|
-
void getFileAsArrayBuffer(testFile).then(result => {
|
|
40
|
-
console.log('TEST with file from file list', result);
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
} catch (e) {
|
|
44
|
-
console.error('0.1: Failed to test get file as array buffer', e);
|
|
45
|
-
}
|
|
46
36
|
if (!files) {
|
|
47
37
|
resolve([]);
|
|
48
38
|
return;
|
|
49
39
|
}
|
|
50
40
|
const fileArray = Object.values(files);
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
41
|
+
const testFile = fileArray[0];
|
|
42
|
+
if (testFile) {
|
|
43
|
+
void getFileAsArrayBuffer(testFile).then(result => {
|
|
44
|
+
console.log('SELECT FILES 1', {
|
|
45
|
+
testFile,
|
|
46
|
+
result
|
|
56
47
|
});
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
|
|
48
|
+
}).catch(e => {
|
|
49
|
+
console.error('Error at SELECT FILES 1', e);
|
|
50
|
+
});
|
|
60
51
|
}
|
|
61
52
|
const filteredFileArray = fileArray.filter(file => {
|
|
62
53
|
const sizeInMB = file.size / 1024 / 1024;
|
|
@@ -78,7 +69,6 @@ const selectFiles = _ref => {
|
|
|
78
69
|
};
|
|
79
70
|
exports.selectFiles = selectFiles;
|
|
80
71
|
const getFileAsArrayBuffer = file => new Promise((resolve, reject) => {
|
|
81
|
-
console.log('FILE', file);
|
|
82
72
|
const reader = new FileReader();
|
|
83
73
|
reader.onload = e => {
|
|
84
74
|
var _e$target;
|
|
@@ -1 +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","testFile","getFileAsArrayBuffer","then","result","console","log","
|
|
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","testFile","getFileAsArrayBuffer","then","result","console","log","catch","e","error","filteredFileArray","filter","file","sizeInMB","size","includes","length","click","exports","reject","reader","FileReader","onload","_e$target","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 testFile = fileArray[0];\n\n if (testFile) {\n void getFileAsArrayBuffer(testFile)\n .then((result) => {\n console.log('SELECT FILES 1', { testFile, result });\n })\n .catch((e) => {\n console.error('Error at SELECT FILES 1', e);\n });\n }\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":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/core",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.261",
|
|
4
4
|
"description": "A set of beautiful React components for developing your own applications with chayns.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"chayns",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"publishConfig": {
|
|
66
66
|
"access": "public"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "138aa8a05b6397999d5073c8e5be09562fdb1c2b"
|
|
69
69
|
}
|