collaborative-ui/lib/DemoDisplay/DisplayQuill.js

React component library for building real-time collaborative editing applications.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const CollaborativeQuill_1 = require("collaborative-quill/lib/CollaborativeQuill");
const json_crdt_extensions_1 = require("json-joy/lib/json-crdt-extensions");
const DisplayQuill = ({ model, path = [], readonly }) => {
    try {
        model.api.in(path).asExt(json_crdt_extensions_1.ext.quill);
    }
    catch {
        return null;
    }
    return (React.createElement("div", { style: {
            width: '100%',
        } },
        React.createElement(CollaborativeQuill_1.CollaborativeQuill, { readonly: readonly, api: () => {
                try {
                    return model.api.in(path).asExt(json_crdt_extensions_1.ext.quill);
                }
                catch {
                    return undefined;
                }
            }, style: {
                width: '100%',
                height: '300px',
            } })));
};
exports.default = DisplayQuill;