collaborative-ui
Version:
React component library for building real-time collaborative editing applications.
34 lines (33 loc) • 1.11 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const CollaborativeTextarea_1 = require("../CollaborativeTextarea");
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.rule)({
...nano_theme_1.theme.font.mono.bold,
fz: '18px',
bxz: 'border-box',
bg: 'rgba(244,211,44,.2)',
w: '100%',
h: '100%',
minH: '200px',
bdrad: '8px',
pd: '16px',
mr: 0,
bd: '1px solid transparent',
out: 0,
resize: 'none',
mask: 'conic-gradient(from calc(90deg/-2) at bottom,#000 90deg,#0000 0) 50%/16px',
});
const DisplayText = ({ model, path = [] }) => {
try {
const str = model.api.str(path);
return (React.createElement("div", { style: { boxSizing: 'border-box', padding: 16, width: '100%', height: '100%' } },
React.createElement(CollaborativeTextarea_1.CollaborativeTextarea, { className: blockClass, str: () => str })));
}
catch {
return null;
}
};
exports.default = DisplayText;