react-forminate
Version:
React.js + Typescript package that creates dynamic UI forms based on the JSON schema
61 lines (60 loc) • 1.56 kB
JavaScript
import { j as n } from "./index-BPZpMa2Y.js";
/* empty css */
const i = ({
hasError: s,
className: e = "",
...a
}) => {
const t = `form-element form-input ${s ? "form-element-error" : ""} ${e}`;
return /* @__PURE__ */ n.jsx("input", { className: t, ...a });
}, m = ({
hasError: s,
className: e = "",
...a
}) => {
const t = `form-element form-select ${s ? "form-element-error" : ""} ${e}`;
return /* @__PURE__ */ n.jsx("select", { className: t, ...a });
}, u = ({
hasError: s,
className: e = "",
...a
}) => {
const t = `form-element form-textarea ${s ? "form-element-error" : ""} ${e}`;
return /* @__PURE__ */ n.jsx("textarea", { className: t, ...a });
}, x = ({
layout: s = "inline",
children: e,
className: a = "",
style: t
}) => {
const r = `radio-container ${s === "inline" ? "radio-container-inline" : "radio-container-column"} ${a}`;
return /* @__PURE__ */ n.jsx("div", { className: r, style: t, children: e });
}, d = ({
children: s,
className: e = "",
style: a
}) => {
const t = `radio-label ${e}`;
return /* @__PURE__ */ n.jsx("label", { className: t, style: a, children: s });
}, p = ({
className: s = "",
...e
}) => {
const a = `radio-input ${s}`;
return /* @__PURE__ */ n.jsx("input", { type: "radio", className: a, ...e });
}, $ = ({
children: s,
className: e = ""
}) => {
const a = `radio-label-text ${e}`;
return /* @__PURE__ */ n.jsx("span", { className: a, children: s });
};
export {
i as I,
x as R,
m as S,
u as T,
d as a,
p as b,
$ as c
};