collaborative-ui/lib/JsonCrdtModel/JsonCrdtModelIndex/index.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.JsonCrdtModelIndex = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const NodeItem_1 = require("./NodeItem");
const nano_theme_1 = require("nano-theme");
const useModelTick_1 = require("../../hooks/useModelTick");
const css = {
    block: (0, nano_theme_1.rule)({
        w: '100%',
        bxz: 'border-box',
    }),
};
const JsonCrdtModelIndex = ({ model, readonly }) => {
    (0, useModelTick_1.useModelTick)(model);
    const list = [];
    // biome-ignore lint: .forEach is the way to iterate here
    model.index.forEach(({ v: node }) => {
        list.push(React.createElement(NodeItem_1.NodeItem, { key: node.id.sid + '.' + node.id.time, model: model, node: node, readonly: readonly }));
    });
    return React.createElement("div", { className: css.block }, list);
};
exports.JsonCrdtModelIndex = JsonCrdtModelIndex;