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

package/dist/esm/views/modal-view.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+interface IProps {
+    zIndex: number;
+    close?: () => void;
+}
+interface IState {
+    backgroundStyle: React.CSSProperties;
+    contentStyle: React.CSSProperties;
+}
+interface IDimensions {
+    width: string;
+    height: string;
+}
+export default class ModalView extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    closeOnEscape: (e: any) => void;
+    getDimensions(): {
+        width: string;
+        height: string;
+    };
+    getBackgroundStyle(dimensions: IDimensions): IDimensions | {
+        zIndex: number;
+        width: string;
+        height: string;
+    };
+    getContentStyle(dimensions: IDimensions): IDimensions | {
+        zIndex: number;
+        width: string;
+        height: string;
+    };
+    updateStyles: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+}
+export {};

package/dist/esm/views/modal-view.js

@@ -0,0 +1,64 @@
+import $ from 'jquery';
+import React from 'react';
+export default class ModalView extends React.Component {
+    constructor(props) {
+        super(props);
+        this.closeOnEscape = (e) => {
+            var _a, _b;
+            if (e.keyCode === 27) {
+                (_b = (_a = this.props).close) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+        };
+        this.updateStyles = () => {
+            const dimensions = this.getDimensions();
+            this.setState({
+                backgroundStyle: this.getBackgroundStyle(dimensions),
+                contentStyle: this.getContentStyle(dimensions)
+            });
+        };
+        const dimensions = this.getDimensions();
+        this.state = {
+            backgroundStyle: this.getBackgroundStyle(dimensions),
+            contentStyle: this.getContentStyle(dimensions)
+        };
+    }
+    // shadow the entire viewport behind the dialog
+    getDimensions() {
+        return {
+            width: '100vw',
+            height: '100vh'
+        };
+    }
+    getBackgroundStyle(dimensions) {
+        if (this.props.zIndex) {
+            return { zIndex: this.props.zIndex, width: dimensions.width, height: dimensions.height };
+        }
+        else {
+            return dimensions;
+        }
+    }
+    getContentStyle(dimensions) {
+        if (this.props.zIndex) {
+            return { zIndex: this.props.zIndex + 1, width: dimensions.width, height: dimensions.height };
+        }
+        else {
+            return dimensions;
+        }
+    }
+    // use bind/unbind for clients using older versions of jQuery
+    componentDidMount() {
+        $(window).bind('keyup', this.closeOnEscape);
+        $(window).bind('resize', this.updateStyles);
+    }
+    componentWillUnmount() {
+        $(window).unbind('keyup', this.closeOnEscape);
+        $(window).unbind('resize', this.updateStyles);
+    }
+    render() {
+        const { backgroundStyle, contentStyle } = this.state;
+        return (React.createElement("div", { className: 'modal' },
+            React.createElement("div", { className: 'modal-background', style: backgroundStyle }),
+            React.createElement("div", { className: 'modal-content', style: contentStyle }, this.props.children)));
+    }
+}
+//# sourceMappingURL=modal-view.js.map

package/dist/esm/views/modal-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-view.js","sourceRoot":"","sources":["../../../src/code/views/modal-view.tsx"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,QAAQ,CAAA;AACtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAEpE,YAAY,KAAa;QACvB,KAAK,CAAC,KAAK,CAAC,CAAA;QASd,kBAAa,GAAG,CAAC,CAAM,EAAE,EAAE;;YACzB,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE,EAAE,CAAC;gBACrB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,KAAK,kDAAI,CAAA;YACtB,CAAC;QACH,CAAC,CAAA;QA0BD,iBAAY,GAAG,GAAG,EAAE;YAClB,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAA;YACvC,IAAI,CAAC,QAAQ,CAAC;gBACZ,eAAe,EAAE,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC;gBACpD,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;aAC/C,CAAC,CAAA;QACJ,CAAC,CAAA;QA3CC,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAA;QACvC,IAAI,CAAC,KAAK,GAAG;YACX,eAAe,EAAE,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC;YACpD,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;SAC/C,CAAA;IACH,CAAC;IAQD,+CAA+C;IAC/C,aAAa;QACX,OAAO;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB,CAAA;IACH,CAAC;IAED,kBAAkB,CAAC,UAAuB;QACxC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACtB,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,CAAA;QAC1F,CAAC;aAAM,CAAC;YACN,OAAO,UAAU,CAAA;QACnB,CAAC;IACH,CAAC;IAED,eAAe,CAAC,UAAuB;QACrC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACtB,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,CAAA;QAC9F,CAAC;aAAM,CAAC;YACN,OAAO,UAAU,CAAA;QACnB,CAAC;IACH,CAAC;IAUD,6DAA6D;IAC7D,iBAAiB;QACf,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;QAC3C,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;IAC7C,CAAC;IAED,oBAAoB;QAClB,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;QAC7C,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;IAC/C,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACpD,OAAO,CACL,6BAAK,SAAS,EAAC,OAAO;YACpB,6BAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,eAAe,GAAI;YAC5D,6BAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,YAAY,IAC/C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACF,CACP,CAAA;IACH,CAAC;CACF"}

package/dist/esm/views/provider-tabbed-dialog-view.d.ts

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

package/dist/esm/views/provider-tabbed-dialog-view.js

@@ -0,0 +1,62 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS103: Rewrite code to no longer use __guard__
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import createReactClass from 'create-react-class';
+import { createReactFactory } from '../create-react-factory';
+import tr from '../utils/translate';
+import TabbedPanel from './tabbed-panel-view';
+import modalTabbedDialogView from './modal-tabbed-dialog-view';
+import fileDialogTabView from './file-dialog-tab-view';
+import selectProviderDialogTabView from './select-provider-dialog-tab-view';
+const ModalTabbedDialog = createReactFactory(modalTabbedDialogView);
+const FileDialogTab = createReactFactory(fileDialogTabView);
+const SelectProviderDialogTab = createReactFactory(selectProviderDialogTabView);
+export default createReactClass({
+    displayName: 'ProviderTabbedDialog',
+    render() {
+        const [capability, TabComponent] = Array.from((() => {
+            switch (this.props.dialog.action) {
+                case 'openFile': return ['list', FileDialogTab];
+                case 'saveFile':
+                case 'saveFileAs': return ['save', FileDialogTab];
+                case 'saveSecondaryFileAs': return ['export', FileDialogTab];
+                case 'createCopy': return ['save', FileDialogTab];
+                case 'selectProvider': return [null, SelectProviderDialogTab];
+            }
+        })());
+        const tabs = [];
+        let selectedTabIndex = 0;
+        for (let i = 0; i < this.props.client.state.availableProviders.length; i++) {
+            const provider = this.props.client.state.availableProviders[i];
+            if (!capability || provider.capabilities[capability]) {
+                const filteredTabComponent = provider.filterTabComponent(capability, TabComponent);
+                if (filteredTabComponent) {
+                    const component = filteredTabComponent({
+                        client: this.props.client,
+                        dialog: this.props.dialog,
+                        close: this.props.close,
+                        provider
+                    });
+                    const onSelected = provider.onProviderTabSelected ? provider.onProviderTabSelected.bind(provider) : null;
+                    tabs.push(TabbedPanel.Tab({ key: i, label: (tr(provider.displayName)), component, capability, onSelected }));
+                    if (provider.name === __guard__(this.props.client.state.metadata != null ? this.props.client.state.metadata.provider : undefined, (x) => x.name)) {
+                        selectedTabIndex = tabs.length - 1;
+                    }
+                }
+            }
+        }
+        return (ModalTabbedDialog({ title: (tr(this.props.dialog.title)), close: this.props.close, tabs, selectedTabIndex }));
+    }
+});
+function __guard__(value, transform) {
+    return (typeof value !== 'undefined' && value !== null) ? transform(value) : undefined;
+}
+//# sourceMappingURL=provider-tabbed-dialog-view.js.map

package/dist/esm/views/provider-tabbed-dialog-view.js.map

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

package/dist/esm/views/rename-dialog-view.d.ts

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

package/dist/esm/views/rename-dialog-view.js

@@ -0,0 +1,55 @@
+// 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
+ */
+import createReactClass from 'create-react-class';
+import ReactDOM from 'react-dom';
+import ReactDOMFactories from 'react-dom-factories';
+import { createReactFactory } from '../create-react-factory';
+import tr from '../utils/translate';
+import modalDialogView from './modal-dialog-view';
+const { div, input, button } = ReactDOMFactories;
+const ModalDialog = createReactFactory(modalDialogView);
+export default createReactClass({
+    displayName: 'RenameDialogView',
+    getInitialState() {
+        const filename = this.props.filename || '';
+        return {
+            filename,
+            trimmedFilename: this.trim(filename)
+        };
+    },
+    componentDidMount() {
+        this.filename = ReactDOM.findDOMNode(this.filenameRef);
+        return this.filename.focus();
+    },
+    updateFilename() {
+        const filename = this.filename.value;
+        return this.setState({
+            filename,
+            trimmedFilename: this.trim(filename)
+        });
+    },
+    trim(s) {
+        return s.replace(/^\s+|\s+$/, '');
+    },
+    rename(e) {
+        if (this.state.trimmedFilename.length > 0) {
+            if (typeof this.props.callback === 'function') {
+                this.props.callback(this.state.filename);
+            }
+            return this.props.close();
+        }
+        else {
+            e.preventDefault();
+            return this.filename.focus();
+        }
+    },
+    render() {
+        return ModalDialog({ title: (tr('~DIALOG.RENAME')), close: this.props.close }, (div({ className: 'rename-dialog' }, (input({ ref: ((elt) => { return this.filenameRef = elt; }), placeholder: 'Filename', value: this.state.filename, onChange: this.updateFilename })), (div({ className: 'buttons' }, (button({ className: (this.state.trimmedFilename.length === 0 ? 'disabled' : ''), onClick: this.rename }, tr('~RENAME_DIALOG.RENAME'))), (button({ onClick: this.props.close }, tr('~RENAME_DIALOG.CANCEL'))))))));
+    }
+});
+//# sourceMappingURL=rename-dialog-view.js.map

package/dist/esm/views/rename-dialog-view.js.map

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

package/dist/esm/views/select-interactive-state-dialog-view.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IInteractiveStateProps } from '@concord-consortium/lara-interactive-api';
+export interface SelectInteractiveStateDialogProps {
+    state1: IInteractiveStateProps<{}>;
+    state2: IInteractiveStateProps<{}>;
+    interactiveStateAvailable: boolean;
+    onSelect?: SelectInteractiveStateCallback;
+    close?: () => void;
+}
+export type SelectInteractiveStateCallback = (selected: {}) => void;
+interface SelectInteractiveStateDialogState {
+    showOverlay: boolean;
+}
+export default class SelectInteractiveStateDialog extends React.Component<SelectInteractiveStateDialogProps, SelectInteractiveStateDialogState> {
+    state: {
+        showOverlay: boolean;
+    };
+    handleOnPreview: (showOverlay: boolean) => void;
+    handleHideOverlay: () => void;
+    render(): React.JSX.Element;
+}
+export {};

package/dist/esm/views/select-interactive-state-dialog-view.js

@@ -0,0 +1,87 @@
+import React from 'react';
+import tr from '../utils/translate';
+import ModalDialogView from './modal-dialog-view';
+class SelectInteractiveStateVersion extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            preview: false
+        };
+        this.handleSelect = () => {
+            var _a, _b;
+            this.props.onSelect(this.props.version.interactiveState);
+            (_b = (_a = this.props).close) === null || _b === void 0 ? void 0 : _b.call(_a);
+        };
+        this.handleTogglePreview = () => {
+            this.setState((prev) => {
+                const preview = !prev.preview;
+                this.props.onPreview(preview);
+                return { preview };
+            });
+        };
+    }
+    UNSAFE_componentWillReceiveProps(props) {
+        // hide the preview if the overlay text is clicked in the parent
+        if (!props.showingOverlay && this.state.preview) {
+            this.setState({ preview: false });
+        }
+    }
+    render() {
+        const { preview } = this.state;
+        const { version } = this.props;
+        const updatedAt = (new Date(version.updatedAt)).toLocaleString();
+        const previewClassName = `preview${preview ? ' preview-active' : ''}`;
+        const previewIframeClassName = preview ? 'preview-iframe-fullsize' : 'preview-iframe';
+        return (React.createElement("div", { className: 'version-info' },
+            React.createElement("div", { className: 'dialog-button', onClick: this.handleSelect }, tr('~DIALOG.SELECT_INTERACTIVE_STATE.USE_THIS_VERSION')),
+            React.createElement("div", { className: previewClassName, onClick: this.handleTogglePreview },
+                React.createElement("div", { className: 'iframe-wrapper' },
+                    React.createElement("iframe", { className: previewIframeClassName, src: version.externalReportUrl }))),
+            React.createElement("div", { className: 'center preview-label', onClick: this.handleTogglePreview }, tr('~DIALOG.SELECT_INTERACTIVE_STATE.CLICK_TO_PREVIEW')),
+            React.createElement("table", { className: 'version-desc' },
+                React.createElement("tbody", null,
+                    React.createElement("tr", null,
+                        React.createElement("th", null, tr('~DIALOG.SELECT_INTERACTIVE_STATE.UPDATED_AT')),
+                        React.createElement("td", null, updatedAt)),
+                    React.createElement("tr", null,
+                        React.createElement("th", null, tr('~DIALOG.SELECT_INTERACTIVE_STATE.PAGE')),
+                        React.createElement("td", null,
+                            React.createElement("span", null, version.pageNumber),
+                            React.createElement("span", null, version.pageName ? ` - ${version.pageName}` : ""))),
+                    React.createElement("tr", null,
+                        React.createElement("th", null, tr('~DIALOG.SELECT_INTERACTIVE_STATE.ACTIVITY')),
+                        React.createElement("td", null, version.activityName))))));
+    }
+}
+export default class SelectInteractiveStateDialog extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            showOverlay: false
+        };
+        this.handleOnPreview = (showOverlay) => {
+            this.setState({ showOverlay });
+        };
+        this.handleHideOverlay = () => {
+            this.setState({ showOverlay: false });
+        };
+    }
+    render() {
+        const { showOverlay } = this.state;
+        const { state1, state2, interactiveStateAvailable, onSelect, close } = this.props;
+        const overlayClassname = `overlay${showOverlay ? ' show-overlay' : ''}`;
+        const question = interactiveStateAvailable
+            ? tr('~DIALOG.SELECT_INTERACTIVE_STATE.CURRENT_VS_LINKED')
+            : tr('~DIALOG.SELECT_INTERACTIVE_STATE.LINKED_VS_LINKED');
+        return (React.createElement(ModalDialogView, { title: tr('~DIALOG.SELECT_INTERACTIVE_STATE.TITLE') },
+            React.createElement("div", { className: 'select-interactive-state-dialog' },
+                React.createElement("div", { className: overlayClassname, onClick: this.handleHideOverlay }, tr('~DIALOG.SELECT_INTERACTIVE_STATE.PREVIEW_INFO')),
+                React.createElement("div", { className: 'content' },
+                    React.createElement("div", { id: 'question' }, question),
+                    React.createElement("div", { className: 'scroll-wrapper' },
+                        React.createElement("div", { className: 'versions' },
+                            React.createElement(SelectInteractiveStateVersion, { version: state1, showingOverlay: showOverlay, onSelect: onSelect, onPreview: this.handleOnPreview, close: close }),
+                            React.createElement(SelectInteractiveStateVersion, { version: state2, showingOverlay: showOverlay, onSelect: onSelect, onPreview: this.handleOnPreview, close: close })))))));
+    }
+}
+//# sourceMappingURL=select-interactive-state-dialog-view.js.map

package/dist/esm/views/select-interactive-state-dialog-view.js.map

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

package/dist/esm/views/select-provider-dialog-tab-view.d.ts

@@ -0,0 +1,2 @@
+declare const SelectProviderDialogTab: any;
+export default SelectProviderDialogTab;

package/dist/esm/views/select-provider-dialog-tab-view.js

@@ -0,0 +1,11 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+import ReactDOMFactories from "react-dom-factories";
+import { createReactClassFactory } from "../create-react-factory";
+const { div } = ReactDOMFactories;
+const SelectProviderDialogTab = createReactClassFactory({
+    displayName: 'SelectProviderDialogTab',
+    render() { return (div({}, `TODO: SelectProviderDialogTab: ${this.props.provider.displayName}`)); }
+});
+export default SelectProviderDialogTab;
+//# sourceMappingURL=select-provider-dialog-tab-view.js.map

package/dist/esm/views/select-provider-dialog-tab-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-provider-dialog-tab-view.js","sourceRoot":"","sources":["../../../src/code/views/select-provider-dialog-tab-view.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,uDAAuD;AACvD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAEjE,MAAM,EAAC,GAAG,EAAC,GAAG,iBAAiB,CAAA;AAE/B,MAAM,uBAAuB,GAAG,uBAAuB,CAAC;IACtD,WAAW,EAAE,yBAAyB;IACtC,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,kCAAkC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA,CAAC,CAAC;CACnG,CAAC,CAAA;AAEF,eAAe,uBAAuB,CAAA"}

package/dist/esm/views/share-dialog-status-view.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IProps {
+    isSharing: boolean;
+    previewLink: string;
+    onToggleShare: (e: React.MouseEvent) => void;
+    onUpdateShare: (e: React.MouseEvent) => void;
+}
+export declare const ShareDialogStatusView: React.FC<IProps>;
+export {};

package/dist/esm/views/share-dialog-status-view.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import translate from '../utils/translate';
+export const ShareDialogStatusView = ({ isSharing, previewLink, onToggleShare, onUpdateShare }) => {
+    return (React.createElement("div", null,
+        React.createElement("div", { className: 'share-status', "data-testid": 'share-status' },
+            translate("~SHARE_DIALOG.SHARE_STATE"),
+            React.createElement("strong", null,
+                translate(isSharing ? "~SHARE_DIALOG.SHARE_STATE_ENABLED" : "~SHARE_DIALOG.SHARE_STATE_DISABLED"),
+                isSharing &&
+                    React.createElement("a", { href: '#', onClick: onToggleShare, "data-testid": 'toggle-anchor' }, translate("~SHARE_DIALOG.STOP_SHARING")))),
+        React.createElement("div", { className: 'share-button' },
+            React.createElement("button", { onClick: isSharing ? onUpdateShare : onToggleShare, "data-testid": 'share-button-element' }, translate(isSharing ? "~SHARE_DIALOG.UPDATE_SHARING" : "~SHARE_DIALOG.ENABLE_SHARING")),
+            React.createElement("div", { className: isSharing ? 'share-button-help-sharing' : 'share-button-help-not-sharing' }, isSharing
+                ? React.createElement("a", { href: previewLink, target: "_blank", rel: "noreferrer", "data-testid": 'preview-anchor' }, translate("~SHARE_DIALOG.PREVIEW_SHARING"))
+                : translate("~SHARE_DIALOG.ENABLE_SHARING_MESSAGE")))));
+};
+//# sourceMappingURL=share-dialog-status-view.js.map

package/dist/esm/views/share-dialog-status-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-dialog-status-view.js","sourceRoot":"","sources":["../../../src/code/views/share-dialog-status-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,oBAAoB,CAAA;AAQ1C,MAAM,CAAC,MAAM,qBAAqB,GAAqB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,EAAE,EAAE;IAClH,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,cAAc,iBAAa,cAAc;YACrD,SAAS,CAAC,2BAA2B,CAAC;YACvC;gBACG,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,oCAAoC,CAAC;gBACjG,SAAS;oBACR,2BAAG,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,aAAa,iBAAc,eAAe,IAC5D,SAAS,CAAC,4BAA4B,CAAC,CACtC,CAEC,CACL;QACN,6BAAK,SAAS,EAAC,cAAc;YAC3B,gCAAQ,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,iBAAc,sBAAsB,IAC3F,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAChF;YACT,6BAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,+BAA+B,IACtF,SAAS;gBACR,CAAC,CAAC,2BAAG,IAAI,EAAE,WAAW,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,iBAAa,gBAAgB,IAChF,SAAS,CAAC,+BAA+B,CAAC,CACzC;gBACN,CAAC,CAAC,SAAS,CAAC,sCAAsC,CAAC,CACjD,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/views/share-dialog-tabs-view.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+interface IEmbedTabProps {
+    url: string;
+    onCopyClick: (e: React.MouseEvent) => void;
+}
+export declare const EmbedTabContents: React.FC<IEmbedTabProps>;
+export interface ILaraApiTabProps {
+    mode: 'lara' | 'api';
+    linkUrl: string;
+    serverUrlLabel: string;
+    serverUrl: string;
+    fullscreenScaling?: boolean;
+    visibilityToggles?: boolean;
+    onCopyClick: (e: React.MouseEvent) => void;
+    onChangeServerUrl: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChangeFullscreenScaling?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChangeVisibilityToggles?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const LaraApiTabContents: React.FC<ILaraApiTabProps>;
+interface ILinkTabProps {
+    url: string;
+    onCopyClick: (e: React.MouseEvent) => void;
+}
+export declare const LinkTabContents: React.FC<ILinkTabProps>;
+export type ShareDialogTab = 'api' | 'embed' | 'lara' | 'link';
+export interface IShareDialogLaraApiTabProps {
+    linkUrl: string;
+    serverUrlLabel: string;
+    serverUrl: string;
+    onChangeServerUrl: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+interface IShareDialogTabsProps {
+    tabSelected: ShareDialogTab;
+    linkUrl: string;
+    embedUrl: string;
+    interactiveApi?: IShareDialogLaraApiTabProps;
+    fullscreenScaling?: boolean;
+    visibilityToggles?: boolean;
+    onChangeFullscreenScaling?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChangeVisibilityToggles?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onSelectTab: (tab: ShareDialogTab) => void;
+    onCopyClick: (e: React.MouseEvent) => void;
+}
+export declare const ShareDialogTabsView: React.FC<IShareDialogTabsProps>;
+export {};

package/dist/esm/views/share-dialog-tabs-view.js

@@ -0,0 +1,83 @@
+import classNames from 'classnames';
+import React from 'react';
+import socialIcons from 'svg-social-icons/lib/icons.json';
+import translate from '../utils/translate';
+const SocialIcon = ({ icon, url }) => {
+    const socialIcon = socialIcons[icon];
+    return (React.createElement("a", { className: 'social-icon', href: url, target: '_blank', rel: "noreferrer" },
+        React.createElement("div", { className: 'social-container' },
+            React.createElement("svg", { className: 'social-svg', viewBox: '0 0 64 64' },
+                React.createElement("g", { className: 'social-svg-background' },
+                    React.createElement("circle", { cx: 32, cy: 32, r: 31 })),
+                React.createElement("g", { className: 'social-svg-icon' },
+                    React.createElement("path", { d: socialIcon.icon })),
+                React.createElement("g", { className: 'social-svg-mask', style: { fill: socialIcon.color } },
+                    React.createElement("path", { d: socialIcon.mask }))))));
+};
+const CopyAnchorLink = ({ onClick }) => {
+    return document.execCommand || window.clipboardData
+        ? React.createElement("a", { className: 'copy-link', href: '#', onClick: onClick, "data-testid": 'copy-anchor-link' }, translate('~SHARE_DIALOG.COPY'))
+        : null;
+};
+export const EmbedTabContents = ({ url, onCopyClick }) => {
+    return (React.createElement("div", { "data-testid": 'embed-tab-contents' },
+        translate("~SHARE_DIALOG.EMBED_MESSAGE"),
+        React.createElement(CopyAnchorLink, { onClick: onCopyClick }),
+        React.createElement("div", null,
+            React.createElement("textarea", { value: url || "", readOnly: true }))));
+};
+export const LaraApiTabContents = ({ mode, linkUrl, serverUrlLabel, serverUrl, fullscreenScaling, visibilityToggles, onCopyClick, onChangeServerUrl, onChangeFullscreenScaling, onChangeVisibilityToggles }) => {
+    return (React.createElement("div", { className: mode, "data-testid": 'lara-api-tab-contents' },
+        translate(mode === 'lara' ? '~SHARE_DIALOG.LARA_MESSAGE' : '~SHARE_DIALOG.INTERACTIVE_API_MESSAGE'),
+        React.createElement(CopyAnchorLink, { onClick: onCopyClick }),
+        React.createElement("div", null,
+            React.createElement("input", { value: linkUrl, readOnly: true })),
+        React.createElement("div", { className: 'lara-api-settings' },
+            React.createElement("div", { className: 'codap-server-url' },
+                serverUrlLabel,
+                React.createElement("div", null,
+                    React.createElement("input", { value: serverUrl || "", "data-testid": 'server-url-input', onChange: onChangeServerUrl }))),
+            React.createElement("div", { className: 'fullscreen-scaling' },
+                React.createElement("input", { type: 'checkbox', "data-testid": 'fullscreen-scaling-checkbox', checked: fullscreenScaling, onChange: onChangeFullscreenScaling }),
+                translate("~SHARE_DIALOG.LARA_FULLSCREEN_BUTTON_AND_SCALING")),
+            React.createElement("div", { className: 'visibility-toggles' },
+                React.createElement("input", { type: 'checkbox', "data-testid": 'visibility-toggles-checkbox', checked: visibilityToggles, onChange: onChangeVisibilityToggles }),
+                translate("~SHARE_DIALOG.LARA_DISPLAY_VISIBILITY_TOGGLES")))));
+};
+export const LinkTabContents = ({ url, onCopyClick }) => {
+    const encodedUrl = encodeURIComponent(url);
+    const facebookUrl = `https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`;
+    const twitterUrl = `https://twitter.com/home?status=${encodedUrl}`;
+    // not working: googleUrl = `https://plus.google.com/share?url=${url}`
+    return (React.createElement("div", { "data-testid": 'link-tab-contents' },
+        translate("~SHARE_DIALOG.LINK_MESSAGE"),
+        React.createElement(CopyAnchorLink, { onClick: onCopyClick }),
+        React.createElement("div", null,
+            React.createElement("input", { value: url || "", readOnly: true })),
+        React.createElement("div", { className: 'social-icons' },
+            React.createElement(SocialIcon, { icon: 'facebook', url: facebookUrl }),
+            React.createElement(SocialIcon, { icon: 'twitter', url: twitterUrl }))));
+};
+export const ShareDialogTabsView = ({ tabSelected, embedUrl, linkUrl, interactiveApi, onSelectTab, onCopyClick, ...others }) => {
+    return (React.createElement("div", { "data-testid": 'share-dialog-tabs-view' },
+        React.createElement("ul", { className: 'sharing-tabs' },
+            React.createElement("li", { className: classNames('sharing-tab', 'sharing-tab-link', { 'sharing-tab-selected': tabSelected === 'link' }), style: { marginLeft: 10 }, onClick: () => onSelectTab('link'), "data-testid": 'sharing-tab-link' }, translate("~SHARE_DIALOG.LINK_TAB")),
+            React.createElement("li", { className: classNames('sharing-tab', 'sharing-tab-embed', { 'sharing-tab-selected': tabSelected === 'embed' }), onClick: () => onSelectTab('embed'), "data-testid": 'sharing-tab-embed' }, translate("~SHARE_DIALOG.EMBED_TAB")),
+            interactiveApi &&
+                React.createElement("li", { className: classNames('sharing-tab', 'sharing-tab-api', { 'sharing-tab-selected': tabSelected === 'api' }), onClick: () => onSelectTab('api'), "data-testid": 'sharing-tab-api' }, "Interactive API")),
+        React.createElement("div", { className: "sharing-tab-contents" }, (() => {
+            switch (tabSelected) {
+                case 'link':
+                    return React.createElement(LinkTabContents, { url: linkUrl, onCopyClick: onCopyClick });
+                case 'embed':
+                    return React.createElement(EmbedTabContents, { url: embedUrl, onCopyClick: onCopyClick });
+                case 'api': {
+                    const { linkUrl: url, ...apiOthers } = interactiveApi;
+                    return React.createElement(LaraApiTabContents, { mode: 'api', linkUrl: url, onCopyClick: onCopyClick, ...others, ...apiOthers });
+                }
+                default:
+                    return null;
+            }
+        })())));
+};
+//# sourceMappingURL=share-dialog-tabs-view.js.map

package/dist/esm/views/share-dialog-tabs-view.js.map

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

package/dist/esm/views/share-dialog-view.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { ShareDialogTab } from './share-dialog-tabs-view';
+interface IShareDialogPropsSettings {
+    serverUrl?: string;
+    serverUrlLabel?: string;
+}
+interface IShareDialogProps {
+    currentBaseUrl: string;
+    isShared: boolean;
+    sharedDocumentId?: string;
+    sharedDocumentUrl?: string;
+    settings?: IShareDialogPropsSettings;
+    enableLaraSharing?: boolean;
+    onAlert: (message: string, title?: string) => void;
+    onToggleShare: (callback: (err: string | null, sharedContentId?: string) => void) => void;
+    onUpdateShare: () => void;
+    close: () => void;
+}
+interface IShareDialogState {
+    link: string | null;
+    embed: string | null;
+    laraServerUrl: string;
+    laraServerUrlLabel: string;
+    interactiveApiServerUrl: string;
+    interactiveApiServerUrlLabel: string;
+    fullscreenScaling: boolean;
+    graphVisToggles: boolean;
+    tabSelected: ShareDialogTab;
+    isLoadingShared: boolean;
+}
+export default class ShareDialogView extends React.Component<IShareDialogProps, IShareDialogState> {
+    state: IShareDialogState;
+    constructor(props: IShareDialogProps);
+    getShareUrl(): string;
+    getShareLink(): string;
+    getEmbed(): string;
+    getEncodedServerUrl(serverUrl: string): string;
+    getLara(): string;
+    getInteractiveApiLink(): string;
+    copy: (e: any) => boolean;
+    updateShare: () => void;
+    toggleShare: (e: React.MouseEvent) => void;
+    selectShareTab: (tab: ShareDialogTab) => void;
+    changedLaraServerUrl: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    changedInteractiveApiServerUrl: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    changedFullscreenScaling: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    changedGraphVisToggles: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    render(): React.JSX.Element;
+}
+export {};