@progress/kendo-react-form 13.3.0-develop.9 → 13.4.0-develop.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-form",
-  "version": "13.3.0-develop.9",
+  "version": "13.4.0-develop.1",
   "description": "React Form is a small and fast package for form state management with zero dependencies. KendoReact Form package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,7 +26,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-common": "13.3.0-develop.9",
+    "@progress/kendo-react-common": "13.4.0-develop.1",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
   },
@@ -51,7 +51,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1768491050,
+      "publishDate": 1770218860,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/utils.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @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;

package/utils.mjs

@@ -5,8 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const f = " ";
-function p(r) {
+function a(r) {
   let e = r.clientWidth;
   const n = getComputedStyle(r);
   return e -= (parseFloat(n.paddingLeft) || 0) + (parseFloat(n.borderLeftWidth) || 0), e -= (parseFloat(n.paddingRight) || 0) + (parseFloat(n.borderRightWidth) || 0), e;
@@ -16,13 +15,13 @@ function c(r, e) {
   if (!(r != null && r.length) || e == null)
     return "";
   for (const [o, s] of r.entries()) {
-    const t = o > 0 && r[o - 1].maxWidth !== void 0 ? r[o - 1].maxWidth : void 0, i = o < r.length - 1 && r[o + 1].minWidth !== void 0 ? r[o + 1].minWidth : void 0, d = (n = s.minWidth) != null ? n : t !== void 0 ? t + 1 : 0, a = (l = s.maxWidth) != null ? l : i !== void 0 ? i - 1 : 1 / 0;
-    if (e >= d && e <= a)
+    const t = o > 0 && r[o - 1].maxWidth !== void 0 ? r[o - 1].maxWidth : void 0, i = o < r.length - 1 && r[o + 1].minWidth !== void 0 ? r[o + 1].minWidth : void 0, u = (n = s.minWidth) != null ? n : t !== void 0 ? t + 1 : 0, d = (l = s.maxWidth) != null ? l : i !== void 0 ? i - 1 : 1 / 0;
+    if (e >= u && e <= d)
       return s.value;
   }
   return "";
 }
-const u = (r) => {
+const f = (r) => {
   if (typeof r == "number")
     return `${r}px`;
   if (typeof r == "string") {
@@ -30,7 +29,7 @@ const u = (r) => {
     return !isNaN(n) && Number.isFinite(n) ? n.toString() === e ? `${n}px` : r : null;
   }
   return null;
-}, y = (r, e) => {
+}, p = (r, e) => {
   if (!r)
     return null;
   if (Array.isArray(r) && r.length > 0) {
@@ -39,7 +38,7 @@ const u = (r) => {
   } else if (typeof r == "number")
     return r;
   return null;
-}, w = (r) => r && r > 0 ? `k-grid-cols-${r}` : "", h = (r, e) => {
+}, y = (r) => r && r > 0 ? `k-grid-cols-${r}` : "", A = (r, e) => {
   if (!r)
     return null;
   if (typeof r == "number")
@@ -49,15 +48,15 @@ const u = (r) => {
     return typeof n == "string" ? parseInt(n, 10) : n;
   }
   return null;
-}, m = (r) => r ? `k-col-span-${r}` : "", A = (r, e) => {
+}, C = (r) => r ? `k-col-span-${r}` : "", w = (r, e) => {
   if (!r)
     return null;
   if (typeof r == "number")
     return { cols: r, rows: r };
   if (typeof r == "string") {
-    if (!r.includes(f))
+    if (!r.includes(" "))
       return { cols: r, rows: r };
-    const n = r.split(f);
+    const n = r.split(" ");
     return { cols: n[1], rows: n[0] };
   } else if (Array.isArray(r)) {
     const n = c(r, e) || null;
@@ -67,19 +66,19 @@ const u = (r) => {
     return n.cols !== void 0 && n.cols !== null ? typeof n.cols == "number" || typeof n.cols == "string" ? l.cols = n.cols : Array.isArray(n.cols) && (l.cols = c(n.cols, e) || null) : l.cols = null, n.rows !== void 0 ? typeof n.rows == "number" || typeof n.rows == "string" ? l.rows = n.rows : Array.isArray(n.rows) && (l.rows = c(n.rows, e) || null) : l.rows = null, l;
   }
   return null;
-}, C = (r, e) => {
+}, h = (r, e) => {
   var o, s, t, i;
-  const n = u((s = (o = r == null ? void 0 : r.rows) != null ? o : e.rows) != null ? s : "0px"), l = u((i = (t = r == null ? void 0 : r.cols) != null ? t : e.cols) != null ? i : "32px");
+  const n = f((s = (o = r == null ? void 0 : r.rows) != null ? o : e.rows) != null ? s : "0px"), l = f((i = (t = r == null ? void 0 : r.cols) != null ? t : e.cols) != null ? i : "32px");
   return `${n} ${l}`;
 };
 export {
-  h as calculateColSpan,
-  y as calculateColumns,
-  A as calculateGutters,
-  m as generateColSpanClass,
-  w as generateColumnClass,
-  C as generateGuttersStyling,
-  p as innerWidth,
+  A as calculateColSpan,
+  p as calculateColumns,
+  w as calculateGutters,
+  C as generateColSpanClass,
+  y as generateColumnClass,
+  h as generateGuttersStyling,
+  a as innerWidth,
   c as processBreakpoints,
-  u as processCssValue
+  f as processCssValue
 };