@nodeject/ui-components
Version:
UI library for non-trivial components
29 lines (28 loc) • 1.56 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TodoList = void 0;
var antd_1 = require("antd");
var React = require("react");
var _1 = require("./");
var styles = require("./TodoList.module.less");
var TodoList = function (props) {
var addTodoItem = props.addTodoItem, deleteTodoItem = props.deleteTodoItem, header = props.header, renameTodoItem = props.renameTodoItem, todoItemList = props.todoItemList, toggleTodo = props.toggleTodo;
var handleAddItem = function () {
addTodoItem('new todo');
};
return (React.createElement("div", null,
React.createElement(antd_1.List, { bordered: false, className: styles.todoList, header: header, itemLayout: 'horizontal', size: 'small', dataSource: todoItemList, renderItem: function (item) { return (React.createElement(_1.TodoListItem, __assign({}, item, { deleteTodoItem: deleteTodoItem, toggleTodo: toggleTodo, renameTodoItem: renameTodoItem }))); } }),
React.createElement(antd_1.Button, { style: { marginLeft: '2rem', marginTop: '1rem' }, size: 'small', onClick: handleAddItem }, "Add an item")));
};
exports.TodoList = TodoList;