@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 p=require("react"),l=require("@progress/kendo-react-common"),v=require("./FormContext.js");function F(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const t=F(p),b=t.forwardRef((e,o)=>{const n={size:"medium",...e},r=t.useRef(null),a=t.useRef(null);t.useImperativeHandle(a,()=>({element:r.current,props:n})),t.useImperativeHandle(o,()=>a.current);const s=t.useContext(v.FormContext),{className:m,style:R,horizontal:c,size:u,...y}=n,i=l.useUnstyled(),d=i&&i.uForm,f=t.useMemo(()=>{if(c)return"horizontal";if(c===!1)return"vertical"},[c]),g=t.useMemo(()=>l.classNames(l.uForm.form({c:d,size:u,orientation:f}),m),[m,d,f,u]);return t.createElement("form",{ref:r,...y,id:e.id||(s?s.id:void 0),style:e.style,className:g,onSubmit:s?s.onSubmit:void 0},e.children)});b.displayName="KendoReactFormElement";exports.FormElement=b;