@progress/kendo-react-buttons 8.6.0-develop.1 → 9.0.0-develop.10

package/Button.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 I=require("react"),l=require("prop-types"),t=require("@progress/kendo-react-common"),M=require("./package-metadata.js");function x(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>o[s]})}}return e.default=o,Object.freeze(e)}const c=x(I);function B({imageUrl:o,name:e,iconClass:s,svgIcon:n,imageAlt:r,buttonClasses:a}){return o?c.createElement("img",{role:"presentation",className:t.classNames(t.uButton.icon({c:a})),alt:r,src:o}):e||n?c.createElement(t.IconWrap,{className:t.classNames(t.uButton.icon({c:a})),name:e,icon:n}):s?c.createElement("span",{role:"presentation",className:t.classNames(t.uButton.icon({c:a}),s)}):null}const i=class i extends c.Component{constructor(e){super(e),this._element=null,this.handleClick=s=>{this.toggleIfApplicable(),this.props.onClick&&this.props.onClick.call(void 0,s)},t.validatePackage(M.packageMetadata),this.state={selected:this.props.togglable===!0&&this.props.selected===!0}}get element(){return this._element}get selected(){return this._selectedTemp!==void 0?this._selectedTemp:this.state.selected}static getDerivedStateFromProps(e,s){return e.togglable&&e.selected!==void 0&&e.selected!==s.selected?{selected:e.selected}:null}render(){const{children:e,togglable:s,icon:n,iconClass:r,svgIcon:a,imageUrl:p,imageAlt:b,className:v,startIcon:g,endIcon:h,onClick:S,size:C=i.defaultProps.size,rounded:N=i.defaultProps.rounded,fillMode:k=i.defaultProps.fillMode,themeColor:y=i.defaultProps.themeColor,...P}=this.props,O=a!==void 0||n!==void 0||r!==void 0||p!==void 0,T=e!==void 0,d=this.context&&this.context.uButton,E=B({name:n,svgIcon:a,iconClass:r,imageUrl:p,imageAlt:b,buttonClasses:d}),f=m=>c.cloneElement(m,{className:t.classNames(t.uButton.icon({c:d}))});return c.createElement("button",{ref:m=>this._element=m,"aria-pressed":s?this.state.selected:void 0,...P,onClick:this.handleClick,className:t.classNames(t.uButton.wrapper({c:d,isRtl:this.props.dir==="rtl",selected:this.state.selected,disabled:this.props.disabled,size:C,fillMode:k,rounded:N,themeColor:y,iconButton:!T&&O}),v)},g&&f(g),E,e&&c.createElement("span",{className:t.classNames(t.uButton.text({c:d}))},e),h&&f(h))}toggleIfApplicable(){if(this.props.togglable&&this.props.selected===void 0){const e=!this.state.selected;this._selectedTemp=e,this.setState({selected:e},()=>this._selectedTemp=void 0)}}};i.propTypes={children:l.node,selected:l.bool,togglable:l.bool,icon:l.string,svgIcon:t.svgIconPropType,iconClass:l.string,imageUrl:l.string,imageAlt:l.string,size:l.oneOf([null,"small","medium","large"]),rounded:l.oneOf([null,"small","medium","large","full"]),fillMode:l.oneOf([null,"flat","link","outline","solid","clear"]),themeColor:l.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])},i.defaultProps={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};let u=i;u.contextType=t.UnstyledContext;exports.Button=u;
+"use client";"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;

package/Button.mjs

@@ -6,116 +6,107 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as i from "react";
+import * as e from "react";
 import t from "prop-types";
-import { validatePackage as A, svgIconPropType as M, classNames as n, uButton as r, UnstyledContext as z, IconWrap as O } from "@progress/kendo-react-common";
-import { packageMetadata as w } from "./package-metadata.mjs";
-function R({ imageUrl: h, name: e, iconClass: s, svgIcon: c, imageAlt: a, buttonClasses: o }) {
-  return h ? /* @__PURE__ */ i.createElement(
+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: u, buttonClasses: s }) {
+  return a ? /* @__PURE__ */ e.createElement(
     "img",
     {
       role: "presentation",
-      className: n(r.icon({ c: o })),
-      alt: a,
-      src: h
+      className: c(i.icon({ c: s })),
+      alt: u,
+      src: a
     }
-  ) : e || c ? /* @__PURE__ */ i.createElement(O, { className: n(r.icon({ c: o })), name: e, icon: c }) : s ? /* @__PURE__ */ i.createElement("span", { role: "presentation", className: n(r.icon({ c: o }), s) }) : null;
+  ) : d || n ? /* @__PURE__ */ e.createElement(G, { 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 l = class l extends i.Component {
-  constructor(e) {
-    super(e), this._element = null, this.handleClick = (s) => {
-      this.toggleIfApplicable(), this.props.onClick && this.props.onClick.call(void 0, s);
-    }, A(w), this.state = { selected: this.props.togglable === !0 && this.props.selected === !0 };
-  }
-  /**
-   * Gets the DOM element of the Button component.
-   */
-  get element() {
-    return this._element;
-  }
-  /**
-   * Returns `true` when the component is togglable and selected ([see example]({% slug toggleable_button %})).
-   * Otherwise, returns `false`.
-   */
-  get selected() {
-    return this._selectedTemp !== void 0 ? this._selectedTemp : this.state.selected;
-  }
-  /**
-   * @hidden
-   */
-  static getDerivedStateFromProps(e, s) {
-    return e.togglable && e.selected !== void 0 && e.selected !== s.selected ? { selected: e.selected } : null;
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const {
-      children: e,
-      togglable: s,
-      icon: c,
-      iconClass: a,
-      svgIcon: o,
-      imageUrl: u,
-      imageAlt: b,
-      className: C,
-      startIcon: g,
-      endIcon: f,
-      onClick: S,
-      size: k = l.defaultProps.size,
-      rounded: E = l.defaultProps.rounded,
-      fillMode: P = l.defaultProps.fillMode,
-      themeColor: y = l.defaultProps.themeColor,
-      ...I
-    } = this.props, N = o !== void 0 || c !== void 0 || a !== void 0 || u !== void 0, T = e !== void 0, d = this.context && this.context.uButton, x = R({
-      name: c,
-      svgIcon: o,
-      iconClass: a,
-      imageUrl: u,
-      imageAlt: b,
-      buttonClasses: d
-    }), v = (m) => i.cloneElement(m, { className: n(r.icon({ c: d })) });
-    return /* @__PURE__ */ i.createElement(
-      "button",
-      {
-        ref: (m) => this._element = m,
-        "aria-pressed": s ? this.state.selected : void 0,
-        ...I,
-        onClick: this.handleClick,
-        className: n(
-          r.wrapper({
-            c: d,
-            isRtl: this.props.dir === "rtl",
-            selected: this.state.selected,
-            disabled: this.props.disabled,
-            size: k,
-            fillMode: P,
-            rounded: E,
-            themeColor: y,
-            iconButton: !T && N
-          }),
-          C
-        )
-      },
-      g && v(g),
-      x,
-      e && /* @__PURE__ */ i.createElement("span", { className: n(r.text({ c: d })) }, e),
-      f && v(f)
-    );
-  }
-  toggleIfApplicable() {
-    if (this.props.togglable && this.props.selected === void 0) {
-      const e = !this.state.selected;
-      this._selectedTemp = e, this.setState({ selected: e }, () => this._selectedTemp = void 0);
-    }
-  }
+const B = e.forwardRef((a, d) => {
+  q(J);
+  const {
+    children: o,
+    togglable: n,
+    dir: u,
+    disabled: s,
+    selected: r,
+    icon: v,
+    iconClass: h,
+    svgIcon: y,
+    imageUrl: b,
+    imageAlt: z,
+    className: A,
+    startIcon: C,
+    endIcon: E,
+    onClick: N,
+    size: O = p.size,
+    rounded: P = p.rounded,
+    fillMode: T = p.fillMode,
+    themeColor: w = p.themeColor,
+    ...x
+  } = a, S = () => {
+    n && r === void 0 && (m.current = !l, R(!l));
+  }, U = (g) => {
+    S(), N && N.call(void 0, g);
+  }, 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 = D(), k = a.unstyled || W, f = k && k.uButton;
+  e.useImperativeHandle(d, () => ({
+    element: I.current,
+    selected: m.current !== void 0 ? m.current : l
+  })), e.useMemo(() => {
+    n && r !== void 0 && r !== l && R(r);
+  }, [n, r]), e.useEffect(() => {
+    m.current = void 0;
+  }, [l]);
+  const j = L({
+    name: v,
+    svgIcon: y,
+    iconClass: h,
+    imageUrl: b,
+    imageAlt: z,
+    buttonClasses: f
+  }), M = (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: u,
+      disabled: s,
+      onClick: U,
+      className: c(
+        i.wrapper({
+          c: f,
+          isRtl: u === "rtl",
+          selected: l,
+          disabled: s,
+          size: O,
+          fillMode: T,
+          rounded: P,
+          themeColor: w,
+          iconButton: !K && H
+        }),
+        A
+      )
+    },
+    C && M(C),
+    j,
+    o && /* @__PURE__ */ e.createElement("span", { className: c(i.text({ c: f })) }, o),
+    E && M(E)
+  );
+}), p = {
+  togglable: !1,
+  size: "medium",
+  rounded: "medium",
+  fillMode: "solid",
+  themeColor: "base"
 };
-l.propTypes = {
+B.displayName = "KendoReactButton";
+B.propTypes = {
   children: t.node,
   selected: t.bool,
   togglable: t.bool,
   icon: t.string,
-  svgIcon: M,
+  svgIcon: F,
   iconClass: t.string,
   imageUrl: t.string,
   imageAlt: t.string,
@@ -137,15 +128,7 @@ l.propTypes = {
     "light",
     "inverse"
   ])
-}, l.defaultProps = {
-  togglable: !1,
-  size: "medium",
-  rounded: "medium",
-  fillMode: "solid",
-  themeColor: "base"
 };
-let p = l;
-p.contextType = z;
 export {
-  p as Button
+  B as Button
 };

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

package/ButtonGroup.mjs

@@ -6,80 +6,60 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
-import o from "prop-types";
-import { validatePackage as g, classNames as m, uButtonGroup as h } from "@progress/kendo-react-common";
-import { packageMetadata as f } from "./package-metadata.mjs";
-const u = class u extends r.Component {
-  constructor(t) {
-    super(t), this._element = null, g(f);
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { children: t, className: n, dir: p, disabled: s, unstyled: e, width: a } = this.props, c = e && e.uButtonGroup, l = this.mapButtons(t), i = m(
-      h.wrapper({
-        c,
-        stretched: !!a,
-        disabled: s
-      }),
-      n
-    ), d = {
-      className: i,
-      style: { width: `${a}` },
-      dir: p,
-      // Accessibility properties
-      role: "group",
-      "aria-disabled": s
-    };
-    return /* @__PURE__ */ r.createElement(
-      "div",
-      {
-        ref: (y) => {
-          this._element = y;
-        },
-        ...d,
-        className: i
-      },
-      l
-    );
-  }
-  mapButtons(t) {
-    const n = r.Children.count(t), p = this.props.dir !== void 0 ? this.props.dir === "rtl" : this._element && getComputedStyle(this._element).direction === "rtl" || !1;
-    return r.Children.map(t, (s, e) => {
-      if (r.isValidElement(s)) {
-        const { unstyled: a } = this.props, c = a && a.uButtonGroup, l = e === n - 1, i = p, d = m(
-          s.props.className,
-          h.position({
-            c,
-            start: i ? l : e === 0,
-            end: i ? e === 0 : l
+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: r } = 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, n) => {
+      if (e.isValidElement(o)) {
+        const b = n === a - 1, f = l, R = g(
+          o.props.className,
+          N.position({
+            c: m,
+            start: f ? b : n === 0,
+            end: f ? n === 0 : b
           })
         );
-        return this.renderButton(s, d);
+        return E(o, R);
       }
-      return s;
+      return o;
     });
-  }
-  renderButton(t, n) {
-    const p = { ...this.props.width ? { width: this.props.width } : {}, ...t.props.style || {} }, s = this.props.disabled || t.props.disabled, e = {
+  }, E = (t, a) => {
+    const l = { ...r ? { width: r } : {}, ...t.props.style || {} }, o = p || t.props.disabled, n = {
       ...t.props,
-      ...n ? { className: n } : {},
-      ...Object.keys(p).length ? { style: p } : {},
-      ...s !== void 0 ? { disabled: s } : {}
+      ...a ? { className: a } : {},
+      ...Object.keys(l).length ? { style: l } : {},
+      ...o !== void 0 ? { disabled: o } : {}
     };
-    return r.Children.count(t.props.children) > 0 ? r.cloneElement(t, e, t.props.children) : r.cloneElement(t, e);
-  }
+    return e.Children.count(t.props.children) > 0 ? e.cloneElement(t, n, t.props.children) : e.cloneElement(t, n);
+  }, u = e.useRef(null), G = w(B), y = g(
+    N.wrapper({
+      c: m,
+      stretched: !!r,
+      disabled: p
+    }),
+    C
+  ), P = {
+    className: y,
+    style: { width: `${r}` },
+    dir: c,
+    // Accessibility properties
+    role: "group",
+    "aria-disabled": p
+  };
+  return /* @__PURE__ */ e.createElement("div", { ref: u, ...P, className: y }, G);
 };
-u.propTypes = {
-  children: o.oneOfType([o.arrayOf(o.element), o.element]),
-  className: o.string,
-  disabled: o.bool,
-  width: o.string,
-  dir: o.string
+h.propTypes = {
+  children: s.oneOfType([s.arrayOf(s.element), s.element]),
+  className: s.string,
+  disabled: s.bool,
+  width: s.string,
+  dir: s.string
 };
-let b = u;
 export {
-  b as ButtonGroup
+  h as ButtonGroup
 };

package/Chip/Chip.mjs

@@ -32,19 +32,10 @@ const z = a.forwardRef((e, A) => {
     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]
-  );
-  a.useEffect(
-    () => {
-      g && d.current && d.current.focus();
-    },
-    [g]
-  );
+  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]);
+  a.useEffect(() => {
+    g && d.current && d.current.focus();
+  }, [g]);
   const K = a.useCallback(
     (t) => {
       i({ type: x.toggle, payload: e.value, event: t });
@@ -52,13 +43,10 @@ const z = a.forwardRef((e, A) => {
     [i, e.value]
   ), b = 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,
-        {
-          target: c.current,
-          syntheticEvent: 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, {
+        target: c.current,
+        syntheticEvent: t
+      }));
     },
     [e.onRemove, e.value, s, S, o, i]
   ), P = a.useCallback(
@@ -77,35 +65,26 @@ const z = a.forwardRef((e, A) => {
           b(t);
           break;
       }
-      e.onKeyDown && e.onKeyDown.call(
-        void 0,
-        {
-          target: c.current,
-          syntheticEvent: t
-        }
-      );
+      e.onKeyDown && e.onKeyDown.call(void 0, {
+        target: c.current,
+        syntheticEvent: t
+      });
     },
     [e.onKeyDown, e.value, o, i, b]
   ), $ = a.useCallback(
     (t) => {
-      o({ payload: e.value, type: v.current, event: t }), e.onFocus && e.onFocus.call(
-        void 0,
-        {
-          target: c.current,
-          syntheticEvent: t
-        }
-      );
+      o({ payload: e.value, type: v.current, event: t }), e.onFocus && e.onFocus.call(void 0, {
+        target: c.current,
+        syntheticEvent: t
+      });
     },
     [e.onFocus, e.value, o]
   ), L = a.useCallback(
     (t) => {
-      e.onBlur && e.onBlur.call(
-        void 0,
-        {
-          target: c.current,
-          syntheticEvent: t
-        }
-      );
+      e.onBlur && e.onBlur.call(void 0, {
+        target: c.current,
+        syntheticEvent: t
+      });
     },
     [e.onBlur]
   ), _ = G(e, c, { onClick: K });
@@ -165,22 +144,9 @@ const z = a.forwardRef((e, A) => {
         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
       },
-      /* @__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-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
-    )),
+    /* @__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(
       I,
       {

package/Chip/ChipList.mjs

@@ -56,10 +56,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 = X(l, w), A = t.useMemo(() => g || D, [g, D]);
   t.useImperativeHandle(s, () => ({
     element: l.current,
     props: a
@@ -99,22 +96,7 @@ const re = (a, i, s) => {
   ), I = 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);
+  ), 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(
     "div",
     {

package/Chip/chip-list-contexts.mjs

@@ -7,10 +7,19 @@
  */
 "use client";
 import t from "react";
-const o = t.createContext([null, (e) => {
-}]), s = t.createContext([null, (e) => {
-}]), a = t.createContext([null, (e) => {
-}]);
+const o = t.createContext([
+  null,
+  (e) => {
+  }
+]), s = t.createContext([
+  null,
+  (e) => {
+  }
+]), a = t.createContext([
+  null,
+  (e) => {
+  }
+]);
 export {
   a as ChipListDataContext,
   s as ChipListFocusContext,

package/FloatingActionButton/FloatingActionButton.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 ke=require("react"),n=require("prop-types"),a=require("@progress/kendo-react-common"),ye=require("./FloatingActionButtonItem.js"),he=require("../package-metadata.js"),K=require("./utils.js"),Ce=require("@progress/kendo-react-popup");function ve(d){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const r in d)if(r!=="default"){const k=Object.getOwnPropertyDescriptor(d,r);Object.defineProperty(g,r,k.get?k:{enumerable:!0,get:()=>d[r]})}}return g.default=d,Object.freeze(g)}const t=ve(ke),Ie=2,Ee=100,z=t.forwardRef((d,g)=>{a.validatePackage(he.packageMetadata);const{align:r=C.align,alignOffset:k,className:B,disabled:f,icon:O,svgIcon:w,iconClass:$,id:j,items:s,item:Y,text:v,positionMode:A=C.positionMode,size:I=C.size,style:ee,rounded:E=C.rounded,themeColor:F=C.themeColor,overlayStyle:te,tabIndex:ae,accessKey:ne,popupSettings:D={},modal:oe,onClick:P,onItemClick:q,onFocus:R,onBlur:_,onKeyDown:W,onOpen:Z,onClose:H,...se}=d,L=a.useZIndexContext(),X=L?L+Ie:Ee,U=t.useRef(null),i=t.useRef(null),le=t.useRef(null),ie=t.useRef(null),G=t.useCallback(()=>{i.current&&i.current.focus()},[]),p=t.useCallback(()=>({element:i.current,focus:G}),[G]);t.useImperativeHandle(U,p),t.useImperativeHandle(g,()=>U.current);const[c,u]=t.useState(!1),[x,m]=t.useState(!1),[y,l]=t.useState(-1),re=a.useId()+"-button-id",M=a.useDir(i,d.dir),h=M==="rtl",N=a.useId()+"-list-id";t.useEffect(()=>{K.position(i,r,k,h)},[i,r,k,h]),t.useEffect(()=>{x&&i&&i.current&&i.current.focus()},[x,i]);const b=t.useCallback((e,o)=>{s&&a.dispatchEvent(o?Z:H,e,p(),void 0)},[Z,H,s]),J=t.useCallback(e=>{!e.target||f||(!s&&P?a.dispatchEvent(P,e,p(),void 0):(u(!c),m(!0),l(c?-1:0),b(e,!c)))},[u,m,l,P,b,c,s,f]),ce=t.useCallback(e=>{m(!0),l(c?0:-1),R&&a.dispatchEvent(R,e,p(),void 0)},[R,m,l]),ue=t.useCallback(e=>{m(!1),u(!1),l(-1),a.dispatchEvent(_,e,p(),void 0),c&&b(e,!1)},[_,m,u,l,b]),de=t.useCallback(e=>{e.preventDefault()},[]),S=t.useCallback((e,o)=>{s&&(s[o].disabled||a.dispatchEvent(q,e,p(),{itemProps:s[o],itemIndex:o}))},[q]),fe=t.useCallback((e,o)=>{!e.target||!s||(l(o),u(!1),S(e,o),b(e,!1))},[l,u,S,b]),pe=t.useCallback(e=>{a.getActiveElement(document)===i.current&&e.preventDefault()},[i]),me=t.useCallback(e=>{const o=y,T=s?s.length:-1;if(e.altKey){!c&&e.keyCode===a.Keys.down&&(e.preventDefault(),u(!0),l(0)),c&&e.keyCode===a.Keys.up&&(e.preventDefault(),u(!1),l(-1));return}switch(e.keyCode){case a.Keys.enter:case a.Keys.space:o>=0&&S(e,o),s||J(e),e.preventDefault(),u(!c),l(c?-1:0);break;case a.Keys.esc:e.preventDefault(),u(!1),l(-1);break;case a.Keys.home:e.preventDefault(),l(0);break;case a.Keys.end:e.preventDefault(),l(T-1);break;case a.Keys.down:case a.Keys.right:e.preventDefault(),l(o+1>=T?0:o+1);break;case a.Keys.up:case a.Keys.left:e.preventDefault(),l(o-1<0?T-1:o-1);break}a.dispatchEvent(W,e,p(),void 0)},[W,y,l,h,u]),be=t.useMemo(()=>a.classNames("k-fab k-fab-solid",{"k-fab-sm":I==="small","k-fab-md":I==="medium","k-fab-lg":I==="large","k-disabled":f,"k-pos-absolute":A==="absolute","k-pos-fixed":A==="fixed","k-focus":x,[`k-rounded-${a.kendoThemeMaps.roundedMap[E]||E}`]:E,[`k-fab-solid-${F}`]:F},`k-${r.vertical}-${r.horizontal}`,B),[F,I,E,f,A,r,x,B]),ge=s&&s.map((e,o)=>t.createElement(ye.FloatingActionButtonItem,{...e,key:o,index:o,id:`${N}-${o}`,disabled:f||e.disabled,focused:y===o,dataItem:e,item:Y,className:a.classNames(e.className,K.getTextDirectionClass(M||"ltr",r.horizontal)),onClick:fe,onDown:pe})),Q=!!((O||w)&&!v),V=(i.current?i.current.offsetWidth:0)/2-32/2;return t.createElement(a.ZIndexContext.Provider,{value:X},t.createElement(t.Fragment,null,t.createElement("button",{ref:i,id:j||re,role:"button",type:"button","aria-disabled":f,"aria-expanded":s?c:void 0,"aria-haspopup":!!s,"aria-label":`${v||""} floatingactionbutton`,"aria-owns":s?N:void 0,"aria-activedescendant":y>=0&&s?`${N}-${y}`:void 0,tabIndex:a.getTabIndex(ae,f),accessKey:ne,dir:M,disabled:f,className:be,style:ee,onClick:J,onMouseDown:de,onFocus:ce,onBlur:ue,onKeyDown:me,...se},O||w?t.createElement(a.IconWrap,{className:"k-fab-icon",name:O,icon:w}):$?t.createElement("span",{role:"presentation",className:$}):null,v&&t.createElement("span",{className:"k-fab-text"},v)),oe&&c&&t.createElement("div",{className:"k-overlay",style:{zIndex:X,...te}}),t.createElement(Ce.Popup,{ref:ie,anchor:i.current,show:c,animate:D.animate,popupClass:a.classNames("k-popup-transparent k-fab-popup",D.popupClass),anchorAlign:D.anchorAlign||K.getAnchorAlign(r,h),popupAlign:D.popupAlign||K.getPopupAlign(r,h),style:{boxShadow:"none"}},t.createElement("ul",{ref:le,role:"menu","aria-labelledby":j,id:N,className:a.classNames("k-fab-items",{"k-fab-items-bottom":r.vertical!=="bottom","k-fab-items-top":r.vertical==="bottom"}),style:{paddingLeft:Q?V:void 0,paddingRight:Q?V:void 0}},ge))))});z.propTypes={className:n.string,style:n.object,id:n.string,dir:n.string,tabIndex:n.number,accessKey:n.string,disabled:n.bool,icon:n.string,svgIcon:a.svgIconPropType,iconClass:n.string,text:n.string,alignOffset:n.shape({x:n.oneOfType([n.number,n.string]),y:n.oneOfType([n.number,n.string])}),align:n.shape({vertical:n.oneOf(["top","middle","bottom"]),horizontal:n.oneOf(["start","center","end"])}),positionMode:n.oneOf(["absolute","fixed"]),size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),themeColor:n.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:n.bool,overlayStyle:n.object};const C={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};z.displayName="KendoFloatingActionButton";exports.FloatingActionButton=z;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ke=require("react"),n=require("prop-types"),a=require("@progress/kendo-react-common"),ye=require("./FloatingActionButtonItem.js"),he=require("../package-metadata.js"),K=require("./utils.js"),Ce=require("@progress/kendo-react-popup");function ve(d){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const r in d)if(r!=="default"){const k=Object.getOwnPropertyDescriptor(d,r);Object.defineProperty(g,r,k.get?k:{enumerable:!0,get:()=>d[r]})}}return g.default=d,Object.freeze(g)}const t=ve(ke),Ie=2,Ee=100,q=t.forwardRef((d,g)=>{a.validatePackage(he.packageMetadata);const{align:r=C.align,alignOffset:k,className:z,disabled:f,icon:O,svgIcon:R,iconClass:B,id:$,items:s,item:Y,text:v,positionMode:w=C.positionMode,size:I=C.size,style:ee,rounded:E=C.rounded,themeColor:A=C.themeColor,overlayStyle:te,tabIndex:ae,accessKey:ne,popupSettings:D={},modal:oe,onClick:F,onItemClick:j,onFocus:P,onBlur:_,onKeyDown:W,onOpen:Z,onClose:H,...se}=d,L=a.useZIndexContext(),X=L?L+Ie:Ee,U=t.useRef(null),i=t.useRef(null),le=t.useRef(null),ie=t.useRef(null),G=t.useCallback(()=>{i.current&&i.current.focus()},[]),p=t.useCallback(()=>({element:i.current,focus:G}),[G]);t.useImperativeHandle(U,p),t.useImperativeHandle(g,()=>U.current);const[c,u]=t.useState(!1),[x,m]=t.useState(!1),[y,l]=t.useState(-1),re=a.useId()+"-button-id",M=a.useDir(i,d.dir),h=M==="rtl",N=a.useId()+"-list-id";t.useEffect(()=>{K.position(i,r,k,h)},[i,r,k,h]),t.useEffect(()=>{x&&i&&i.current&&i.current.focus()},[x,i]);const b=t.useCallback((e,o)=>{s&&a.dispatchEvent(o?Z:H,e,p(),void 0)},[Z,H,s]),J=t.useCallback(e=>{!e.target||f||(!s&&F?a.dispatchEvent(F,e,p(),void 0):(u(!c),m(!0),l(c?-1:0),b(e,!c)))},[u,m,l,F,b,c,s,f]),ce=t.useCallback(e=>{m(!0),l(c?0:-1),P&&a.dispatchEvent(P,e,p(),void 0)},[P,m,l]),ue=t.useCallback(e=>{m(!1),u(!1),l(-1),a.dispatchEvent(_,e,p(),void 0),c&&b(e,!1)},[_,m,u,l,b]),de=t.useCallback(e=>{e.preventDefault()},[]),S=t.useCallback((e,o)=>{s&&(s[o].disabled||a.dispatchEvent(j,e,p(),{itemProps:s[o],itemIndex:o}))},[j]),fe=t.useCallback((e,o)=>{!e.target||!s||(l(o),u(!1),S(e,o),b(e,!1))},[l,u,S,b]),pe=t.useCallback(e=>{a.getActiveElement(document)===i.current&&e.preventDefault()},[i]),me=t.useCallback(e=>{const o=y,T=s?s.length:-1;if(e.altKey){!c&&e.keyCode===a.Keys.down&&(e.preventDefault(),u(!0),l(0)),c&&e.keyCode===a.Keys.up&&(e.preventDefault(),u(!1),l(-1));return}switch(e.keyCode){case a.Keys.enter:case a.Keys.space:o>=0&&S(e,o),s||J(e),e.preventDefault(),u(!c),l(c?-1:0);break;case a.Keys.esc:e.preventDefault(),u(!1),l(-1);break;case a.Keys.home:e.preventDefault(),l(0);break;case a.Keys.end:e.preventDefault(),l(T-1);break;case a.Keys.down:case a.Keys.right:e.preventDefault(),l(o+1>=T?0:o+1);break;case a.Keys.up:case a.Keys.left:e.preventDefault(),l(o-1<0?T-1:o-1);break}a.dispatchEvent(W,e,p(),void 0)},[W,y,l,h,u]),be=t.useMemo(()=>a.classNames("k-fab k-fab-solid",{"k-fab-sm":I==="small","k-fab-md":I==="medium","k-fab-lg":I==="large","k-disabled":f,"k-pos-absolute":w==="absolute","k-pos-fixed":w==="fixed","k-focus":x,[`k-rounded-${a.kendoThemeMaps.roundedMap[E]||E}`]:E,[`k-fab-solid-${A}`]:A},`k-${r.vertical}-${r.horizontal}`,z),[A,I,E,f,w,r,x,z]),ge=s&&s.map((e,o)=>t.createElement(ye.FloatingActionButtonItem,{...e,key:o,index:o,id:`${N}-${o}`,disabled:f||e.disabled,focused:y===o,dataItem:e,item:Y,className:a.classNames(e.className,K.getTextDirectionClass(M||"ltr",r.horizontal)),onClick:fe,onDown:pe})),Q=!!((O||R)&&!v),V=(i.current?i.current.offsetWidth:0)/2-32/2;return t.createElement(a.ZIndexContext.Provider,{value:X},t.createElement(t.Fragment,null,t.createElement("button",{ref:i,id:$||re,role:"button",type:"button","aria-disabled":f,"aria-expanded":s?c:void 0,"aria-haspopup":!!s,"aria-label":`${v||""} floatingactionbutton`,"aria-owns":s?N:void 0,"aria-activedescendant":y>=0&&s?`${N}-${y}`:void 0,tabIndex:a.getTabIndex(ae,f),accessKey:ne,dir:M,disabled:f,className:be,style:ee,onClick:J,onMouseDown:de,onFocus:ce,onBlur:ue,onKeyDown:me,...se},O||R?t.createElement(a.IconWrap,{className:"k-fab-icon",name:O,icon:R}):B?t.createElement("span",{role:"presentation",className:B}):null,v&&t.createElement("span",{className:"k-fab-text"},v)),oe&&c&&t.createElement("div",{className:"k-overlay",style:{zIndex:X,...te}}),t.createElement(Ce.Popup,{ref:ie,anchor:i.current,show:c,animate:D.animate,popupClass:a.classNames("k-popup-transparent k-fab-popup",D.popupClass),anchorAlign:D.anchorAlign||K.getAnchorAlign(r,h),popupAlign:D.popupAlign||K.getPopupAlign(r,h),style:{boxShadow:"none"}},t.createElement("ul",{ref:le,role:"menu","aria-labelledby":$,id:N,className:a.classNames("k-fab-items",{"k-fab-items-bottom":r.vertical!=="bottom","k-fab-items-top":r.vertical==="bottom"}),style:{paddingLeft:Q?V:void 0,paddingRight:Q?V:void 0}},ge))))});q.propTypes={className:n.string,style:n.object,id:n.string,dir:n.string,tabIndex:n.number,accessKey:n.string,disabled:n.bool,icon:n.string,svgIcon:a.svgIconPropType,iconClass:n.string,text:n.string,alignOffset:n.shape({x:n.oneOfType([n.number,n.string]).isRequired,y:n.oneOfType([n.number,n.string]).isRequired}),align:n.shape({vertical:n.oneOf(["top","middle","bottom"]).isRequired,horizontal:n.oneOf(["start","center","end"]).isRequired}),positionMode:n.oneOf(["absolute","fixed"]),size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),themeColor:n.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:n.bool,overlayStyle:n.object};const C={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};q.displayName="KendoFloatingActionButton";exports.FloatingActionButton=q;