collaborative-ui
Version:
React component library for building real-time collaborative editing applications.
31 lines (30 loc) • 1.59 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.FlexibleMultiline = exports.Multiline = exports.Default = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const _1 = require(".");
const CollaborativeInput_1 = require("../CollaborativeInput");
const CollaborativeFlexibleInput_1 = require("../CollaborativeFlexibleInput");
exports.default = {
component: _1.StrAdapterNative,
title: '<StrAdapterNative>',
};
const DefaultDemo = ({ multiline, render = (str) => React.createElement(CollaborativeInput_1.CollaborativeInput, { multiline: multiline, str: str }), }) => {
const [value, setValue] = React.useState('abc');
return (React.createElement("div", null,
React.createElement(_1.StrAdapterNative, { value: value, onChange: (val) => setValue(val) }, render),
React.createElement("br", null),
React.createElement("br", null),
React.createElement("button", { type: 'button', onClick: () => setValue('') }, "Clear"),
React.createElement("button", { type: "button", onClick: () => setValue((x) => x + '?') }, "Append \"?\"")));
};
exports.Default = {
render: () => React.createElement(DefaultDemo, null),
};
exports.Multiline = {
render: () => React.createElement(DefaultDemo, { multiline: true }),
};
exports.FlexibleMultiline = {
render: () => (React.createElement(DefaultDemo, { multiline: true, render: (str) => React.createElement(CollaborativeFlexibleInput_1.CollaborativeFlexibleInput, { fullWidth: true, multiline: true, str: str }) })),
};