@progress/kendo-react-form/FormSeparator.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"),u=require("@progress/kendo-react-common"),i=require("./utils.js");function O(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const e=O(g),v=e.forwardRef((t,s)=>{const r=e.useRef(null),o=e.useRef(null);e.useImperativeHandle(o,()=>({element:r.current,props:t})),e.useImperativeHandle(s,()=>o.current);const{className:f,style:N,colSpan:c,...w}=t,d=u.useUnstyled(),m=d&&d.uForm,[p,S]=e.useState(void 0),b=e.useRef(null);e.useEffect(()=>{r.current&&(b.current=r.current.closest("form"))},[]),e.useEffect(()=>{let a;const n=b.current,y=()=>{let l=0;if(n?l=i.innerWidth(n):typeof window!="undefined"&&(l=window.innerWidth),c!==void 0){const C=i.calculateColSpan(c,l);S(i.generateColSpanClass(C))}else S(void 0)};return y(),n&&typeof window!="undefined"&&"ResizeObserver"in window&&(a=new ResizeObserver(y),a.observe(n)),()=>{a&&n&&a.unobserve(n)}},[c]);const R=e.useMemo(()=>u.classNames(u.uForm.separator({c:m}),p,f),[f,m,p]);return e.createElement("span",{ref:r,...w,style:t.style,className:R})});v.displayName="KendoReactFormSeparator";exports.FormSeparator=v;