@progress/kendo-react-form
Version:
React Form is a small and fast package for form state management with zero dependencies. KendoReact Form package
67 lines (66 loc) • 2.28 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { Gutters } from './interfaces/Gutters.js';
import { ResponsiveFormBreakPoint } from './interfaces/ResponsiveFormBreakPoint.js';
/**
* @hidden
*/
export declare function innerWidth(element: HTMLElement): number;
/**
* Returns the value for the current container width based on responsive breakpoints.
*
* @hidden
*/
export declare function processBreakpoints(breakpoints: ResponsiveFormBreakPoint[], containerWidth: number): number | string;
/**
* @hidden
*/
export declare const processCssValue: (value: number | string) => string | null;
/**
* @hidden
*/
export declare const calculateColumns: (cols: number | ResponsiveFormBreakPoint[] | undefined, containerWidth: number) => number | null;
/**
* @hidden
*
* Generates CSS class names for columns
*/
export declare const generateColumnClass: (columnsNumber: number | null) => string;
/**
* @hidden
*
* Calculates column span value based on responsive breakpoints or fixed number
*/
export declare const calculateColSpan: (colSpan: number | ResponsiveFormBreakPoint[], containerWidth: number) => number | null;
/**
* @hidden
*
* Generates CSS class name for column span
*/
export declare const generateColSpanClass: (colSpan: number | null) => string;
/**
* @hidden
*
* Calculates gutters for rows and columns based on responsive breakpoints or fixed values
*/
export declare const calculateGutters: (gutters: number | string | ResponsiveFormBreakPoint[] | Gutters | undefined, containerWidth: number) => {
cols: number | string | null;
rows: number | string | null;
} | null;
/**
* @hidden
*
* Generates CSS styles for gutters based on the provided gutters object.
*/
export declare const generateGuttersStyling: (gutters: {
cols?: number | string | null;
rows?: number | string | null;
} | null, defaultGutters: {
cols?: number | string | null;
rows?: number | string | null;
}) => string;