schyma
Version:
JSON Schemas Visualizer React component
27 lines • 1.87 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const formatRequired_1 = require("../helpers/formatRequired");
const rules_1 = require("../helpers/rules");
function Tables({ nodes, active }) {
return (react_1.default.createElement("div", { className: 'panel_table-wrapper' },
react_1.default.createElement("table", null,
react_1.default.createElement("thead", null,
react_1.default.createElement("tr", null,
react_1.default.createElement("th", { scope: '' }, "Name"),
react_1.default.createElement("th", { scope: '' }, "Description"))),
react_1.default.createElement("tbody", null, nodes.map((node) => {
const nodeRequired = node.data.required;
const rulesSentence = (0, rules_1.formatRulesSentence)(node.data);
const description = node.data.description;
return (react_1.default.createElement("tr", { key: node.data.id, className: `panel_table-wrapper_tbody ${(active === null || active === void 0 ? void 0 : active.data.label) === node.data.label ? 'panel_table-wrapper_tbody_active' : ''}` },
react_1.default.createElement("th", { scope: '' }, node.data.label),
react_1.default.createElement("td", null,
description,
rulesSentence && react_1.default.createElement("code", { className: 'rules-block' }, rulesSentence),
nodeRequired && nodeRequired.length > 0 && (react_1.default.createElement("p", { className: 'required-sentence' }, (0, formatRequired_1.formatRequiredSentence)(nodeRequired))))));
})))));
}
exports.default = Tables;
//# sourceMappingURL=Tables.js.map