@datagrok-libraries/utils 1.2.0 → 1.3.0

package/css/shared-components.css

@@ -0,0 +1,27 @@
+.drop-area {
+  position: relative;
+}
+
+.ui-form-condensed .drop-area .icon {
+  position: absolute;
+  top: 25px;
+  right: 10px;
+}
+
+.drop-area .default {
+  color: var(--grey-2);
+}
+
+.drop-area .drag-n-dropping {
+  background-color: var(--steel-1);
+  border: 1px dashed var(--blue-1);
+  color: var(--grey-3);
+}
+
+.drop-area .error {
+  color: var(--red-3);
+}
+
+.drop-area .success {
+  color: var(--grey-6);
+}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "fullName": "Utils",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Common utilities",
   "dependencies": {
     "@types/node": "^14.14.37",
@@ -14,6 +14,7 @@
     "exceljs": "^4.3.0",
     "html2canvas": "^1.4.1",
     "node-fetch": "^2.6.0",
+    "rxjs": "^7.5.6",
     "wu": "latest"
   },
   "devDependencies": {

package/src/shared-components/file-input.d.ts

@@ -0,0 +1,19 @@
+import { Subject } from 'rxjs';
+import '../../css/shared-components.css';
+export declare const EXCEL_BLOB_TYPE = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+export declare class FileInput {
+    initialText: string;
+    initialValue: File | null;
+    onValueChanged: Function | null;
+    fileType: string;
+    uploadedFile$: Subject<File | null>;
+    root: HTMLDivElement;
+    private visibleInput;
+    private hiddenInput;
+    private icon;
+    constructor(initialText?: string, initialValue?: File | null, onValueChanged?: Function | null, fileType?: string);
+    private draw;
+    private reset;
+    private clear;
+}
+//# sourceMappingURL=file-input.d.ts.map

package/src/shared-components/file-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["file-input.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,OAAO,EAAC,MAAM,MAAM,CAAC;AAC7B,OAAO,iCAAiC,CAAC;AAEzC,eAAO,MAAM,eAAe,sEAAsE,CAAC;AAEnG,qBAAa,SAAS;IAWX,WAAW;IACX,YAAY,EAAE,IAAI,GAAG,IAAI;IACzB,cAAc,EAAE,QAAQ,GAAG,IAAI;IAC/B,QAAQ;IAZV,aAAa,uBAA8B;IAE3C,IAAI,iBAAY;IAEvB,OAAO,CAAC,YAAY,CAAwD;IAC5E,OAAO,CAAC,WAAW,CAAmC;IACtD,OAAO,CAAC,IAAI,CAA6D;gBAGhE,WAAW,SAAqB,EAChC,YAAY,GAAE,IAAI,GAAG,IAAW,EAChC,cAAc,GAAE,QAAQ,GAAG,IAAW,EACtC,QAAQ,SAAkB;IAQnC,OAAO,CAAC,IAAI;IA0FZ,OAAO,CAAC,KAAK;IASb,OAAO,CAAC,KAAK;CAGd"}

package/src/shared-components/file-input.js

@@ -0,0 +1,116 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import * as ui from 'datagrok-api/ui';
+import { Subject } from 'rxjs';
+import '../../css/shared-components.css';
+export const EXCEL_BLOB_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+export class FileInput {
+    constructor(initialText = 'Drag-n-drop here', initialValue = null, onValueChanged = null, fileType = EXCEL_BLOB_TYPE) {
+        this.initialText = initialText;
+        this.initialValue = initialValue;
+        this.onValueChanged = onValueChanged;
+        this.fileType = fileType;
+        // events to emit
+        this.uploadedFile$ = new Subject();
+        this.root = ui.div();
+        this.visibleInput = ui.stringInput('Input file', this.initialText, null);
+        this.hiddenInput = document.createElement('input');
+        this.icon = ui.iconFA('cloud-upload', () => this.hiddenInput.click());
+        this.draw();
+        if (onValueChanged)
+            this.uploadedFile$.subscribe(() => this.onValueChanged);
+    }
+    draw() {
+        this.clear();
+        const createFileArea = () => {
+            this.visibleInput.input.readOnly = true;
+            this.visibleInput.input.classList.add('default');
+            const handleFiles = (files) => {
+                if (files.length > 1) {
+                    this.visibleInput.input.classList.remove('success');
+                    this.visibleInput.input.classList.add('error');
+                    const newIcon = ui.iconFA('redo', () => this.hiddenInput.click());
+                    this.icon.replaceWith(newIcon);
+                    this.icon = newIcon;
+                    throw new Error('Please specify single input file');
+                }
+                this.visibleInput.value = files[0].name;
+                if (files[0].type !== this.fileType) {
+                    this.visibleInput.input.classList.remove('success');
+                    this.visibleInput.input.classList.add('error');
+                    const newIcon = ui.iconFA('redo', () => this.hiddenInput.click());
+                    this.icon.replaceWith(newIcon);
+                    this.icon = newIcon;
+                    throw new Error('File type is not supported');
+                }
+                this.visibleInput.input.classList.add('success');
+                const newIcon = ui.iconFA('times', () => this.reset());
+                this.icon.replaceWith(newIcon);
+                this.icon = newIcon;
+                this.uploadedFile$.next(files[0]);
+            };
+            this.visibleInput.root.classList.add('drop-area');
+            this.visibleInput.root.style.width = '100%';
+            // hidden input to handle file dialog
+            this.hiddenInput.type = 'file';
+            this.hiddenInput.onchange = (e) => {
+                //@ts-ignore
+                const files = e.target.files;
+                handleFiles(files);
+            };
+            // Prevent default drag behaviors
+            ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {
+                this.visibleInput.input.addEventListener(eventName, (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                }, false);
+            });
+            ['dragenter', 'dragover'].forEach((eventName) => {
+                this.visibleInput.input.addEventListener(eventName, () => {
+                    this.visibleInput.input.classList.add('drag-n-dropping');
+                }, false);
+            });
+            ['dragleave', 'drop'].forEach((eventName) => {
+                this.visibleInput.input.addEventListener(eventName, () => {
+                    this.visibleInput.input.classList.remove('drag-n-dropping');
+                }, false);
+            });
+            // Handle dropped files
+            this.visibleInput.input.addEventListener('drop', (e) => __awaiter(this, void 0, void 0, function* () {
+                const dt = e.dataTransfer;
+                const files = dt.files;
+                handleFiles(files);
+            }), false);
+            // Pass clicks to hidden file input
+            this.visibleInput.input.addEventListener('click', () => this.hiddenInput.click(), false);
+            this.visibleInput.root.append(ui.div(this.icon, 'icon'));
+            return this.visibleInput;
+        };
+        ['drag', 'dragenter'].forEach((eventName) => {
+            document.getElementsByClassName('layout-workarea')[0].addEventListener(eventName, (e) => {
+                e.stopPropagation();
+            }, false);
+        });
+        this.root.style.display = 'flex';
+        this.root.append(createFileArea().root);
+    }
+    reset() {
+        this.visibleInput.input.classList.value = 'ui-input-editor default';
+        const newIcon = ui.iconFA('cloud-upload', () => this.hiddenInput.click());
+        this.icon.replaceWith(newIcon);
+        this.icon = newIcon;
+        this.visibleInput.value = this.initialText;
+        this.uploadedFile$.next(this.initialValue);
+    }
+    clear() {
+        ui.empty(this.root);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbImZpbGUtaW5wdXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQ0EsT0FBTyxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV0QyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8saUNBQWlDLENBQUM7QUFFekMsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLG1FQUFtRSxDQUFDO0FBRW5HLE1BQU0sT0FBTyxTQUFTO0lBVXBCLFlBQ1MsY0FBYyxrQkFBa0IsRUFDaEMsZUFBNEIsSUFBSSxFQUNoQyxpQkFBa0MsSUFBSSxFQUN0QyxXQUFXLGVBQWU7UUFIMUIsZ0JBQVcsR0FBWCxXQUFXLENBQXFCO1FBQ2hDLGlCQUFZLEdBQVosWUFBWSxDQUFvQjtRQUNoQyxtQkFBYyxHQUFkLGNBQWMsQ0FBd0I7UUFDdEMsYUFBUSxHQUFSLFFBQVEsQ0FBa0I7UUFibkMsaUJBQWlCO1FBQ1Ysa0JBQWEsR0FBRyxJQUFJLE9BQU8sRUFBZSxDQUFDO1FBRTNDLFNBQUksR0FBRyxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUM7UUFFZixpQkFBWSxHQUFHLEVBQUUsQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDcEUsZ0JBQVcsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzlDLFNBQUksR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLGNBQWMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7UUFRdkUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBRVosSUFBSSxjQUFjO1lBQ2hCLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxjQUFjLENB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LENBQUMsY0FBYyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVPLEtBQUs7UUFDWCxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLHlCQUF5QixDQUFDO1FBQ3BFLE1BQU0sT0FBTyxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUMxRSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQzNDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRU8sS0FBSztRQUNYLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RCLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIGdyb2sgZnJvbSAnZGF0YWdyb2stYXBpL2dyb2snO1xuaW1wb3J0ICogYXMgdWkgZnJvbSAnZGF0YWdyb2stYXBpL3VpJztcbmltcG9ydCAqIGFzIERHIGZyb20gJ2RhdGFncm9rLWFwaS9kZyc7XG5pbXBvcnQge1N1YmplY3R9IGZyb20gJ3J4anMnO1xuaW1wb3J0ICcuLi8uLi9jc3Mvc2hhcmVkLWNvbXBvbmVudHMuY3NzJztcblxuZXhwb3J0IGNvbnN0IEVYQ0VMX0JMT0JfVFlQRSA9ICdhcHBsaWNhdGlvbi92bmQub3BlbnhtbGZvcm1hdHMtb2ZmaWNlZG9jdW1lbnQuc3ByZWFkc2hlZXRtbC5zaGVldCc7XG5cbmV4cG9ydCBjbGFzcyBGaWxlSW5wdXQge1xuICAvLyBldmVudHMgdG8gZW1pdFxuICBwdWJsaWMgdXBsb2FkZWRGaWxlJCA9IG5ldyBTdWJqZWN0PEZpbGUgfCBudWxsPigpO1xuXG4gIHB1YmxpYyByb290ID0gdWkuZGl2KCk7XG5cbiAgcHJpdmF0ZSB2aXNpYmxlSW5wdXQgPSB1aS5zdHJpbmdJbnB1dCgnSW5wdXQgZmlsZScsIHRoaXMuaW5pdGlhbFRleHQsIG51bGwpO1xuICBwcml2YXRlIGhpZGRlbklucHV0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnaW5wdXQnKTtcbiAgcHJpdmF0ZSBpY29uID0gdWkuaWNvbkZBKCdjbG91ZC11cGxvYWQnLCAoKSA9PiB0aGlzLmhpZGRlbklucHV0LmNsaWNrKCkpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBpbml0aWFsVGV4dCA9ICdEcmFnLW4tZHJvcCBoZXJlJyxcbiAgICBwdWJsaWMgaW5pdGlhbFZhbHVlOiBGaWxlIHwgbnVsbCA9IG51bGwsXG4gICAgcHVibGljIG9uVmFsdWVDaGFuZ2VkOiBGdW5jdGlvbiB8IG51bGwgPSBudWxsLFxuICAgIHB1YmxpYyBmaWxlVHlwZSA9IEVYQ0VMX0JMT0JfVFlQRVxuICApIHtcbiAgICB0aGlzLmRyYXcoKTtcblxuICAgIGlmIChvblZhbHVlQ2hhbmdlZClcbiAgICAgIHRoaXMudXBsb2FkZWRGaWxlJC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5vblZhbHVlQ2hhbmdlZCk7XG4gIH1cblxuICBwcml2YXRlIGRyYXcoKSB7XG4gICAgdGhpcy5jbGVhcigpO1xuXG4gICAgY29uc3QgY3JlYXRlRmlsZUFyZWEgPSAoKSA9PiB7XG4gICAgICAodGhpcy52aXNpYmxlSW5wdXQuaW5wdXQgYXMgSFRNTElucHV0RWxlbWVudCkucmVhZE9ubHkgPSB0cnVlO1xuICAgICAgdGhpcy52aXNpYmxlSW5wdXQuaW5wdXQuY2xhc3NMaXN0LmFkZCgnZGVmYXVsdCcpO1xuXG4gICAgICBjb25zdCBoYW5kbGVGaWxlcyA9IChmaWxlczogRmlsZUxpc3QpID0+IHtcbiAgICAgICAgaWYgKGZpbGVzLmxlbmd0aCA+IDEpIHtcbiAgICAgICAgICB0aGlzLnZpc2libGVJbnB1dC5pbnB1dC5jbGFzc0xpc3QucmVtb3ZlKCdzdWNjZXNzJyk7XG4gICAgICAgICAgdGhpcy52aXNpYmxlSW5wdXQuaW5wdXQuY2xhc3NMaXN0LmFkZCgnZXJyb3InKTtcbiAgICAgICAgICBjb25zdCBuZXdJY29uID0gdWkuaWNvbkZBKCdyZWRvJywgKCkgPT4gdGhpcy5oaWRkZW5JbnB1dC5jbGljaygpKTtcbiAgICAgICAgICB0aGlzLmljb24ucmVwbGFjZVdpdGgobmV3SWNvbik7XG4gICAgICAgICAgdGhpcy5pY29uID0gbmV3SWNvbjtcbiAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1BsZWFzZSBzcGVjaWZ5IHNpbmdsZSBpbnB1dCBmaWxlJyk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnZpc2libGVJbnB1dC52YWx1ZSA9IGZpbGVzWzBdLm5hbWU7XG4gICAgICAgIGlmIChmaWxlc1swXS50eXBlICE9PSB0aGlzLmZpbGVUeXBlKSB7XG4gICAgICAgICAgdGhpcy52aXNpYmxlSW5wdXQuaW5wdXQuY2xhc3NMaXN0LnJlbW92ZSgnc3VjY2VzcycpO1xuICAgICAgICAgIHRoaXMudmlzaWJsZUlucHV0LmlucHV0LmNsYXNzTGlzdC5hZGQoJ2Vycm9yJyk7XG4gICAgICAgICAgY29uc3QgbmV3SWNvbiA9IHVpLmljb25GQSgncmVkbycsICgpID0+IHRoaXMuaGlkZGVuSW5wdXQuY2xpY2soKSk7XG4gICAgICAgICAgdGhpcy5pY29uLnJlcGxhY2VXaXRoKG5ld0ljb24pO1xuICAgICAgICAgIHRoaXMuaWNvbiA9IG5ld0ljb247XG4gICAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdGaWxlIHR5cGUgaXMgbm90IHN1cHBvcnRlZCcpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy52aXNpYmxlSW5wdXQuaW5wdXQuY2xhc3NMaXN0LmFkZCgnc3VjY2VzcycpO1xuICAgICAgICBjb25zdCBuZXdJY29uID0gdWkuaWNvbkZBKCd0aW1lcycsICgpID0+IHRoaXMucmVzZXQoKSk7XG4gICAgICAgIHRoaXMuaWNvbi5yZXBsYWNlV2l0aChuZXdJY29uKTtcbiAgICAgICAgdGhpcy5pY29uID0gbmV3SWNvbjtcbiAgICAgICAgdGhpcy51cGxvYWRlZEZpbGUkLm5leHQoZmlsZXNbMF0pO1xuICAgICAgfTtcblxuICAgICAgdGhpcy52aXNpYmxlSW5wdXQucm9vdC5jbGFzc0xpc3QuYWRkKCdkcm9wLWFyZWEnKTtcbiAgICAgIHRoaXMudmlzaWJsZUlucHV0LnJvb3Quc3R5bGUud2lkdGggPSAnMTAwJSc7XG5cbiAgICAgIC8vIGhpZGRlbiBpbnB1dCB0byBoYW5kbGUgZmlsZSBkaWFsb2dcblxuICAgICAgdGhpcy5oaWRkZW5JbnB1dC50eXBlID0gJ2ZpbGUnO1xuICAgICAgdGhpcy5oaWRkZW5JbnB1dC5vbmNoYW5nZSA9IChlKSA9PiB7XG4gICAgICAgIC8vQHRzLWlnbm9yZVxuICAgICAgICBjb25zdCBmaWxlczogRmlsZUxpc3QgPSBlLnRhcmdldC5maWxlcztcbiAgICAgICAgaGFuZGxlRmlsZXMoZmlsZXMpO1xuICAgICAgfTtcblxuICAgICAgLy8gUHJldmVudCBkZWZhdWx0IGRyYWcgYmVoYXZpb3JzXG4gICAgICBbJ2RyYWdlbnRlcicsICdkcmFnb3ZlcicsICdkcmFnbGVhdmUnLCAnZHJvcCddLmZvckVhY2goKGV2ZW50TmFtZSkgPT4ge1xuICAgICAgICB0aGlzLnZpc2libGVJbnB1dC5pbnB1dC5hZGRFdmVudExpc3RlbmVyKGV2ZW50TmFtZSwgKGUpID0+IHtcbiAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgfSwgZmFsc2UpO1xuICAgICAgfSk7XG5cbiAgICAgIFsnZHJhZ2VudGVyJywgJ2RyYWdvdmVyJ10uZm9yRWFjaCgoZXZlbnROYW1lKSA9PiB7XG4gICAgICAgIHRoaXMudmlzaWJsZUlucHV0LmlucHV0LmFkZEV2ZW50TGlzdGVuZXIoZXZlbnROYW1lLCAoKSA9PiB7XG4gICAgICAgICAgdGhpcy52aXNpYmxlSW5wdXQuaW5wdXQuY2xhc3NMaXN0LmFkZCgnZHJhZy1uLWRyb3BwaW5nJyk7XG4gICAgICAgIH0sIGZhbHNlKTtcbiAgICAgIH0pO1xuXG4gICAgICBbJ2RyYWdsZWF2ZScsICdkcm9wJ10uZm9yRWFjaCgoZXZlbnROYW1lKSA9PiB7XG4gICAgICAgIHRoaXMudmlzaWJsZUlucHV0LmlucHV0LmFkZEV2ZW50TGlzdGVuZXIoZXZlbnROYW1lLCAoKSA9PiB7XG4gICAgICAgICAgdGhpcy52aXNpYmxlSW5wdXQuaW5wdXQuY2xhc3NMaXN0LnJlbW92ZSgnZHJhZy1uLWRyb3BwaW5nJyk7XG4gICAgICAgIH0sIGZhbHNlKTtcbiAgICAgIH0pO1xuXG4gICAgICAvLyBIYW5kbGUgZHJvcHBlZCBmaWxlc1xuICAgICAgdGhpcy52aXNpYmxlSW5wdXQuaW5wdXQuYWRkRXZlbnRMaXN0ZW5lcignZHJvcCcsIGFzeW5jIChlOiBEcmFnRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgZHQgPSBlLmRhdGFUcmFuc2ZlcjtcbiAgICAgICAgY29uc3QgZmlsZXMgPSBkdCEuZmlsZXM7XG4gICAgICAgIGhhbmRsZUZpbGVzKGZpbGVzKTtcbiAgICAgIH0sIGZhbHNlKTtcblxuICAgICAgLy8gUGFzcyBjbGlja3MgdG8gaGlkZGVuIGZpbGUgaW5wdXRcbiAgICAgIHRoaXMudmlzaWJsZUlucHV0LmlucHV0LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4gdGhpcy5oaWRkZW5JbnB1dC5jbGljaygpLCBmYWxzZSk7XG4gICAgICB0aGlzLnZpc2libGVJbnB1dC5yb290LmFwcGVuZCh1aS5kaXYodGhpcy5pY29uLCAnaWNvbicpKTtcblxuICAgICAgcmV0dXJuIHRoaXMudmlzaWJsZUlucHV0O1xuICAgIH07XG5cbiAgICBbJ2RyYWcnLCAnZHJhZ2VudGVyJ10uZm9yRWFjaCgoZXZlbnROYW1lKSA9PiB7XG4gICAgICBkb2N1bWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKCdsYXlvdXQtd29ya2FyZWEnKVswXS5hZGRFdmVudExpc3RlbmVyKGV2ZW50TmFtZSwgKGUpID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIH0sIGZhbHNlKTtcbiAgICB9KTtcblxuICAgIHRoaXMucm9vdC5zdHlsZS5kaXNwbGF5ID0gJ2ZsZXgnO1xuICAgIHRoaXMucm9vdC5hcHBlbmQoY3JlYXRlRmlsZUFyZWEoKS5yb290KTtcbiAgfVxuXG4gIHByaXZhdGUgcmVzZXQoKSB7XG4gICAgdGhpcy52aXNpYmxlSW5wdXQuaW5wdXQuY2xhc3NMaXN0LnZhbHVlID0gJ3VpLWlucHV0LWVkaXRvciBkZWZhdWx0JztcbiAgICBjb25zdCBuZXdJY29uID0gdWkuaWNvbkZBKCdjbG91ZC11cGxvYWQnLCAoKSA9PiB0aGlzLmhpZGRlbklucHV0LmNsaWNrKCkpO1xuICAgIHRoaXMuaWNvbi5yZXBsYWNlV2l0aChuZXdJY29uKTtcbiAgICB0aGlzLmljb24gPSBuZXdJY29uO1xuICAgIHRoaXMudmlzaWJsZUlucHV0LnZhbHVlID0gdGhpcy5pbml0aWFsVGV4dDtcbiAgICB0aGlzLnVwbG9hZGVkRmlsZSQubmV4dCh0aGlzLmluaXRpYWxWYWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIGNsZWFyKCkge1xuICAgIHVpLmVtcHR5KHRoaXMucm9vdCk7XG4gIH1cbn1cbiJdfQ==

package/src/shared-components/ui-utils.d.ts

@@ -0,0 +1,5 @@
+import { FileInput } from './file-input';
+export declare namespace UiUtils {
+    function fileInput(initialText?: string, initialValue?: File | null, onValueChanged?: Function | null, fileType?: string): FileInput;
+}
+//# sourceMappingURL=ui-utils.d.ts.map

package/src/shared-components/ui-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-utils.d.ts","sourceRoot":"","sources":["ui-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAC,MAAM,cAAc,CAAC;AAExD,yBAAiB,OAAO,CAAC;IACvB,SAAgB,SAAS,CACvB,WAAW,SAAqB,EAChC,YAAY,GAAE,IAAI,GAAG,IAAW,EAChC,cAAc,GAAE,QAAQ,GAAG,IAAW,EACtC,QAAQ,SAAkB,aAG3B;CACF"}

package/src/shared-components/ui-utils.js

@@ -0,0 +1,9 @@
+import { EXCEL_BLOB_TYPE, FileInput } from './file-input';
+export var UiUtils;
+(function (UiUtils) {
+    function fileInput(initialText = 'Drag-n-drop here', initialValue = null, onValueChanged = null, fileType = EXCEL_BLOB_TYPE) {
+        return new FileInput(initialText, initialValue, onValueChanged, fileType);
+    }
+    UiUtils.fileInput = fileInput;
+})(UiUtils || (UiUtils = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktdXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJ1aS11dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsZUFBZSxFQUFFLFNBQVMsRUFBQyxNQUFNLGNBQWMsQ0FBQztBQUV4RCxNQUFNLEtBQVcsT0FBTyxDQVN2QjtBQVRELFdBQWlCLE9BQU87SUFDdEIsU0FBZ0IsU0FBUyxDQUN2QixXQUFXLEdBQUcsa0JBQWtCLEVBQ2hDLGVBQTRCLElBQUksRUFDaEMsaUJBQWtDLElBQUksRUFDdEMsUUFBUSxHQUFHLGVBQWU7UUFFMUIsT0FBTyxJQUFJLFNBQVMsQ0FBQyxXQUFXLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBUGUsaUJBQVMsWUFPeEIsQ0FBQTtBQUNILENBQUMsRUFUZ0IsT0FBTyxLQUFQLE9BQU8sUUFTdkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0VYQ0VMX0JMT0JfVFlQRSwgRmlsZUlucHV0fSBmcm9tICcuL2ZpbGUtaW5wdXQnO1xuXG5leHBvcnQgbmFtZXNwYWNlIFVpVXRpbHMge1xuICBleHBvcnQgZnVuY3Rpb24gZmlsZUlucHV0KFxuICAgIGluaXRpYWxUZXh0ID0gJ0RyYWctbi1kcm9wIGhlcmUnLFxuICAgIGluaXRpYWxWYWx1ZTogRmlsZSB8IG51bGwgPSBudWxsLFxuICAgIG9uVmFsdWVDaGFuZ2VkOiBGdW5jdGlvbiB8IG51bGwgPSBudWxsLFxuICAgIGZpbGVUeXBlID0gRVhDRUxfQkxPQl9UWVBFXG4gICkge1xuICAgIHJldHVybiBuZXcgRmlsZUlucHV0KGluaXRpYWxUZXh0LCBpbml0aWFsVmFsdWUsIG9uVmFsdWVDaGFuZ2VkLCBmaWxlVHlwZSk7XG4gIH1cbn1cbiJdfQ==