collaborative-ui
Version:
React component library for building real-time collaborative editing applications.
28 lines (27 loc) • 1.7 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Item = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const Checkbox_1 = require("nice-ui/lib/2-inline-block/Checkbox");
const FixedColumn_1 = require("nice-ui/lib/3-list-item/FixedColumn");
const TitleInput_1 = require("./inputs/TitleInput");
const StrAdapter_1 = require("../../StrAdapter");
const Background_1 = require("./Background");
const BasicButtonClose_1 = require("nice-ui/lib/2-inline-block/BasicButton/BasicButtonClose");
const Item = ({ task, store, index }) => {
return (React.createElement(Background_1.Background, null,
React.createElement(FixedColumn_1.FixedColumn, { right: 24 },
React.createElement(FixedColumn_1.FixedColumn, { left: 54 },
React.createElement("div", null,
React.createElement(Checkbox_1.Checkbox, { small: true, on: !!task.completed, onChange: () => {
store.update({ op: 'add', path: ['list', index, 'completed'], value: !task.completed });
} })),
React.createElement("div", null,
React.createElement(StrAdapter_1.StrAdapter, { store: store, path: `/list/${index}/text` }, (str) => (str ? React.createElement(TitleInput_1.TitleInput, { fullWidth: true, multiline: true, wrap: true, str: str }) : null)))),
React.createElement("div", null,
React.createElement(BasicButtonClose_1.BasicButtonClose, { onClick: () => {
store.update({ op: 'remove', path: `/list/${index}` });
} })))));
};
exports.Item = Item;