@progress/kendo-react-layout 9.5.0 → 10.0.0-develop.1

package/drawer/Drawer.js

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

package/drawer/Drawer.mjs

@@ -5,16 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as a from "react";
+import * as n from "react";
 import e from "prop-types";
-import { DrawerContext as I } from "./context/DrawerContext.mjs";
+import { DrawerContext as P } 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 p = a.forwardRef((d, u) => {
-  T(K);
+import { useDir as T, classNames as j } from "@progress/kendo-react-common";
+const u = n.forwardRef((d, p) => {
   const {
-    expanded: i = t.expanded,
+    expanded: a = t.expanded,
     mode: o = t.mode,
     position: f = t.position,
     className: v,
@@ -25,67 +23,67 @@ const p = a.forwardRef((d, u) => {
     mini: l = t.mini,
     width: k = t.width,
     miniWidth: x = t.miniWidth,
-    items: r,
+    items: i,
     item: N,
-    tabIndex: g,
-    onOverlayClick: C,
+    tabIndex: C,
+    onOverlayClick: E,
     onSelect: s
-  } = d, n = a.useRef(null), E = a.useCallback(() => {
-    n.current && n.current.focus();
+  } = d, r = n.useRef(null), g = n.useCallback(() => {
+    r.current && r.current.focus();
   }, []);
-  a.useImperativeHandle(
-    u,
+  n.useImperativeHandle(
+    p,
     () => ({
-      element: n.current,
-      focus: E
+      element: r.current,
+      focus: g
     })
   );
-  const D = a.useCallback(
-    (R, S, m) => {
-      if (r && s) {
-        const W = {
-          itemTarget: R,
-          itemIndex: S,
+  const D = n.useCallback(
+    (S, W, m) => {
+      if (i && s) {
+        const I = {
+          itemTarget: S,
+          itemIndex: W,
           syntheticEvent: m,
           nativeEvent: m && m.nativeEvent,
           target: void 0
         };
-        s.call(void 0, W);
+        s.call(void 0, I);
       }
     },
-    [r, s]
-  ), c = j(n, d.dir), P = H(
+    [i, s]
+  ), c = T(r, d.dir), R = j(
     {
       "k-drawer-container": !0,
-      "k-drawer-expanded": i,
+      "k-drawer-expanded": a,
       "k-drawer-overlay": o === "overlay",
       "k-drawer-push": o === "push",
-      "k-drawer-mini": l && !i
+      "k-drawer-mini": l && !a
     },
     v
   );
-  return /* @__PURE__ */ a.createElement(
-    I.Provider,
+  return /* @__PURE__ */ n.createElement(
+    P.Provider,
     {
       value: {
         animation: b,
-        expanded: i,
+        expanded: a,
         mode: o,
         position: f,
         mini: l,
         dir: c,
-        items: r,
+        items: i,
         item: N,
         width: k,
         miniWidth: x,
-        onOverlayClick: C,
+        onOverlayClick: E,
         onSelect: D
       }
     },
-    /* @__PURE__ */ a.createElement("div", { className: P, ref: n, dir: c, style: y, tabIndex: g }, r && /* @__PURE__ */ a.createElement(O, { className: w }), h)
+    /* @__PURE__ */ n.createElement("div", { className: R, ref: r, dir: c, style: y, tabIndex: C }, i && /* @__PURE__ */ n.createElement(O, { className: w }), h)
   );
 });
-p.propTypes = {
+u.propTypes = {
   animation: e.any,
   expanded: e.bool,
   children: e.any,
@@ -111,7 +109,7 @@ const t = {
   width: 240,
   miniWidth: 48
 };
-p.displayName = "KendoDrawer";
+u.displayName = "KendoDrawer";
 export {
-  p as Drawer
+  u as Drawer
 };

package/drawer/DrawerNavigation.js

@@ -5,4 +5,4 @@
  * 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("prop-types"),J=require("./context/DrawerContext.js"),Q=require("./DrawerItem.js"),l=require("@progress/kendo-react-common"),x=require("../package-metadata.js");function Y(a){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const o in a)if(o!=="default"){const p=Object.getOwnPropertyDescriptor(a,o);Object.defineProperty(c,o,p.get?p:{enumerable:!0,get:()=>a[o]})}}return c.default=a,Object.freeze(c)}const t=Y(G),Z=240,ee=50,te={type:"slide",duration:200},ae={type:"slide",duration:0},k=t.forwardRef((a,c)=>{const{children:o,className:p,style:b}=a;l.validatePackage(x.packageMetadata);const C=l.shouldShowValidationUI(x.packageMetadata),{animation:v,expanded:w,mode:y,position:m,onOverlayClick:M,mini:i,dir:N,width:g,miniWidth:D,items:I,item:A,onSelect:P}=t.useContext(J.DrawerContext),d=t.useRef(null),_=t.useCallback(()=>{d.current&&d.current.focus()},[]),e=typeof v!="boolean"?v:v===!1?ae:te,T=g||Z,h=D||ee;t.useImperativeHandle(c,()=>({element:d.current,focus:_}));const R=t.useMemo(()=>"k-drawer "+l.classNames({"k-drawer-start":m==="start","k-drawer-end":m==="end"},p),[m]),S={opacity:1,flexBasis:T,WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},j={opacity:1,transform:"translateX(0px)",WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},q={opacity:i?1:0,flexBasis:i?h:0,WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},L={opacity:0,transform:"translateX(-100%)",WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},U={opacity:0,transform:"translateX(100%)",WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},E={transform:"translateX(0%)",WebkitTransitionDuration:(e&&e.duration)+"ms",transitionDuration:(e&&e.duration)+"ms"},X=w?y==="push"?S:j:y==="push"?q:N==="ltr"&&m==="start"||N==="rtl"&&m==="end"?i?E:L:i?E:U,O=t.useMemo(()=>new l.Navigation({root:d,selectors:["ul.k-drawer-items li.k-drawer-item:not(.k-drawer-separator)"],keyboardEvents:{keydown:{ArrowDown:(n,r,s)=>{s.preventDefault(),r.focusNext(n)},ArrowUp:(n,r,s)=>{s.preventDefault(),r.focusPrevious(n)},Enter:(n,r,s)=>{s.preventDefault(),n.click()}}},tabIndex:0,rovingTabIndex:!0}),[]),F=t.useCallback(O.triggerKeyboardEvent.bind(O),[]),H=I&&t.createElement("ul",{className:"k-drawer-items",role:"menubar","aria-orientation":"vertical",onKeyDown:F},I.map((n,r)=>{const{className:s,level:f,...K}=n,B=f!=null?f:0,z=l.classNames(s,i?"":`k-level-${B}`),V={index:r,className:z,...K,onSelect:P},$=A||Q.DrawerItem;return t.createElement($,{key:r,...V})})),W=t.createElement("div",{style:e?{...X,...b}:b,className:R,ref:d},t.createElement("div",{className:"k-drawer-wrapper",style:!w&&i&&y==="overlay"?{width:h}:{width:T}},H||o),C&&t.createElement(l.WatermarkOverlay,null));return y==="overlay"?t.createElement(t.Fragment,null,w&&t.createElement("div",{className:"k-overlay",onClick:M}),W):W});k.propTypes={children:u.any,className:u.string,style:u.object,item:u.any,tabIndex:u.number};k.displayName="KendoDrawerNavigation";exports.DrawerNavigation=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react"),u=require("prop-types"),G=require("./context/DrawerContext.js"),J=require("./DrawerItem.js"),w=require("@progress/kendo-react-common");function Q(a){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const o in a)if(o!=="default"){const d=Object.getOwnPropertyDescriptor(a,o);Object.defineProperty(l,o,d.get?d:{enumerable:!0,get:()=>a[o]})}}return l.default=a,Object.freeze(l)}const t=Q($),V=240,Y=50,Z={type:"slide",duration:200},ee={type:"slide",duration:0},b=t.forwardRef((a,l)=>{const{children:o,className:d,style:k}=a,{animation:y,expanded:v,mode:p,position:c,onOverlayClick:C,mini:i,dir:N,width:D,miniWidth:g,items:T,item:A,onSelect:W}=t.useContext(G.DrawerContext),m=t.useRef(null),_=t.useCallback(()=>{m.current&&m.current.focus()},[]),e=typeof y!="boolean"?y:y===!1?ee:Z,I=D||V,E=g||Y;t.useImperativeHandle(l,()=>({element:m.current,focus:_}));const M=t.useMemo(()=>"k-drawer "+w.classNames({"k-drawer-start":c==="start","k-drawer-end":c==="end"},d),[c]),P={opacity:1,flexBasis:I,WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},R={opacity:1,transform:"translateX(0px)",WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},j={opacity:i?1:0,flexBasis:i?E:0,WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},S={opacity:0,transform:"translateX(-100%)",WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},q={opacity:0,transform:"translateX(100%)",WebkitTransition:"all "+(e&&e.duration)+"ms",transition:"all "+(e&&e.duration)+"ms"},O={transform:"translateX(0%)",WebkitTransitionDuration:(e&&e.duration)+"ms",transitionDuration:(e&&e.duration)+"ms"},X=v?p==="push"?P:R:p==="push"?j:N==="ltr"&&c==="start"||N==="rtl"&&c==="end"?i?O:S:i?O:q,h=t.useMemo(()=>new w.Navigation({root:m,selectors:["ul.k-drawer-items li.k-drawer-item:not(.k-drawer-separator)"],keyboardEvents:{keydown:{ArrowDown:(n,r,s)=>{s.preventDefault(),r.focusNext(n)},ArrowUp:(n,r,s)=>{s.preventDefault(),r.focusPrevious(n)},Enter:(n,r,s)=>{s.preventDefault(),n.click()}}},tabIndex:0,rovingTabIndex:!0}),[]),F=t.useCallback(h.triggerKeyboardEvent.bind(h),[]),L=T&&t.createElement("ul",{className:"k-drawer-items",role:"menubar","aria-orientation":"vertical",onKeyDown:F},T.map((n,r)=>{const{className:s,level:f,...U}=n,H=f!=null?f:0,K=w.classNames(s,i?"":`k-level-${H}`),B={index:r,className:K,...U,onSelect:W},z=A||J.DrawerItem;return t.createElement(z,{key:r,...B})})),x=t.createElement("div",{style:e?{...X,...k}:k,className:M,ref:m},t.createElement("div",{className:"k-drawer-wrapper",style:!v&&i&&p==="overlay"?{width:E}:{width:I}},L||o));return p==="overlay"?t.createElement(t.Fragment,null,v&&t.createElement("div",{className:"k-overlay",onClick:C}),x):x});b.propTypes={children:u.any,className:u.string,style:u.object,item:u.any,tabIndex:u.number};b.displayName="KendoDrawerNavigation";exports.DrawerNavigation=b;

package/drawer/DrawerNavigation.mjs

@@ -5,41 +5,38 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as t from "react";
+import * as e from "react";
 import l from "prop-types";
-import { DrawerContext as G } from "./context/DrawerContext.mjs";
-import { DrawerItem as J } from "./DrawerItem.mjs";
-import { validatePackage as Q, shouldShowValidationUI as Y, classNames as h, Navigation as Z, WatermarkOverlay as ee } from "@progress/kendo-react-common";
-import { packageMetadata as E } from "../package-metadata.mjs";
-const te = 240, ae = 50, re = { type: "slide", duration: 200 }, ne = { type: "slide", duration: 0 }, T = t.forwardRef(
-  (g, W) => {
-    const { children: x, className: A, style: p } = g;
-    Q(E);
-    const C = Y(E), {
+import { DrawerContext as z } from "./context/DrawerContext.mjs";
+import { DrawerItem as G } from "./DrawerItem.mjs";
+import { classNames as T, Navigation as J } from "@progress/kendo-react-common";
+const Q = 240, V = 50, Y = { type: "slide", duration: 200 }, Z = { type: "slide", duration: 0 }, E = e.forwardRef(
+  (h, g) => {
+    const { children: x, className: A, style: p } = h, {
       animation: m,
       expanded: d,
       mode: c,
       position: o,
-      onOverlayClick: O,
+      onOverlayClick: W,
       mini: s,
       dir: v,
       width: y,
-      miniWidth: w,
-      items: f,
-      item: M,
-      onSelect: P
-    } = t.useContext(G), i = t.useRef(null), _ = t.useCallback(() => {
+      miniWidth: f,
+      items: w,
+      item: C,
+      onSelect: O
+    } = e.useContext(z), i = e.useRef(null), M = e.useCallback(() => {
       i.current && i.current.focus();
-    }, []), e = typeof m != "boolean" ? m : m === !1 ? ne : re, k = y || te, N = w || ae;
-    t.useImperativeHandle(
-      W,
+    }, []), t = typeof m != "boolean" ? m : m === !1 ? Z : Y, k = y || Q, N = f || V;
+    e.useImperativeHandle(
+      g,
       () => ({
         element: i.current,
-        focus: _
+        focus: M
       })
     );
-    const L = t.useMemo(
-      () => "k-drawer " + h(
+    const _ = e.useMemo(
+      () => "k-drawer " + T(
         {
           "k-drawer-start": o === "start",
           "k-drawer-end": o === "end"
@@ -47,49 +44,49 @@ const te = 240, ae = 50, re = { type: "slide", duration: 200 }, ne = { type: "sl
         A
       ),
       [o]
-    ), R = {
+    ), P = {
       opacity: 1,
       flexBasis: k,
-      WebkitTransition: "all " + (e && e.duration) + "ms",
-      transition: "all " + (e && e.duration) + "ms"
-    }, U = {
+      WebkitTransition: "all " + (t && t.duration) + "ms",
+      transition: "all " + (t && t.duration) + "ms"
+    }, R = {
       opacity: 1,
       transform: "translateX(0px)",
-      WebkitTransition: "all " + (e && e.duration) + "ms",
-      transition: "all " + (e && e.duration) + "ms"
+      WebkitTransition: "all " + (t && t.duration) + "ms",
+      transition: "all " + (t && t.duration) + "ms"
     }, X = {
       opacity: s ? 1 : 0,
       flexBasis: s ? N : 0,
-      WebkitTransition: "all " + (e && e.duration) + "ms",
-      transition: "all " + (e && e.duration) + "ms"
+      WebkitTransition: "all " + (t && t.duration) + "ms",
+      transition: "all " + (t && t.duration) + "ms"
     }, F = {
       opacity: 0,
       transform: "translateX(-100%)",
-      WebkitTransition: "all " + (e && e.duration) + "ms",
-      transition: "all " + (e && e.duration) + "ms"
-    }, H = {
+      WebkitTransition: "all " + (t && t.duration) + "ms",
+      transition: "all " + (t && t.duration) + "ms"
+    }, L = {
       opacity: 0,
       transform: "translateX(100%)",
-      WebkitTransition: "all " + (e && e.duration) + "ms",
-      transition: "all " + (e && e.duration) + "ms"
+      WebkitTransition: "all " + (t && t.duration) + "ms",
+      transition: "all " + (t && t.duration) + "ms"
     }, b = {
       transform: "translateX(0%)",
-      WebkitTransitionDuration: (e && e.duration) + "ms",
-      transitionDuration: (e && e.duration) + "ms"
-    }, K = d ? c === "push" ? R : U : c === "push" ? X : v === "ltr" && o === "start" || v === "rtl" && o === "end" ? s ? b : F : s ? b : H, D = t.useMemo(
-      () => new Z({
+      WebkitTransitionDuration: (t && t.duration) + "ms",
+      transitionDuration: (t && t.duration) + "ms"
+    }, U = d ? c === "push" ? P : R : c === "push" ? X : v === "ltr" && o === "start" || v === "rtl" && o === "end" ? s ? b : F : s ? b : L, D = e.useMemo(
+      () => new J({
         root: i,
         selectors: ["ul.k-drawer-items li.k-drawer-item:not(.k-drawer-separator)"],
         keyboardEvents: {
           keydown: {
-            ArrowDown: (a, r, n) => {
-              n.preventDefault(), r.focusNext(a);
+            ArrowDown: (a, n, r) => {
+              r.preventDefault(), n.focusNext(a);
             },
-            ArrowUp: (a, r, n) => {
-              n.preventDefault(), r.focusPrevious(a);
+            ArrowUp: (a, n, r) => {
+              r.preventDefault(), n.focusPrevious(a);
             },
-            Enter: (a, r, n) => {
-              n.preventDefault(), a.click();
+            Enter: (a, n, r) => {
+              r.preventDefault(), a.click();
             }
           }
         },
@@ -97,42 +94,41 @@ const te = 240, ae = 50, re = { type: "slide", duration: 200 }, ne = { type: "sl
         rovingTabIndex: !0
       }),
       []
-    ), S = t.useCallback(D.triggerKeyboardEvent.bind(D), []), B = f && /* @__PURE__ */ t.createElement("ul", { className: "k-drawer-items", role: "menubar", "aria-orientation": "vertical", onKeyDown: S }, f.map((a, r) => {
-      const { className: n, level: u, ...j } = a, V = u != null ? u : 0, $ = h(n, s ? "" : `k-level-${V}`), q = {
-        index: r,
-        className: $,
-        ...j,
-        onSelect: P
-      }, z = M || J;
-      return /* @__PURE__ */ t.createElement(z, { key: r, ...q });
-    })), I = /* @__PURE__ */ t.createElement(
+    ), H = e.useCallback(D.triggerKeyboardEvent.bind(D), []), K = w && /* @__PURE__ */ e.createElement("ul", { className: "k-drawer-items", role: "menubar", "aria-orientation": "vertical", onKeyDown: H }, w.map((a, n) => {
+      const { className: r, level: u, ...B } = a, S = u != null ? u : 0, j = T(r, s ? "" : `k-level-${S}`), $ = {
+        index: n,
+        className: j,
+        ...B,
+        onSelect: O
+      }, q = C || G;
+      return /* @__PURE__ */ e.createElement(q, { key: n, ...$ });
+    })), I = /* @__PURE__ */ e.createElement(
       "div",
       {
-        style: e ? { ...K, ...p } : p,
-        className: L,
+        style: t ? { ...U, ...p } : p,
+        className: _,
         ref: i
       },
-      /* @__PURE__ */ t.createElement(
+      /* @__PURE__ */ e.createElement(
         "div",
         {
           className: "k-drawer-wrapper",
           style: !d && s && c === "overlay" ? { width: N } : { width: k }
         },
-        B || x
-      ),
-      C && /* @__PURE__ */ t.createElement(ee, null)
+        K || x
+      )
     );
-    return c === "overlay" ? /* @__PURE__ */ t.createElement(t.Fragment, null, d && /* @__PURE__ */ t.createElement("div", { className: "k-overlay", onClick: O }), I) : I;
+    return c === "overlay" ? /* @__PURE__ */ e.createElement(e.Fragment, null, d && /* @__PURE__ */ e.createElement("div", { className: "k-overlay", onClick: W }), I) : I;
   }
 );
-T.propTypes = {
+E.propTypes = {
   children: l.any,
   className: l.string,
   style: l.object,
   item: l.any,
   tabIndex: l.number
 };
-T.displayName = "KendoDrawerNavigation";
+E.displayName = "KendoDrawerNavigation";
 export {
-  T as DrawerNavigation
+  E as DrawerNavigation
 };

package/expansionpanel/ExpansionPanel.js

@@ -5,4 +5,4 @@
  * 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"),n=require("prop-types"),t=require("@progress/kendo-react-common"),R=require("../package-metadata.js"),y=require("@progress/kendo-svg-icons");function j(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const i=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(d,c,i.get?i:{enumerable:!0,get:()=>e[c]})}}return d.default=e,Object.freeze(d)}const a=j(P),f=a.forwardRef((e,d)=>{t.validatePackage(R.packageMetadata);const c=a.useRef(null),[i,k]=a.useState(!1),m=a.useCallback(()=>({element:c.current}),[]);a.useImperativeHandle(d,m);const{expanded:o=!1,disabled:s,title:p,subtitle:v,onAction:r,expandIcon:u,collapseIcon:b,expandSVGIcon:g,collapseSVGIcon:x}=e,I=a.useCallback(l=>{t.dispatchEvent(r,l,m(),{expanded:o})},[r,o]),N=a.useCallback(l=>{(l.keyCode===t.Keys.enter||l.keyCode===t.Keys.space)&&(l.preventDefault(),t.dispatchEvent(r,l,m(),{expanded:o}))},[r,o]),E=a.useCallback(()=>{e.disabled||k(!0)},[e.disabled]),h=a.useCallback(()=>{e.disabled||k(!1)},[e.disabled]),{onFocus:C,onBlur:S}=t.useAsyncFocusBlur({onFocus:E,onBlur:h});return a.createElement("div",{ref:c,className:t.classNames("k-expander",e.className,{"k-expanded":o,"k-focus":i&&!s,"k-disabled":s}),onFocus:C,onBlur:S,style:e.style,id:e.id,dir:t.useRtl(c,e.dir),onKeyDown:s?void 0:N},a.createElement("div",{role:"button","aria-controls":e.ariaControls,"aria-expanded":o,"aria-disabled":s,tabIndex:t.getTabIndex(e.tabIndex,s),className:"k-expander-header",onClick:s?void 0:I},p!==void 0?a.createElement("div",{className:"k-expander-title"},p):void 0,a.createElement("span",{className:"k-spacer"}),v!==void 0?a.createElement("div",{className:"k-expander-sub-title"},v):void 0,a.createElement("span",{className:"k-expander-indicator"},a.createElement(t.IconWrap,{name:o?b?void 0:"chevron-up":u?void 0:"chevron-down",icon:o?!x&&!b?y.chevronUpIcon:x:!g&&!u?y.chevronDownIcon:g,className:t.classNames(o?{[String(b)]:!!b}:{[String(u)]:!!u})}))),e.children)});f.propTypes={children:n.node,className:n.string,style:n.object,dir:n.string,id:n.string,tabIndex:n.number,title:n.node,subtitle:n.node,expandIcon:n.string,collapseIcon:n.string,expanded:n.bool,disabled:n.bool,onAction:n.func};f.displayName="KendoReactExpansionPanel";exports.ExpansionPanel=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),a=require("prop-types"),t=require("@progress/kendo-react-common"),g=require("@progress/kendo-svg-icons");function P(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const i=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(d,c,i.get?i:{enumerable:!0,get:()=>e[c]})}}return d.default=e,Object.freeze(d)}const n=P(R),f=n.forwardRef((e,d)=>{const c=n.useRef(null),[i,k]=n.useState(!1),m=n.useCallback(()=>({element:c.current}),[]);n.useImperativeHandle(d,m);const{expanded:o=!1,disabled:s,title:p,subtitle:v,onAction:r,expandIcon:u,collapseIcon:b,expandSVGIcon:x,collapseSVGIcon:y}=e,I=n.useCallback(l=>{t.dispatchEvent(r,l,m(),{expanded:o})},[r,o]),N=n.useCallback(l=>{(l.keyCode===t.Keys.enter||l.keyCode===t.Keys.space)&&(l.preventDefault(),t.dispatchEvent(r,l,m(),{expanded:o}))},[r,o]),E=n.useCallback(()=>{e.disabled||k(!0)},[e.disabled]),h=n.useCallback(()=>{e.disabled||k(!1)},[e.disabled]),{onFocus:C,onBlur:S}=t.useAsyncFocusBlur({onFocus:E,onBlur:h});return n.createElement("div",{ref:c,className:t.classNames("k-expander",e.className,{"k-expanded":o,"k-focus":i&&!s,"k-disabled":s}),onFocus:C,onBlur:S,style:e.style,id:e.id,dir:t.useRtl(c,e.dir),onKeyDown:s?void 0:N},n.createElement("div",{role:"button","aria-controls":e.ariaControls,"aria-expanded":o,"aria-disabled":s,tabIndex:t.getTabIndex(e.tabIndex,s),className:"k-expander-header",onClick:s?void 0:I},p!==void 0?n.createElement("div",{className:"k-expander-title"},p):void 0,n.createElement("span",{className:"k-spacer"}),v!==void 0?n.createElement("div",{className:"k-expander-sub-title"},v):void 0,n.createElement("span",{className:"k-expander-indicator"},n.createElement(t.IconWrap,{name:o?b?void 0:"chevron-up":u?void 0:"chevron-down",icon:o?!y&&!b?g.chevronUpIcon:y:!x&&!u?g.chevronDownIcon:x,className:t.classNames(o?{[String(b)]:!!b}:{[String(u)]:!!u})}))),e.children)});f.propTypes={children:a.node,className:a.string,style:a.object,dir:a.string,id:a.string,tabIndex:a.number,title:a.node,subtitle:a.node,expandIcon:a.string,collapseIcon:a.string,expanded:a.bool,disabled:a.bool,onAction:a.func};f.displayName="KendoReactExpansionPanel";exports.ExpansionPanel=f;

package/expansionpanel/ExpansionPanel.mjs

@@ -6,78 +6,76 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as e from "react";
-import a from "prop-types";
-import { validatePackage as w, dispatchEvent as p, Keys as x, useAsyncFocusBlur as F, classNames as v, useRtl as S, getTabIndex as D, IconWrap as K } from "@progress/kendo-react-common";
-import { packageMetadata as P } from "../package-metadata.mjs";
-import { chevronDownIcon as A, chevronUpIcon as T } from "@progress/kendo-svg-icons";
-const I = e.forwardRef((n, y) => {
-  w(P);
-  const i = e.useRef(null), [g, u] = e.useState(!1), r = e.useCallback(() => ({ element: i.current }), []);
+import n from "prop-types";
+import { dispatchEvent as k, Keys as p, useAsyncFocusBlur as w, classNames as v, useRtl as F, getTabIndex as S, IconWrap as D } from "@progress/kendo-react-common";
+import { chevronDownIcon as K, chevronUpIcon as A } from "@progress/kendo-svg-icons";
+const I = e.forwardRef((a, y) => {
+  const i = e.useRef(null), [N, u] = e.useState(!1), r = e.useCallback(() => ({ element: i.current }), []);
   e.useImperativeHandle(y, r);
   const {
     expanded: o = !1,
-    disabled: t,
+    disabled: l,
     title: m,
     subtitle: b,
     onAction: s,
     expandIcon: d,
     collapseIcon: c,
     expandSVGIcon: f,
-    collapseSVGIcon: k
-  } = n, N = e.useCallback(
-    (l) => {
-      p(s, l, r(), {
+    collapseSVGIcon: x
+  } = a, h = e.useCallback(
+    (t) => {
+      k(s, t, r(), {
         expanded: o
       });
     },
     [s, o]
-  ), h = e.useCallback(
-    (l) => {
-      (l.keyCode === x.enter || l.keyCode === x.space) && (l.preventDefault(), p(s, l, r(), {
+  ), C = e.useCallback(
+    (t) => {
+      (t.keyCode === p.enter || t.keyCode === p.space) && (t.preventDefault(), k(s, t, r(), {
         expanded: o
       }));
     },
     [s, o]
-  ), C = e.useCallback(() => {
-    n.disabled || u(!0);
-  }, [n.disabled]), E = e.useCallback(() => {
-    n.disabled || u(!1);
-  }, [n.disabled]), { onFocus: B, onBlur: R } = F({ onFocus: C, onBlur: E });
+  ), E = e.useCallback(() => {
+    a.disabled || u(!0);
+  }, [a.disabled]), g = e.useCallback(() => {
+    a.disabled || u(!1);
+  }, [a.disabled]), { onFocus: B, onBlur: R } = w({ onFocus: E, onBlur: g });
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: i,
-      className: v("k-expander", n.className, {
+      className: v("k-expander", a.className, {
         "k-expanded": o,
-        "k-focus": g && !t,
-        "k-disabled": t
+        "k-focus": N && !l,
+        "k-disabled": l
       }),
       onFocus: B,
       onBlur: R,
-      style: n.style,
-      id: n.id,
-      dir: S(i, n.dir),
-      onKeyDown: t ? void 0 : h
+      style: a.style,
+      id: a.id,
+      dir: F(i, a.dir),
+      onKeyDown: l ? void 0 : C
     },
     /* @__PURE__ */ e.createElement(
       "div",
       {
         role: "button",
-        "aria-controls": n.ariaControls,
+        "aria-controls": a.ariaControls,
         "aria-expanded": o,
-        "aria-disabled": t,
-        tabIndex: D(n.tabIndex, t),
+        "aria-disabled": l,
+        tabIndex: S(a.tabIndex, l),
         className: "k-expander-header",
-        onClick: t ? void 0 : N
+        onClick: l ? void 0 : h
       },
       m !== void 0 ? /* @__PURE__ */ e.createElement("div", { className: "k-expander-title" }, m) : void 0,
       /* @__PURE__ */ e.createElement("span", { className: "k-spacer" }),
       b !== void 0 ? /* @__PURE__ */ e.createElement("div", { className: "k-expander-sub-title" }, b) : void 0,
       /* @__PURE__ */ e.createElement("span", { className: "k-expander-indicator" }, /* @__PURE__ */ e.createElement(
-        K,
+        D,
         {
           name: o ? c ? void 0 : "chevron-up" : d ? void 0 : "chevron-down",
-          icon: o ? !k && !c ? T : k : !f && !d ? A : f,
+          icon: o ? !x && !c ? A : x : !f && !d ? K : f,
           className: v(
             o ? {
               [String(c)]: !!c
@@ -88,23 +86,23 @@ const I = e.forwardRef((n, y) => {
         }
       ))
     ),
-    n.children
+    a.children
   );
 });
 I.propTypes = {
-  children: a.node,
-  className: a.string,
-  style: a.object,
-  dir: a.string,
-  id: a.string,
-  tabIndex: a.number,
-  title: a.node,
-  subtitle: a.node,
-  expandIcon: a.string,
-  collapseIcon: a.string,
-  expanded: a.bool,
-  disabled: a.bool,
-  onAction: a.func
+  children: n.node,
+  className: n.string,
+  style: n.object,
+  dir: n.string,
+  id: n.string,
+  tabIndex: n.number,
+  title: n.node,
+  subtitle: n.node,
+  expandIcon: n.string,
+  collapseIcon: n.string,
+  expanded: n.bool,
+  disabled: n.bool,
+  onAction: n.func
 };
 I.displayName = "KendoReactExpansionPanel";
 export {

package/gridlayout/GridLayout.js

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

package/gridlayout/GridLayout.mjs

@@ -5,33 +5,31 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as a from "react";
+import * as s 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 c = a.forwardRef((t, g) => {
-  j(T);
-  const r = a.useRef(null), d = a.useCallback(
+import { useId as T, classNames as j } from "@progress/kendo-react-common";
+const c = s.forwardRef((t, g) => {
+  const r = s.useRef(null), d = s.useCallback(
     () => ({
       element: r.current
     }),
     []
   );
-  a.useImperativeHandle(g, d);
-  const { className: m, style: u, id: h, children: y, gap: i = o.gap } = t, f = R(), n = a.useMemo(
+  s.useImperativeHandle(g, d);
+  const { className: m, style: u, id: h, children: y, gap: i = o.gap } = t, f = T(), a = s.useMemo(
     () => t.align && t.align.horizontal ? t.align.horizontal : o.hAlign,
     [t.align]
-  ), l = a.useMemo(
+  ), l = s.useMemo(
     () => t.align && t.align.vertical ? t.align.vertical : o.vAlign,
     [t.align]
-  ), p = a.useMemo(
-    () => A(
+  ), p = s.useMemo(
+    () => j(
       "k-grid-layout",
       {
-        "k-justify-items-start": n === "start",
-        "k-justify-items-center": n === "center",
-        "k-justify-items-end": n === "end",
-        "k-justify-items-stretch": n === "stretch",
+        "k-justify-items-start": a === "start",
+        "k-justify-items-center": a === "center",
+        "k-justify-items-end": a === "end",
+        "k-justify-items-stretch": a === "stretch",
         "k-align-items-start": l === "top",
         "k-align-items-center": l === "middle",
         "k-align-items-end": l === "bottom",
@@ -39,14 +37,14 @@ const c = a.forwardRef((t, g) => {
       },
       m
     ),
-    [n, l, m]
-  ), k = i ? `${typeof i.rows == "number" ? i.rows + "px" : i.rows} ${typeof i.cols == "number" ? i.cols + "px" : i.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,
+    [a, l, m]
+  ), v = i ? `${typeof i.rows == "number" ? i.rows + "px" : i.rows} ${typeof i.cols == "number" ? i.cols + "px" : i.cols}` : void 0, b = t.rows && t.rows.map((n) => `${typeof n.height == "number" ? n.height + "px" : n.height}`).join(" "), k = t.cols && t.cols.map((n) => `${typeof n.width == "number" ? n.width + "px" : n.width}`).join(" "), w = {
+    gap: v,
+    gridTemplateColumns: k,
+    gridTemplateRows: b,
     ...u
   };
-  return /* @__PURE__ */ a.createElement("div", { ref: r, className: p, style: w, id: h || f }, y);
+  return /* @__PURE__ */ s.createElement("div", { ref: r, className: p, style: w, id: h || f }, y);
 }), o = {
   hAlign: "stretch",
   vAlign: "stretch",