@progress/kendo-react-form/FormElement.js

React Form is a small and fast package for form state management with zero dependencies. KendoReact Form package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),l=require("@progress/kendo-react-common"),v=require("./FormContext.js");function F(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const t=F(g),b=t.forwardRef((e,n)=>{const o={size:"medium",...e},r=t.useRef(null),a=t.useRef(null);t.useImperativeHandle(a,()=>({element:r.current,props:o})),t.useImperativeHandle(n,()=>a.current);const s=t.useContext(v.FormContext),{className:m,style:R,horizontal:c,size:u,...y}=o,i=l.useUnstyled(),f=i&&i.uForm,d=t.useMemo(()=>{if(c)return"horizontal";if(c===!1)return"vertical"},[c]),p=t.useMemo(()=>l.classNames(l.uForm.form({c:f,size:u,orientation:d}),m),[m,f,d,u]);return t.createElement("form",{ref:r,...y,id:s?s.id:void 0,style:e.style,className:p,onSubmit:s?s.onSubmit:void 0},e.children)});b.displayName="KendoReactFormElement";exports.FormElement=b;