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

package/bottomnavigation/BottomNavigation.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 T=require("react"),l=require("prop-types"),r=require("@progress/kendo-react-common"),_=require("../package-metadata.js"),N=require("./models/utils.js"),j=require("./BottomNavigationItem.js");function q(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(c,n,d.get?d:{enumerable:!0,get:()=>e[n]})}}return c.default=e,Object.freeze(c)}const o=q(T),f=o.forwardRef((e,c)=>{r.validatePackage(_.packageMetadata);const n=o.useRef(null),d=o.useCallback(()=>{n.current&&r.focusFirstFocusableChild(n.current)},[]),b=o.useCallback(()=>({element:n.current,focus:d}),[d]);o.useImperativeHandle(c,b);const{positionMode:k=s.positionMode,itemFlow:M=s.itemFlow,border:C=s.border,className:S,items:i,item:w,itemRender:I,disabled:g,style:E,id:h,onSelect:v,onKeyDown:O}=e,p=r.useId(),D=r.useDir(n,e.dir),u=o.useMemo(()=>e.fillMode===null||e.fill===null?null:e.fill||e.fillMode||s.fillMode,[e.fillMode,e.fill]),y=o.useMemo(()=>e.themeColor||s.themeColor,[e.themeColor]),P=o.useMemo(()=>r.classNames("k-bottom-nav",N.POSITION_MODE_CLASSES[k],N.ITEM_FLOW_CLASSES[M],{[`k-bottom-nav-${u}`]:u,[`k-bottom-nav-${u}-${y}`]:!!(u&&y),"k-bottom-nav-border":C,"k-disabled":g},S),[k,y,u,M,C,g,S]),m=o.useCallback((t,a)=>{i&&!i[a].disabled&&v&&r.dispatchEvent(v,t,b(),{itemTarget:i[a],itemIndex:a})},[i,v]),R=o.useCallback((t,a)=>{m(t,a)},[m]),F=o.useCallback((t,a)=>{switch(t.keyCode){case r.Keys.enter:case r.Keys.space:m(t,a),t.preventDefault();break}r.dispatchEvent(O,t,b(),void 0)},[m,O]);return o.createElement("nav",{ref:n,className:P,style:E,id:h||p,dir:D},i&&i.map((t,a)=>o.createElement(j.BottomNavigationItem,{...t,key:a,index:a,id:`${h||p}-${a}`,disabled:g||t.disabled,selected:t.selected,dataItem:t,item:w,render:I,onSelect:R,onKeyDown:F})))}),s={themeColor:"primary",fillMode:"flat",itemFlow:"vertical",positionMode:"fixed",border:!0};f.propTypes={className:l.string,style:l.object,id:l.string,dir:l.string,themeColor:l.oneOf(["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),fill:l.oneOf(["solid","flat"]),fillMode:l.oneOf(["solid","flat"]),itemFlow:l.oneOf(["vertical","horizontal"]),border:l.bool,disabled:l.bool,selected:l.number,onSelect:l.func};f.defaultProps=s;f.displayName="KendoReactBottomNavigation";exports.BottomNavigation=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react"),l=require("prop-types"),r=require("@progress/kendo-react-common"),_=require("../package-metadata.js"),p=require("./models/utils.js"),j=require("./BottomNavigationItem.js");function q(e){const s=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(s,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const o=q(T),y=o.forwardRef((e,s)=>{r.validatePackage(_.packageMetadata);const n=o.useRef(null),c=o.useCallback(()=>{n.current&&r.focusFirstFocusableChild(n.current)},[]),f=o.useCallback(()=>({element:n.current,focus:c}),[c]);o.useImperativeHandle(s,f);const{positionMode:k=u.positionMode,itemFlow:M=u.itemFlow,border:C=u.border,className:S,items:i,item:w,itemRender:I,disabled:b,style:E,id:h,onSelect:g,onKeyDown:O}=e,N=r.useId(),D=r.useDir(n,e.dir),d=o.useMemo(()=>e.fillMode===null||e.fill===null?null:e.fill||e.fillMode||u.fillMode,[e.fillMode,e.fill]),v=o.useMemo(()=>e.themeColor||u.themeColor,[e.themeColor]),R=o.useMemo(()=>r.classNames("k-bottom-nav",p.POSITION_MODE_CLASSES[k],p.ITEM_FLOW_CLASSES[M],{[`k-bottom-nav-${d}`]:d,[`k-bottom-nav-${d}-${v}`]:!!(d&&v),"k-bottom-nav-border":C,"k-disabled":b},S),[k,v,d,M,C,b,S]),m=o.useCallback((t,a)=>{i&&!i[a].disabled&&g&&r.dispatchEvent(g,t,f(),{itemTarget:i[a],itemIndex:a})},[i,g]),F=o.useCallback((t,a)=>{m(t,a)},[m]),P=o.useCallback((t,a)=>{switch(t.keyCode){case r.Keys.enter:case r.Keys.space:m(t,a),t.preventDefault();break}r.dispatchEvent(O,t,f(),void 0)},[m,O]);return o.createElement("nav",{ref:n,className:R,style:E,id:h||N,dir:D},i&&i.map((t,a)=>o.createElement(j.BottomNavigationItem,{...t,key:a,index:a,id:`${h||N}-${a}`,disabled:b||t.disabled,selected:t.selected,dataItem:t,item:w,render:I,onSelect:F,onKeyDown:P})))}),u={themeColor:"primary",fillMode:"flat",itemFlow:"vertical",positionMode:"fixed",border:!0};y.propTypes={className:l.string,style:l.object,id:l.string,dir:l.string,themeColor:l.oneOf(["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),fill:l.oneOf(["solid","flat"]),fillMode:l.oneOf(["solid","flat"]),itemFlow:l.oneOf(["vertical","horizontal"]),border:l.bool,disabled:l.bool,selected:l.number,onSelect:l.func};y.displayName="KendoReactBottomNavigation";exports.BottomNavigation=y;

package/bottomnavigation/BottomNavigation.mjs

@@ -8,61 +8,61 @@
 "use client";
 import * as t from "react";
 import o from "prop-types";
-import { validatePackage as P, focusFirstFocusableChild as T, useId as $, useDir as B, classNames as _, dispatchEvent as p, Keys as w } from "@progress/kendo-react-common";
+import { validatePackage as T, focusFirstFocusableChild as $, useId as B, useDir as P, classNames as _, dispatchEvent as S, Keys as w } from "@progress/kendo-react-common";
 import { packageMetadata as L } from "../package-metadata.mjs";
 import { POSITION_MODE_CLASSES as A, ITEM_FLOW_CLASSES as H } from "./models/utils.mjs";
 import { BottomNavigationItem as j } from "./BottomNavigationItem.mjs";
-const b = t.forwardRef((a, I) => {
-  P(L);
-  const s = t.useRef(null), v = t.useCallback(
+const I = t.forwardRef((a, p) => {
+  T(L);
+  const i = t.useRef(null), b = t.useCallback(
     () => {
-      s.current && T(s.current);
+      i.current && $(i.current);
     },
     []
   ), c = t.useCallback(
     () => ({
-      element: s.current,
-      focus: v
+      element: i.current,
+      focus: b
     }),
-    [v]
+    [b]
   );
-  t.useImperativeHandle(I, c);
+  t.useImperativeHandle(p, c);
   const {
-    positionMode: k = i.positionMode,
-    itemFlow: C = i.itemFlow,
-    border: M = i.border,
-    className: y,
+    positionMode: v = n.positionMode,
+    itemFlow: k = n.itemFlow,
+    border: C = n.border,
+    className: M,
     items: r,
     item: E,
     itemRender: N,
     disabled: m,
     style: O,
-    id: h,
+    id: y,
     onSelect: f,
-    onKeyDown: g
-  } = a, S = $(), F = B(s, a.dir), n = t.useMemo(
-    () => a.fillMode === null || a.fill === null ? null : a.fill || a.fillMode || i.fillMode,
+    onKeyDown: h
+  } = a, g = B(), F = P(i, a.dir), s = t.useMemo(
+    () => a.fillMode === null || a.fill === null ? null : a.fill || a.fillMode || n.fillMode,
     [a.fillMode, a.fill]
   ), u = t.useMemo(
-    () => a.themeColor || i.themeColor,
+    () => a.themeColor || n.themeColor,
     [a.themeColor]
   ), D = t.useMemo(
     () => _(
       "k-bottom-nav",
-      A[k],
-      H[C],
+      A[v],
+      H[k],
       {
-        [`k-bottom-nav-${n}`]: n,
-        [`k-bottom-nav-${n}-${u}`]: !!(n && u),
-        "k-bottom-nav-border": M,
+        [`k-bottom-nav-${s}`]: s,
+        [`k-bottom-nav-${s}-${u}`]: !!(s && u),
+        "k-bottom-nav-border": C,
         "k-disabled": m
       },
-      y
+      M
     ),
-    [k, u, n, C, M, m, y]
+    [v, u, s, k, C, m, M]
   ), d = t.useCallback(
     (e, l) => {
-      r && !r[l].disabled && f && p(
+      r && !r[l].disabled && f && S(
         f,
         e,
         c(),
@@ -86,22 +86,22 @@ const b = t.forwardRef((a, I) => {
           d(e, l), e.preventDefault();
           break;
       }
-      p(
-        g,
+      S(
+        h,
         e,
         c(),
         void 0
       );
     },
-    [d, g]
+    [d, h]
   );
   return /* @__PURE__ */ t.createElement(
     "nav",
     {
-      ref: s,
+      ref: i,
       className: D,
       style: O,
-      id: h || S,
+      id: y || g,
       dir: F
     },
     r && r.map((e, l) => /* @__PURE__ */ t.createElement(
@@ -110,7 +110,7 @@ const b = t.forwardRef((a, I) => {
         ...e,
         key: l,
         index: l,
-        id: `${h || S}-${l}`,
+        id: `${y || g}-${l}`,
         disabled: m || e.disabled,
         selected: e.selected,
         dataItem: e,
@@ -121,14 +121,14 @@ const b = t.forwardRef((a, I) => {
       }
     ))
   );
-}), i = {
+}), n = {
   themeColor: "primary",
   fillMode: "flat",
   itemFlow: "vertical",
   positionMode: "fixed",
   border: !0
 };
-b.propTypes = {
+I.propTypes = {
   className: o.string,
   style: o.object,
   id: o.string,
@@ -153,8 +153,7 @@ b.propTypes = {
   selected: o.number,
   onSelect: o.func
 };
-b.defaultProps = i;
-b.displayName = "KendoReactBottomNavigation";
+I.displayName = "KendoReactBottomNavigation";
 export {
-  b as BottomNavigation
+  I as BottomNavigation
 };

package/bottomnavigation/BottomNavigationItem.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 w=require("react"),a=require("prop-types"),r=require("@progress/kendo-react-common"),D=require("../package-metadata.js");function E(t){const c=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(c,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return c.default=t,Object.freeze(c)}const e=E(w),i=e.forwardRef((t,c)=>{r.validatePackage(D.packageMetadata);const n=e.useRef(null);e.useImperativeHandle(c,()=>({element:n.current}));const{className:l,style:I,selected:m,disabled:o,item:N,render:x,dataItem:P,icon:g,svgIcon:p,text:f,id:C,onSelect:d,onKeyDown:u,index:s,tabIndex:R}=t,j=e.useMemo(()=>r.classNames("k-bottom-nav-item",{"k-selected":m,"k-disabled":o},l),[m,o,l]),O=e.useCallback(b=>{d&&s!==void 0&&!o&&d(b,s)},[d,s,o]),S=e.useCallback(b=>{u&&s!==void 0&&!o&&u(b,s)},[u,s,o]),v=x,k=N,y=e.createElement("span",{ref:n,className:j,style:I,role:"link",id:C,tabIndex:R,onClick:O,onKeyDown:S,"aria-current":m,"aria-disabled":o},k?e.createElement(k,{itemIndex:s,item:P}):e.createElement(e.Fragment,null,(g||p)&&e.createElement(r.IconWrap,{className:"k-bottom-nav-item-icon",name:g,icon:p,size:"xlarge"}),f&&e.createElement("span",{className:"k-bottom-nav-item-text",style:{userSelect:"none"}},f)));return v!==void 0?v.call(void 0,y,t):y}),M={tabIndex:0};i.propTypes={className:a.string,style:a.object,id:a.string,disabled:a.bool,selected:a.bool,icon:a.string,svgIcon:r.svgIconPropType,text:a.string,tabIndex:a.number};i.defaultProps=M;i.displayName="KendoReactBottomNavigationItem";exports.BottomNavigationItem=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),a=require("prop-types"),r=require("@progress/kendo-react-common"),D=require("../package-metadata.js");function E(t){const s=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(s,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const e=E(w),b=e.forwardRef((t,s)=>{r.validatePackage(D.packageMetadata);const n=e.useRef(null);e.useImperativeHandle(s,()=>({element:n.current}));const{className:l,style:y,selected:i,disabled:o,item:N,render:x,dataItem:C,icon:g,svgIcon:p,text:f,id:P,onSelect:m,onKeyDown:d,index:c,tabIndex:R=M.tabIndex}=t,j=e.useMemo(()=>r.classNames("k-bottom-nav-item",{"k-selected":i,"k-disabled":o},l),[i,o,l]),O=e.useCallback(u=>{m&&c!==void 0&&!o&&m(u,c)},[m,c,o]),S=e.useCallback(u=>{d&&c!==void 0&&!o&&d(u,c)},[d,c,o]),v=x,I=N,k=e.createElement("span",{ref:n,className:j,style:y,role:"link",id:P,tabIndex:R,onClick:O,onKeyDown:S,"aria-current":i,"aria-disabled":o},I?e.createElement(I,{itemIndex:c,item:C}):e.createElement(e.Fragment,null,(g||p)&&e.createElement(r.IconWrap,{className:"k-bottom-nav-item-icon",name:g,icon:p,size:"xlarge"}),f&&e.createElement("span",{className:"k-bottom-nav-item-text",style:{userSelect:"none"}},f)));return v!==void 0?v.call(void 0,k,t):k}),M={tabIndex:0};b.propTypes={className:a.string,style:a.object,id:a.string,disabled:a.bool,selected:a.bool,icon:a.string,svgIcon:r.svgIconPropType,text:a.string,tabIndex:a.number};b.displayName="KendoReactBottomNavigationItem";exports.BottomNavigationItem=b;

package/bottomnavigation/BottomNavigationItem.mjs

@@ -8,74 +8,74 @@
 "use client";
 import * as e from "react";
 import t from "prop-types";
-import { validatePackage as K, classNames as D, svgIconPropType as T, IconWrap as h } from "@progress/kendo-react-common";
+import { validatePackage as P, classNames as D, svgIconPropType as T, IconWrap as h } from "@progress/kendo-react-common";
 import { packageMetadata as B } from "../package-metadata.mjs";
-const i = e.forwardRef((m, g) => {
-  K(B);
-  const r = e.useRef(null);
+const g = e.forwardRef((i, f) => {
+  P(B);
+  const m = e.useRef(null);
   e.useImperativeHandle(
-    g,
+    f,
     () => ({
-      element: r.current
+      element: m.current
     })
   );
   const {
-    className: d,
+    className: r,
     style: k,
-    selected: n,
+    selected: o,
     disabled: a,
     item: x,
     render: y,
     dataItem: N,
-    icon: p,
+    icon: d,
     svgIcon: b,
-    text: u,
+    text: p,
     id: C,
     onSelect: s,
     onKeyDown: l,
-    index: o,
-    tabIndex: E
-  } = m, P = e.useMemo(
+    index: n,
+    tabIndex: E = M.tabIndex
+  } = i, R = e.useMemo(
     () => D(
       "k-bottom-nav-item",
       {
-        "k-selected": n,
+        "k-selected": o,
         "k-disabled": a
       },
-      d
+      r
     ),
-    [n, a, d]
-  ), R = e.useCallback(
+    [o, a, r]
+  ), w = e.useCallback(
     (c) => {
-      s && o !== void 0 && !a && s(c, o);
+      s && n !== void 0 && !a && s(c, n);
     },
-    [s, o, a]
-  ), w = e.useCallback(
+    [s, n, a]
+  ), K = e.useCallback(
     (c) => {
-      l && o !== void 0 && !a && l(c, o);
+      l && n !== void 0 && !a && l(c, n);
     },
-    [l, o, a]
-  ), v = y, I = x, f = /* @__PURE__ */ e.createElement(
+    [l, n, a]
+  ), v = y, I = x, u = /* @__PURE__ */ e.createElement(
     "span",
     {
-      ref: r,
-      className: P,
+      ref: m,
+      className: R,
       style: k,
       role: "link",
       id: C,
       tabIndex: E,
-      onClick: R,
-      onKeyDown: w,
-      "aria-current": n,
+      onClick: w,
+      onKeyDown: K,
+      "aria-current": o,
       "aria-disabled": a
     },
-    I ? /* @__PURE__ */ e.createElement(I, { itemIndex: o, item: N }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (p || b) && /* @__PURE__ */ e.createElement(h, { className: "k-bottom-nav-item-icon", name: p, icon: b, size: "xlarge" }), u && /* @__PURE__ */ e.createElement("span", { className: "k-bottom-nav-item-text", style: { userSelect: "none" } }, u))
+    I ? /* @__PURE__ */ e.createElement(I, { itemIndex: n, item: N }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (d || b) && /* @__PURE__ */ e.createElement(h, { className: "k-bottom-nav-item-icon", name: d, icon: b, size: "xlarge" }), p && /* @__PURE__ */ e.createElement("span", { className: "k-bottom-nav-item-text", style: { userSelect: "none" } }, p))
   );
-  return v !== void 0 ? v.call(void 0, f, m) : f;
+  return v !== void 0 ? v.call(void 0, u, i) : u;
 }), M = {
   tabIndex: 0
 };
-i.propTypes = {
+g.propTypes = {
   className: t.string,
   style: t.object,
   id: t.string,
@@ -86,8 +86,7 @@ i.propTypes = {
   text: t.string,
   tabIndex: t.number
 };
-i.defaultProps = M;
-i.displayName = "KendoReactBottomNavigationItem";
+g.displayName = "KendoReactBottomNavigationItem";
 export {
-  i as BottomNavigationItem
+  g as BottomNavigationItem
 };

package/breadcrumb/Breadcrumb.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 B=require("react"),a=require("prop-types"),M=require("../package-metadata.js"),l=require("@progress/kendo-react-common"),h=require("./BreadcrumbListItem.js"),T=require("./BreadcrumbDelimiter.js"),q=require("./BreadcrumbLink.js"),R=require("./BreadcrumbOrderedList.js");function w(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,n.get?n:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const r=w(B),g=r.forwardRef((e,s)=>{l.validatePackage(M.packageMetadata);const i=r.useRef(null),n=r.useRef(null),y=r.useMemo(()=>e.breadcrumbOrderedList||R.BreadcrumbOrderedList,[e.breadcrumbOrderedList]),L=r.useMemo(()=>e.breadcrumbListItem||h.BreadcrumbListItem,[e.breadcrumbListItem]),O=r.useMemo(()=>e.breadcrumbDelimiter||T.BreadcrumbDelimiter,[e.breadcrumbDelimiter]),k=r.useMemo(()=>e.breadcrumbLink||q.BreadcrumbLink,[e.breadcrumbLink]),D=r.useCallback(()=>{n.current&&n.current.focus()},[n]),E=r.useMemo(()=>e.disabled||!1,[e.disabled]);r.useImperativeHandle(i,()=>({element:n.current,focus:D,props:e})),r.useImperativeHandle(s,()=>i.current);const f=l.useDir(n,e.dir),I=t=>{i.current&&l.dispatchEvent(e.onItemSelect,t,t.target,{id:t.target.id})},v=t=>{i.current&&l.dispatchEvent(e.onKeyDown,t,t.target,{id:t.target.id})},C=e.valueField||u.valueField,S=e.iconField||u.iconField,m=e.iconClassField||u.iconClassField,b=e.textField||u.textField,F=e.size||"medium";return r.createElement("nav",{"aria-label":e.ariaLabel,id:e.id,style:e.style,ref:n,dir:f,className:l.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":f==="rtl","k-disabled":E,"k-breadcrumb-md":!e.size,[`k-breadcrumb-${l.kendoThemeMaps.sizeMap[F]||F}`]:F},e.className)},r.createElement(y,{rootItem:!0},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c===0)return r.createElement(L,{key:o,isFirstItem:!0,isLastItem:d.length-1===c},r.createElement(k,{isLast:d.length-1===c,isFirst:!0,id:String(o),icon:t[S]||void 0,iconClass:t[m]?String(t[m]):void 0,text:t[b]?String(t[b]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))),r.createElement(y,{rootItem:!1},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c!==0)return r.createElement(L,{key:o,isFirstItem:!1,isLastItem:d.length-1===c},r.createElement(O,{dir:f}),r.createElement(k,{isLast:d.length-1===c,isFirst:!1,id:String(o),icon:t[S]||void 0,iconClass:t[m]?String(t[m]):void 0,text:t[b]?String(t[b]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))))}),P={id:a.string,style:a.object,className:a.string,breadcrumbOrderedList:a.elementType,breadcrumbListItem:a.elementType,breadcrumbDelimiter:a.elementType,breadcrumbLink:a.elementType,data:a.arrayOf(a.shape({id:a.string,text:a.string,icon:a.any,iconClass:a.string})),dir:a.oneOf(["ltr","rtl"]),disabled:a.bool,valueField:a.string,textField:a.string,iconField:a.string,iconClassField:a.string,onItemSelect:a.func,ariaLabel:a.string},u={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};g.displayName="KendoReactBreadcrumb";g.propTypes=P;g.defaultProps=u;exports.Breadcrumb=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),a=require("prop-types"),M=require("../package-metadata.js"),l=require("@progress/kendo-react-common"),h=require("./BreadcrumbListItem.js"),T=require("./BreadcrumbDelimiter.js"),q=require("./BreadcrumbLink.js"),R=require("./BreadcrumbOrderedList.js");function w(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,n.get?n:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const r=w(B),F=r.forwardRef((e,s)=>{l.validatePackage(M.packageMetadata);const i=r.useRef(null),n=r.useRef(null),y=r.useMemo(()=>e.breadcrumbOrderedList||R.BreadcrumbOrderedList,[e.breadcrumbOrderedList]),L=r.useMemo(()=>e.breadcrumbListItem||h.BreadcrumbListItem,[e.breadcrumbListItem]),O=r.useMemo(()=>e.breadcrumbDelimiter||T.BreadcrumbDelimiter,[e.breadcrumbDelimiter]),k=r.useMemo(()=>e.breadcrumbLink||q.BreadcrumbLink,[e.breadcrumbLink]),D=r.useCallback(()=>{n.current&&n.current.focus()},[n]),E=r.useMemo(()=>e.disabled||!1,[e.disabled]);r.useImperativeHandle(i,()=>({element:n.current,focus:D,props:e})),r.useImperativeHandle(s,()=>i.current);const g=l.useDir(n,e.dir),I=t=>{i.current&&l.dispatchEvent(e.onItemSelect,t,t.target,{id:t.target.id})},v=t=>{i.current&&l.dispatchEvent(e.onKeyDown,t,t.target,{id:t.target.id})},C=e.valueField||b.valueField,S=e.iconField||b.iconField,u=e.iconClassField||b.iconClassField,m=e.textField||b.textField,f=e.size||"medium";return r.createElement("nav",{"aria-label":e.ariaLabel,id:e.id,style:e.style,ref:n,dir:g,className:l.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":g==="rtl","k-disabled":E,"k-breadcrumb-md":!e.size,[`k-breadcrumb-${l.kendoThemeMaps.sizeMap[f]||f}`]:f},e.className)},r.createElement(y,{rootItem:!0},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c===0)return r.createElement(L,{key:o,isFirstItem:!0,isLastItem:d.length-1===c},r.createElement(k,{isLast:d.length-1===c,isFirst:!0,id:String(o),icon:t[S]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))),r.createElement(y,{rootItem:!1},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c!==0)return r.createElement(L,{key:o,isFirstItem:!1,isLastItem:d.length-1===c},r.createElement(O,{dir:g}),r.createElement(k,{isLast:d.length-1===c,isFirst:!1,id:String(o),icon:t[S]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))))}),j={id:a.string,style:a.object,className:a.string,breadcrumbOrderedList:a.elementType,breadcrumbListItem:a.elementType,breadcrumbDelimiter:a.elementType,breadcrumbLink:a.elementType,data:a.arrayOf(a.shape({id:a.string,text:a.string,icon:a.any,iconClass:a.string})),dir:a.oneOf(["ltr","rtl"]),disabled:a.bool,valueField:a.string,textField:a.string,iconField:a.string,iconClassField:a.string,onItemSelect:a.func,ariaLabel:a.string},b={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};F.displayName="KendoReactBreadcrumb";F.propTypes=j;exports.Breadcrumb=F;

package/breadcrumb/Breadcrumb.mjs

@@ -9,23 +9,23 @@
 import * as r from "react";
 import i from "prop-types";
 import { packageMetadata as M } from "../package-metadata.mjs";
-import { validatePackage as T, useDir as O, classNames as w, kendoThemeMaps as x, dispatchEvent as v } from "@progress/kendo-react-common";
+import { validatePackage as T, useDir as O, classNames as w, kendoThemeMaps as x, dispatchEvent as C } from "@progress/kendo-react-common";
 import { BreadcrumbListItem as B } from "./BreadcrumbListItem.mjs";
 import { BreadcrumbDelimiter as R } from "./BreadcrumbDelimiter.mjs";
 import { BreadcrumbLink as K } from "./BreadcrumbLink.mjs";
 import { BreadcrumbOrderedList as N } from "./BreadcrumbOrderedList.mjs";
-const f = r.forwardRef((e, E) => {
+const v = r.forwardRef((e, E) => {
   T(M);
-  const c = r.useRef(null), n = r.useRef(null), g = r.useMemo(
+  const s = r.useRef(null), n = r.useRef(null), f = r.useMemo(
     () => e.breadcrumbOrderedList || N,
     [e.breadcrumbOrderedList]
-  ), F = r.useMemo(
+  ), g = r.useMemo(
     () => e.breadcrumbListItem || B,
     [e.breadcrumbListItem]
   ), S = r.useMemo(
     () => e.breadcrumbDelimiter || R,
     [e.breadcrumbDelimiter]
-  ), L = r.useMemo(
+  ), F = r.useMemo(
     () => e.breadcrumbLink || K,
     [e.breadcrumbLink]
   ), D = r.useCallback(
@@ -37,16 +37,16 @@ const f = r.forwardRef((e, E) => {
     () => e.disabled || !1,
     [e.disabled]
   );
-  r.useImperativeHandle(c, () => ({
+  r.useImperativeHandle(s, () => ({
     element: n.current,
     focus: D,
     props: e
-  })), r.useImperativeHandle(E, () => c.current);
-  const u = O(n, e.dir), y = (t) => {
-    c.current && v(e.onItemSelect, t, t.target, { id: t.target.id });
-  }, I = (t) => {
-    c.current && v(e.onKeyDown, t, t.target, { id: t.target.id });
-  }, k = e.valueField || s.valueField, C = e.iconField || s.iconField, m = e.iconClassField || s.iconClassField, o = e.textField || s.textField, b = e.size || "medium";
+  })), r.useImperativeHandle(E, () => s.current);
+  const u = O(n, e.dir), L = (t) => {
+    s.current && C(e.onItemSelect, t, t.target, { id: t.target.id });
+  }, y = (t) => {
+    s.current && C(e.onKeyDown, t, t.target, { id: t.target.id });
+  }, I = e.valueField || o.valueField, k = e.iconField || o.iconField, c = e.iconClassField || o.iconClassField, m = e.textField || o.textField, b = e.size || "medium";
   return /* @__PURE__ */ r.createElement(
     "nav",
     {
@@ -66,38 +66,38 @@ const f = r.forwardRef((e, E) => {
         e.className
       )
     },
-    /* @__PURE__ */ r.createElement(g, { rootItem: !0 }, /* @__PURE__ */ r.createElement(r.Fragment, null, e.data.map((t, a, l) => {
-      const d = t[k];
+    /* @__PURE__ */ r.createElement(f, { rootItem: !0 }, /* @__PURE__ */ r.createElement(r.Fragment, null, e.data.map((t, a, l) => {
+      const d = t[I];
       if (a === 0)
         return /* @__PURE__ */ r.createElement(
-          F,
+          g,
           {
             key: d,
             isFirstItem: !0,
             isLastItem: l.length - 1 === a
           },
           /* @__PURE__ */ r.createElement(
-            L,
+            F,
             {
               isLast: l.length - 1 === a,
               isFirst: !0,
               id: String(d),
-              icon: t[C] || void 0,
-              iconClass: t[m] ? String(t[m]) : void 0,
-              text: t[o] ? String(t[o]) : void 0,
+              icon: t[k] || void 0,
+              iconClass: t[c] ? String(t[c]) : void 0,
+              text: t[m] ? String(t[m]) : void 0,
               disabled: t.disabled || !1,
-              onItemSelect: y,
-              onKeyDown: I,
+              onItemSelect: L,
+              onKeyDown: y,
               ...e
             }
           )
         );
     }))),
-    /* @__PURE__ */ r.createElement(g, { rootItem: !1 }, /* @__PURE__ */ r.createElement(r.Fragment, null, e.data.map((t, a, l) => {
-      const d = t[k];
+    /* @__PURE__ */ r.createElement(f, { rootItem: !1 }, /* @__PURE__ */ r.createElement(r.Fragment, null, e.data.map((t, a, l) => {
+      const d = t[I];
       if (a !== 0)
         return /* @__PURE__ */ r.createElement(
-          F,
+          g,
           {
             key: d,
             isFirstItem: !1,
@@ -105,17 +105,17 @@ const f = r.forwardRef((e, E) => {
           },
           /* @__PURE__ */ r.createElement(S, { dir: u }),
           /* @__PURE__ */ r.createElement(
-            L,
+            F,
             {
               isLast: l.length - 1 === a,
               isFirst: !1,
               id: String(d),
-              icon: t[C] || void 0,
-              iconClass: t[m] ? String(t[m]) : void 0,
-              text: t[o] ? String(t[o]) : void 0,
+              icon: t[k] || void 0,
+              iconClass: t[c] ? String(t[c]) : void 0,
+              text: t[m] ? String(t[m]) : void 0,
               disabled: t.disabled || !1,
-              onItemSelect: y,
-              onKeyDown: I,
+              onItemSelect: L,
+              onKeyDown: y,
               ...e
             }
           )
@@ -144,15 +144,14 @@ const f = r.forwardRef((e, E) => {
   iconClassField: i.string,
   onItemSelect: i.func,
   ariaLabel: i.string
-}, s = {
+}, o = {
   valueField: "id",
   textField: "text",
   iconField: "icon",
   iconClassField: "iconClass"
 };
-f.displayName = "KendoReactBreadcrumb";
-f.propTypes = z;
-f.defaultProps = s;
+v.displayName = "KendoReactBreadcrumb";
+v.propTypes = z;
 export {
-  f as Breadcrumb
+  v as Breadcrumb
 };

package/card/Card.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 g=require("react"),r=require("prop-types"),p=require("@progress/kendo-react-common"),o=require("./interfaces/Enums.js"),O=require("../package-metadata.js");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=R(g),i=a.forwardRef((e,n)=>{p.validatePackage(O.packageMetadata);const{children:t,dir:c,style:f,className:m,type:s,orientation:l,...y}=e,d=a.useRef(null),u=a.useRef(null);return a.useImperativeHandle(d,()=>({element:u.current,props:e})),a.useImperativeHandle(n,()=>d.current),a.createElement("div",{dir:c,style:f,ref:u,className:p.classNames("k-card",m,{[`k-card-${s}`]:s!==o.cardType.DEFAULT},l===null?void 0:l!==o.cardOrientation.HORIZONTAL?"k-card-vertical":"k-card-horizontal"),...y},t)});i.displayName="KendoReactCard";i.propTypes={children:r.node,className:r.string,dir:r.string,orientation:r.oneOf(["horizontal","vertical"]),style:r.object,type:r.oneOf(["default","primary","info","success","warning","error"])};i.defaultProps={type:o.cardType.DEFAULT,orientation:o.cardOrientation.VERTICAL};exports.Card=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),r=require("prop-types"),p=require("@progress/kendo-react-common"),o=require("./interfaces/Enums.js"),R=require("../package-metadata.js");function T(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=T(O),i=a.forwardRef((e,n)=>{p.validatePackage(R.packageMetadata);const{children:t,dir:c,style:m,className:y,type:s=f.type,orientation:l=f.orientation,...g}=e,d=a.useRef(null),u=a.useRef(null);return a.useImperativeHandle(d,()=>({element:u.current,props:e})),a.useImperativeHandle(n,()=>d.current),a.createElement("div",{dir:c,style:m,ref:u,className:p.classNames("k-card",y,{[`k-card-${s}`]:s!==o.cardType.DEFAULT},l===null?void 0:l!==o.cardOrientation.HORIZONTAL?"k-card-vertical":"k-card-horizontal"),...g},t)});i.displayName="KendoReactCard";i.propTypes={children:r.node,className:r.string,dir:r.string,orientation:r.oneOf(["horizontal","vertical"]),style:r.object,type:r.oneOf(["default","primary","info","success","warning","error"])};const f={type:o.cardType.DEFAULT,orientation:o.cardOrientation.VERTICAL};exports.Card=i;

package/card/Card.mjs

@@ -8,34 +8,42 @@
 "use client";
 import * as e from "react";
 import r from "prop-types";
-import { validatePackage as R, classNames as v } from "@progress/kendo-react-common";
+import { validatePackage as v, classNames as T } from "@progress/kendo-react-common";
 import { cardType as s, cardOrientation as l } from "./interfaces/Enums.mjs";
-import { packageMetadata as T } from "../package-metadata.mjs";
-const a = e.forwardRef((t, d) => {
-  R(T);
-  const { children: m, dir: p, style: f, className: u, type: o, orientation: n, ...y } = t, i = e.useRef(null), c = e.useRef(null);
-  return e.useImperativeHandle(i, () => ({
-    element: c.current,
+import { packageMetadata as g } from "../package-metadata.mjs";
+const d = e.forwardRef((t, p) => {
+  v(g);
+  const {
+    children: m,
+    dir: f,
+    style: u,
+    className: y,
+    type: a = c.type,
+    orientation: o = c.orientation,
+    ...R
+  } = t, n = e.useRef(null), i = e.useRef(null);
+  return e.useImperativeHandle(n, () => ({
+    element: i.current,
     props: t
-  })), e.useImperativeHandle(d, () => i.current), /* @__PURE__ */ e.createElement(
+  })), e.useImperativeHandle(p, () => n.current), /* @__PURE__ */ e.createElement(
     "div",
     {
-      dir: p,
-      style: f,
-      ref: c,
-      className: v(
+      dir: f,
+      style: u,
+      ref: i,
+      className: T(
         "k-card",
-        u,
-        { [`k-card-${o}`]: o !== s.DEFAULT },
-        n === null ? void 0 : n !== l.HORIZONTAL ? "k-card-vertical" : "k-card-horizontal"
+        y,
+        { [`k-card-${a}`]: a !== s.DEFAULT },
+        o === null ? void 0 : o !== l.HORIZONTAL ? "k-card-vertical" : "k-card-horizontal"
       ),
-      ...y
+      ...R
     },
     m
   );
 });
-a.displayName = "KendoReactCard";
-a.propTypes = {
+d.displayName = "KendoReactCard";
+d.propTypes = {
   children: r.node,
   className: r.string,
   dir: r.string,
@@ -43,10 +51,10 @@ a.propTypes = {
   style: r.object,
   type: r.oneOf(["default", "primary", "info", "success", "warning", "error"])
 };
-a.defaultProps = {
+const c = {
   type: s.DEFAULT,
   orientation: l.VERTICAL
 };
 export {
-  a as Card
+  d as Card
 };