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

package/Button.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 D=require("react"),s=require("prop-types"),e=require("@progress/kendo-react-common"),H=require("./package-metadata.js");function K(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(c,o,l.get?l:{enumerable:!0,get:()=>n[o]})}}return c.default=n,Object.freeze(c)}const t=K(D);function W({imageUrl:n,name:c,iconClass:o,svgIcon:l,imageAlt:u,buttonClasses:a}){return n?t.createElement("img",{role:"presentation",className:e.classNames(e.uButton.icon({c:a})),alt:u,src:n}):c||l?t.createElement(e.IconWrap,{className:e.classNames(e.uButton.icon({c:a})),name:c,icon:l}):o?t.createElement("span",{role:"presentation",className:e.classNames(e.uButton.icon({c:a}),o)}):null}const p=t.forwardRef((n,c)=>{e.validatePackage(H.packageMetadata);const{children:o,togglable:l,dir:u,disabled:a,selected:i,icon:b,iconClass:v,svgIcon:y,imageUrl:N,imageAlt:M,className:I,startIcon:h,endIcon:B,onClick:C,size:P=f.size,rounded:S=f.rounded,fillMode:T=f.fillMode,themeColor:j=f.themeColor,...z}=n,q=()=>{l&&i===void 0&&(d.current=!r,E(!r))},w=g=>{q(),C&&C.call(void 0,g)},d=t.useRef(),k=t.useRef(null),[r,E]=t.useState(l===!0&&i===!0),A=y!==void 0||b!==void 0||v!==void 0||N!==void 0,U=o!==void 0,_=e.useUnstyled(),O=n.unstyled||_,m=O&&O.uButton;t.useImperativeHandle(c,()=>({element:k.current,selected:d.current!==void 0?d.current:r})),t.useMemo(()=>{l&&i!==void 0&&i!==r&&E(i)},[l,i]),t.useEffect(()=>{d.current=void 0},[r]);const x=W({name:b,svgIcon:y,iconClass:v,imageUrl:N,imageAlt:M,buttonClasses:m}),R=g=>t.cloneElement(g,{className:e.classNames(e.uButton.icon({c:m}))});return t.createElement("button",{ref:k,"aria-pressed":l?r:void 0,...z,dir:u,disabled:a,onClick:w,className:e.classNames(e.uButton.wrapper({c:m,isRtl:u==="rtl",selected:r,disabled:a,size:P,fillMode:T,rounded:S,themeColor:j,iconButton:!U&&A}),I)},h&&R(h),x,o&&t.createElement("span",{className:e.classNames(e.uButton.text({c:m}))},o),B&&R(B))}),f={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};p.displayName="KendoReactButton";p.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:e.svgIconPropType,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid","clear"]),themeColor:s.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};exports.Button=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),s=require("prop-types"),e=require("@progress/kendo-react-common");function H(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(c,o,l.get?l:{enumerable:!0,get:()=>n[o]})}}return c.default=n,Object.freeze(c)}const t=H(D);function K({imageUrl:n,name:c,iconClass:o,svgIcon:l,imageAlt:u,buttonClasses:a}){return n?t.createElement("img",{role:"presentation",className:e.classNames(e.uButton.icon({c:a})),alt:u,src:n}):c||l?t.createElement(e.IconWrap,{className:e.classNames(e.uButton.icon({c:a})),name:c,icon:l}):o?t.createElement("span",{role:"presentation",className:e.classNames(e.uButton.icon({c:a}),o)}):null}const p=t.forwardRef((n,c)=>{const{children:o,togglable:l,dir:u,disabled:a,selected:i,icon:b,iconClass:v,svgIcon:y,imageUrl:N,imageAlt:k,className:M,startIcon:h,endIcon:B,onClick:C,size:S=f.size,rounded:P=f.rounded,fillMode:T=f.fillMode,themeColor:j=f.themeColor,...z}=n,w=()=>{l&&i===void 0&&(d.current=!r,O(!r))},A=g=>{w(),C&&C.call(void 0,g)},d=t.useRef(),E=t.useRef(null),[r,O]=t.useState(l===!0&&i===!0),q=y!==void 0||b!==void 0||v!==void 0||N!==void 0,U=o!==void 0,_=e.useUnstyled(),R=n.unstyled||_,m=R&&R.uButton;t.useImperativeHandle(c,()=>({element:E.current,selected:d.current!==void 0?d.current:r})),t.useMemo(()=>{l&&i!==void 0&&i!==r&&O(i)},[l,i]),t.useEffect(()=>{d.current=void 0},[r]);const x=K({name:b,svgIcon:y,iconClass:v,imageUrl:N,imageAlt:k,buttonClasses:m}),I=g=>t.cloneElement(g,{className:e.classNames(e.uButton.icon({c:m}))});return t.createElement("button",{ref:E,"aria-pressed":l?r:void 0,...z,dir:u,disabled:a,onClick:A,className:e.classNames(e.uButton.wrapper({c:m,isRtl:u==="rtl",selected:r,disabled:a,size:S,fillMode:T,rounded:P,themeColor:j,iconButton:!U&&q}),M)},h&&I(h),x,o&&t.createElement("span",{className:e.classNames(e.uButton.text({c:m}))},o),B&&I(B))}),f={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};p.displayName="KendoReactButton";p.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:e.svgIconPropType,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid","clear"]),themeColor:s.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};exports.Button=p;

package/Button.mjs

@@ -7,27 +7,25 @@
  */
 import * as e from "react";
 import t from "prop-types";
-import { validatePackage as q, useUnstyled as D, classNames as c, uButton as i, svgIconPropType as F, IconWrap as G } from "@progress/kendo-react-common";
-import { packageMetadata as J } from "./package-metadata.mjs";
-function L({ imageUrl: a, name: d, iconClass: o, svgIcon: n, imageAlt: m, buttonClasses: r }) {
+import { useUnstyled as q, classNames as c, uButton as i, svgIconPropType as D, IconWrap as F } from "@progress/kendo-react-common";
+function G({ imageUrl: a, name: d, iconClass: o, svgIcon: n, imageAlt: u, buttonClasses: s }) {
   return a ? /* @__PURE__ */ e.createElement(
     "img",
     {
       role: "presentation",
-      className: c(i.icon({ c: r })),
-      alt: m,
+      className: c(i.icon({ c: s })),
+      alt: u,
       src: a
     }
-  ) : d || n ? /* @__PURE__ */ e.createElement(G, { className: c(i.icon({ c: r })), name: d, icon: n }) : o ? /* @__PURE__ */ e.createElement("span", { role: "presentation", className: c(i.icon({ c: r }), o) }) : null;
+  ) : d || n ? /* @__PURE__ */ e.createElement(F, { className: c(i.icon({ c: s })), name: d, icon: n }) : o ? /* @__PURE__ */ e.createElement("span", { role: "presentation", className: c(i.icon({ c: s }), o) }) : null;
 }
-const B = e.forwardRef((a, d) => {
-  q(J);
+const M = e.forwardRef((a, d) => {
   const {
     children: o,
     togglable: n,
-    dir: m,
-    disabled: r,
-    selected: s,
+    dir: u,
+    disabled: s,
+    selected: r,
     icon: v,
     iconClass: h,
     svgIcon: y,
@@ -38,59 +36,59 @@ const B = e.forwardRef((a, d) => {
     endIcon: E,
     onClick: N,
     size: O = p.size,
-    rounded: P = p.rounded,
-    fillMode: T = p.fillMode,
-    themeColor: w = p.themeColor,
-    ...x
+    rounded: T = p.rounded,
+    fillMode: w = p.fillMode,
+    themeColor: x = p.themeColor,
+    ...P
   } = a, S = () => {
-    n && s === void 0 && (u.current = !l, R(!l));
+    n && r === void 0 && (m.current = !l, R(!l));
   }, U = (g) => {
     S(), N && N.call(void 0, g);
-  }, u = e.useRef(), I = e.useRef(null), [l, R] = e.useState(n === !0 && s === !0), H = y !== void 0 || v !== void 0 || h !== void 0 || b !== void 0, K = o !== void 0, W = D(), k = a.unstyled || W, f = k && k.uButton;
+  }, m = e.useRef(), I = e.useRef(null), [l, R] = e.useState(n === !0 && r === !0), H = y !== void 0 || v !== void 0 || h !== void 0 || b !== void 0, K = o !== void 0, W = q(), k = a.unstyled || W, f = k && k.uButton;
   e.useImperativeHandle(d, () => ({
     element: I.current,
-    selected: u.current !== void 0 ? u.current : l
+    selected: m.current !== void 0 ? m.current : l
   })), e.useMemo(() => {
-    n && s !== void 0 && s !== l && R(s);
-  }, [n, s]), e.useEffect(() => {
-    u.current = void 0;
+    n && r !== void 0 && r !== l && R(r);
+  }, [n, r]), e.useEffect(() => {
+    m.current = void 0;
   }, [l]);
-  const j = L({
+  const j = G({
     name: v,
     svgIcon: y,
     iconClass: h,
     imageUrl: b,
     imageAlt: z,
     buttonClasses: f
-  }), M = (g) => e.cloneElement(g, { className: c(i.icon({ c: f })) });
+  }), B = (g) => e.cloneElement(g, { className: c(i.icon({ c: f })) });
   return /* @__PURE__ */ e.createElement(
     "button",
     {
       ref: I,
       "aria-pressed": n ? l : void 0,
-      ...x,
-      dir: m,
-      disabled: r,
+      ...P,
+      dir: u,
+      disabled: s,
       onClick: U,
       className: c(
         i.wrapper({
           c: f,
-          isRtl: m === "rtl",
+          isRtl: u === "rtl",
           selected: l,
-          disabled: r,
+          disabled: s,
           size: O,
-          fillMode: T,
-          rounded: P,
-          themeColor: w,
+          fillMode: w,
+          rounded: T,
+          themeColor: x,
           iconButton: !K && H
         }),
         A
       )
     },
-    C && M(C),
+    C && B(C),
     j,
     o && /* @__PURE__ */ e.createElement("span", { className: c(i.text({ c: f })) }, o),
-    E && M(E)
+    E && B(E)
   );
 }), p = {
   togglable: !1,
@@ -99,13 +97,13 @@ const B = e.forwardRef((a, d) => {
   fillMode: "solid",
   themeColor: "base"
 };
-B.displayName = "KendoReactButton";
-B.propTypes = {
+M.displayName = "KendoReactButton";
+M.propTypes = {
   children: t.node,
   selected: t.bool,
   togglable: t.bool,
   icon: t.string,
-  svgIcon: F,
+  svgIcon: D,
   iconClass: t.string,
   imageUrl: t.string,
   imageAlt: t.string,
@@ -129,5 +127,5 @@ B.propTypes = {
   ])
 };
 export {
-  B as Button
+  M as Button
 };

package/ButtonGroup.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"),s=require("prop-types"),u=require("@progress/kendo-react-common"),w=require("./package-metadata.js");function S(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const n=S(R),B=t=>{u.validatePackage(w.packageMetadata);const{children:l,className:r,dir:a,disabled:m,width:p}=t,P=u.useUnstyled(),g=t.unstyled||P,y=g&&g.uButtonGroup,j=e=>{const i=n.Children.count(e),d=a!==void 0?a==="rtl":b.current&&getComputedStyle(b.current).direction==="rtl"||!1;return n.Children.map(e,(o,c)=>{if(n.isValidElement(o)){const N=c===i-1,O=d,G=u.classNames(o.props.className,u.uButtonGroup.position({c:y,start:O?N:c===0,end:O?c===0:N}));return k(o,G)}return o})},k=(e,i)=>{const d={...p?{width:p}:{},...e.props.style||{}},o=m||e.props.disabled,c={...e.props,...i?{className:i}:{},...Object.keys(d).length?{style:d}:{},...o!==void 0?{disabled:o}:{}};return n.Children.count(e.props.children)>0?n.cloneElement(e,c,e.props.children):n.cloneElement(e,c)},b=n.useRef(null),v=j(l),f=u.classNames(u.uButtonGroup.wrapper({c:y,stretched:!!p,disabled:m}),r),C={className:f,style:{width:`${p}`},dir:a,role:"group","aria-disabled":m};return n.createElement("div",{ref:b,...C,className:f},v)};B.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};exports.ButtonGroup=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),s=require("prop-types"),a=require("@progress/kendo-react-common");function S(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,c.get?c:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const n=S(w),B=t=>{const{children:l,className:r,dir:c,disabled:m,width:p}=t,j=a.useUnstyled(),y=t.unstyled||j,f=y&&y.uButtonGroup,C=e=>{const i=n.Children.count(e),d=c!==void 0?c==="rtl":b.current&&getComputedStyle(b.current).direction==="rtl"||!1;return n.Children.map(e,(o,u)=>{if(n.isValidElement(o)){const N=u===i-1,O=d,v=a.classNames(o.props.className,a.uButtonGroup.position({c:f,start:O?N:u===0,end:O?u===0:N}));return G(o,v)}return o})},G=(e,i)=>{const d={...p?{width:p}:{},...e.props.style||{}},o=m||e.props.disabled,u={...e.props,...i?{className:i}:{},...Object.keys(d).length?{style:d}:{},...o!==void 0?{disabled:o}:{}};return n.Children.count(e.props.children)>0?n.cloneElement(e,u,e.props.children):n.cloneElement(e,u)},b=n.useRef(null),P=C(l),g=a.classNames(a.uButtonGroup.wrapper({c:f,stretched:!!p,disabled:m}),r),R={className:g,style:{width:`${p}`},dir:c,role:"group","aria-disabled":m};return n.createElement("div",{ref:b,...R,className:g},P)};B.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};exports.ButtonGroup=B;

package/ButtonGroup.mjs

@@ -7,52 +7,50 @@
  */
 import * as e from "react";
 import s from "prop-types";
-import { validatePackage as k, useUnstyled as O, classNames as g, uButtonGroup as N } from "@progress/kendo-react-common";
-import { packageMetadata as T } from "./package-metadata.mjs";
-const h = (i) => {
-  k(T);
-  const { children: B, className: C, dir: c, disabled: p, width: n } = i, v = O(), d = i.unstyled || v, m = d && d.uButtonGroup, w = (t) => {
-    const a = e.Children.count(t), l = c !== void 0 ? c === "rtl" : u.current && getComputedStyle(u.current).direction === "rtl" || !1;
-    return e.Children.map(t, (o, r) => {
+import { useUnstyled as P, classNames as g, uButtonGroup as N } from "@progress/kendo-react-common";
+const T = (i) => {
+  const { children: B, className: C, dir: c, disabled: p, width: r } = i, w = P(), d = i.unstyled || w, m = d && d.uButtonGroup, E = (t) => {
+    const l = e.Children.count(t), a = c !== void 0 ? c === "rtl" : u.current && getComputedStyle(u.current).direction === "rtl" || !1;
+    return e.Children.map(t, (o, n) => {
       if (e.isValidElement(o)) {
-        const b = r === a - 1, f = l, R = g(
+        const b = n === l - 1, f = a, O = g(
           o.props.className,
           N.position({
             c: m,
-            start: f ? b : r === 0,
-            end: f ? r === 0 : b
+            start: f ? b : n === 0,
+            end: f ? n === 0 : b
           })
         );
-        return E(o, R);
+        return G(o, O);
       }
       return o;
     });
-  }, E = (t, a) => {
-    const l = { ...n ? { width: n } : {}, ...t.props.style || {} }, o = p || t.props.disabled, r = {
+  }, G = (t, l) => {
+    const a = { ...r ? { width: r } : {}, ...t.props.style || {} }, o = p || t.props.disabled, n = {
       ...t.props,
-      ...a ? { className: a } : {},
-      ...Object.keys(l).length ? { style: l } : {},
+      ...l ? { className: l } : {},
+      ...Object.keys(a).length ? { style: a } : {},
       ...o !== void 0 ? { disabled: o } : {}
     };
-    return e.Children.count(t.props.children) > 0 ? e.cloneElement(t, r, t.props.children) : e.cloneElement(t, r);
-  }, u = e.useRef(null), G = w(B), y = g(
+    return e.Children.count(t.props.children) > 0 ? e.cloneElement(t, n, t.props.children) : e.cloneElement(t, n);
+  }, u = e.useRef(null), R = E(B), y = g(
     N.wrapper({
       c: m,
-      stretched: !!n,
+      stretched: !!r,
       disabled: p
     }),
     C
-  ), P = {
+  ), v = {
     className: y,
-    style: { width: `${n}` },
+    style: { width: `${r}` },
     dir: c,
     // Accessibility properties
     role: "group",
     "aria-disabled": p
   };
-  return /* @__PURE__ */ e.createElement("div", { ref: u, ...P, className: y }, G);
+  return /* @__PURE__ */ e.createElement("div", { ref: u, ...v, className: y }, R);
 };
-h.propTypes = {
+T.propTypes = {
   children: s.oneOfType([s.arrayOf(s.element), s.element]),
   className: s.string,
   disabled: s.bool,
@@ -60,5 +58,5 @@ h.propTypes = {
   dir: s.string
 };
 export {
-  h as ButtonGroup
+  T as ButtonGroup
 };

package/Chip/Chip.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 w=require("react"),c=require("prop-types"),h=require("./chip-list-contexts.js"),t=require("@progress/kendo-react-common"),M=require("@progress/kendo-svg-icons"),y=require("./focus-reducer.js"),z=require("./data-reducer.js"),N=require("./selection-reducer.js"),B=require("../package-metadata.js");function L(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(d,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return d.default=e,Object.freeze(d)}const a=L(w),O=a.forwardRef((e,d)=>{t.validatePackage(B.packageMetadata);const l=a.useRef(null),i=a.useRef(null),{disabled:I=o.disabled,fillMode:u=o.fillMode,themeColor:E=o.themeColor,size:g=o.size,rounded:k=o.rounded,dir:D=o.dir,removeIcon:T=o.removeIcon,removeSvgIcon:A=o.removeSvgIcon,removable:m=o.removable}=e,S=t.useDir(i,D);a.useImperativeHandle(l,()=>({element:i.current,props:e})),a.useImperativeHandle(d,()=>l.current);const[v,s]=a.useContext(h.ChipListSelectionContext),[x,r]=a.useContext(h.ChipListFocusContext),[,R]=a.useContext(h.ChipListDataContext),f=a.useMemo(()=>e.selected||(Array.isArray(v)?v.some(n=>n===e.value):v===e.value),[e.selected,e.value,v]),C=a.useMemo(()=>x===e.value,[e.value,x]);a.useEffect(()=>{C&&i.current&&i.current.focus()},[C]);const _=a.useCallback(n=>{s({type:N.SELECTION_ACTION.toggle,payload:e.value,event:n})},[s,e.value]),b=a.useCallback(n=>{m&&(R({type:z.CHIP_DATA_ACTION.remove,payload:e.value,event:n}),r({type:y.FOCUS_ACTION.reset,payload:e.value,event:n}),s({type:N.SELECTION_ACTION.remove,payload:e.value,event:n}),e.onRemove&&e.onRemove.call(void 0,{target:l.current,syntheticEvent:n}))},[e.onRemove,e.value,m,R,r,s]),F=a.useCallback(n=>{switch(n.keyCode){case t.Keys.left:r({type:y.FOCUS_ACTION.prev,payload:e.value,event:n});break;case t.Keys.right:r({type:y.FOCUS_ACTION.next,payload:e.value,event:n});break;case t.Keys.enter:s({type:N.SELECTION_ACTION.toggle,payload:e.value,event:n});break;case t.Keys.delete:b(n);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:l.current,syntheticEvent:n})},[e.onKeyDown,e.value,r,s,b]),P=a.useCallback(n=>{r({payload:e.value,type:y.FOCUS_ACTION.current,event:n}),e.onFocus&&e.onFocus.call(void 0,{target:l.current,syntheticEvent:n})},[e.onFocus,e.value,r]),K=a.useCallback(n=>{e.onBlur&&e.onBlur.call(void 0,{target:l.current,syntheticEvent:n})},[e.onBlur]),q=t.useMouse(e,l,{onClick:_});return a.createElement("div",{...q,role:e.role||"button",id:e.value,style:e.style,ref:i,dir:S,tabIndex:t.getTabIndex(e.tabIndex,I,void 0),className:t.classNames("k-chip",{"k-rtl":S==="rtl","k-disabled":I,"k-selected":f,"k-focus":C,[`k-chip-${t.kendoThemeMaps.sizeMap[g]||g}`]:g,[`k-rounded-${t.kendoThemeMaps.roundedMap[k]||k}`]:k,[`k-chip-${u}`]:u,[`k-chip-${u}-${E}`]:!!(u&&E)},e.className),"aria-pressed":e.role?void 0:f,"aria-disabled":I,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":m?"Enter Delete":void 0,onFocus:P,onBlur:K,onKeyDown:F},f&&(e.selectedIcon||e.selectedSvgIcon)&&a.createElement(t.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?t.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&a.createElement(t.IconWrap,{className:"k-chip-icon",name:e.icon?t.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&a.createElement("div",{className:`k-chip-avatar k-avatar k-rounded-${e.avatar.rounded} k-avatar-md k-avatar-solid k-avatar-solid-primary`,style:e.avatar.style},a.createElement("span",{className:"k-avatar-image"},a.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),a.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&a.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),m&&a.createElement("span",{className:"k-chip-actions"},a.createElement("span",{className:t.classNames("k-chip-action","k-chip-remove-action"),onClick:b},a.createElement(t.IconWrap,{name:T?t.toIconName(T):void 0,icon:A||M.xCircleIcon,size:"small"}))))}),$={id:c.string,text:c.string,value:c.any,dir:c.oneOf(["ltr","rtl"]),removable:c.bool,removeIcon:c.string,removeIconSvg:t.svgIconPropType,disabled:c.bool,icon:c.string,svgIcon:t.svgIconPropType,selectedIcon:c.string,selectedIconSvg:t.svgIconPropType,onRemove:c.func,dataItem:c.any,selected:c.bool,ariaDescribedBy:c.string,size:c.oneOf([null,"small","medium","large"]),rounded:c.oneOf([null,"small","medium","large","full"]),fillMode:c.oneOf([null,"outline","solid"]),themeColor:c.oneOf([null,"base","info","success","warning","error"])},o={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",removeSvgIcon:M.xCircleIcon,dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};O.displayName="KendoReactChip";O.propTypes=$;exports.Chip=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),c=require("prop-types"),k=require("./chip-list-contexts.js"),n=require("@progress/kendo-react-common"),D=require("@progress/kendo-svg-icons"),y=require("./focus-reducer.js"),q=require("./data-reducer.js"),N=require("./selection-reducer.js");function B(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(d,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return d.default=e,Object.freeze(d)}const a=B(z),O=a.forwardRef((e,d)=>{const l=a.useRef(null),i=a.useRef(null),{disabled:I=o.disabled,fillMode:u=o.fillMode,themeColor:E=o.themeColor,size:f=o.size,rounded:g=o.rounded,dir:A=o.dir,removeIcon:T=o.removeIcon,removeSvgIcon:M=o.removeSvgIcon,removable:m=o.removable}=e,S=n.useDir(i,A);a.useImperativeHandle(l,()=>({element:i.current,props:e})),a.useImperativeHandle(d,()=>l.current);const[v,r]=a.useContext(k.ChipListSelectionContext),[x,s]=a.useContext(k.ChipListFocusContext),[,R]=a.useContext(k.ChipListDataContext),C=a.useMemo(()=>e.selected||(Array.isArray(v)?v.some(t=>t===e.value):v===e.value),[e.selected,e.value,v]),b=a.useMemo(()=>x===e.value,[e.value,x]);a.useEffect(()=>{b&&i.current&&i.current.focus()},[b]);const _=a.useCallback(t=>{r({type:N.SELECTION_ACTION.toggle,payload:e.value,event:t})},[r,e.value]),h=a.useCallback(t=>{m&&(R({type:q.CHIP_DATA_ACTION.remove,payload:e.value,event:t}),s({type:y.FOCUS_ACTION.reset,payload:e.value,event:t}),r({type:N.SELECTION_ACTION.remove,payload:e.value,event:t}),e.onRemove&&e.onRemove.call(void 0,{target:l.current,syntheticEvent:t}))},[e.onRemove,e.value,m,R,s,r]),F=a.useCallback(t=>{switch(t.keyCode){case n.Keys.left:s({type:y.FOCUS_ACTION.prev,payload:e.value,event:t});break;case n.Keys.right:s({type:y.FOCUS_ACTION.next,payload:e.value,event:t});break;case n.Keys.enter:r({type:N.SELECTION_ACTION.toggle,payload:e.value,event:t});break;case n.Keys.delete:h(t);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:l.current,syntheticEvent:t})},[e.onKeyDown,e.value,s,r,h]),K=a.useCallback(t=>{s({payload:e.value,type:y.FOCUS_ACTION.current,event:t}),e.onFocus&&e.onFocus.call(void 0,{target:l.current,syntheticEvent:t})},[e.onFocus,e.value,s]),P=a.useCallback(t=>{e.onBlur&&e.onBlur.call(void 0,{target:l.current,syntheticEvent:t})},[e.onBlur]),w=n.useMouse(e,l,{onClick:_});return a.createElement("div",{...w,role:e.role||"button",id:e.value,style:e.style,ref:i,dir:S,tabIndex:n.getTabIndex(e.tabIndex,I,void 0),className:n.classNames("k-chip",{"k-rtl":S==="rtl","k-disabled":I,"k-selected":C,"k-focus":b,[`k-chip-${n.kendoThemeMaps.sizeMap[f]||f}`]:f,[`k-rounded-${n.kendoThemeMaps.roundedMap[g]||g}`]:g,[`k-chip-${u}`]:u,[`k-chip-${u}-${E}`]:!!(u&&E)},e.className),"aria-pressed":e.role?void 0:C,"aria-disabled":I,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":m?"Enter Delete":void 0,onFocus:K,onBlur:P,onKeyDown:F},C&&(e.selectedIcon||e.selectedSvgIcon)&&a.createElement(n.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?n.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&a.createElement(n.IconWrap,{className:"k-chip-icon",name:e.icon?n.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&a.createElement("div",{className:`k-chip-avatar k-avatar k-rounded-${e.avatar.rounded} k-avatar-md k-avatar-solid k-avatar-solid-primary`,style:e.avatar.style},a.createElement("span",{className:"k-avatar-image"},a.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),a.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&a.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),m&&a.createElement("span",{className:"k-chip-actions"},a.createElement("span",{className:n.classNames("k-chip-action","k-chip-remove-action"),onClick:h},a.createElement(n.IconWrap,{name:T?n.toIconName(T):void 0,icon:M||D.xCircleIcon,size:"small"}))))}),L={id:c.string,text:c.string,value:c.any,dir:c.oneOf(["ltr","rtl"]),removable:c.bool,removeIcon:c.string,removeIconSvg:n.svgIconPropType,disabled:c.bool,icon:c.string,svgIcon:n.svgIconPropType,selectedIcon:c.string,selectedIconSvg:n.svgIconPropType,onRemove:c.func,dataItem:c.any,selected:c.bool,ariaDescribedBy:c.string,size:c.oneOf([null,"small","medium","large"]),rounded:c.oneOf([null,"small","medium","large","full"]),fillMode:c.oneOf([null,"outline","solid"]),themeColor:c.oneOf([null,"base","info","success","warning","error"])},o={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",removeSvgIcon:D.xCircleIcon,dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};O.displayName="KendoReactChip";O.propTypes=L;exports.Chip=O;

package/Chip/Chip.mjs

@@ -8,47 +8,45 @@
 import * as a from "react";
 import l from "prop-types";
 import { ChipListSelectionContext as H, ChipListFocusContext as U, ChipListDataContext as W } from "./chip-list-contexts.mjs";
-import { validatePackage as j, useDir as q, Keys as u, useMouse as G, getTabIndex as J, classNames as T, kendoThemeMaps as O, IconWrap as I, toIconName as C, svgIconPropType as E } from "@progress/kendo-react-common";
+import { useDir as j, Keys as u, useMouse as q, getTabIndex as G, classNames as M, kendoThemeMaps as O, IconWrap as I, toIconName as C, svgIconPropType as E } from "@progress/kendo-react-common";
 import { xCircleIcon as w } from "@progress/kendo-svg-icons";
 import { FOCUS_ACTION as v } from "./focus-reducer.mjs";
-import { CHIP_DATA_ACTION as Q } from "./data-reducer.mjs";
+import { CHIP_DATA_ACTION as J } from "./data-reducer.mjs";
 import { SELECTION_ACTION as x } from "./selection-reducer.mjs";
-import { packageMetadata as V } from "../package-metadata.mjs";
 const z = a.forwardRef((e, A) => {
-  j(V);
   const c = a.useRef(null), d = a.useRef(null), {
     disabled: y = n.disabled,
     fillMode: r = n.fillMode,
     themeColor: N = n.themeColor,
     size: f = n.size,
-    rounded: k = n.rounded,
+    rounded: h = n.rounded,
     dir: B = n.dir,
     removeIcon: D = n.removeIcon,
     removeSvgIcon: F = n.removeSvgIcon,
     removable: s = n.removable
-  } = e, M = q(d, B);
+  } = e, R = j(d, B);
   a.useImperativeHandle(c, () => ({
     element: d.current,
     props: e
   })), a.useImperativeHandle(A, () => c.current);
-  const [m, i] = a.useContext(H), [R, o] = a.useContext(U), [, S] = a.useContext(W), h = a.useMemo(() => e.selected || (Array.isArray(m) ? m.some((t) => t === e.value) : m === e.value), [e.selected, e.value, m]), g = a.useMemo(() => R === e.value, [e.value, R]);
+  const [m, i] = a.useContext(H), [S, o] = a.useContext(U), [, T] = a.useContext(W), k = a.useMemo(() => e.selected || (Array.isArray(m) ? m.some((t) => t === e.value) : m === e.value), [e.selected, e.value, m]), b = a.useMemo(() => S === e.value, [e.value, S]);
   a.useEffect(() => {
-    g && d.current && d.current.focus();
-  }, [g]);
+    b && d.current && d.current.focus();
+  }, [b]);
   const K = a.useCallback(
     (t) => {
       i({ type: x.toggle, payload: e.value, event: t });
     },
     [i, e.value]
-  ), b = a.useCallback(
+  ), g = a.useCallback(
     (t) => {
-      s && (S({ type: Q.remove, payload: e.value, event: t }), o({ type: v.reset, payload: e.value, event: t }), i({ type: x.remove, payload: e.value, event: t }), e.onRemove && e.onRemove.call(void 0, {
+      s && (T({ type: J.remove, payload: e.value, event: t }), o({ type: v.reset, payload: e.value, event: t }), i({ type: x.remove, payload: e.value, event: t }), e.onRemove && e.onRemove.call(void 0, {
         target: c.current,
         syntheticEvent: t
       }));
     },
-    [e.onRemove, e.value, s, S, o, i]
-  ), P = a.useCallback(
+    [e.onRemove, e.value, s, T, o, i]
+  ), $ = a.useCallback(
     (t) => {
       switch (t.keyCode) {
         case u.left:
@@ -61,7 +59,7 @@ const z = a.forwardRef((e, A) => {
           i({ type: x.toggle, payload: e.value, event: t });
           break;
         case u.delete:
-          b(t);
+          g(t);
           break;
       }
       e.onKeyDown && e.onKeyDown.call(void 0, {
@@ -69,8 +67,8 @@ const z = a.forwardRef((e, A) => {
         syntheticEvent: t
       });
     },
-    [e.onKeyDown, e.value, o, i, b]
-  ), $ = a.useCallback(
+    [e.onKeyDown, e.value, o, i, g]
+  ), L = a.useCallback(
     (t) => {
       o({ payload: e.value, type: v.current, event: t }), e.onFocus && e.onFocus.call(void 0, {
         target: c.current,
@@ -78,7 +76,7 @@ const z = a.forwardRef((e, A) => {
       });
     },
     [e.onFocus, e.value, o]
-  ), L = a.useCallback(
+  ), P = a.useCallback(
     (t) => {
       e.onBlur && e.onBlur.call(void 0, {
         target: c.current,
@@ -86,7 +84,7 @@ const z = a.forwardRef((e, A) => {
       });
     },
     [e.onBlur]
-  ), _ = G(e, c, { onClick: K });
+  ), _ = q(e, c, { onClick: K });
   return /* @__PURE__ */ a.createElement(
     "div",
     {
@@ -95,31 +93,31 @@ const z = a.forwardRef((e, A) => {
       id: e.value,
       style: e.style,
       ref: d,
-      dir: M,
-      tabIndex: J(e.tabIndex, y, void 0),
-      className: T(
+      dir: R,
+      tabIndex: G(e.tabIndex, y, void 0),
+      className: M(
         "k-chip",
         {
-          "k-rtl": M === "rtl",
+          "k-rtl": R === "rtl",
           "k-disabled": y,
-          "k-selected": h,
-          "k-focus": g,
+          "k-selected": k,
+          "k-focus": b,
           [`k-chip-${O.sizeMap[f] || f}`]: f,
-          [`k-rounded-${O.roundedMap[k] || k}`]: k,
+          [`k-rounded-${O.roundedMap[h] || h}`]: h,
           [`k-chip-${r}`]: r,
           [`k-chip-${r}-${N}`]: !!(r && N)
         },
         e.className
       ),
-      "aria-pressed": e.role ? void 0 : h,
+      "aria-pressed": e.role ? void 0 : k,
       "aria-disabled": y,
       "aria-describedby": e.ariaDescribedBy,
       "aria-keyshortcuts": s ? "Enter Delete" : void 0,
-      onFocus: $,
-      onBlur: L,
-      onKeyDown: P
+      onFocus: L,
+      onBlur: P,
+      onKeyDown: $
     },
-    h && (e.selectedIcon || e.selectedSvgIcon) && /* @__PURE__ */ a.createElement(
+    k && (e.selectedIcon || e.selectedSvgIcon) && /* @__PURE__ */ a.createElement(
       I,
       {
         className: "k-chip-icon",
@@ -146,7 +144,7 @@ const z = a.forwardRef((e, A) => {
       /* @__PURE__ */ a.createElement("span", { className: "k-avatar-image" }, /* @__PURE__ */ a.createElement("img", { src: e.avatar.image, alt: e.avatar.imageAlt }))
     ),
     /* @__PURE__ */ a.createElement("span", { className: "k-chip-content" }, e.children !== void 0 ? e.children : e.text && /* @__PURE__ */ a.createElement("span", { "aria-label": e.ariaLabel || e.text, className: "k-chip-label" }, e.text)),
-    s && /* @__PURE__ */ a.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ a.createElement("span", { className: T("k-chip-action", "k-chip-remove-action"), onClick: b }, /* @__PURE__ */ a.createElement(
+    s && /* @__PURE__ */ a.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ a.createElement("span", { className: M("k-chip-action", "k-chip-remove-action"), onClick: g }, /* @__PURE__ */ a.createElement(
       I,
       {
         name: D ? C(D) : void 0,
@@ -155,7 +153,7 @@ const z = a.forwardRef((e, A) => {
       }
     )))
   );
-}), X = {
+}), Q = {
   id: l.string,
   text: l.string,
   value: l.any,
@@ -189,7 +187,7 @@ const z = a.forwardRef((e, A) => {
   themeColor: "base"
 };
 z.displayName = "KendoReactChip";
-z.propTypes = X;
+z.propTypes = Q;
 export {
   z as Chip
 };

package/Chip/ChipList.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 W=require("react"),t=require("prop-types"),o=require("@progress/kendo-react-common"),X=require("./selection-reducer.js"),Y=require("./focus-reducer.js"),Z=require("./data-reducer.js"),S=require("./Chip.js"),D=require("./chip-list-contexts.js"),V=require("../package-metadata.js");function ee(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const a=ee(W),te=(e,i,n)=>{i.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):i.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[l,c]=a.useState(e);return[l,u=>{const d=X.selectionReducer(i.state||l,{...u,...i});n&&n(d,u.event),i.selection!=="none"&&c(d)}]},ae=e=>{const[i,n]=a.useState(null);return[i,c=>{const h=Y.focusReducer(c.payload,{...c,...e});n(h)}]},ne=(e,i,n)=>{const[l,c]=a.useState(e);return[l,u=>{const d=Z.dataReducer(i.state||l,{...u,...i});n&&n(d,u.event),c(d)}]},x=a.forwardRef((e,i)=>{o.validatePackage(V.packageMetadata);const n=a.useRef(null),l=a.useRef(null),{id:c,style:h,tabIndex:u,className:d,ariaDescribedBy:q,ariaLabelledBy:T,ariaLabel:j,value:b,defaultData:z=r.defaultData,chip:R=r.chip,disabled:y=r.disabled,size:m=r.size,defaultValue:E=r.defaultValue,selection:k=r.selection,valueField:f=r.valueField,textField:O=r.textField,dir:N=r.dir,onChange:g,onDataChange:C}=e,F=o.useDir(l,N),w=a.useMemo(()=>R||S.Chip,[R,S.Chip]);a.useImperativeHandle(n,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>n.current);const A=a.useCallback((s,p)=>{g&&n.current&&g.call(void 0,{value:s,target:n.current,syntheticEvent:p})},[g]),[L,B]=te(b||E,{selection:k,state:b},A),_=a.useCallback((s,p)=>{C&&n.current&&C.call(void 0,{value:s,target:n.current,syntheticEvent:p})},[C]),[M,G]=ne(e.data||z,{state:e.data,valueField:f},_),I=a.useCallback((s,p)=>(s.push(p[f]),s),[f]),v=a.useMemo(()=>e.data||M,[e.data,M]),H=a.useMemo(()=>b||L,[b,L]),K=a.useMemo(()=>v.reduce(I,[]),[v,I]),P=a.useCallback(s=>o.getter(f)(s),[f]),$=a.useCallback(s=>o.getter(O)(s),[O]),[J,Q]=ae({items:K}),U=o.useMouse(e,n);return a.createElement(D.ChipListSelectionContext.Provider,{value:[H,B]},a.createElement(D.ChipListFocusContext.Provider,{value:[J,Q]},a.createElement(D.ChipListDataContext.Provider,{value:[v,G]},a.createElement("div",{ref:l,...U,role:y?void 0:"listbox",id:c,dir:F,style:h,tabIndex:o.getTabIndex(u,y,void 0),className:o.classNames("k-chip-list",{"k-rtl":F==="rtl","k-disabled":y,[`k-chip-list-${o.kendoThemeMaps.sizeMap[m]||m}`]:m},d),"aria-label":j,"aria-labelledby":T,"aria-describedby":q,"aria-orientation":"horizontal","aria-multiselectable":k==="multiple"},v.map((s,p)=>a.createElement(w,{role:"option",dataItem:s,size:m,key:[P(s),p].join("-"),text:$(s),value:P(s),ariaLabel:s.ariaLabel,svgIcon:s.svgIcon||void 0}))))))}),se={id:t.string,className:t.string,tabIndex:t.number,data:t.any,defaultData:t.arrayOf(t.any),onDataChange:t.func,value:t.oneOfType([t.any,t.arrayOf(t.any)]),defaultValue:t.oneOfType([t.any,t.arrayOf(t.any)]),onChange:t.func,selection:t.oneOf(["single","none","multiple"]),textField:t.string,valueField:t.string,disabled:t.bool,dir:t.oneOf(["ltr","rtl"]),ariaLabelledBy:t.string,ariaDescribedBy:t.string,size:t.oneOf([null,"small","medium","large"])},r={chip:S.Chip,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};x.displayName="KendoReactChipList";x.propTypes=se;exports.ChipList=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),t=require("prop-types"),p=require("@progress/kendo-react-common"),X=require("./selection-reducer.js"),Y=require("./focus-reducer.js"),Z=require("./data-reducer.js"),S=require("./Chip.js"),D=require("./chip-list-contexts.js");function V(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const a=V(W),ee=(e,i,n)=>{i.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):i.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[l,o]=a.useState(e);return[l,c=>{const u=X.selectionReducer(i.state||l,{...c,...i});n&&n(u,c.event),i.selection!=="none"&&o(u)}]},te=e=>{const[i,n]=a.useState(null);return[i,o=>{const h=Y.focusReducer(o.payload,{...o,...e});n(h)}]},ae=(e,i,n)=>{const[l,o]=a.useState(e);return[l,c=>{const u=Z.dataReducer(i.state||l,{...c,...i});n&&n(u,c.event),o(u)}]},x=a.forwardRef((e,i)=>{const n=a.useRef(null),l=a.useRef(null),{id:o,style:h,tabIndex:c,className:u,ariaDescribedBy:T,ariaLabelledBy:q,ariaLabel:j,value:b,defaultData:z=r.defaultData,chip:R=r.chip,disabled:y=r.disabled,size:m=r.size,defaultValue:E=r.defaultValue,selection:O=r.selection,valueField:f=r.valueField,textField:F=r.textField,dir:N=r.dir,onChange:C,onDataChange:g}=e,L=p.useDir(l,N),w=a.useMemo(()=>R||S.Chip,[R,S.Chip]);a.useImperativeHandle(n,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>n.current);const A=a.useCallback((s,d)=>{C&&n.current&&C.call(void 0,{value:s,target:n.current,syntheticEvent:d})},[C]),[k,B]=ee(b||E,{selection:O,state:b},A),_=a.useCallback((s,d)=>{g&&n.current&&g.call(void 0,{value:s,target:n.current,syntheticEvent:d})},[g]),[I,G]=ae(e.data||z,{state:e.data,valueField:f},_),M=a.useCallback((s,d)=>(s.push(d[f]),s),[f]),v=a.useMemo(()=>e.data||I,[e.data,I]),H=a.useMemo(()=>b||k,[b,k]),K=a.useMemo(()=>v.reduce(M,[]),[v,M]),P=a.useCallback(s=>p.getter(f)(s),[f]),$=a.useCallback(s=>p.getter(F)(s),[F]),[J,Q]=te({items:K}),U=p.useMouse(e,n);return a.createElement(D.ChipListSelectionContext.Provider,{value:[H,B]},a.createElement(D.ChipListFocusContext.Provider,{value:[J,Q]},a.createElement(D.ChipListDataContext.Provider,{value:[v,G]},a.createElement("div",{ref:l,...U,role:y?void 0:"listbox",id:o,dir:L,style:h,tabIndex:p.getTabIndex(c,y,void 0),className:p.classNames("k-chip-list",{"k-rtl":L==="rtl","k-disabled":y,[`k-chip-list-${p.kendoThemeMaps.sizeMap[m]||m}`]:m},u),"aria-label":j,"aria-labelledby":q,"aria-describedby":T,"aria-orientation":"horizontal","aria-multiselectable":O==="multiple"},v.map((s,d)=>a.createElement(w,{role:"option",dataItem:s,size:m,key:[P(s),d].join("-"),text:$(s),value:P(s),ariaLabel:s.ariaLabel,svgIcon:s.svgIcon||void 0}))))))}),ne={id:t.string,className:t.string,tabIndex:t.number,data:t.any,defaultData:t.arrayOf(t.any),onDataChange:t.func,value:t.oneOfType([t.any,t.arrayOf(t.any)]),defaultValue:t.oneOfType([t.any,t.arrayOf(t.any)]),onChange:t.func,selection:t.oneOf(["single","none","multiple"]),textField:t.string,valueField:t.string,disabled:t.bool,dir:t.oneOf(["ltr","rtl"]),ariaLabelledBy:t.string,ariaDescribedBy:t.string,size:t.oneOf([null,"small","medium","large"])},r={chip:S.Chip,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};x.displayName="KendoReactChipList";x.propTypes=ne;exports.ChipList=x;

package/Chip/ChipList.mjs

@@ -7,44 +7,42 @@
  */
 import * as t from "react";
 import e from "prop-types";
-import { validatePackage as W, useDir as X, getter as M, useMouse as Y, getTabIndex as Z, classNames as _, kendoThemeMaps as V } from "@progress/kendo-react-common";
-import { selectionReducer as ee } from "./selection-reducer.mjs";
-import { focusReducer as te } from "./focus-reducer.mjs";
-import { dataReducer as ae } from "./data-reducer.mjs";
+import { useDir as W, getter as O, useMouse as X, getTabIndex as Y, classNames as Z, kendoThemeMaps as _ } from "@progress/kendo-react-common";
+import { selectionReducer as V } from "./selection-reducer.mjs";
+import { focusReducer as ee } from "./focus-reducer.mjs";
+import { dataReducer as te } from "./data-reducer.mjs";
 import { Chip as D } from "./Chip.mjs";
-import { ChipListSelectionContext as ne, ChipListFocusContext as se, ChipListDataContext as ie } from "./chip-list-contexts.mjs";
-import { packageMetadata as le } from "../package-metadata.mjs";
-const re = (a, i, s) => {
+import { ChipListSelectionContext as ae, ChipListFocusContext as ne, ChipListDataContext as se } from "./chip-list-contexts.mjs";
+const ie = (a, i, s) => {
   i.selection === "multiple" ? Array.isArray(a) || (a = a ? [a] : null) : i.selection === "single" && Array.isArray(a) && (a = a ? a.join("") : null);
   const [l, o] = t.useState(a);
   return [l, (c) => {
-    const d = ee(i.state || l, { ...c, ...i });
+    const d = V(i.state || l, { ...c, ...i });
     s && s(d, c.event), i.selection !== "none" && o(d);
   }];
-}, oe = (a) => {
+}, le = (a) => {
   const [i, s] = t.useState(null);
   return [i, (o) => {
-    const m = te(o.payload, { ...o, ...a });
+    const m = ee(o.payload, { ...o, ...a });
     s(m);
   }];
-}, ce = (a, i, s) => {
+}, re = (a, i, s) => {
   const [l, o] = t.useState(a);
   return [l, (c) => {
-    const d = ae(i.state || l, { ...c, ...i });
+    const d = te(i.state || l, { ...c, ...i });
     s && s(d, c.event), o(d);
   }];
-}, O = t.forwardRef((a, i) => {
-  W(le);
+}, E = t.forwardRef((a, i) => {
   const s = t.useRef(null), l = t.useRef(null), {
     id: o,
     style: m,
     tabIndex: c,
     className: d,
-    ariaDescribedBy: E,
-    ariaLabelledBy: P,
-    ariaLabel: T,
+    ariaDescribedBy: M,
+    ariaLabelledBy: T,
+    ariaLabel: z,
     value: h,
-    defaultData: z = r.defaultData,
+    defaultData: P = r.defaultData,
     chip: g = r.chip,
     disabled: b = r.disabled,
     size: f = r.size,
@@ -55,7 +53,7 @@ const re = (a, i, s) => {
     dir: w = r.dir,
     onChange: y,
     onDataChange: C
-  } = a, F = X(l, w), A = t.useMemo(() => g || D, [g, D]);
+  } = a, F = W(l, w), A = t.useMemo(() => g || D, [g, D]);
   t.useImperativeHandle(s, () => ({
     element: l.current,
     props: a
@@ -69,7 +67,7 @@ const re = (a, i, s) => {
       });
     },
     [y]
-  ), [k, j] = re(
+  ), [L, j] = ie(
     h || N,
     {
       selection: x,
@@ -85,18 +83,18 @@ const re = (a, i, s) => {
       });
     },
     [C]
-  ), [L, H] = ce(
-    a.data || z,
+  ), [I, H] = re(
+    a.data || P,
     {
       state: a.data,
       valueField: p
     },
     G
-  ), I = t.useCallback(
+  ), R = t.useCallback(
     (n, u) => (n.push(u[p]), n),
     [p]
-  ), v = t.useMemo(() => a.data || L, [a.data, L]), K = t.useMemo(() => h || k, [h, k]), $ = t.useMemo(() => v.reduce(I, []), [v, I]), R = t.useCallback((n) => M(p)(n), [p]), q = t.useCallback((n) => M(S)(n), [S]), [J, Q] = oe({ items: $ }), U = Y(a, s);
-  return /* @__PURE__ */ t.createElement(ne.Provider, { value: [K, j] }, /* @__PURE__ */ t.createElement(se.Provider, { value: [J, Q] }, /* @__PURE__ */ t.createElement(ie.Provider, { value: [v, H] }, /* @__PURE__ */ t.createElement(
+  ), v = t.useMemo(() => a.data || I, [a.data, I]), K = t.useMemo(() => h || L, [h, L]), $ = t.useMemo(() => v.reduce(R, []), [v, R]), k = t.useCallback((n) => O(p)(n), [p]), q = t.useCallback((n) => O(S)(n), [S]), [J, Q] = le({ items: $ }), U = X(a, s);
+  return /* @__PURE__ */ t.createElement(ae.Provider, { value: [K, j] }, /* @__PURE__ */ t.createElement(ne.Provider, { value: [J, Q] }, /* @__PURE__ */ t.createElement(se.Provider, { value: [v, H] }, /* @__PURE__ */ t.createElement(
     "div",
     {
       ref: l,
@@ -105,19 +103,19 @@ const re = (a, i, s) => {
       id: o,
       dir: F,
       style: m,
-      tabIndex: Z(c, b, void 0),
-      className: _(
+      tabIndex: Y(c, b, void 0),
+      className: Z(
         "k-chip-list",
         {
           "k-rtl": F === "rtl",
           "k-disabled": b,
-          [`k-chip-list-${V.sizeMap[f] || f}`]: f
+          [`k-chip-list-${_.sizeMap[f] || f}`]: f
         },
         d
       ),
-      "aria-label": T,
-      "aria-labelledby": P,
-      "aria-describedby": E,
+      "aria-label": z,
+      "aria-labelledby": T,
+      "aria-describedby": M,
       "aria-orientation": "horizontal",
       "aria-multiselectable": x === "multiple"
     },
@@ -127,15 +125,15 @@ const re = (a, i, s) => {
         role: "option",
         dataItem: n,
         size: f,
-        key: [R(n), u].join("-"),
+        key: [k(n), u].join("-"),
         text: q(n),
-        value: R(n),
+        value: k(n),
         ariaLabel: n.ariaLabel,
         svgIcon: n.svgIcon || void 0
       }
     ))
   ))));
-}), de = {
+}), oe = {
   id: e.string,
   className: e.string,
   tabIndex: e.number,
@@ -165,8 +163,8 @@ const re = (a, i, s) => {
   valueField: "value",
   removable: "removable"
 };
-O.displayName = "KendoReactChipList";
-O.propTypes = de;
+E.displayName = "KendoReactChipList";
+E.propTypes = oe;
 export {
-  O as ChipList
+  E as ChipList
 };