schyma
Version:
JSON Schemas Visualizer React component
24 lines • 1.59 kB
JavaScript
import React from 'react';
import { formatRequiredSentence } from '../helpers/formatRequired';
import { formatRulesSentence } from '../helpers/rules';
function Tables({ nodes, active }) {
return (React.createElement("div", { className: 'panel_table-wrapper' },
React.createElement("table", null,
React.createElement("thead", null,
React.createElement("tr", null,
React.createElement("th", { scope: '' }, "Name"),
React.createElement("th", { scope: '' }, "Description"))),
React.createElement("tbody", null, nodes.map((node) => {
const nodeRequired = node.data.required;
const rulesSentence = formatRulesSentence(node.data);
const description = node.data.description;
return (React.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.createElement("th", { scope: '' }, node.data.label),
React.createElement("td", null,
description,
rulesSentence && React.createElement("code", { className: 'rules-block' }, rulesSentence),
nodeRequired && nodeRequired.length > 0 && (React.createElement("p", { className: 'required-sentence' }, formatRequiredSentence(nodeRequired))))));
})))));
}
export default Tables;
//# sourceMappingURL=Tables.js.map