@concord-consortium/cloud-file-manager 2.0.0-pre.1

package/dist/cjs/views/icons/spin.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+const react_1 = __importDefault(require("react"));
+const Spinner = ({ size = 100, fill = "#000" }) => {
+    return (react_1.default.createElement("svg", { width: `${size}px`, height: `${size}px`, xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${size} ${size}`, preserveAspectRatio: "xMidYMid", className: "uil-spin" },
+        react_1.default.createElement("rect", { x: "0", y: "0", width: size, height: size, fill: "none", className: "bk" }),
+        react_1.default.createElement("g", { transform: "translate(50 50)" },
+            react_1.default.createElement("g", { transform: "rotate(0) translate(34 0)" },
+                react_1.default.createElement("circle", { cx: "0", cy: "0", r: "8", fill: fill },
+                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0.1", begin: "0s", dur: "1s", repeatCount: "indefinite" }),
+                    react_1.default.createElement("animateTransform", { attributeName: "transform", type: "scale", from: "1.5", to: "1", begin: "0s", dur: "1s", repeatCount: "indefinite" }))),
+            react_1.default.createElement("g", { transform: "rotate(45) translate(34 0)" },
+                react_1.default.createElement("circle", { cx: "0", cy: "0", r: "8", fill: fill },
+                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0.1", begin: "0.12s", dur: "1s", repeatCount: "indefinite" }),
+                    react_1.default.createElement("animateTransform", { attributeName: "transform", type: "scale", from: "1.5", to: "1", begin: "0.12s", dur: "1s", repeatCount: "indefinite" }))),
+            react_1.default.createElement("g", { transform: "rotate(90) translate(34 0)" },
+                react_1.default.createElement("circle", { cx: "0", cy: "0", r: "8", fill: fill },
+                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0.1", begin: "0.25s", dur: "1s", repeatCount: "indefinite" }),
+                    react_1.default.createElement("animateTransform", { attributeName: "transform", type: "scale", from: "1.5", to: "1", begin: "0.25s", dur: "1s", repeatCount: "indefinite" }))),
+            react_1.default.createElement("g", { transform: "rotate(135) translate(34 0)" },
+                react_1.default.createElement("circle", { cx: "0", cy: "0", r: "8", fill: fill },
+                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0.1", begin: "0.37s", dur: "1s", repeatCount: "indefinite" }),
+                    react_1.default.createElement("animateTransform", { attributeName: "transform", type: "scale", from: "1.5", to: "1", begin: "0.37s", dur: "1s", repeatCount: "indefinite" }))),
+            react_1.default.createElement("g", { transform: "rotate(180) translate(34 0)" },
+                react_1.default.createElement("circle", { cx: "0", cy: "0", r: "8", fill: fill },
+                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0.1", begin: "0.5s", dur: "1s", repeatCount: "indefinite" }),
+                    react_1.default.createElement("animateTransform", { attributeName: "transform", type: "scale", from: "1.5", to: "1", begin: "0.5s", dur: "1s", repeatCount: "indefinite" }))),
+            react_1.default.createElement("g", { transform: "rotate(225) translate(34 0)" },
+                react_1.default.createElement("circle", { cx: "0", cy: "0", r: "8", fill: fill },
+                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0.1", begin: "0.62s", dur: "1s", repeatCount: "indefinite" }),
+                    react_1.default.createElement("animateTransform", { attributeName: "transform", type: "scale", from: "1.5", to: "1", begin: "0.62s", dur: "1s", repeatCount: "indefinite" }))),
+            react_1.default.createElement("g", { transform: "rotate(270) translate(34 0)" },
+                react_1.default.createElement("circle", { cx: "0", cy: "0", r: "8", fill: fill },
+                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0.1", begin: "0.75s", dur: "1s", repeatCount: "indefinite" }),
+                    react_1.default.createElement("animateTransform", { attributeName: "transform", type: "scale", from: "1.5", to: "1", begin: "0.75s", dur: "1s", repeatCount: "indefinite" }))),
+            react_1.default.createElement("g", { transform: "rotate(315) translate(34 0)" },
+                react_1.default.createElement("circle", { cx: "0", cy: "0", r: "8", fill: fill },
+                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0.1", begin: "0.87s", dur: "1s", repeatCount: "indefinite" }),
+                    react_1.default.createElement("animateTransform", { attributeName: "transform", type: "scale", from: "1.5", to: "1", begin: "0.87s", dur: "1s", repeatCount: "indefinite" }))))));
+};
+exports.Spinner = Spinner;
+//# sourceMappingURL=spin.js.map

package/dist/cjs/views/icons/spin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin.js","sourceRoot":"","sources":["../../../../src/code/views/icons/spin.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/views/import-tabbed-dialog-view.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").ClassicComponentClass<unknown>;
+export default _default;

package/dist/cjs/views/import-tabbed-dialog-view.js

@@ -0,0 +1,78 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const create_react_class_1 = __importDefault(require("create-react-class"));
+const create_react_factory_1 = require("../create-react-factory");
+const tabbed_panel_view_1 = __importDefault(require("./tabbed-panel-view"));
+const translate_1 = __importDefault(require("../utils/translate"));
+const modal_tabbed_dialog_view_1 = __importDefault(require("./modal-tabbed-dialog-view"));
+const local_file_tab_list_view_1 = __importDefault(require("./local-file-tab-list-view"));
+const url_tab_view_1 = __importDefault(require("./url-tab-view"));
+const ModalTabbedDialog = (0, create_react_factory_1.createReactFactory)(modal_tabbed_dialog_view_1.default);
+const LocalFileTab = (0, create_react_factory_1.createReactFactory)(local_file_tab_list_view_1.default);
+const UrlTab = (0, create_react_factory_1.createReactFactory)(url_tab_view_1.default);
+exports.default = (0, create_react_class_1.default)({
+    displayName: 'ImportTabbedDialog',
+    importFile(metadata, via) {
+        switch (metadata.provider) {
+            case 'localFile':
+                var reader = new FileReader();
+                reader.onload = loaded => {
+                    const data = {
+                        file: {
+                            name: metadata.providerData.file.name,
+                            content: loaded.target.result,
+                            object: metadata.providerData.file
+                        },
+                        via
+                    };
+                    return (typeof this.props.dialog.callback === 'function' ? this.props.dialog.callback(data) : undefined);
+                };
+                return reader.readAsText(metadata.providerData.file);
+        }
+    },
+    importUrl(url, via) {
+        var _a, _b;
+        return (_b = (_a = this.props.dialog).callback) === null || _b === void 0 ? void 0 : _b.call(_a, { url, via });
+    },
+    render() {
+        const tabs = [
+            // "static" functions defined in the "statics" property don't get typed appropriately
+            tabbed_panel_view_1.default.Tab({
+                key: 0,
+                label: ((0, translate_1.default)("~IMPORT.LOCAL_FILE")),
+                component: LocalFileTab({
+                    client: this.props.client,
+                    dialog: {
+                        callback: this.importFile
+                    },
+                    provider: 'localFile', // we are faking the provider here so we can reuse the local file tab
+                    close: this.props.close
+                })
+            }),
+            // "static" functions defined in the "statics" property don't get typed appropriately
+            tabbed_panel_view_1.default.Tab({
+                key: 1,
+                label: ((0, translate_1.default)("~IMPORT.URL")),
+                component: UrlTab({
+                    client: this.props.client,
+                    dialog: {
+                        callback: this.importUrl
+                    },
+                    close: this.props.close
+                })
+            })
+        ];
+        return (ModalTabbedDialog({ title: ((0, translate_1.default)("~DIALOG.IMPORT_DATA")), close: this.props.close, tabs, selectedTabIndex: 0 }));
+    }
+});
+//# sourceMappingURL=import-tabbed-dialog-view.js.map

package/dist/cjs/views/import-tabbed-dialog-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"import-tabbed-dialog-view.js","sourceRoot":"","sources":["../../../src/code/views/import-tabbed-dialog-view.ts"],"names":[],"mappings":";;;;;AAAA,oDAAoD;AACpD,uDAAuD;AACvD;;;;GAIG;AACH,4EAAiD;AACjD,kEAA4D;AAC5D,4EAA8C;AAC9C,mEAAoC;AAEpC,0FAA8D;AAC9D,0FAA6D;AAC7D,kEAAuC;AAEvC,MAAM,iBAAiB,GAAG,IAAA,yCAAkB,EAAC,kCAAqB,CAAC,CAAA;AACnE,MAAM,YAAY,GAAG,IAAA,yCAAkB,EAAC,kCAAoB,CAAC,CAAA;AAC7D,MAAM,MAAM,GAAG,IAAA,yCAAkB,EAAC,sBAAU,CAAC,CAAA;AAE7C,kBAAe,IAAA,4BAAgB,EAAC;IAC9B,WAAW,EAAE,oBAAoB;IAEjC,UAAU,CAAC,QAAa,EAAE,GAAQ;QAChC,QAAQ,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC1B,KAAK,WAAW;gBACd,IAAI,MAAM,GAAG,IAAI,UAAU,EAAE,CAAA;gBAC7B,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;oBACvB,MAAM,IAAI,GAAG;wBACX,IAAI,EAAE;4BACJ,IAAI,EAAE,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI;4BACrC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM;4BAC7B,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,IAAI;yBACnC;wBACD,GAAG;qBACJ,CAAA;oBACD,OAAO,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;gBAC1G,CAAC,CAAA;gBACD,OAAO,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QACxD,CAAC;IACH,CAAC;IAED,SAAS,CAAC,GAAW,EAAE,GAAQ;;QAC7B,OAAO,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAC,QAAQ,mDAAG,EAAC,GAAG,EAAE,GAAG,EAAC,CAAC,CAAA;IACjD,CAAC;IAED,MAAM;QACJ,MAAM,IAAI,GAAG;YACX,qFAAqF;YACpF,2BAAmB,CAAC,GAAG,CAAC;gBACvB,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,CAAC,IAAA,mBAAE,EAAC,oBAAoB,CAAC,CAAC;gBACjC,SAAS,EAAE,YAAY,CAAC;oBACtB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;oBACzB,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI,CAAC,UAAU;qBAC1B;oBACD,QAAQ,EAAE,WAAW,EAAE,qEAAqE;oBAC5F,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;iBACxB,CAAC;aACH,CAAC;YACF,qFAAqF;YACpF,2BAAmB,CAAC,GAAG,CAAC;gBACvB,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,CAAC,IAAA,mBAAE,EAAC,aAAa,CAAC,CAAC;gBAC1B,SAAS,EAAE,MAAM,CAAC;oBAChB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;oBACzB,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI,CAAC,SAAS;qBACzB;oBACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;iBACxB,CAAC;aACH,CAAC;SACH,CAAA;QACD,OAAO,CAAC,iBAAiB,CAAC,EAAC,KAAK,EAAE,CAAC,IAAA,mBAAE,EAAC,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAC,CAAC,CAAC,CAAA;IACtH,CAAC;CACF,CAAC,CAAA"}

package/dist/cjs/views/local-file-tab-list-view.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").ClassicComponentClass<unknown>;
+export default _default;

package/dist/cjs/views/local-file-tab-list-view.js

@@ -0,0 +1,84 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const create_react_class_1 = __importDefault(require("create-react-class"));
+const react_dom_factories_1 = __importDefault(require("react-dom-factories"));
+const { div, input, button } = react_dom_factories_1.default;
+const translate_1 = __importDefault(require("../utils/translate"));
+const provider_interface_1 = require("../providers/provider-interface");
+exports.default = (0, create_react_class_1.default)({
+    displayName: 'LocalFileListTab',
+    // Standard React 'drop' event handlers are triggered after client 'drop' event handlers.
+    // By explicitly installing DOM event handlers we get first crack at the 'drop' event.
+    componentDidMount() {
+        this.dropZoneRef.addEventListener('drop', this.drop);
+    },
+    componentWillUnmount() {
+        this.dropZoneRef.removeEventListener('drop', this.drop);
+    },
+    getInitialState() {
+        return { hover: false };
+    },
+    changed(e) {
+        const { files } = e.target;
+        if (files.length > 1) {
+            return this.props.client.alert((0, translate_1.default)("~LOCAL_FILE_DIALOG.MULTIPLE_FILES_SELECTED"));
+        }
+        else if (files.length === 1) {
+            return this.openFile(files[0], 'select');
+        }
+    },
+    openFile(file, via) {
+        const metadata = new provider_interface_1.CloudMetadata({
+            name: file.name.split('.')[0],
+            type: provider_interface_1.CloudMetadata.File,
+            parent: null,
+            provider: this.props.provider,
+            providerData: {
+                file
+            }
+        });
+        if (typeof this.props.dialog.callback === 'function') {
+            this.props.dialog.callback(metadata, via);
+        }
+        return this.props.close();
+    },
+    cancel() {
+        return this.props.close();
+    },
+    dragEnter(e) {
+        e.preventDefault();
+        return this.setState({ hover: true });
+    },
+    dragLeave(e) {
+        e.preventDefault();
+        return this.setState({ hover: false });
+    },
+    drop(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        const droppedFiles = e.dataTransfer ? e.dataTransfer.files : e.target.files;
+        if (droppedFiles.length > 1) {
+            this.props.client.alert((0, translate_1.default)("~LOCAL_FILE_DIALOG.MULTIPLE_FILES_DROPPED"));
+        }
+        else if (droppedFiles.length === 1) {
+            this.openFile(droppedFiles[0], 'drop');
+        }
+    },
+    render() {
+        const dropClass = `dropArea${this.state.hover ? ' dropHover' : ''}`;
+        return (div({ className: 'dialogTab localFileLoad' }, 
+        // 'drop' event handler installed as DOM event handler in componentDidMount()
+        (div({ ref: ((elt) => { return this.dropZoneRef = elt; }), className: dropClass, onDragEnter: this.dragEnter, onDragLeave: this.dragLeave }, ((0, translate_1.default)("~LOCAL_FILE_DIALOG.DROP_FILE_HERE")), (input({ type: 'file', onChange: this.changed })))), (div({ className: 'buttons' }, (button({ onClick: this.cancel }, ((0, translate_1.default)("~FILE_DIALOG.CANCEL"))))))));
+    }
+});
+//# sourceMappingURL=local-file-tab-list-view.js.map

package/dist/cjs/views/local-file-tab-list-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-file-tab-list-view.js","sourceRoot":"","sources":["../../../src/code/views/local-file-tab-list-view.ts"],"names":[],"mappings":"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"}

package/dist/cjs/views/local-file-tab-save-view.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").ClassicComponentClass<unknown>;
+export default _default;

package/dist/cjs/views/local-file-tab-save-view.js

@@ -0,0 +1,157 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS103: Rewrite code to no longer use __guard__
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const create_react_class_1 = __importDefault(require("create-react-class"));
+const react_dom_factories_1 = __importDefault(require("react-dom-factories"));
+const { div, input, button, a } = react_dom_factories_1.default;
+const translate_1 = __importDefault(require("../utils/translate"));
+const provider_interface_1 = require("../providers/provider-interface");
+const provider_interface_2 = require("../providers/provider-interface");
+const file_saver_1 = __importDefault(require("../lib/file-saver"));
+exports.default = (0, create_react_class_1.default)({
+    displayName: 'LocalFileSaveTab',
+    getInitialState() {
+        // If the dialog has the content to save, which occurs when saving secondary content
+        // like CSV files, then use that instead of the document content and make sure that
+        // it doesn't get modified by (for instance) trying to remove sharing metadata. To
+        // do so, we specify that we want to include the share info, which tells the client
+        // to leave the content alone.
+        const hasPropsContent = ((this.props.dialog.data != null ? this.props.dialog.data.content : undefined) != null);
+        const extension = hasPropsContent && this.props.dialog.data.extension
+            ? this.props.dialog.data.extension : 'json';
+        const filename = (this.props.client.state.metadata != null ? this.props.client.state.metadata.name : undefined) || ((0, translate_1.default)("~MENUBAR.UNTITLED_DOCUMENT"));
+        return {
+            filename,
+            supportsDownloadAttribute: document.createElement('a').download !== undefined,
+            downloadFilename: this.getDownloadFilename(hasPropsContent, filename, extension),
+            extension,
+            mimeType: hasPropsContent && (this.props.dialog.data.mimeType != null)
+                ? this.props.dialog.data.mimeType : 'text/plain',
+            shared: this.props.client.isShared(),
+            hasPropsContent,
+            includeShareInfo: hasPropsContent,
+            gotContent: hasPropsContent,
+            content: (this.props.dialog.data != null ? this.props.dialog.data.content : undefined)
+        };
+    },
+    componentDidMount() {
+        if (!this.state.hasPropsContent) {
+            this.props.client._event('getContent', { shared: this.props.client._sharedMetadata() }, (content) => {
+                const envelopedContent = provider_interface_2.cloudContentFactory.createEnvelopedCloudContent(content);
+                __guard__(this.props.client.state != null ? this.props.client.state.currentContent : undefined, (x) => x.copyMetadataTo(envelopedContent));
+                return this.setState({
+                    gotContent: true,
+                    content: envelopedContent
+                });
+            });
+        }
+        // Using the React onClick handler for the download button yielded odd behaviors
+        // in which the onClick handler got triggered multiple times and the default
+        // handler could not be prevented, presumably due to React's SyntheticEvent system.
+        // The solution here is to use standard browser event handlers.
+        return this.downloadRef.addEventListener('click', this.confirm);
+    },
+    componentWillUnmount() {
+        return this.downloadRef.removeEventListener('click', this.confirm);
+    },
+    filenameChanged() {
+        const filename = this.filenameRef.value;
+        return this.setState({
+            filename,
+            downloadFilename: this.getDownloadFilename(this.state.hasPropsContent, filename, this.state.extension)
+        });
+    },
+    includeShareInfoChanged() {
+        return this.setState({ includeShareInfo: this.includeShareInfoRef.checked });
+    },
+    getDownloadFilename(hasPropsContent, filename, extension) {
+        const newName = filename.replace(/^\s+|\s+$/, '');
+        if (hasPropsContent) {
+            return provider_interface_1.CloudMetadata.newExtension(newName, extension);
+        }
+        else {
+            return provider_interface_1.CloudMetadata.withExtension(newName, extension);
+        }
+    },
+    confirm(e, simulateClick) {
+        if (!this.confirmDisabled()) {
+            if (this.state.supportsDownloadAttribute) {
+                this.downloadRef.href = this.props.client.getDownloadUrl(this.state.content, this.state.includeShareInfo, this.state.mimeType);
+                if (simulateClick) {
+                    this.downloadRef.click();
+                }
+            }
+            else {
+                const blob = this.props.client.getDownloadBlob(this.state.content, this.state.includeShareInfo, this.state.mimeType);
+                file_saver_1.default.saveAs(blob, this.state.downloadFilename, true);
+                if (e != null) {
+                    e.preventDefault();
+                }
+            }
+            const metadata = new provider_interface_1.CloudMetadata({
+                name: this.state.downloadFilename.split('.')[0],
+                type: provider_interface_1.CloudMetadata.File,
+                parent: null,
+                provider: this.props.provider
+            });
+            this.props.dialog.callback(metadata);
+            this.props.close();
+            // return value indicates whether to trigger href
+            return this.state.supportsDownloadAttribute;
+        }
+        else {
+            if (e != null) {
+                e.preventDefault();
+            }
+        }
+    },
+    contextMenu(e) {
+        this.downloadRef.href = this.props.client.getDownloadUrl(this.state.content, this.state.includeShareInfo, this.state.mimeType);
+    },
+    cancel() {
+        this.props.close();
+    },
+    watchForEnter(e) {
+        if ((e.keyCode === 13) && !this.confirmDisabled()) {
+            e.preventDefault();
+            e.stopPropagation();
+            this.confirm(null, true);
+        }
+    },
+    confirmDisabled() {
+        return (this.state.downloadFilename.length === 0) || !this.state.gotContent;
+    },
+    render() {
+        const confirmDisabled = this.confirmDisabled();
+        // for modern browsers
+        const downloadAnchor = (a({
+            href: '#',
+            ref: (elt) => { return this.downloadRef = elt; },
+            className: (confirmDisabled ? 'disabled' : ''),
+            download: this.state.downloadFilename,
+            onContextMenu: this.contextMenu
+        }, (0, translate_1.default)('~FILE_DIALOG.DOWNLOAD')));
+        // for Safari (or other non-modern browsers)
+        const downloadButton = (button({
+            ref: (elt) => { return this.downloadRef = elt; },
+            className: (confirmDisabled ? 'disabled' : '')
+        }, (0, translate_1.default)('~FILE_DIALOG.DOWNLOAD')));
+        return (div({ className: 'dialogTab localFileSave' }, (input({ type: 'text', ref: ((elt) => { return this.filenameRef = elt; }), value: this.state.filename, placeholder: ((0, translate_1.default)("~FILE_DIALOG.FILENAME")), onChange: this.filenameChanged, onKeyDown: this.watchForEnter })), (div({ className: 'saveArea' }, this.state.shared && !this.state.hasPropsContent ?
+            (div({ className: 'shareCheckbox' }, (input({ type: 'checkbox', ref: ((elt) => { return this.includeShareInfoRef = elt; }), value: this.state.includeShareInfo, onChange: this.includeShareInfoChanged })), ((0, translate_1.default)('~DOWNLOAD_DIALOG.INCLUDE_SHARE_INFO')))) : undefined)), (div({ className: 'buttons' }, this.state.supportsDownloadAttribute ? downloadAnchor : downloadButton, (button({ onClick: this.cancel }, ((0, translate_1.default)("~FILE_DIALOG.CANCEL"))))))));
+    }
+});
+function __guard__(value, transform) {
+    return (typeof value !== 'undefined' && value !== null) ? transform(value) : undefined;
+}
+//# sourceMappingURL=local-file-tab-save-view.js.map

package/dist/cjs/views/local-file-tab-save-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-file-tab-save-view.js","sourceRoot":"","sources":["../../../src/code/views/local-file-tab-save-view.ts"],"names":[],"mappings":"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"}

package/dist/cjs/views/menu-bar-view.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").ClassicComponentClass<unknown>;
+export default _default;

package/dist/cjs/views/menu-bar-view.js

@@ -0,0 +1,201 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const create_react_class_1 = __importDefault(require("create-react-class"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const react_dom_factories_1 = __importDefault(require("react-dom-factories"));
+const create_react_factory_1 = require("../create-react-factory");
+const dropdown_view_1 = __importDefault(require("./dropdown-view"));
+const dropdown_anchors_1 = require("./dropdown-anchors");
+const translate_1 = __importDefault(require("../utils/translate"));
+const { div, i, span, input } = react_dom_factories_1.default;
+const Dropdown = (0, create_react_factory_1.createReactFactory)(dropdown_view_1.default);
+exports.default = (0, create_react_class_1.default)({
+    displayName: 'MenuBar',
+    componentDidMount() {
+        // need to use direct DOM events because the event needs to be captured
+        if (window.addEventListener) {
+            window.addEventListener('mousedown', this.checkBlur, true);
+            window.addEventListener('touchstart', this.checkBlur, true);
+        }
+        return this.props.client._ui.listen((event) => {
+            switch (event.type) {
+                case 'editInitialFilename':
+                    this.setState({
+                        editingFilename: true,
+                        editingInitialFilename: true
+                    });
+                    return setTimeout((() => this.focusFilename()), 10);
+            }
+        });
+    },
+    componentWillUnmount() {
+        if (window.removeEventListener) {
+            window.removeEventListener('mousedown', this.checkBlur, true);
+            return window.removeEventListener('touchstart', this.checkBlur, true);
+        }
+    },
+    getFilename(props) {
+        if ((props.filename != null ? props.filename.length : undefined) > 0) {
+            return props.filename;
+        }
+        else {
+            return ((0, translate_1.default)("~MENUBAR.UNTITLED_DOCUMENT"));
+        }
+    },
+    getEditableFilename(props) {
+        if ((props.filename != null ? props.filename.length : undefined) > 0) {
+            return props.filename;
+        }
+        else {
+            return ((0, translate_1.default)("~MENUBAR.UNTITLED_DOCUMENT"));
+        }
+    },
+    getInitialState() {
+        return {
+            editingFilename: false,
+            filename: this.getFilename(this.props),
+            editableFilename: this.getEditableFilename(this.props),
+            initialEditableFilename: this.getEditableFilename(this.props),
+            editingInitialFilename: false
+        };
+    },
+    UNSAFE_componentWillReceiveProps(nextProps) {
+        return this.setState({
+            filename: this.getFilename(nextProps),
+            editableFilename: this.getEditableFilename(nextProps),
+            provider: nextProps.provider
+        });
+    },
+    filenameClicked(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this.setState({
+            editingFilename: true,
+            editingInitialFilename: false
+        });
+        return setTimeout((() => this.focusFilename()), 10);
+    },
+    filenameChanged() {
+        return this.setState({
+            editableFilename: this.filename().value
+        });
+    },
+    filenameBlurred() {
+        return this.rename();
+    },
+    filename() {
+        return react_dom_1.default.findDOMNode(this.filenameRef);
+    },
+    focusFilename() {
+        const el = this.filename();
+        el.focus();
+        return el.select();
+    },
+    cancelEdit() {
+        return this.setState({
+            editingFilename: false,
+            editableFilename: (this.state.filename != null ? this.state.filename.length : undefined) > 0 ? this.state.filename : this.state.initialEditableFilename
+        });
+    },
+    rename() {
+        const filename = this.state.editableFilename.replace(/^\s+|\s+$/, '');
+        if (filename.length > 0) {
+            if (this.state.editingInitialFilename) {
+                this.props.client.setInitialFilename(filename);
+            }
+            else {
+                this.props.client.rename(this.props.client.state.metadata, filename);
+            }
+            return this.setState({
+                editingFilename: false,
+                filename,
+                editableFilename: filename
+            });
+        }
+        else {
+            return this.cancelEdit();
+        }
+    },
+    watchForEnter(e) {
+        if (e.keyCode === 13) {
+            return this.rename();
+        }
+        else if (e.keyCode === 27) {
+            return this.cancelEdit();
+        }
+    },
+    help() {
+        return window.open(this.props.options.help, '_blank');
+    },
+    infoClicked() {
+        return (typeof this.props.options.onInfoClicked === 'function' ? this.props.options.onInfoClicked(this.props.client) : undefined);
+    },
+    // CODAP eats the click events in the main workspace which causes the blur event not to fire so we need to check for a non-bubbling global click event when editing
+    checkBlur(e) {
+        if (this.state.editingFilename && (e.target !== this.filename())) {
+            return this.filenameBlurred();
+        }
+    },
+    langChanged(langCode) {
+        const { client, options } = this.props;
+        const { onLangChanged } = options.languageMenu;
+        if (onLangChanged != null) {
+            return client.changeLanguage(langCode, onLangChanged);
+        }
+    },
+    renderLanguageMenu() {
+        const langMenu = this.props.options.languageMenu;
+        const items = langMenu.options
+            // Do not show current language in the menu.
+            .filter((option) => option.langCode !== langMenu.currentLang)
+            .map((option) => {
+            let className;
+            const label = option.label || option.langCode.toUpperCase();
+            if (option.flag) {
+                className = `flag flag-${option.flag}`;
+            }
+            return {
+                content: (span({ className: 'lang-option' }, (div({ className })), label)),
+                action: () => this.langChanged(option.langCode)
+            };
+        });
+        const hasFlags = langMenu.options.filter((option) => option.flag != null).length > 0;
+        const currentOption = langMenu.options.filter((option) => option.langCode === langMenu.currentLang)[0];
+        const defaultOption = hasFlags ? { flag: "us" } : { label: "English" };
+        const { flag, label } = currentOption || defaultOption;
+        const menuAnchor = flag ?
+            (div({ className: `flag flag-${flag}` }))
+            :
+                (div({ className: "lang-menu with-border" }, (span({ className: "lang-label" }, label || defaultOption.label)), dropdown_anchors_1.TriangleOnlyAnchor));
+        return (Dropdown({
+            className: "lang-menu",
+            menuAnchorClassName: "menu-anchor-right",
+            items,
+            menuAnchor
+        }));
+    },
+    render() {
+        const { provider } = this.props;
+        const isAuthorized = provider && provider.isAuthorizationRequired() && provider.authorized();
+        return (div({ className: 'menu-bar' }, (div({ className: 'menu-bar-left' }, (Dropdown({ items: this.props.items })), this.state.editingFilename ?
+            (div({ className: 'menu-bar-content-filename' }, (input({ ref: ((elt) => { return this.filenameRef = elt; }), value: this.state.editableFilename, onChange: this.filenameChanged, onKeyDown: this.watchForEnter }))))
+            :
+                (div({ className: 'menu-bar-content-filename', onClick: this.filenameClicked }, this.state.filename)), this.props.fileStatus ?
+            (span({ className: `menu-bar-file-status-${this.props.fileStatus.type}` }, this.props.fileStatus.message)) : undefined)), (div({ className: 'menu-bar-right' }, this.props.options.info ?
+            (span({ className: 'menu-bar-info', onClick: this.infoClicked }, this.props.options.info)) : undefined, isAuthorized ? this.props.provider.renderUser() : undefined, this.props.options.help ?
+            (i({ style: { fontSize: "13px" }, className: 'clickable icon-help', onClick: this.help })) : undefined, this.props.options.languageMenu ?
+            this.renderLanguageMenu() : undefined))));
+    }
+});
+//# sourceMappingURL=menu-bar-view.js.map