@progress/kendo-react-layout 9.4.0-develop.23 → 9.4.0-develop.3

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

package/drawer/Drawer.mjs

@@ -5,13 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 import e from "prop-types";
 import { DrawerContext as W } from "./context/DrawerContext.mjs";
 import { DrawerNavigation as I } from "./DrawerNavigation.mjs";
 import { validatePackage as O, useDir as T, classNames as j } from "@progress/kendo-react-common";
 import { packageMetadata as H } from "../package-metadata.mjs";
-const u = t.forwardRef((m, p) => {
+const u = t.forwardRef((l, p) => {
   O(H);
   const {
     expanded: r = n.expanded,
@@ -21,7 +22,7 @@ const u = t.forwardRef((m, p) => {
     children: w,
     style: h,
     animation: y = n.animation,
-    mini: l = n.mini,
+    mini: m = n.mini,
     width: b = n.width,
     miniWidth: k = n.miniWidth,
     items: i,
@@ -29,7 +30,7 @@ const u = t.forwardRef((m, p) => {
     tabIndex: g,
     onOverlayClick: E,
     onSelect: s
-  } = m, a = t.useRef(null), N = t.useCallback(() => {
+  } = l, a = t.useRef(null), N = t.useCallback(() => {
     a.current && a.current.focus();
   }, []);
   t.useImperativeHandle(
@@ -53,13 +54,13 @@ const u = t.forwardRef((m, p) => {
       }
     },
     [i, s]
-  ), c = T(a, m.dir), D = j(
+  ), c = T(a, l.dir), D = j(
     {
       "k-drawer-container": !0,
       "k-drawer-expanded": r,
       "k-drawer-overlay": o === "overlay",
       "k-drawer-push": o === "push",
-      "k-drawer-mini": l && !r
+      "k-drawer-mini": m && !r
     },
     v
   );
@@ -71,7 +72,7 @@ const u = t.forwardRef((m, p) => {
         expanded: r,
         mode: o,
         position: f,
-        mini: l,
+        mini: m,
         dir: c,
         items: i,
         item: x,

package/drawer/DrawerContent.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 i=require("react"),o=require("prop-types"),m=require("@progress/kendo-react-common");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=d(i),c=a.forwardRef((e,n)=>{const{children:t,className:r,style:l}=e,s=a.useRef(null);a.useImperativeHandle(n,()=>({element:s.current}));const u=m.classNames({"k-drawer-content":!0},r);return a.createElement("div",{className:u,style:l,ref:s},t)});c.propTypes={children:o.any,className:o.string,style:o.object};c.displayName="KendoDrawerContent";exports.DrawerContent=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),c=require("prop-types"),m=require("@progress/kendo-react-common");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=d(i),o=a.forwardRef((e,n)=>{const{children:t,className:r,style:l}=e,s=a.useRef(null);a.useImperativeHandle(n,()=>({element:s.current}));const u=m.classNames({"k-drawer-content":!0},r);return a.createElement("div",{className:u,style:l,ref:s},t)});o.propTypes={children:c.any,className:c.string,style:c.object};o.displayName="KendoDrawerContent";exports.DrawerContent=o;

package/drawer/DrawerContent.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import t from "prop-types";
 import { classNames as p } from "@progress/kendo-react-common";

package/drawer/DrawerItem.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 E=require("react"),r=require("prop-types"),c=require("@progress/kendo-react-common"),O=require("./context/DrawerContext.js");function R(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,l.get?l:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const e=R(E),d=e.forwardRef((t,n)=>{const{className:a,style:l,text:u,icon:i,svgIcon:b,separator:g,disabled:o,selected:I,onSelect:m,index:f,tabIndex:k,children:y,...w}=t,{expanded:T,mini:P,item:x}=e.useContext(O.DrawerContext),s=e.useRef(null),p=e.useCallback(()=>{s.current&&s.current.focus()},[]);e.useImperativeHandle(n,()=>({element:s.current,focus:p,props:t}));const C=c.classNames("k-drawer-item",{"k-selected":I,"k-disabled":o},a),N=e.useCallback(j=>{if(m&&!o){const v={element:s.current,focus:p,props:t};m(v,f,j)}},[m,f,o]),D=e.createElement(e.Fragment,null,(i||b)&&e.createElement(c.IconWrap,{name:i&&c.toIconName(i),icon:b}),e.createElement("span",{className:"k-item-text"},u));return g?e.createElement("li",{className:"k-drawer-item k-drawer-separator",role:"separator"}):e.createElement("li",{ref:s,className:C,style:l,role:"menuitem","aria-label":u,"aria-disabled":o,onClick:N,tabIndex:c.getTabIndex(k,o),...w},x?y:D)});d.propTypes={className:r.string,style:r.object,text:r.string,icon:r.string,svgIcon:c.svgIconPropType,separator:r.bool,selected:r.bool,disabled:r.bool,targetItem:r.any};d.displayName="KendoDrawerItem";exports.DrawerItem=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),r=require("prop-types"),o=require("@progress/kendo-react-common"),O=require("./context/DrawerContext.js");function R(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const e=R(E),d=e.forwardRef((t,a)=>{const{className:n,style:l,text:u,icon:i,svgIcon:b,separator:g,disabled:s,selected:I,onSelect:m,index:f,tabIndex:k,children:y,...w}=t,{expanded:T,mini:P,item:x}=e.useContext(O.DrawerContext),c=e.useRef(null),p=e.useCallback(()=>{c.current&&c.current.focus()},[]);e.useImperativeHandle(a,()=>({element:c.current,focus:p,props:t}));const C=o.classNames("k-drawer-item",{"k-selected":I,"k-disabled":s},n),N=e.useCallback(j=>{if(m&&!s){const v={element:c.current,focus:p,props:t};m(v,f,j)}},[m,f,s]),D=e.createElement(e.Fragment,null,(i||b)&&e.createElement(o.IconWrap,{name:i&&o.toIconName(i),icon:b}),e.createElement("span",{className:"k-item-text"},u));return g?e.createElement("li",{className:"k-drawer-item k-drawer-separator",role:"separator"}):e.createElement("li",{ref:c,className:C,style:l,role:"menuitem","aria-label":u,"aria-disabled":s,onClick:N,tabIndex:o.getTabIndex(k,s),...w},x?y:D)});d.propTypes={className:r.string,style:r.object,text:r.string,icon:r.string,svgIcon:o.svgIconPropType,separator:r.bool,selected:r.bool,disabled:r.bool,targetItem:r.any};d.displayName="KendoDrawerItem";exports.DrawerItem=d;

package/drawer/DrawerItem.mjs

@@ -5,13 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import t from "prop-types";
 import { classNames as v, IconWrap as R, toIconName as T, getTabIndex as D, svgIconPropType as P } from "@progress/kendo-react-common";
 import { DrawerContext as j } from "./context/DrawerContext.mjs";
-const d = e.forwardRef((s, p) => {
+const d = e.forwardRef((s, u) => {
   const {
-    className: u,
+    className: p,
     style: f,
     text: l,
     icon: n,
@@ -28,7 +29,7 @@ const d = e.forwardRef((s, p) => {
     r.current && r.current.focus();
   }, []);
   e.useImperativeHandle(
-    p,
+    u,
     () => ({
       element: r.current,
       focus: i,
@@ -41,7 +42,7 @@ const d = e.forwardRef((s, p) => {
       "k-selected": I,
       "k-disabled": a
     },
-    u
+    p
   ), C = e.useCallback(
     (E) => {
       if (o && !a) {

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 client";"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;

package/drawer/DrawerNavigation.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 import l from "prop-types";
 import { DrawerContext as G } from "./context/DrawerContext.mjs";

package/drawer/context/DrawerContext.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");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=a(o),c={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:50},l=i.createContext(c);exports.DrawerContext=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=a(o),c={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,dir:"ltr",width:240,miniWidth:50},l=i.createContext(c);exports.DrawerContext=l;

package/drawer/context/DrawerContext.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 const e = {
   animation: !0,
@@ -15,7 +16,7 @@ const e = {
   dir: "ltr",
   width: 240,
   miniWidth: 50
-}, o = t.createContext(e);
+}, i = t.createContext(e);
 export {
-  o as DrawerContext
+  i as DrawerContext
 };

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 client";"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 o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(d,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return d.default=e,Object.freeze(d)}const a=j(P),f=a.forwardRef((e,d)=>{t.validatePackage(R.packageMetadata);const o=a.useRef(null),[i,k]=a.useState(!1),m=a.useCallback(()=>({element:o.current}),[]);a.useImperativeHandle(d,m);const{expanded:c=!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:c})},[r,c]),N=a.useCallback(l=>{(l.keyCode===t.Keys.enter||l.keyCode===t.Keys.space)&&(l.preventDefault(),t.dispatchEvent(r,l,m(),{expanded:c}))},[r,c]),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:o,className:t.classNames("k-expander",e.className,{"k-expanded":c,"k-focus":i&&!s,"k-disabled":s}),onFocus:C,onBlur:S,style:e.style,id:e.id,dir:t.useRtl(o,e.dir),onKeyDown:s?void 0:N},a.createElement("div",{role:"button","aria-controls":e.ariaControls,"aria-expanded":c,"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:c?b?void 0:"chevron-up":u?void 0:"chevron-down",icon:c?!x&&!b?y.chevronUpIcon:x:!g&&!u?y.chevronDownIcon:g,className:t.classNames(c?{[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;

package/expansionpanel/ExpansionPanel.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 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";
@@ -15,29 +16,29 @@ const I = e.forwardRef((n, y) => {
   const i = e.useRef(null), [g, u] = e.useState(!1), r = e.useCallback(() => ({ element: i.current }), []);
   e.useImperativeHandle(y, r);
   const {
-    expanded: o = !1,
-    disabled: t,
+    expanded: t = !1,
+    disabled: o,
     title: m,
     subtitle: b,
     onAction: s,
-    expandIcon: d,
-    collapseIcon: c,
+    expandIcon: c,
+    collapseIcon: d,
     expandSVGIcon: f,
     collapseSVGIcon: k
   } = n, N = e.useCallback(
     (l) => {
       p(s, l, r(), {
-        expanded: o
+        expanded: t
       });
     },
-    [s, o]
+    [s, t]
   ), h = e.useCallback(
     (l) => {
       (l.keyCode === x.enter || l.keyCode === x.space) && (l.preventDefault(), p(s, l, r(), {
-        expanded: o
+        expanded: t
       }));
     },
-    [s, o]
+    [s, t]
   ), C = e.useCallback(() => {
     n.disabled || u(!0);
   }, [n.disabled]), E = e.useCallback(() => {
@@ -48,27 +49,27 @@ const I = e.forwardRef((n, y) => {
     {
       ref: i,
       className: v("k-expander", n.className, {
-        "k-expanded": o,
-        "k-focus": g && !t,
-        "k-disabled": t
+        "k-expanded": t,
+        "k-focus": g && !o,
+        "k-disabled": o
       }),
       onFocus: B,
       onBlur: R,
       style: n.style,
       id: n.id,
       dir: S(i, n.dir),
-      onKeyDown: t ? void 0 : h
+      onKeyDown: o ? void 0 : h
     },
     /* @__PURE__ */ e.createElement(
       "div",
       {
         role: "button",
         "aria-controls": n.ariaControls,
-        "aria-expanded": o,
-        "aria-disabled": t,
-        tabIndex: D(n.tabIndex, t),
+        "aria-expanded": t,
+        "aria-disabled": o,
+        tabIndex: D(n.tabIndex, o),
         className: "k-expander-header",
-        onClick: t ? void 0 : N
+        onClick: o ? void 0 : N
       },
       m !== void 0 ? /* @__PURE__ */ e.createElement("div", { className: "k-expander-title" }, m) : void 0,
       /* @__PURE__ */ e.createElement("span", { className: "k-spacer" }),
@@ -76,13 +77,13 @@ const I = e.forwardRef((n, y) => {
       /* @__PURE__ */ e.createElement("span", { className: "k-expander-indicator" }, /* @__PURE__ */ e.createElement(
         K,
         {
-          name: o ? c ? void 0 : "chevron-up" : d ? void 0 : "chevron-down",
-          icon: o ? !k && !c ? T : k : !f && !d ? A : f,
+          name: t ? d ? void 0 : "chevron-up" : c ? void 0 : "chevron-down",
+          icon: t ? !k && !d ? T : k : !f && !c ? A : f,
           className: v(
-            o ? {
-              [String(c)]: !!c
-            } : {
+            t ? {
               [String(d)]: !!d
+            } : {
+              [String(c)]: !!c
             }
           )
         }

package/expansionpanel/ExpansionPanelContent.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("@progress/kendo-react-common"),l=require("react");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=s(l),c=a.forwardRef((e,t)=>a.createElement("div",{ref:t,...e,className:o.classNames("k-expander-content-wrapper",e.className)},a.createElement("div",{className:"k-expander-content"},e.children)));c.displayName="KendoReactExpansionPanelContent";exports.ExpansionPanelContent=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@progress/kendo-react-common"),l=require("react");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=s(l),r=a.forwardRef((e,t)=>a.createElement("div",{ref:t,...e,className:o.classNames("k-expander-content-wrapper",e.className)},a.createElement("div",{className:"k-expander-content"},e.children)));r.displayName="KendoReactExpansionPanelContent";exports.ExpansionPanelContent=r;

package/expansionpanel/ExpansionPanelContent.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { classNames as t } from "@progress/kendo-react-common";
 import * as a from "react";
 const r = a.forwardRef(

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 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

@@ -5,26 +5,27 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as a from "react";
+"use client";
+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 c = a.forwardRef((t, g) => {
+const c = i.forwardRef((t, g) => {
   j(T);
-  const r = a.useRef(null), d = a.useCallback(
+  const r = i.useRef(null), d = i.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(
+  i.useImperativeHandle(g, d);
+  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 = a.useMemo(
+  ), l = i.useMemo(
     () => t.align && t.align.vertical ? t.align.vertical : o.vAlign,
     [t.align]
-  ), p = a.useMemo(
+  ), p = i.useMemo(
     () => A(
       "k-grid-layout",
       {
@@ -40,13 +41,13 @@ 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 = {
+  ), 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,
     ...u
   };
-  return /* @__PURE__ */ a.createElement("div", { ref: r, className: p, style: w, id: h || f }, y);
+  return /* @__PURE__ */ i.createElement("div", { ref: r, className: p, style: w, id: h || f }, y);
 }), o = {
   hAlign: "stretch",
   vAlign: "stretch",

package/gridlayout/GridLayoutItem.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 I=require("react"),o=require("prop-types"),R=require("../package-metadata.js"),l=require("@progress/kendo-react-common");function S(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=S(I),c=r.forwardRef((e,a)=>{l.validatePackage(R.packageMetadata);const t=r.useRef(null),n=r.useCallback(()=>({element:t.current}),[]);r.useImperativeHandle(a,n);const{className:u,style:d,id:p,children:m,row:y,col:f,rowSpan:s,colSpan:i}=e,g=l.useId(),b={gridArea:`${y||"auto"} / ${f||"auto"} / ${s?"span "+s:"auto"} / ${i?"span "+i:"auto"}`,...d};return r.createElement("div",{ref:t,className:u,style:b,id:p||g},m)});c.propTypes={className:o.string,style:o.object,children:o.any,id:o.string};c.displayName="KendoReactGridLayoutItem";exports.GridLayoutItem=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),o=require("prop-types"),R=require("../package-metadata.js"),l=require("@progress/kendo-react-common");function S(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=S(I),c=r.forwardRef((e,a)=>{l.validatePackage(R.packageMetadata);const t=r.useRef(null),n=r.useCallback(()=>({element:t.current}),[]);r.useImperativeHandle(a,n);const{className:u,style:d,id:p,children:m,row:y,col:f,rowSpan:s,colSpan:i}=e,g=l.useId(),b={gridArea:`${y||"auto"} / ${f||"auto"} / ${s?"span "+s:"auto"} / ${i?"span "+i:"auto"}`,...d};return r.createElement("div",{ref:t,className:u,style:b,id:p||g},m)});c.propTypes={className:o.string,style:o.object,children:o.any,id:o.string};c.displayName="KendoReactGridLayoutItem";exports.GridLayoutItem=c;

package/gridlayout/GridLayoutItem.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import t from "prop-types";
 import { packageMetadata as I } from "../package-metadata.mjs";