Drag&Drop: Dynamically load sheets module (#69536)

dynamically load sheets module
This commit is contained in:
Oscar Kilhed 2023-06-08 10:24:49 +02:00 committed by GitHub
parent 24502c4c4a
commit e0ce6c3a94
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -2,7 +2,6 @@ import { Accept } from 'react-dropzone';
import { Observable } from 'rxjs';
import { toDataFrame } from '@grafana/data';
import { readSpreadsheet } from 'app/core/utils/sheet';
import { FileImportResult } from './types';
@ -27,24 +26,30 @@ export function formatFileTypes(acceptedFiles: Accept) {
export function filesToDataframes(files: File[]): Observable<FileImportResult> {
return new Observable<FileImportResult>((subscriber) => {
let completedFiles = 0;
files.forEach((file) => {
const reader = new FileReader();
reader.readAsArrayBuffer(file);
reader.onload = () => {
const result = reader.result;
if (result && result instanceof ArrayBuffer) {
if (file.type === 'application/json') {
const decoder = new TextDecoder('utf-8');
const json = JSON.parse(decoder.decode(result));
subscriber.next({ dataFrames: [toDataFrame(json)], file: file });
} else {
subscriber.next({ dataFrames: readSpreadsheet(result), file: file });
}
if (++completedFiles >= files.length) {
subscriber.complete();
}
}
};
});
import('app/core/utils/sheet')
.then((sheet) => {
files.forEach((file) => {
const reader = new FileReader();
reader.readAsArrayBuffer(file);
reader.onload = () => {
const result = reader.result;
if (result && result instanceof ArrayBuffer) {
if (file.type === 'application/json') {
const decoder = new TextDecoder('utf-8');
const json = JSON.parse(decoder.decode(result));
subscriber.next({ dataFrames: [toDataFrame(json)], file: file });
} else {
subscriber.next({ dataFrames: sheet.readSpreadsheet(result), file: file });
}
if (++completedFiles >= files.length) {
subscriber.complete();
}
}
};
});
})
.catch(() => {
throw 'Failed to load sheets module';
});
});
}