@nodeject/ui-components/esm/todo/TodoList.js

UI library for non-trivial components

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);
};
import { Button, List } from 'antd';
import * as React from 'react';
import { TodoListItem } from './';
import * as styles from './TodoList.module.less';
export 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(List, { bordered: false, className: styles.todoList, header: header, itemLayout: 'horizontal', size: 'small', dataSource: todoItemList, renderItem: function (item) { return (React.createElement(TodoListItem, __assign({}, item, { deleteTodoItem: deleteTodoItem, toggleTodo: toggleTodo, renameTodoItem: renameTodoItem }))); } }),
        React.createElement(Button, { style: { marginLeft: '2rem', marginTop: '1rem' }, size: 'small', onClick: handleAddItem }, "Add an item")));
};