collaborative-ui/lib/examples/Todos/List.js

React component library for building real-time collaborative editing applications.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.List = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const useStore_1 = require("../../hooks/useStore");
const Item_1 = require("./Item");
const List = ({ store, completed }) => {
    const view = (0, useStore_1.useStore)(store);
    if (!view || typeof view !== 'object' || !Array.isArray(view.list)) {
        return null;
    }
    return (React.createElement(React.Fragment, null, view.list.map((todo, index) => {
        if (!todo)
            return null;
        if (completed && !todo.completed)
            return null;
        if (!completed && todo.completed)
            return null;
        return React.createElement(Item_1.Item, { key: todo.id, task: todo, store: store, index: index });
    })));
};
exports.List = List;