@progress/kendo-react-layout 8.1.0-develop.22 → 8.1.0-develop.24

package/drawer/Drawer.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),e=require("prop-types"),q=require("./context/DrawerContext.js"),R=require("./DrawerNavigation.js"),u=require("@progress/kendo-react-common"),M=require("../package-metadata.js");function T(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(i,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return i.default=t,Object.freeze(i)}const n=T(j),s=n.forwardRef((t,i)=>{u.validatePackage(M.packageMetadata);const{expanded:r,mode:a,position:p,className:v,children:b,style:w,animation:y,mini:m,width:g,miniWidth:k,items:c,item:h,tabIndex:D,onOverlayClick:N,onSelect:l}=t,o=n.useRef(null),x=n.useCallback(()=>{o.current&&o.current.focus()},[]);n.useImperativeHandle(i,()=>({element:o.current,focus:x}));const C=n.useCallback((P,S,d)=>{if(c&&l){const E={itemTarget:P,itemIndex:S,syntheticEvent:d,nativeEvent:d&&d.nativeEvent,target:void 0};l.call(void 0,E)}},[c,l]),f=u.useDir(o,t.dir),O=u.classNames({"k-drawer-container":!0,"k-drawer-expanded":r,"k-drawer-overlay":a==="overlay","k-drawer-push":a==="push","k-drawer-mini":m&&!r},v);return n.createElement(q.DrawerContext.Provider,{value:{animation:y,expanded:r,mode:a,position:p,mini:m,dir:f,items:c,item:h,width:g,miniWidth:k,onOverlayClick:N,onSelect:C}},n.createElement("div",{className:O,ref:o,dir:f,style:w,tabIndex:D},c&&n.createElement(R.DrawerNavigation,null),b))});s.propTypes={animation:e.any,expanded:e.bool,children:e.any,className:e.string,dir:e.string,mode:e.string,position:e.string,mini:e.bool,style:e.object,tabIndex:e.number,width:e.number,miniWidth:e.number,selected:e.number,onSelect:e.func,onOverlayClick:e.func};const I={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:48};s.defaultProps=I;s.displayName="KendoDrawer";exports.Drawer=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),e=require("prop-types"),I=require("./context/DrawerContext.js"),M=require("./DrawerNavigation.js"),u=require("@progress/kendo-react-common"),T=require("../package-metadata.js");function W(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(o,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return o.default=a,Object.freeze(o)}const n=W(R),m=n.forwardRef((a,o)=>{u.validatePackage(T.packageMetadata);const{expanded:t=r.expanded,mode:i=r.mode,position:v=r.position,className:b,children:w,style:y,animation:g=r.animation,mini:p=r.mini,width:h=r.width,miniWidth:k=r.miniWidth,dir:D=r.dir,items:s,item:x,tabIndex:N,onOverlayClick:C,onSelect:l}=a,c=n.useRef(null),O=n.useCallback(()=>{c.current&&c.current.focus()},[]);n.useImperativeHandle(o,()=>({element:c.current,focus:O}));const S=n.useCallback((P,j,d)=>{if(s&&l){const q={itemTarget:P,itemIndex:j,syntheticEvent:d,nativeEvent:d&&d.nativeEvent,target:void 0};l.call(void 0,q)}},[s,l]),f=u.useDir(c,D),E=u.classNames({"k-drawer-container":!0,"k-drawer-expanded":t,"k-drawer-overlay":i==="overlay","k-drawer-push":i==="push","k-drawer-mini":p&&!t},b);return n.createElement(I.DrawerContext.Provider,{value:{animation:g,expanded:t,mode:i,position:v,mini:p,dir:f,items:s,item:x,width:h,miniWidth:k,onOverlayClick:C,onSelect:S}},n.createElement("div",{className:E,ref:c,dir:f,style:y,tabIndex:N},s&&n.createElement(M.DrawerNavigation,null),w))});m.propTypes={animation:e.any,expanded:e.bool,children:e.any,className:e.string,dir:e.string,mode:e.string,position:e.string,mini:e.bool,style:e.object,tabIndex:e.number,width:e.number,miniWidth:e.number,selected:e.number,onSelect:e.func,onOverlayClick:e.func};const r={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:48};m.displayName="KendoDrawer";exports.Drawer=m;

package/drawer/Drawer.mjs

@@ -8,95 +8,96 @@
 "use client";
 import * as t from "react";
 import e from "prop-types";
-import { DrawerContext as S } from "./context/DrawerContext.mjs";
-import { DrawerNavigation as I } from "./DrawerNavigation.mjs";
-import { validatePackage as W, useDir as O, classNames as T } from "@progress/kendo-react-common";
-import { packageMetadata as j } from "../package-metadata.mjs";
-const l = t.forwardRef((d, u) => {
-  W(j);
+import { DrawerContext as W } from "./context/DrawerContext.mjs";
+import { DrawerNavigation as O } from "./DrawerNavigation.mjs";
+import { validatePackage as T, useDir as j, classNames as H } from "@progress/kendo-react-common";
+import { packageMetadata as K } from "../package-metadata.mjs";
+const c = t.forwardRef((p, u) => {
+  T(K);
   const {
-    expanded: n,
-    mode: i,
-    position: p,
-    className: f,
-    children: v,
-    style: w,
-    animation: y,
-    mini: m,
-    width: h,
-    miniWidth: b,
-    items: a,
-    item: k,
-    tabIndex: g,
-    onOverlayClick: x,
-    onSelect: o
-  } = d, r = t.useRef(null), E = t.useCallback(
+    expanded: a = i.expanded,
+    mode: o = i.mode,
+    position: f = i.position,
+    className: v,
+    children: w,
+    style: h,
+    animation: y = i.animation,
+    mini: l = i.mini,
+    width: b = i.width,
+    miniWidth: k = i.miniWidth,
+    dir: x = i.dir,
+    items: r,
+    item: g,
+    tabIndex: E,
+    onOverlayClick: N,
+    onSelect: s
+  } = p, n = t.useRef(null), C = t.useCallback(
     () => {
-      r.current && r.current.focus();
+      n.current && n.current.focus();
     },
     []
   );
   t.useImperativeHandle(u, () => ({
-    element: r.current,
-    focus: E
+    element: n.current,
+    focus: C
   }));
-  const N = t.useCallback(
-    (D, P, s) => {
-      if (a && o) {
-        const R = {
-          itemTarget: D,
-          itemIndex: P,
-          syntheticEvent: s,
-          nativeEvent: s && s.nativeEvent,
+  const D = t.useCallback(
+    (P, R, d) => {
+      if (r && s) {
+        const S = {
+          itemTarget: P,
+          itemIndex: R,
+          syntheticEvent: d,
+          nativeEvent: d && d.nativeEvent,
           target: void 0
         };
-        o.call(void 0, R);
+        s.call(void 0, S);
       }
     },
-    [a, o]
-  ), c = O(r, d.dir), C = T(
+    [r, s]
+  ), m = j(n, x), I = H(
     {
       "k-drawer-container": !0,
-      "k-drawer-expanded": n,
-      "k-drawer-overlay": i === "overlay",
-      "k-drawer-push": i === "push",
-      "k-drawer-mini": m && !n
+      "k-drawer-expanded": a,
+      "k-drawer-overlay": o === "overlay",
+      "k-drawer-push": o === "push",
+      "k-drawer-mini": l && !a
     },
-    f
+    v
   );
   return /* @__PURE__ */ t.createElement(
-    S.Provider,
+    W.Provider,
     {
       value: {
         animation: y,
-        expanded: n,
-        mode: i,
-        position: p,
-        mini: m,
-        dir: c,
-        items: a,
-        item: k,
-        width: h,
-        miniWidth: b,
-        onOverlayClick: x,
-        onSelect: N
+        expanded: a,
+        mode: o,
+        position: f,
+        mini: l,
+        dir: m,
+        items: r,
+        item: g,
+        width: b,
+        miniWidth: k,
+        onOverlayClick: N,
+        onSelect: D
       }
     },
     /* @__PURE__ */ t.createElement(
       "div",
       {
-        className: C,
-        ref: r,
-        dir: c,
-        style: w,
-        tabIndex: g
+        className: I,
+        ref: n,
+        dir: m,
+        style: h,
+        tabIndex: E
       },
-      a && /* @__PURE__ */ t.createElement(I, null),
-      v
+      r && /* @__PURE__ */ t.createElement(O, null),
+      w
     )
   );
 });
-l.propTypes = {
+c.propTypes = {
   animation: e.any,
   expanded: e.bool,
   children: e.any,
@@ -113,7 +114,7 @@ l.propTypes = {
   onSelect: e.func,
   onOverlayClick: e.func
 };
-const H = {
+const i = {
   animation: !0,
   expanded: !1,
   mode: "overlay",
@@ -123,8 +124,7 @@ const H = {
   width: 240,
   miniWidth: 48
 };
-l.defaultProps = H;
-l.displayName = "KendoDrawer";
+c.displayName = "KendoDrawer";
 export {
-  l as Drawer
+  c as Drawer
 };

package/gridlayout/GridLayout.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),t=require("prop-types"),T=require("../package-metadata.js"),d=require("@progress/kendo-react-common");function R(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(l,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return l.default=e,Object.freeze(l)}const n=R(O),u=n.forwardRef((e,l)=>{d.validatePackage(T.packageMetadata);const a=n.useRef(null),c=n.useCallback(()=>({element:a.current}),[]);n.useImperativeHandle(l,c);const{className:m,style:y,id:f,children:h,gap:i}=e,p=d.useId(),o=n.useMemo(()=>e.align&&e.align.horizontal?e.align.horizontal:g.hAlign,[e.align]),r=n.useMemo(()=>e.align&&e.align.vertical?e.align.vertical:g.vAlign,[e.align]),b=n.useMemo(()=>d.classNames("k-grid-layout",{"k-justify-items-start":o==="start","k-justify-items-center":o==="center","k-justify-items-end":o==="end","k-justify-items-stretch":o==="stretch","k-align-items-start":r==="top","k-align-items-center":r==="middle","k-align-items-end":r==="bottom","k-align-items-stretch":r==="stretch"},m),[o,r,m]),k=i?`${typeof i.rows=="number"?i.rows+"px":i.rows} ${typeof i.cols=="number"?i.cols+"px":i.cols}`:void 0,v=e.rows&&e.rows.map(s=>`${typeof s.height=="number"?s.height+"px":s.height}`).join(" "),j=e.cols&&e.cols.map(s=>`${typeof s.width=="number"?s.width+"px":s.width}`).join(" "),w={gap:k,gridTemplateColumns:j,gridTemplateRows:v,...y};return n.createElement("div",{ref:a,className:b,style:w,id:f||p},h)}),g={hAlign:"stretch",vAlign:"stretch",gap:void 0};u.propTypes={className:t.string,style:t.object,children:t.any,id:t.string,gap:t.shape({rows:t.oneOfType([t.string,t.number]),columns:t.oneOfType([t.string,t.number])}),align:t.shape({vertical:t.oneOf(["top","middle","bottom","stretch"]),horizontal:t.oneOf(["start","center","end","stretch"])})};u.defaultProps=g;u.displayName="KendoReactGridLayout";exports.GridLayout=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),t=require("prop-types"),T=require("../package-metadata.js"),g=require("@progress/kendo-react-common");function R(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(l,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return l.default=e,Object.freeze(l)}const n=R(O),d=n.forwardRef((e,l)=>{g.validatePackage(T.packageMetadata);const a=n.useRef(null),c=n.useCallback(()=>({element:a.current}),[]);n.useImperativeHandle(l,c);const{className:m,style:y,id:f,children:h,gap:i=u.gap}=e,p=g.useId(),o=n.useMemo(()=>e.align&&e.align.horizontal?e.align.horizontal:u.hAlign,[e.align]),r=n.useMemo(()=>e.align&&e.align.vertical?e.align.vertical:u.vAlign,[e.align]),b=n.useMemo(()=>g.classNames("k-grid-layout",{"k-justify-items-start":o==="start","k-justify-items-center":o==="center","k-justify-items-end":o==="end","k-justify-items-stretch":o==="stretch","k-align-items-start":r==="top","k-align-items-center":r==="middle","k-align-items-end":r==="bottom","k-align-items-stretch":r==="stretch"},m),[o,r,m]),k=i?`${typeof i.rows=="number"?i.rows+"px":i.rows} ${typeof i.cols=="number"?i.cols+"px":i.cols}`:void 0,v=e.rows&&e.rows.map(s=>`${typeof s.height=="number"?s.height+"px":s.height}`).join(" "),j=e.cols&&e.cols.map(s=>`${typeof s.width=="number"?s.width+"px":s.width}`).join(" "),w={gap:k,gridTemplateColumns:j,gridTemplateRows:v,...y};return n.createElement("div",{ref:a,className:b,style:w,id:f||p},h)}),u={hAlign:"stretch",vAlign:"stretch",gap:void 0};d.propTypes={className:t.string,style:t.object,children:t.any,id:t.string,gap:t.shape({rows:t.oneOfType([t.string,t.number]),columns:t.oneOfType([t.string,t.number])}),align:t.shape({vertical:t.oneOf(["top","middle","bottom","stretch"]),horizontal:t.oneOf(["start","center","end","stretch"])})};d.displayName="KendoReactGridLayout";exports.GridLayout=d;

package/gridlayout/GridLayout.mjs

@@ -10,16 +10,16 @@ import * as i from "react";
 import e from "prop-types";
 import { packageMetadata as T } from "../package-metadata.mjs";
 import { validatePackage as j, useId as R, classNames as A } from "@progress/kendo-react-common";
-const r = i.forwardRef((t, g) => {
+const c = i.forwardRef((t, g) => {
   j(T);
-  const m = i.useRef(null), d = i.useCallback(
+  const r = i.useRef(null), d = i.useCallback(
     () => ({
-      element: m.current
+      element: r.current
     }),
     []
   );
   i.useImperativeHandle(g, d);
-  const { className: c, style: u, id: h, children: y, gap: s } = t, f = R(), n = i.useMemo(
+  const { className: m, style: u, id: h, children: y, gap: a = o.gap } = t, f = R(), n = i.useMemo(
     () => t.align && t.align.horizontal ? t.align.horizontal : o.hAlign,
     [t.align]
   ), l = i.useMemo(
@@ -38,10 +38,10 @@ const r = i.forwardRef((t, g) => {
         "k-align-items-end": l === "bottom",
         "k-align-items-stretch": l === "stretch"
       },
-      c
+      m
     ),
-    [n, l, c]
-  ), k = s ? `${typeof s.rows == "number" ? s.rows + "px" : s.rows} ${typeof s.cols == "number" ? s.cols + "px" : s.cols}` : void 0, v = t.rows && t.rows.map((a) => `${typeof a.height == "number" ? a.height + "px" : a.height}`).join(" "), b = t.cols && t.cols.map((a) => `${typeof a.width == "number" ? a.width + "px" : a.width}`).join(" "), w = {
+    [n, l, m]
+  ), k = a ? `${typeof a.rows == "number" ? a.rows + "px" : a.rows} ${typeof a.cols == "number" ? a.cols + "px" : a.cols}` : void 0, v = t.rows && t.rows.map((s) => `${typeof s.height == "number" ? s.height + "px" : s.height}`).join(" "), b = t.cols && t.cols.map((s) => `${typeof s.width == "number" ? s.width + "px" : s.width}`).join(" "), w = {
     gap: k,
     gridTemplateColumns: b,
     gridTemplateRows: v,
@@ -50,7 +50,7 @@ const r = i.forwardRef((t, g) => {
   return /* @__PURE__ */ i.createElement(
     "div",
     {
-      ref: m,
+      ref: r,
       className: p,
       style: w,
       id: h || f
@@ -62,7 +62,7 @@ const r = i.forwardRef((t, g) => {
   vAlign: "stretch",
   gap: void 0
 };
-r.propTypes = {
+c.propTypes = {
   className: e.string,
   style: e.object,
   children: e.any,
@@ -76,8 +76,7 @@ r.propTypes = {
     horizontal: e.oneOf(["start", "center", "end", "stretch"])
   })
 };
-r.defaultProps = o;
-r.displayName = "KendoReactGridLayout";
+c.displayName = "KendoReactGridLayout";
 export {
-  r as GridLayout
+  c as GridLayout
 };

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-layout",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1718960070,
+  publishDate: 1719231009,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "8.1.0-develop.22",
+  "version": "8.1.0-develop.24",
   "description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,11 +23,11 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.1.0-develop.22",
-    "@progress/kendo-react-common": "8.1.0-develop.22",
-    "@progress/kendo-react-intl": "8.1.0-develop.22",
-    "@progress/kendo-react-popup": "8.1.0-develop.22",
-    "@progress/kendo-react-progressbars": "8.1.0-develop.22",
+    "@progress/kendo-react-animation": "8.1.0-develop.24",
+    "@progress/kendo-react-common": "8.1.0-develop.24",
+    "@progress/kendo-react-intl": "8.1.0-develop.24",
+    "@progress/kendo-react-popup": "8.1.0-develop.24",
+    "@progress/kendo-react-progressbars": "8.1.0-develop.24",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/stacklayout/StackLayout.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),n=require("prop-types"),O=require("../package-metadata.js"),d=require("@progress/kendo-react-common");function z(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const l=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(s,c,l.get?l:{enumerable:!0,get:()=>t[c]})}}return s.default=t,Object.freeze(s)}const i=z(j),g=i.forwardRef((t,s)=>{d.validatePackage(O.packageMetadata);const c=i.useRef(null),l=i.useCallback(()=>({element:c.current}),[]);i.useImperativeHandle(s,l);const{className:m,style:f,id:y,children:k}=t,h=d.useId(),r=i.useMemo(()=>t.orientation||u.orientation,[t.orientation]),e=r==="horizontal",a=i.useMemo(()=>t.align&&t.align.horizontal?t.align.horizontal:u.hAlign,[t.align]),o=i.useMemo(()=>t.align&&t.align.vertical?t.align.vertical:u.vAlign,[t.align]),b=i.useMemo(()=>d.classNames("k-stack-layout",{"k-hstack":r==="horizontal","k-vstack":r==="vertical","k-justify-content-start":e&&a==="start"||!e&&o==="top","k-justify-content-center":e&&a==="center"||!e&&o==="middle","k-justify-content-end":e&&a==="end"||!e&&o==="bottom","k-justify-content-stretch":e&&a==="stretch"||!e&&o==="stretch","k-align-items-start":!e&&a==="start"||e&&o==="top","k-align-items-center":!e&&a==="center"||e&&o==="middle","k-align-items-end":!e&&a==="end"||e&&o==="bottom","k-align-items-stretch":!e&&a==="stretch"||e&&o==="stretch"},m),[r,e,a,o,m]),v={gap:`${typeof t.gap=="number"?t.gap+"px":t.gap}`,...f};return i.createElement("div",{ref:c,className:b,style:v,id:y||h},k)}),u={orientation:"horizontal",hAlign:"stretch",vAlign:"stretch"};g.propTypes={className:n.string,style:n.object,children:n.any,id:n.string,orientation:n.oneOf(["horizontal","vertical"]),gap:n.oneOfType([n.string,n.number]),align:n.shape({vertical:n.oneOf(["top","middle","bottom","stretch"]),horizontal:n.oneOf(["start","center","end","stretch"])})};g.defaultProps=u;g.displayName="KendoReactStackLayout";exports.StackLayout=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),n=require("prop-types"),O=require("../package-metadata.js"),u=require("@progress/kendo-react-common");function z(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const l=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(s,c,l.get?l:{enumerable:!0,get:()=>t[c]})}}return s.default=t,Object.freeze(s)}const i=z(j),d=i.forwardRef((t,s)=>{u.validatePackage(O.packageMetadata);const c=i.useRef(null),l=i.useCallback(()=>({element:c.current}),[]);i.useImperativeHandle(s,l);const{className:m,style:y,id:f,children:k}=t,h=u.useId(),r=i.useMemo(()=>t.orientation||g.orientation,[t.orientation]),e=r==="horizontal",a=i.useMemo(()=>t.align&&t.align.horizontal?t.align.horizontal:g.hAlign,[t.align]),o=i.useMemo(()=>t.align&&t.align.vertical?t.align.vertical:g.vAlign,[t.align]),b=i.useMemo(()=>u.classNames("k-stack-layout",{"k-hstack":r==="horizontal","k-vstack":r==="vertical","k-justify-content-start":e&&a==="start"||!e&&o==="top","k-justify-content-center":e&&a==="center"||!e&&o==="middle","k-justify-content-end":e&&a==="end"||!e&&o==="bottom","k-justify-content-stretch":e&&a==="stretch"||!e&&o==="stretch","k-align-items-start":!e&&a==="start"||e&&o==="top","k-align-items-center":!e&&a==="center"||e&&o==="middle","k-align-items-end":!e&&a==="end"||e&&o==="bottom","k-align-items-stretch":!e&&a==="stretch"||e&&o==="stretch"},m),[r,e,a,o,m]),v={gap:`${typeof t.gap=="number"?t.gap+"px":t.gap}`,...y};return i.createElement("div",{ref:c,className:b,style:v,id:f||h},k)}),g={orientation:"horizontal",hAlign:"stretch",vAlign:"stretch"};d.propTypes={className:n.string,style:n.object,children:n.any,id:n.string,orientation:n.oneOf(["horizontal","vertical"]),gap:n.oneOfType([n.string,n.number]),align:n.shape({vertical:n.oneOf(["top","middle","bottom","stretch"]),horizontal:n.oneOf(["start","center","end","stretch"])})};d.displayName="KendoReactStackLayout";exports.StackLayout=d;

package/stacklayout/StackLayout.mjs

@@ -10,16 +10,16 @@ import * as o from "react";
 import n from "prop-types";
 import { packageMetadata as z } from "../package-metadata.mjs";
 import { validatePackage as b, useId as A, classNames as j } from "@progress/kendo-react-common";
-const c = o.forwardRef((e, g) => {
+const m = o.forwardRef((e, g) => {
   b(z);
-  const r = o.useRef(null), d = o.useCallback(
+  const c = o.useRef(null), d = o.useCallback(
     () => ({
-      element: r.current
+      element: c.current
     }),
     []
   );
   o.useImperativeHandle(g, d);
-  const { className: m, style: u, id: h, children: k } = e, f = A(), s = o.useMemo(
+  const { className: r, style: u, id: h, children: k } = e, y = A(), s = o.useMemo(
     () => e.orientation || l.orientation,
     [e.orientation]
   ), t = s === "horizontal", a = o.useMemo(
@@ -28,7 +28,7 @@ const c = o.forwardRef((e, g) => {
   ), i = o.useMemo(
     () => e.align && e.align.vertical ? e.align.vertical : l.vAlign,
     [e.align]
-  ), y = o.useMemo(
+  ), f = o.useMemo(
     () => j(
       "k-stack-layout",
       {
@@ -43,9 +43,9 @@ const c = o.forwardRef((e, g) => {
         "k-align-items-end": !t && a === "end" || t && i === "bottom",
         "k-align-items-stretch": !t && a === "stretch" || t && i === "stretch"
       },
-      m
+      r
     ),
-    [s, t, a, i, m]
+    [s, t, a, i, r]
   ), v = {
     gap: `${typeof e.gap == "number" ? e.gap + "px" : e.gap}`,
     ...u
@@ -53,10 +53,10 @@ const c = o.forwardRef((e, g) => {
   return /* @__PURE__ */ o.createElement(
     "div",
     {
-      ref: r,
-      className: y,
+      ref: c,
+      className: f,
       style: v,
-      id: h || f
+      id: h || y
     },
     k
   );
@@ -65,7 +65,7 @@ const c = o.forwardRef((e, g) => {
   hAlign: "stretch",
   vAlign: "stretch"
 };
-c.propTypes = {
+m.propTypes = {
   className: n.string,
   style: n.object,
   children: n.any,
@@ -77,8 +77,7 @@ c.propTypes = {
     horizontal: n.oneOf(["start", "center", "end", "stretch"])
   })
 };
-c.defaultProps = l;
-c.displayName = "KendoReactStackLayout";
+m.displayName = "KendoReactStackLayout";
 export {
-  c as StackLayout
+  m as StackLayout
 };

package/stepper/Step.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("react"),n=require("prop-types"),te=require("./context/StepperContext.js"),c=require("@progress/kendo-react-common"),ne=require("@progress/kendo-react-intl"),j=require("@progress/kendo-svg-icons"),D=require("./contants.js"),L=require("./messages/index.js");function ae(s){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const l in s)if(l!=="default"){const m=Object.getOwnPropertyDescriptor(s,l);Object.defineProperty(p,l,m.get?m:{enumerable:!0,get:()=>s[l]})}}return p.default=s,Object.freeze(p)}const e=ae(ee),v=e.forwardRef((s,p)=>{const{children:l,className:m,current:I,disabled:o,focused:O,icon:b,svgIcon:M,index:a,isValid:t,label:i,optional:k,style:T,tabIndex:oe,text:q,...P}=s,{animationDuration:g,isVertical:N,item:_,linear:z,mode:F,numOfSteps:r,value:u,onChange:x,onFocus:E,successIcon:V,errorIcon:w,successSVGIcon:H,errorSVGIcon:W}=e.useContext(te.StepperContext),f=e.useRef(null),R=e.useCallback(()=>{f.current&&c.focusFirstFocusableChild(f.current)},[]),C=e.useCallback(()=>({element:f.current,focus:R}),[R]);e.useImperativeHandle(p,C);const S=!z||a===u-1||a===u||a===u+1,h=F==="labels"||!!b&&!!i,$=ne.useLocalization(),B=(d=>$.toLanguageString(d,L.messages[d]))(L.optionalText),G=typeof g=="number"?g:g!==!1?D.DEFAULT_ANIMATION_DURATION:D.NO_ANIMATION,U=e.useCallback(d=>{x&&!o&&c.dispatchEvent(x,d,C(),{value:a})},[x,u,o]),K=e.useCallback(d=>{E&&!o&&c.dispatchEvent(E,d,C(),void 0)},[E,o]),J=e.useMemo(()=>c.classNames("k-step",{"k-step-first":a===0,"k-step-last":r&&a===r-1,"k-step-done":a<u,"k-step-current":I,"k-step-optional":k,"k-step-error":t!==void 0&&!t,"k-step-success":t,"k-disabled":o,"k-focus":O},m),[a,r,u,I,k,o,O,t,m]),Q=e.useMemo(()=>({maxWidth:N?void 0:`calc(100% / ${r})`,maxHeight:N?`calc(100% / ${r})`:void 0,pointerEvents:S?void 0:"none",...T}),[N,r,T,S]),A=t?V:w,y=A?e.createElement("span",{className:"k-step-indicator-icon "+A,"aria-hidden":"true"}):e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:t?"check-circle":"exclamation-circle",icon:t?H||j.checkOutlineIcon:W||j.exclamationCircleIcon}),X=e.createElement(e.Fragment,null,F!=="labels"?e.createElement("span",{className:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:G+"ms"}},b||M?!h&&t!==void 0?y:e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:b&&c.toIconName(b),icon:M}):t!==void 0?y:e.createElement("span",{className:"k-step-indicator-text"},q||a+1)):null),Y=(i||h||k)&&e.createElement("span",{className:"k-step-label"},i&&e.createElement("span",{className:"k-step-text"},i),h&&t!==void 0&&y,k&&e.createElement("span",{className:"k-step-label-optional"},B)),Z=e.createElement(e.Fragment,null,X,Y);return e.createElement("li",{ref:f,className:J,style:Q,...P},e.createElement("a",{className:"k-step-link",title:i||void 0,onClick:U,onFocus:K,"aria-current":I?"step":void 0,"aria-disabled":o||!S||void 0,"aria-invalid":t!==void 0&&!t||void 0},_?l:Z))});v.propTypes={children:n.any,className:n.string,current:n.bool,disabled:n.bool,icon:n.string,index:n.number,isValid:n.bool,label:n.string,optional:n.bool,style:n.object,tabIndex:n.number,text:n.string};const se={tabIndex:0};v.defaultProps=se;v.displayName="KendoStep";exports.Step=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("react"),n=require("prop-types"),te=require("./context/StepperContext.js"),c=require("@progress/kendo-react-common"),ne=require("@progress/kendo-react-intl"),j=require("@progress/kendo-svg-icons"),D=require("./contants.js"),L=require("./messages/index.js");function ae(s){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const m=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(p,i,m.get?m:{enumerable:!0,get:()=>s[i]})}}return p.default=s,Object.freeze(p)}const e=ae(ee),y=e.forwardRef((s,p)=>{const{children:i,className:m,current:v,disabled:o,focused:O,icon:b,svgIcon:M,index:a,isValid:t,label:l,optional:k,style:T,tabIndex:oe=se.tabIndex,text:q,..._}=s,{animationDuration:I,isVertical:g,item:z,linear:P,mode:F,numOfSteps:r,value:d,onChange:N,onFocus:x,successIcon:V,errorIcon:w,successSVGIcon:H,errorSVGIcon:W}=e.useContext(te.StepperContext),f=e.useRef(null),R=e.useCallback(()=>{f.current&&c.focusFirstFocusableChild(f.current)},[]),E=e.useCallback(()=>({element:f.current,focus:R}),[R]);e.useImperativeHandle(p,E);const C=!P||a===d-1||a===d||a===d+1,S=F==="labels"||!!b&&!!l,$=ne.useLocalization(),B=(u=>$.toLanguageString(u,L.messages[u]))(L.optionalText),G=typeof I=="number"?I:I!==!1?D.DEFAULT_ANIMATION_DURATION:D.NO_ANIMATION,U=e.useCallback(u=>{N&&!o&&c.dispatchEvent(N,u,E(),{value:a})},[N,d,o]),K=e.useCallback(u=>{x&&!o&&c.dispatchEvent(x,u,E(),void 0)},[x,o]),J=e.useMemo(()=>c.classNames("k-step",{"k-step-first":a===0,"k-step-last":r&&a===r-1,"k-step-done":a<d,"k-step-current":v,"k-step-optional":k,"k-step-error":t!==void 0&&!t,"k-step-success":t,"k-disabled":o,"k-focus":O},m),[a,r,d,v,k,o,O,t,m]),Q=e.useMemo(()=>({maxWidth:g?void 0:`calc(100% / ${r})`,maxHeight:g?`calc(100% / ${r})`:void 0,pointerEvents:C?void 0:"none",...T}),[g,r,T,C]),A=t?V:w,h=A?e.createElement("span",{className:"k-step-indicator-icon "+A,"aria-hidden":"true"}):e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:t?"check-circle":"exclamation-circle",icon:t?H||j.checkOutlineIcon:W||j.exclamationCircleIcon}),X=e.createElement(e.Fragment,null,F!=="labels"?e.createElement("span",{className:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:G+"ms"}},b||M?!S&&t!==void 0?h:e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:b&&c.toIconName(b),icon:M}):t!==void 0?h:e.createElement("span",{className:"k-step-indicator-text"},q||a+1)):null),Y=(l||S||k)&&e.createElement("span",{className:"k-step-label"},l&&e.createElement("span",{className:"k-step-text"},l),S&&t!==void 0&&h,k&&e.createElement("span",{className:"k-step-label-optional"},B)),Z=e.createElement(e.Fragment,null,X,Y);return e.createElement("li",{ref:f,className:J,style:Q,..._},e.createElement("a",{className:"k-step-link",title:l||void 0,onClick:U,onFocus:K,"aria-current":v?"step":void 0,"aria-disabled":o||!C||void 0,"aria-invalid":t!==void 0&&!t||void 0},z?i:Z))});y.propTypes={children:n.any,className:n.string,current:n.bool,disabled:n.bool,icon:n.string,index:n.number,isValid:n.bool,label:n.string,optional:n.bool,style:n.object,tabIndex:n.number,text:n.string};const se={tabIndex:0};y.displayName="KendoStep";exports.Step=y;

package/stepper/Step.mjs

@@ -9,44 +9,44 @@
 import * as e from "react";
 import a from "prop-types";
 import { StepperContext as Y } from "./context/StepperContext.mjs";
-import { focusFirstFocusableChild as Z, dispatchEvent as T, classNames as ee, IconWrap as L, toIconName as te } from "@progress/kendo-react-common";
+import { focusFirstFocusableChild as Z, dispatchEvent as M, classNames as ee, IconWrap as T, toIconName as te } from "@progress/kendo-react-common";
 import { useLocalization as ae } from "@progress/kendo-react-intl";
-import { checkOutlineIcon as se, exclamationCircleIcon as oe } from "@progress/kendo-svg-icons";
-import { DEFAULT_ANIMATION_DURATION as ne, NO_ANIMATION as ce } from "./contants.mjs";
+import { checkOutlineIcon as se, exclamationCircleIcon as ne } from "@progress/kendo-svg-icons";
+import { DEFAULT_ANIMATION_DURATION as oe, NO_ANIMATION as ce } from "./contants.mjs";
 import { messages as le, optionalText as ie } from "./messages/index.mjs";
-const x = e.forwardRef((O, R) => {
+const L = e.forwardRef((O, R) => {
   const {
     // content
     children: V,
-    className: E,
+    className: g,
     current: d,
-    disabled: o,
-    focused: h,
+    disabled: n,
+    focused: E,
     icon: r,
-    svgIcon: C,
+    svgIcon: h,
     index: s,
     isValid: t,
-    label: n,
+    label: o,
     optional: m,
-    style: y,
-    tabIndex: me,
-    text: S,
+    style: C,
+    tabIndex: me = re.tabIndex,
+    text: y,
     ...z
   } = O, {
     animationDuration: u,
     isVertical: k,
     item: D,
     linear: H,
-    mode: F,
+    mode: S,
     numOfSteps: c,
     value: l,
     onChange: b,
     onFocus: f,
-    successIcon: P,
-    errorIcon: _,
-    successSVGIcon: w,
-    errorSVGIcon: B
-  } = e.useContext(Y), p = e.useRef(null), A = e.useCallback(
+    successIcon: _,
+    errorIcon: w,
+    successSVGIcon: B,
+    errorSVGIcon: G
+  } = e.useContext(Y), p = e.useRef(null), F = e.useCallback(
     () => {
       p.current && Z(p.current);
     },
@@ -54,31 +54,31 @@ const x = e.forwardRef((O, R) => {
   ), v = e.useCallback(
     () => ({
       element: p.current,
-      focus: A
+      focus: F
     }),
-    [A]
+    [F]
   );
   e.useImperativeHandle(R, v);
-  const I = !H || s === l - 1 || s === l || s === l + 1, N = F === "labels" || !!r && !!n, G = ae(), U = ((i) => G.toLanguageString(i, le[i]))(ie), W = typeof u == "number" ? u : u !== !1 ? ne : ce, $ = e.useCallback(
+  const I = !H || s === l - 1 || s === l || s === l + 1, N = S === "labels" || !!r && !!o, P = ae(), U = ((i) => P.toLanguageString(i, le[i]))(ie), W = typeof u == "number" ? u : u !== !1 ? oe : ce, $ = e.useCallback(
     (i) => {
-      b && !o && T(
+      b && !n && M(
         b,
         i,
         v(),
         { value: s }
       );
     },
-    [b, l, o]
+    [b, l, n]
   ), j = e.useCallback(
     (i) => {
-      f && !o && T(
+      f && !n && M(
         f,
         i,
         v(),
         void 0
       );
     },
-    [f, o]
+    [f, n]
   ), K = e.useMemo(
     () => ee(
       "k-step",
@@ -90,42 +90,42 @@ const x = e.forwardRef((O, R) => {
         "k-step-optional": m,
         "k-step-error": t !== void 0 && !t,
         "k-step-success": t,
-        "k-disabled": o,
-        "k-focus": h
+        "k-disabled": n,
+        "k-focus": E
       },
-      E
+      g
     ),
-    [s, c, l, d, m, o, h, t, E]
+    [s, c, l, d, m, n, E, t, g]
   ), q = e.useMemo(
     () => ({
       maxWidth: k ? void 0 : `calc(100% / ${c})`,
       maxHeight: k ? `calc(100% / ${c})` : void 0,
       pointerEvents: I ? void 0 : "none",
-      ...y
+      ...C
     }),
-    [k, c, y, I]
-  ), M = t ? P : _, g = M ? /* @__PURE__ */ e.createElement(
+    [k, c, C, I]
+  ), A = t ? _ : w, x = A ? /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: "k-step-indicator-icon " + M,
+      className: "k-step-indicator-icon " + A,
       "aria-hidden": "true"
     }
   ) : /* @__PURE__ */ e.createElement(
-    L,
+    T,
     {
       className: "k-step-indicator-icon",
       name: t ? "check-circle" : "exclamation-circle",
-      icon: t ? w || se : B || oe
+      icon: t ? B || se : G || ne
     }
-  ), J = /* @__PURE__ */ e.createElement(e.Fragment, null, F !== "labels" ? /* @__PURE__ */ e.createElement(
+  ), J = /* @__PURE__ */ e.createElement(e.Fragment, null, S !== "labels" ? /* @__PURE__ */ e.createElement(
     "span",
     {
       className: "k-step-indicator",
       "aria-hidden": !0,
       style: { transitionDuration: W + "ms" }
     },
-    r || C ? !N && t !== void 0 ? g : /* @__PURE__ */ e.createElement(L, { className: "k-step-indicator-icon", name: r && te(r), icon: C }) : t !== void 0 ? g : /* @__PURE__ */ e.createElement("span", { className: "k-step-indicator-text" }, S || s + 1)
-  ) : null), Q = (n || N || m) && /* @__PURE__ */ e.createElement("span", { className: "k-step-label" }, n && /* @__PURE__ */ e.createElement("span", { className: "k-step-text" }, n), N && t !== void 0 && g, m && /* @__PURE__ */ e.createElement("span", { className: "k-step-label-optional" }, U)), X = /* @__PURE__ */ e.createElement(e.Fragment, null, J, Q);
+    r || h ? !N && t !== void 0 ? x : /* @__PURE__ */ e.createElement(T, { className: "k-step-indicator-icon", name: r && te(r), icon: h }) : t !== void 0 ? x : /* @__PURE__ */ e.createElement("span", { className: "k-step-indicator-text" }, y || s + 1)
+  ) : null), Q = (o || N || m) && /* @__PURE__ */ e.createElement("span", { className: "k-step-label" }, o && /* @__PURE__ */ e.createElement("span", { className: "k-step-text" }, o), N && t !== void 0 && x, m && /* @__PURE__ */ e.createElement("span", { className: "k-step-label-optional" }, U)), X = /* @__PURE__ */ e.createElement(e.Fragment, null, J, Q);
   return /* @__PURE__ */ e.createElement(
     "li",
     {
@@ -138,18 +138,18 @@ const x = e.forwardRef((O, R) => {
       "a",
       {
         className: "k-step-link",
-        title: n || void 0,
+        title: o || void 0,
         onClick: $,
         onFocus: j,
         "aria-current": d ? "step" : void 0,
-        "aria-disabled": o || !I || void 0,
+        "aria-disabled": n || !I || void 0,
         "aria-invalid": t !== void 0 && !t || void 0
       },
       D ? V : X
     )
   );
 });
-x.propTypes = {
+L.propTypes = {
   children: a.any,
   className: a.string,
   // content: PropTypes.any,
@@ -167,8 +167,7 @@ x.propTypes = {
 const re = {
   tabIndex: 0
 };
-x.defaultProps = re;
-x.displayName = "KendoStep";
+L.displayName = "KendoStep";
 export {
-  x as Step
+  L as Step
 };