@asyncapi/react-component
Version:
A React component for AsyncAPI specification.
37 lines • 2.93 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Rules = void 0;
var react_1 = __importDefault(require("react"));
var helpers_1 = require("../../../helpers");
var Rules = function (_a) {
var _b;
var schema = _a.schema, constraints = _a.constraints;
return (react_1.default.createElement("div", { className: "flex flex-col space-y-2 bg-blue-100 p-4 rounded rounded-tl-none border" },
schema.format() && (react_1.default.createElement("span", { className: "no-underline rounded lowercase p-1 text-sm" },
"format:",
' ',
react_1.default.createElement("span", { className: "rounded font-bold p-1 text-sm" }, schema.format()))),
schema.pattern() && (react_1.default.createElement("span", { className: "no-underline rounded lowercase p-1 text-sm" },
"must match:",
' ',
react_1.default.createElement("span", { className: "rounded font-bold p-1 text-sm" }, schema.pattern()))),
schema.contentEncoding() !== undefined && (react_1.default.createElement("span", { className: "no-underline rounded lowercase p-1 text-sm" },
"encoding:",
' ',
react_1.default.createElement("span", { className: "rounded font-bold p-1 text-sm" }, schema.contentEncoding()))),
constraints.map(function (constraint) { return (react_1.default.createElement("strong", { key: constraint, className: "text-purple-700 p-1 rounded-md text-sm" }, constraint)); }),
schema.default() !== undefined && (react_1.default.createElement("div", { className: "text-sm" },
react_1.default.createElement("span", { className: "" }, "Default value:"),
react_1.default.createElement("span", { className: "bg-orange-50 text-orange-700 font-bold px-2 py-1 rounded" }, helpers_1.SchemaHelpers.prettifyValue(schema.default())))),
schema.const() !== undefined && (react_1.default.createElement("div", { className: "text-sm" },
react_1.default.createElement("span", { className: "" }, "Constant value: "),
react_1.default.createElement("span", { className: "bg-orange-50 text-orange-700 font-bold px-2 py-1 rounded" }, helpers_1.SchemaHelpers.prettifyValue(schema.const())))),
schema.enum() && (react_1.default.createElement("div", { className: "text-sm" },
react_1.default.createElement("span", { className: "" }, "Allowed values: "), (_b = schema.enum()) === null || _b === void 0 ? void 0 :
_b.map(function (e, idx) { return (react_1.default.createElement("span", { key: idx, className: "bg-orange-50 text-orange-700 font-bold px-2 py-1 rounded" }, helpers_1.SchemaHelpers.prettifyValue(e))); })))));
};
exports.Rules = Rules;
//# sourceMappingURL=Rules.js.map