@progress/kendo-react-inputs 8.3.0-develop.8 → 8.3.0

package/slider/Slider.mjs

@@ -12,7 +12,7 @@ import { Keys as n, validatePackage as y, classNames as w, Draggable as S, getTa
 import { provideLocalizationService as C, registerForLocalization as I } from "@progress/kendo-react-intl";
 import { sliderIncreaseValue as d, messages as h, sliderDecreaseValue as m, sliderDragTitle as u } from "../messages/index.mjs";
 import { SLIDER_LABEL_ATTRIBUTE as L } from "./SliderLabel.mjs";
-import { packageMetadata as B } from "../package-metadata.mjs";
+import { packageMetadata as A } from "../package-metadata.mjs";
 import { Button as v } from "@progress/kendo-react-buttons";
 import { caretAltUpIcon as g, caretAltLeftIcon as f, caretAltRightIcon as b, caretAltDownIcon as k } from "@progress/kendo-svg-icons";
 const p = class p extends i.Component {
@@ -74,7 +74,7 @@ const p = class p extends i.Component {
     }, this.drag = (t) => {
       const e = t.element.getBoundingClientRect(), l = this.props.vertical ? e.bottom - t.event.clientY : this.state.dir === "rtl" ? e.right - t.event.clientX : t.event.clientX - e.left, r = this.props.vertical ? e.height : e.width, o = l / r;
       this.change(t, this.props.min + o * (this.props.max - this.props.min));
-    }, y(B);
+    }, y(A);
   }
   /**
    * @hidden
@@ -138,23 +138,16 @@ const p = class p extends i.Component {
               ...e
             }
           },
-          this.props.children && /* @__PURE__ */ i.createElement(
-            "ul",
+          this.props.children && /* @__PURE__ */ i.createElement("ul", { className: "k-reset k-slider-items", style: { margin: 0, ...l } }, i.Children.map(this.props.children, (r, o) => r && i.cloneElement(
+            r,
             {
-              className: "k-reset k-slider-items",
-              style: { margin: 0, ...l }
+              position: 100 * (r.props.position - this.props.min) / (this.props.max - this.props.min),
+              vertical: this.props.vertical,
+              firstTick: o === 0,
+              lastTick: o === i.Children.count(this.props.children) - 1
             },
-            i.Children.map(this.props.children, (r, o) => r && i.cloneElement(
-              r,
-              {
-                position: 100 * (r.props.position - this.props.min) / (this.props.max - this.props.min),
-                vertical: this.props.vertical,
-                firstTick: o === 0,
-                lastTick: o === i.Children.count(this.props.children) - 1
-              },
-              r.props.children
-            ))
-          ),
+            r.props.children
+          ))),
           /* @__PURE__ */ i.createElement(
             "div",
             {
@@ -215,11 +208,11 @@ p.displayName = "Slider", p.propTypes = {
   // TODO: validation when buttons is set to true, but no step is provided
 };
 let c = p;
-const A = E(), N = D(A, c);
+const B = E(), N = D(B, c);
 N.displayName = "KendoReactSlider";
 I(c);
 export {
   N as Slider,
-  A as SliderPropsContext,
+  B as SliderPropsContext,
   c as SliderWithoutContext
 };

package/switch/Switch.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 C=require("react"),s=require("prop-types"),i=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-intl"),p=require("../messages/index.js"),N=require("../package-metadata.js");function O(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return a.default=o,Object.freeze(a)}const r=O(C),n=class n extends r.Component{constructor(a){super(a),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(p.switchValidation,p.messages[p.switchValidation]))},this.limit=(e,t,d)=>{const h=d.offsetWidth,l=t.offsetWidth;return e<0?0:e>h-l?h-l:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,i.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=S.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>r.createElement("input",{type:"checkbox",checked:this.props.checked,ref:t=>{this._input=t},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===i.Keys.space||t===i.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},i.validatePackage(N.packageMetadata),this.state={checked:a.defaultChecked||n.defaultProps.defaultChecked,focused:!1}}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.checked!==void 0?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const a=this.props.validationMessage!==void 0,e=this.props.valid!==void 0?this.props.valid:this.props.required?!!this.value:!0,t=this.props.valid!==void 0?this.props.valid:e;return{customError:a,valid:t,valueMissing:this.value===null}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:n.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:n.defaultProps.required}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:a}=this.state,{dir:e,disabled:t,trackRounded:d,thumbRounded:h,size:l,offLabel:m,onLabel:f,tabIndex:v}=this.props;this.dir=e||this.element&&getComputedStyle(this.element).direction||void 0;const y=!this.validityStyles||this.validity.valid,k=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[l]||l}`]:l,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":a,"k-disabled":t,"k-invalid":!y},this.props.className),w={"aria-checked":this.value,"aria-disabled":t||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel};return r.createElement("span",{ref:u=>{this._wrapper=u},role:"switch",...w,className:k,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:i.getTabIndex(v,t,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},r.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[d]||d}`]:d}),ref:u=>{this._element=u}},this.dummyInput(this.value),f?r.createElement("span",{className:"k-switch-label-on"},f):"",m?r.createElement("span",{className:"k-switch-label-off"},m):""),r.createElement("span",{className:"k-switch-thumb-wrap"},r.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${h}`]:h})})))}};n.displayName="Switch",n.propTypes={accessKey:s.string,checked:s.bool,className:s.string,disabled:s.bool,defaultChecked:s.bool,size:s.oneOf([null,"small","medium","large"]),trackRounded:s.oneOf([null,"small","medium","large","full"]),thumbRounded:s.oneOf([null,"small","medium","large","full"]),dir:s.string,id:s.string,ariaLabelledBy:s.string,ariaDescribedBy:s.string,offLabel:s.string,required:s.bool,tabIndex:s.number,valid:s.bool,validate:s.bool,validationMessage:s.string,onBlur:s.any,onChange:s.any,onFocus:s.any,onLabel:s.string},n.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",required:!1,validityStyles:!0};let c=n;const g=i.createPropsContext(),b=i.withIdHOC(i.withPropsContext(g,c));b.displayName="KendoReactSwitch";exports.Switch=b;exports.SwitchPropsContext=g;exports.SwitchWithoutContext=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),i=require("prop-types"),s=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-intl"),p=require("../messages/index.js"),N=require("../package-metadata.js");function O(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return a.default=o,Object.freeze(a)}const r=O(C),n=class n extends r.Component{constructor(a){super(a),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(p.switchValidation,p.messages[p.switchValidation]))},this.limit=(e,t,d)=>{const h=d.offsetWidth,l=t.offsetWidth;return e<0?0:e>h-l?h-l:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,s.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=S.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>r.createElement("input",{type:"checkbox",checked:this.props.checked,ref:t=>{this._input=t},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:s.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===s.Keys.space||t===s.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},s.validatePackage(N.packageMetadata),this.state={checked:a.defaultChecked||n.defaultProps.defaultChecked,focused:!1}}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.checked!==void 0?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const a=this.props.validationMessage!==void 0,e=this.props.valid!==void 0?this.props.valid:this.props.required?!!this.value:!0,t=this.props.valid!==void 0?this.props.valid:e;return{customError:a,valid:t,valueMissing:this.value===null}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:n.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:!1}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:a}=this.state,{dir:e,disabled:t,trackRounded:d,thumbRounded:h,size:l,offLabel:m,onLabel:f,tabIndex:v}=this.props;this.dir=e||this.element&&getComputedStyle(this.element).direction||void 0;const y=!this.validityStyles||this.validity.valid,k=s.classNames("k-switch",{[`k-switch-${s.kendoThemeMaps.sizeMap[l]||l}`]:l,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":a,"k-disabled":t,"k-invalid":!y},this.props.className),w={"aria-checked":this.value,"aria-disabled":t||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,"aria-required":this.props.required};return r.createElement("span",{ref:u=>{this._wrapper=u},role:"switch",...w,className:k,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:s.getTabIndex(v,t,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},r.createElement("span",{className:s.classNames("k-switch-track",{[`k-rounded-${s.kendoThemeMaps.roundedMap[d]||d}`]:d}),ref:u=>{this._element=u}},this.dummyInput(this.value),f?r.createElement("span",{className:"k-switch-label-on"},f):"",m?r.createElement("span",{className:"k-switch-label-off"},m):""),r.createElement("span",{className:"k-switch-thumb-wrap"},r.createElement("span",{className:s.classNames("k-switch-thumb",{[`k-rounded-${h}`]:h})})))}};n.displayName="Switch",n.propTypes={accessKey:i.string,checked:i.bool,className:i.string,disabled:i.bool,defaultChecked:i.bool,size:i.oneOf([null,"small","medium","large"]),trackRounded:i.oneOf([null,"small","medium","large","full"]),thumbRounded:i.oneOf([null,"small","medium","large","full"]),dir:i.string,id:i.string,ariaLabelledBy:i.string,ariaDescribedBy:i.string,offLabel:i.string,required:i.bool,tabIndex:i.number,valid:i.bool,validate:i.bool,validationMessage:i.string,onBlur:i.any,onChange:i.any,onFocus:i.any,onLabel:i.string},n.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:s.noop,onFocus:s.noop,onLabel:"ON",validityStyles:!0};let c=n;const g=s.createPropsContext(),b=s.withIdHOC(s.withPropsContext(g,c));b.displayName="KendoReactSwitch";exports.Switch=b;exports.SwitchPropsContext=g;exports.SwitchWithoutContext=c;

package/switch/Switch.mjs

@@ -106,7 +106,7 @@ const a = class a extends s.Component {
    * @hidden
    */
   get required() {
-    return this.props.required !== void 0 ? this.props.required : a.defaultProps.required;
+    return this.props.required !== void 0 ? this.props.required : !1;
   }
   /**
    * @hidden
@@ -142,7 +142,8 @@ const a = class a extends s.Component {
       "aria-disabled": i || void 0,
       "aria-labelledby": this.props.ariaLabelledBy,
       "aria-describedby": this.props.ariaDescribedBy,
-      "aria-label": this.props.ariaLabel
+      "aria-label": this.props.ariaLabel,
+      "aria-required": this.props.required
     };
     return /* @__PURE__ */ s.createElement(
       "span",
@@ -214,7 +215,6 @@ a.displayName = "Switch", a.propTypes = {
   onBlur: h,
   onFocus: h,
   onLabel: "ON",
-  required: !1,
   validityStyles: !0
 };
 let c = a;

package/textarea/TextArea.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 se=require("react"),e=require("prop-types"),a=require("@progress/kendo-react-common");function le(s){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(i,r,l.get?l:{enumerable:!0,get:()=>s[r]})}}return i.default=s,Object.freeze(i)}const t=le(se),B=a.createPropsContext(),z=t.forwardRef((s,i)=>{const r=a.usePropsContext(B,s),{size:l=m.size,rounded:p=m.rounded,fillMode:O=m.fillMode,autoFocus:F=m.autoFocus,prefix:N=null,suffix:w=null,ariaDescribedBy:j,ariaLabelledBy:R,autoSize:T,className:q,defaultValue:D,disabled:o,readOnly:H,required:b,rows:$,id:L,name:_,placeholder:K,style:G,tabIndex:J,value:g,valid:P,validationMessage:M,validityStyles:S,onChange:x,onFocus:v,onBlur:y,visited:ue,touched:ie,modified:ce,resizable:h,...Q}=r,n=t.useRef(null),E=t.useCallback(()=>{n.current&&n.current.focus()},[]),[I,V]=t.useState(D),[U,W]=a.useCustomComponent(N),[X,Y]=a.useCustomComponent(w),c=g!==void 0,d=c?g:I,f=t.useCallback(()=>({element:n,focus:E,get value(){return d},get name(){return n.current&&n.current.name}}),[E,d]);t.useImperativeHandle(i,f);const[Z,A]=t.useState("auto"),ee=a.useId(),te=a.useDir(n,r.dir),C=P!==void 0?P:b?!!d:!0;t.useEffect(()=>{n.current&&n.current.setCustomValidity&&n.current.setCustomValidity(C?"":M||"")},[C,M]),a.useIsomorphicLayoutEffect(()=>{n.current&&A(`${n.current.scrollHeight}px`)},[d]);const ae=t.useCallback(u=>{const k=u.target.value;A("auto"),!c&&!o&&V(k),x&&!o&&a.dispatchEvent(x,u,{...f(),value:k},{value:k})},[V,x,o,c]),ne=t.useCallback(u=>{v&&!o&&a.dispatchEvent(v,u,f(),void 0)},[v,o]),oe=t.useCallback(u=>{y&&!o&&a.dispatchEvent(y,u,f(),void 0)},[y,o]),re={id:L||ee,role:"textbox",name:_,className:a.classNames("k-input-inner","!k-overflow-auto",{"k-resize":!T&&h!=="none"}),ref:n,disabled:o,rows:$,placeholder:K,readOnly:H,required:b,tabIndex:a.getTabIndex(J,o),autoFocus:F,style:T?{resize:"none",overflow:"hidden",height:Z}:h?{resize:h}:{},"aria-labelledby":R,"aria-describedby":j,"aria-multiline":!0,"aria-disabled":o||void 0,value:c?g:I,...Q,onChange:ae,onFocus:ne,onBlur:oe};return t.createElement("span",{className:a.classNames("k-input","k-textarea",{[`k-input-${a.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-input-${O}`]:O,[`k-rounded-${a.kendoThemeMaps.roundedMap[p]||p}`]:p,"k-invalid":!(C||S!==void 0||S===!0),"k-required":b,"k-disabled":o},q),style:G,dir:te},r.prefix&&t.createElement(U,{...W}),t.createElement("textarea",{...re}),r.suffix&&t.createElement(X,{...Y}))});z.propTypes={ariaDescribedBy:e.string,ariaLabelledBy:e.string,autoSize:e.bool,className:e.string,defaultValue:e.string,dir:e.string,disabled:e.bool,readOnly:e.bool,rows:e.number,id:e.string,name:e.string,placeholder:e.string,style:e.object,tabIndex:e.number,value:e.oneOfType([e.string,e.arrayOf(e.string),e.number]),onChange:e.func,onFocus:e.func,onBlur:e.func,size:e.oneOf([null,"small","medium","large"]),rounded:e.oneOf([null,"small","medium","large","full"]),fillMode:e.oneOf([null,"solid","flat","outline"]),resizable:e.oneOf(["none","both","horizontal","vertical"]),autoFocus:e.bool};const m={size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};z.displayName="KendoTextArea";exports.TextArea=z;exports.TextAreaPropsContext=B;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("react"),e=require("prop-types"),a=require("@progress/kendo-react-common");function le(s){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(u,o,l.get?l:{enumerable:!0,get:()=>s[o]})}}return u.default=s,Object.freeze(u)}const t=le(se),B=a.createPropsContext(),z=t.forwardRef((s,u)=>{const o=a.usePropsContext(B,s),{size:l=p.size,rounded:b=p.rounded,fillMode:O=p.fillMode,autoFocus:F=p.autoFocus,prefix:N=null,suffix:w=null,ariaDescribedBy:j,ariaLabelledBy:q,autoSize:T,className:R,defaultValue:D,disabled:n,readOnly:H,required:c,rows:$,id:L,name:_,placeholder:K,style:G,tabIndex:J,value:g,valid:P,validationMessage:M,validityStyles:S,onChange:x,onFocus:v,onBlur:y,visited:ie,touched:ue,modified:ce,resizable:h,...Q}=o,r=t.useRef(null),E=t.useCallback(()=>{r.current&&r.current.focus()},[]),[I,V]=t.useState(D),[U,W]=a.useCustomComponent(N),[X,Y]=a.useCustomComponent(w),d=g!==void 0,f=d?g:I,m=t.useCallback(()=>({element:r,focus:E,get value(){return f},get name(){return r.current&&r.current.name}}),[E,f]);t.useImperativeHandle(u,m);const[Z,A]=t.useState("auto"),ee=a.useId(),te=a.useDir(r,o.dir),C=P!==void 0?P:c?!!f:!0;t.useEffect(()=>{r.current&&r.current.setCustomValidity&&r.current.setCustomValidity(C?"":M||"")},[C,M]),a.useIsomorphicLayoutEffect(()=>{r.current&&A(`${r.current.scrollHeight}px`)},[f]);const ae=t.useCallback(i=>{const k=i.target.value;A("auto"),!d&&!n&&V(k),x&&!n&&a.dispatchEvent(x,i,{...m(),value:k},{value:k})},[V,x,n,d]),re=t.useCallback(i=>{v&&!n&&a.dispatchEvent(v,i,m(),void 0)},[v,n]),ne=t.useCallback(i=>{y&&!n&&a.dispatchEvent(y,i,m(),void 0)},[y,n]),oe={id:L||ee,role:"textbox",name:_,className:a.classNames("k-input-inner","!k-overflow-auto",{"k-resize":!T&&h!=="none"}),ref:r,disabled:n,rows:$,placeholder:K,readOnly:H,required:c,tabIndex:a.getTabIndex(J,n),autoFocus:F,style:T?{resize:"none",overflow:"hidden",height:Z}:h?{resize:h}:{},"aria-labelledby":q,"aria-describedby":j,"aria-multiline":!0,"aria-disabled":n||void 0,"aria-required":c,value:d?g:I,...Q,onChange:ae,onFocus:re,onBlur:ne};return t.createElement("span",{className:a.classNames("k-input","k-textarea",{[`k-input-${a.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-input-${O}`]:O,[`k-rounded-${a.kendoThemeMaps.roundedMap[b]||b}`]:b,"k-invalid":!(C||S!==void 0||S===!0),"k-required":c,"k-disabled":n},R),style:G,dir:te},o.prefix&&t.createElement(U,{...W}),t.createElement("textarea",{...oe}),o.suffix&&t.createElement(X,{...Y}))});z.propTypes={ariaDescribedBy:e.string,ariaLabelledBy:e.string,autoSize:e.bool,className:e.string,defaultValue:e.string,dir:e.string,disabled:e.bool,readOnly:e.bool,rows:e.number,id:e.string,name:e.string,placeholder:e.string,style:e.object,tabIndex:e.number,value:e.oneOfType([e.string,e.arrayOf(e.string),e.number]),onChange:e.func,onFocus:e.func,onBlur:e.func,size:e.oneOf([null,"small","medium","large"]),rounded:e.oneOf([null,"small","medium","large","full"]),fillMode:e.oneOf([null,"solid","flat","outline"]),resizable:e.oneOf(["none","both","horizontal","vertical"]),autoFocus:e.bool};const p={size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};z.displayName="KendoTextArea";exports.TextArea=z;exports.TextAreaPropsContext=B;

package/textarea/TextArea.mjs

@@ -11,20 +11,20 @@ import e from "prop-types";
 import { createPropsContext as ie, usePropsContext as ue, useCustomComponent as F, useId as de, useDir as ce, useIsomorphicLayoutEffect as fe, dispatchEvent as y, classNames as M, getTabIndex as me, kendoThemeMaps as O } from "@progress/kendo-react-common";
 const pe = ie(), S = t.forwardRef((w, A) => {
   const n = ue(pe, w), {
-    size: d = u.size,
-    rounded: c = u.rounded,
-    fillMode: k = u.fillMode,
-    autoFocus: N = u.autoFocus,
+    size: c = d.size,
+    rounded: f = d.rounded,
+    fillMode: k = d.fillMode,
+    autoFocus: N = d.autoFocus,
     prefix: H = null,
     suffix: R = null,
     ariaDescribedBy: $,
-    ariaLabelledBy: D,
+    ariaLabelledBy: q,
     autoSize: C,
-    className: L,
-    defaultValue: q,
+    className: D,
+    defaultValue: L,
     disabled: r,
     readOnly: j,
-    required: f,
+    required: s,
     rows: K,
     id: G,
     name: J,
@@ -49,21 +49,21 @@ const pe = ie(), S = t.forwardRef((w, A) => {
       a.current && a.current.focus();
     },
     []
-  ), [V, B] = t.useState(q), [Y, Z] = F(H), [_, ee] = F(R), s = m !== void 0, l = s ? m : V, i = t.useCallback(
+  ), [V, B] = t.useState(L), [Y, Z] = F(H), [_, ee] = F(R), l = m !== void 0, i = l ? m : V, u = t.useCallback(
     () => ({
       element: a,
       focus: T,
       get value() {
-        return l;
+        return i;
       },
       get name() {
         return a.current && a.current.name;
       }
     }),
-    [T, l]
+    [T, i]
   );
-  t.useImperativeHandle(A, i);
-  const [te, E] = t.useState("auto"), ae = de(), re = ce(a, n.dir), v = z !== void 0 ? z : f ? !!l : !0;
+  t.useImperativeHandle(A, u);
+  const [te, E] = t.useState("auto"), ae = de(), re = ce(a, n.dir), v = z !== void 0 ? z : s ? !!i : !0;
   t.useEffect(
     () => {
       a.current && a.current.setCustomValidity && a.current.setCustomValidity(
@@ -75,28 +75,28 @@ const pe = ie(), S = t.forwardRef((w, A) => {
     () => {
       a.current && E(`${a.current.scrollHeight}px`);
     },
-    [l]
+    [i]
   );
   const oe = t.useCallback(
     (o) => {
       const h = o.target.value;
-      E("auto"), !s && !r && B(h), p && !r && y(
+      E("auto"), !l && !r && B(h), p && !r && y(
         p,
         o,
         {
-          ...i(),
+          ...u(),
           value: h
         },
         { value: h }
       );
     },
-    [B, p, r, s]
+    [B, p, r, l]
   ), ne = t.useCallback(
     (o) => {
       b && !r && y(
         b,
         o,
-        i(),
+        u(),
         void 0
       );
     },
@@ -106,7 +106,7 @@ const pe = ie(), S = t.forwardRef((w, A) => {
       x && !r && y(
         x,
         o,
-        i(),
+        u(),
         void 0
       );
     },
@@ -121,15 +121,16 @@ const pe = ie(), S = t.forwardRef((w, A) => {
     rows: K,
     placeholder: Q,
     readOnly: j,
-    required: f,
+    required: s,
     tabIndex: me(W, r),
     autoFocus: N,
     style: C ? { resize: "none", overflow: "hidden", height: te } : g ? { resize: g } : {},
-    "aria-labelledby": D,
+    "aria-labelledby": q,
     "aria-describedby": $,
     "aria-multiline": !0,
     "aria-disabled": r || void 0,
-    value: s ? m : V,
+    "aria-required": s,
+    value: l ? m : V,
     ...X,
     onChange: oe,
     onFocus: ne,
@@ -142,14 +143,14 @@ const pe = ie(), S = t.forwardRef((w, A) => {
         "k-input",
         "k-textarea",
         {
-          [`k-input-${O.sizeMap[d] || d}`]: d,
+          [`k-input-${O.sizeMap[c] || c}`]: c,
           [`k-input-${k}`]: k,
-          [`k-rounded-${O.roundedMap[c] || c}`]: c,
+          [`k-rounded-${O.roundedMap[f] || f}`]: f,
           "k-invalid": !(v || P !== void 0 || P === !0),
-          "k-required": f,
+          "k-required": s,
           "k-disabled": r
         },
-        L
+        D
       ),
       style: U,
       dir: re
@@ -188,7 +189,7 @@ S.propTypes = {
   resizable: e.oneOf(["none", "both", "horizontal", "vertical"]),
   autoFocus: e.bool
 };
-const u = {
+const d = {
   size: "medium",
   rounded: "medium",
   fillMode: "solid",

package/textbox/Textbox.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 P=require("react"),c=require("prop-types"),l=require("@progress/kendo-react-common"),j=require("../package-metadata.js");function z(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const t=z(P),d=t.forwardRef((e,s)=>{l.validatePackage(j.packageMetadata);const n=t.useRef(null),a=t.useRef(null),r=t.useRef(),f=l.useUnstyled(),i=f&&f.uTextBox,b=t.useCallback(()=>{var u;return r.current!==void 0?r.current:(u=n.current)==null?void 0:u.value},[]);t.useImperativeHandle(a,()=>({get element(){return n.current},get name(){return n.current&&n.current.name},get value(){return b()}})),t.useImperativeHandle(s,()=>a.current);const{size:m=o.size,fillMode:g=o.fillMode,rounded:v=o.rounded,autoFocus:h=o.autoFocus,className:x,dir:B,style:F,prefix:T=o.prefix,suffix:_=o.suffix,valid:w,modified:D,touched:H,visited:I,...M}=e,[O]=l.useCustomComponent(T),[R]=l.useCustomComponent(_),[C,y]=t.useState(!1),N=u=>{y(!0)},S=u=>{y(!1)},k=t.useCallback(u=>{r.current=u.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:u,nativeEvent:u.nativeEvent,value:u.target.value,target:a.current}),r.current=void 0},[e.onChange]),{onFocus:p,onBlur:q}=l.useAsyncFocusBlur({onFocus:N,onBlur:S,onSyncFocus:e.onFocus,onSyncBlur:e.onBlur}),E=t.useMemo(()=>l.classNames(l.uTextBox.wrapper({c:i,rounded:v,fillMode:g,size:m,focused:C,required:e.required,disabled:e.disabled,invalid:e.valid===!1}),x),[x,g,C,e.disabled,e.required,e.valid,v,m,i]);return t.createElement("span",{style:F,dir:B,className:E,onFocus:p,onBlur:q},t.createElement(O,null),t.createElement("input",{ref:n,className:l.classNames(l.uTextBox.input({c:i})),autoFocus:h,...M,onChange:k}),t.createElement(R,null))}),o={prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};d.propTypes={size:c.oneOf([null,"small","medium","large"]),rounded:c.oneOf([null,"small","medium","large","full"]),fillMode:c.oneOf([null,"solid","flat","outline"]),autoFocus:c.bool};d.displayName="KendoReactTextBoxComponent";exports.TextBox=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),c=require("prop-types"),a=require("@progress/kendo-react-common"),p=require("../package-metadata.js");function z(e){const r=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(r,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const t=z(j),d=t.forwardRef((e,r)=>{a.validatePackage(p.packageMetadata);const n=t.useRef(null),l=t.useRef(null),s=t.useRef(),f=a.useUnstyled(),i=f&&f.uTextBox,b=t.useCallback(()=>{var u;return s.current!==void 0?s.current:(u=n.current)==null?void 0:u.value},[]);t.useImperativeHandle(l,()=>({get element(){return n.current},get name(){return n.current&&n.current.name},get value(){return b()}})),t.useImperativeHandle(r,()=>l.current);const{size:m=o.size,fillMode:g=o.fillMode,rounded:v=o.rounded,autoFocus:h=o.autoFocus,className:x,dir:B,style:F,prefix:T=o.prefix,suffix:_=o.suffix,valid:w,modified:D,touched:H,visited:I,...q}=e,[M]=a.useCustomComponent(T),[O]=a.useCustomComponent(_),[C,y]=t.useState(!1),R=u=>{y(!0)},N=u=>{y(!1)},S=t.useCallback(u=>{s.current=u.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:u,nativeEvent:u.nativeEvent,value:u.target.value,target:l.current}),s.current=void 0},[e.onChange]),{onFocus:k,onBlur:E}=a.useAsyncFocusBlur({onFocus:R,onBlur:N,onSyncFocus:e.onFocus,onSyncBlur:e.onBlur}),P=t.useMemo(()=>a.classNames(a.uTextBox.wrapper({c:i,rounded:v,fillMode:g,size:m,focused:C,required:e.required,disabled:e.disabled,invalid:e.valid===!1}),x),[x,g,C,e.disabled,e.required,e.valid,v,m,i]);return t.createElement("span",{style:F,dir:B,className:P,onFocus:k,onBlur:E},t.createElement(M,null),t.createElement("input",{ref:n,className:a.classNames(a.uTextBox.input({c:i})),autoFocus:h,...q,"aria-required":e.required,onChange:S}),t.createElement(O,null))}),o={prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};d.propTypes={size:c.oneOf([null,"small","medium","large"]),rounded:c.oneOf([null,"small","medium","large","full"]),fillMode:c.oneOf([null,"solid","flat","outline"]),autoFocus:c.bool};d.displayName="KendoReactTextBoxComponent";exports.TextBox=d;

package/textbox/Textbox.mjs

@@ -8,11 +8,11 @@
 "use client";
 import * as t from "react";
 import o from "prop-types";
-import { validatePackage as w, useUnstyled as H, useCustomComponent as g, useAsyncFocusBlur as I, classNames as h, uTextBox as C } from "@progress/kendo-react-common";
+import { validatePackage as H, useUnstyled as I, useCustomComponent as g, useAsyncFocusBlur as p, classNames as h, uTextBox as C } from "@progress/kendo-react-common";
 import { packageMetadata as A } from "../package-metadata.mjs";
 const B = t.forwardRef((e, F) => {
-  w(A);
-  const l = t.useRef(null), s = t.useRef(null), a = t.useRef(), c = H(), r = c && c.uTextBox, y = t.useCallback(
+  H(A);
+  const l = t.useRef(null), r = t.useRef(null), a = t.useRef(), i = I(), s = i && i.uTextBox, y = t.useCallback(
     () => {
       var n;
       return a.current !== void 0 ? a.current : (n = l.current) == null ? void 0 : n.value;
@@ -20,7 +20,7 @@ const B = t.forwardRef((e, F) => {
     []
   );
   t.useImperativeHandle(
-    s,
+    r,
     () => ({
       get element() {
         return l.current;
@@ -34,10 +34,10 @@ const B = t.forwardRef((e, F) => {
     })
   ), t.useImperativeHandle(
     F,
-    () => s.current
+    () => r.current
   );
   const {
-    size: i = u.size,
+    size: c = u.size,
     fillMode: d = u.fillMode,
     rounded: f = u.rounded,
     autoFocus: E = u.autoFocus,
@@ -52,59 +52,60 @@ const B = t.forwardRef((e, F) => {
     touched: K,
     visited: U,
     ...N
-  } = e, [T] = g(b), [k] = g(M), [v, x] = t.useState(!1), z = (n) => {
+  } = e, [T] = g(b), [q] = g(M), [v, x] = t.useState(!1), k = (n) => {
     x(!0);
-  }, P = (n) => {
+  }, z = (n) => {
     x(!1);
-  }, S = t.useCallback(
+  }, P = t.useCallback(
     (n) => {
       a.current = n.target.value, e.onChange && e.onChange.call(void 0, {
         syntheticEvent: n,
         nativeEvent: n.nativeEvent,
         value: n.target.value,
-        target: s.current
+        target: r.current
       }), a.current = void 0;
     },
     [e.onChange]
-  ), { onFocus: p, onBlur: q } = I({
-    onFocus: z,
-    onBlur: P,
+  ), { onFocus: S, onBlur: O } = p({
+    onFocus: k,
+    onBlur: z,
     onSyncFocus: e.onFocus,
     onSyncBlur: e.onBlur
-  }), O = t.useMemo(
+  }), w = t.useMemo(
     () => h(C.wrapper({
-      c: r,
+      c: s,
       rounded: f,
       fillMode: d,
-      size: i,
+      size: c,
       focused: v,
       required: e.required,
       disabled: e.disabled,
       invalid: e.valid === !1
     }), m),
-    [m, d, v, e.disabled, e.required, e.valid, f, i, r]
+    [m, d, v, e.disabled, e.required, e.valid, f, c, s]
   );
   return /* @__PURE__ */ t.createElement(
     "span",
     {
       style: _,
       dir: R,
-      className: O,
-      onFocus: p,
-      onBlur: q
+      className: w,
+      onFocus: S,
+      onBlur: O
     },
     /* @__PURE__ */ t.createElement(T, null),
     /* @__PURE__ */ t.createElement(
       "input",
       {
         ref: l,
-        className: h(C.input({ c: r })),
+        className: h(C.input({ c: s })),
         autoFocus: E,
         ...N,
-        onChange: S
+        "aria-required": e.required,
+        onChange: P
       }
     ),
-    /* @__PURE__ */ t.createElement(k, null)
+    /* @__PURE__ */ t.createElement(q, null)
   );
 }), u = {
   prefix: (e) => null,