react-forminate
Version:
React.js + Typescript package that creates dynamic UI forms based on the JSON schema
2 lines (1 loc) • 866 B
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-BHL74Jf6.cjs"),C=require("react"),E=({as:i="div",fieldId:I,columns:n=1,gap:d=16,fields:l,containerStyles:o,containerClassName:a,styles:m,className:c,itemsStyles:u,itemsClassName:x,children:p,header:y,footer:j,itemsParentAttributes:g,...R})=>{const f=(e,s,r)=>({...s,...r,...e&&{gridColumn:`span ${e} / span ${e}`}});return t.jsxRuntimeExports.jsxs("div",{style:o,className:a,children:[y,t.jsxRuntimeExports.jsxs(i,{className:c,style:{display:"grid",gridTemplateColumns:`repeat(${n}, 1fr)`,gap:d,...m},...R,children:[l.map(e=>{const{colSpan:s,style:r,...v}=g?.[e.fieldId]||{};return t.jsxRuntimeExports.jsx("div",{className:x,style:f(s,u,r),...v,children:t.jsxRuntimeExports.jsx(t.DynamicFormField,{...e})},e.fieldId)}),p]}),j]})},F=C.memo(E);exports.default=F;