@progress/kendo-react-inputs 7.4.0 → 7.5.0-develop.1

package/switch/Switch.mjs

@@ -6,29 +6,29 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as a from "react";
+import * as s from "react";
 import t from "prop-types";
-import { dispatchEvent as C, noop as h, Keys as m, validatePackage as S, classNames as p, kendoThemeMaps as c, getTabIndex as N, createPropsContext as D, withIdHOC as E, withPropsContext as M } from "@progress/kendo-react-common";
-import { provideLocalizationService as L } from "@progress/kendo-react-intl";
-import { switchValidation as f, messages as B } from "../messages/index.mjs";
+import { dispatchEvent as C, noop as h, Keys as f, validatePackage as S, classNames as p, kendoThemeMaps as g, getTabIndex as N, createPropsContext as D, withIdHOC as E, withPropsContext as L } from "@progress/kendo-react-common";
+import { provideLocalizationService as M } from "@progress/kendo-react-intl";
+import { switchValidation as v, messages as B } from "../messages/index.mjs";
 import { packageMetadata as O } from "../package-metadata.mjs";
-const r = class r extends a.Component {
+const a = class a extends s.Component {
   /**
    * @hidden
    */
-  constructor(l) {
-    super(l), this.setValidity = () => {
+  constructor(r) {
+    super(r), this.setValidity = () => {
       this._input && this._input.setCustomValidity && this._input.setCustomValidity(
-        this.validity.valid ? "" : this.props.validationMessage || this.defaultValidationMessage.toLanguageString(f, B[f])
+        this.validity.valid ? "" : this.props.validationMessage || this.defaultValidationMessage.toLanguageString(v, B[v])
       );
-    }, this.limit = (e, i, s) => {
-      const d = s.offsetWidth, o = i.offsetWidth;
-      return e < 0 ? 0 : e > d - o ? d - o : e;
+    }, this.limit = (e, i, o) => {
+      const n = o.offsetWidth, l = i.offsetWidth;
+      return e < 0 ? 0 : e > n - l ? n - l : e;
     }, this.toggle = (e, i) => {
       this.setState({ checked: e }), this.valueDuringOnChange = e, C(this.props.onChange, i, this, { value: e }), this.valueDuringOnChange = void 0;
-    }, this._element = null, this._wrapper = null, this._input = null, this._id = this.props.id, this.defaultValidationMessage = L(this), this.focus = () => {
+    }, this._element = null, this._wrapper = null, this._input = null, this._id = this.props.id, this.defaultValidationMessage = M(this), this.focus = () => {
       this.actionElement && this.actionElement.focus();
-    }, this.dummyInput = (e) => /* @__PURE__ */ a.createElement(
+    }, this.dummyInput = (e) => /* @__PURE__ */ s.createElement(
       "input",
       {
         type: "checkbox",
@@ -49,7 +49,7 @@ const r = class r extends a.Component {
       if (this.props.disabled)
         return;
       const { keyCode: i } = e;
-      (i === m.space || i === m.enter) && (this.toggle(!this.value, e), e.preventDefault());
+      (i === f.space || i === f.enter) && (this.toggle(!this.value, e), e.preventDefault());
     }, this.handleWrapperFocus = (e) => {
       if (this.props.disabled)
         return;
@@ -63,7 +63,7 @@ const r = class r extends a.Component {
       const { onBlur: i } = this.props;
       i && i.call(void 0, e);
     }, S(O), this.state = {
-      checked: l.defaultChecked || r.defaultProps.defaultChecked,
+      checked: r.defaultChecked || a.defaultProps.defaultChecked,
       focused: !1
     };
   }
@@ -89,9 +89,9 @@ const r = class r extends a.Component {
    * Represents the validity state into which the Switch is set.
    */
   get validity() {
-    const l = this.props.validationMessage !== void 0, e = this.props.valid !== void 0 ? this.props.valid : this.props.required ? !!this.value : !0, i = this.props.valid !== void 0 ? this.props.valid : e;
+    const r = this.props.validationMessage !== void 0, e = this.props.valid !== void 0 ? this.props.valid : this.props.required ? !!this.value : !0, i = this.props.valid !== void 0 ? this.props.valid : e;
     return {
-      customError: l,
+      customError: r,
       valid: i,
       valueMissing: this.value === null
     };
@@ -100,13 +100,13 @@ const r = class r extends a.Component {
    * @hidden
    */
   get validityStyles() {
-    return this.props.validityStyles !== void 0 ? this.props.validityStyles : r.defaultProps.validityStyles;
+    return this.props.validityStyles !== void 0 ? this.props.validityStyles : a.defaultProps.validityStyles;
   }
   /**
    * @hidden
    */
   get required() {
-    return this.props.required !== void 0 ? this.props.required : r.defaultProps.required;
+    return this.props.required !== void 0 ? this.props.required : a.defaultProps.required;
   }
   /**
    * @hidden
@@ -124,16 +124,15 @@ const r = class r extends a.Component {
    * @hidden
    */
   render() {
-    const { focused: l } = this.state, { dir: e, disabled: i, trackRounded: s, thumbRounded: d, size: o, offLabel: g, onLabel: v, tabIndex: b } = this.props;
+    const { focused: r } = this.state, { dir: e, disabled: i, trackRounded: o, thumbRounded: n, size: l, offLabel: u, onLabel: m, tabIndex: b } = this.props;
     this.dir = e || this.element && getComputedStyle(this.element).direction || void 0;
     const y = !this.validityStyles || this.validity.valid, k = p(
       "k-switch",
       {
-        [`k-switch-${c.sizeMap[o] || o}`]: o,
-        [`k-rounded-${c.roundedMap[s] || s}`]: s,
+        [`k-switch-${g.sizeMap[l] || l}`]: l,
         "k-switch-on": this.value,
         "k-switch-off": !this.value,
-        "k-focus": l,
+        "k-focus": r,
         "k-disabled": i,
         "k-invalid": !y
       },
@@ -145,11 +144,11 @@ const r = class r extends a.Component {
       "aria-describedby": this.props.ariaDescribedBy,
       "aria-label": this.props.ariaLabel
     };
-    return /* @__PURE__ */ a.createElement(
+    return /* @__PURE__ */ s.createElement(
       "span",
       {
-        ref: (n) => {
-          this._wrapper = n;
+        ref: (d) => {
+          this._wrapper = d;
         },
         role: "switch",
         ...w,
@@ -163,26 +162,26 @@ const r = class r extends a.Component {
         accessKey: this.props.accessKey,
         id: this.props.id || this._id
       },
-      /* @__PURE__ */ a.createElement(
+      /* @__PURE__ */ s.createElement(
         "span",
         {
           className: p(
             "k-switch-track",
-            { [`k-rounded-${c.roundedMap[s] || s}`]: s }
+            { [`k-rounded-${g.roundedMap[o] || o}`]: o }
           ),
-          ref: (n) => {
-            this._element = n;
+          ref: (d) => {
+            this._element = d;
           }
         },
         this.dummyInput(this.value),
-        /* @__PURE__ */ a.createElement("span", { className: "k-switch-label-on" }, v),
-        /* @__PURE__ */ a.createElement("span", { className: "k-switch-label-off" }, g)
+        m ? /* @__PURE__ */ s.createElement("span", { className: "k-switch-label-on" }, m) : "",
+        u ? /* @__PURE__ */ s.createElement("span", { className: "k-switch-label-off" }, u) : ""
       ),
-      /* @__PURE__ */ a.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ a.createElement("span", { className: p("k-switch-thumb", { [`k-rounded-${d}`]: d }) }))
+      /* @__PURE__ */ s.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ s.createElement("span", { className: p("k-switch-thumb", { [`k-rounded-${n}`]: n }) }))
     );
   }
 };
-r.displayName = "Switch", r.propTypes = {
+a.displayName = "Switch", a.propTypes = {
   accessKey: t.string,
   checked: t.bool,
   className: t.string,
@@ -205,7 +204,7 @@ r.displayName = "Switch", r.propTypes = {
   onChange: t.any,
   onFocus: t.any,
   onLabel: t.string
-}, r.defaultProps = {
+}, a.defaultProps = {
   disabled: !1,
   defaultChecked: !1,
   size: "medium",
@@ -218,11 +217,11 @@ r.displayName = "Switch", r.propTypes = {
   required: !1,
   validityStyles: !0
 };
-let u = r;
-const V = D(), I = E(M(V, u));
+let c = a;
+const V = D(), I = E(L(V, c));
 I.displayName = "KendoReactSwitch";
 export {
   I as Switch,
   V as SwitchPropsContext,
-  u as SwitchWithoutContext
+  c as SwitchWithoutContext
 };

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

package/textarea/TextArea.mjs

@@ -8,49 +8,50 @@
 "use client";
 import * as t from "react";
 import e from "prop-types";
-import { createPropsContext as ne, usePropsContext as se, useCustomComponent as E, useId as oe, useDir as le, useIsomorphicLayoutEffect as ie, dispatchEvent as v, getTabIndex as ue, classNames as de, kendoThemeMaps as z } from "@progress/kendo-react-common";
-const ce = ne(), y = t.forwardRef((M, O) => {
-  const s = se(ce, M), {
+import { createPropsContext as se, usePropsContext as le, useCustomComponent as O, useId as ie, useDir as ue, useIsomorphicLayoutEffect as de, dispatchEvent as h, classNames as M, getTabIndex as ce, kendoThemeMaps as S } from "@progress/kendo-react-common";
+const fe = se(), y = t.forwardRef((w, A) => {
+  const o = le(fe, w), {
     size: u,
     rounded: d,
-    fillMode: h,
-    prefix: S = void 0,
-    suffix: w = void 0,
-    ariaDescribedBy: A,
-    ariaLabelledBy: N,
-    autoSize: H,
-    className: F,
-    defaultValue: R,
+    fillMode: k,
+    prefix: N = void 0,
+    suffix: H = void 0,
+    ariaDescribedBy: F,
+    ariaLabelledBy: R,
+    autoSize: C,
+    className: $,
+    defaultValue: D,
     disabled: r,
-    readOnly: $,
+    readOnly: L,
     required: c,
-    rows: D,
-    id: L,
-    name: q,
-    placeholder: j,
-    style: K,
-    tabIndex: G,
+    rows: q,
+    id: j,
+    name: K,
+    placeholder: G,
+    style: J,
+    tabIndex: Q,
     value: f,
-    valid: C,
-    validationMessage: k,
-    validityStyles: P,
+    valid: z,
+    validationMessage: P,
+    validityStyles: I,
     onChange: m,
     onFocus: p,
     onBlur: b,
     // Removed to support direct use in Form Field component
-    visited: me,
-    touched: pe,
-    modified: be,
-    ...J
-  } = s, a = t.useRef(null), I = t.useCallback(
+    visited: pe,
+    touched: be,
+    modified: xe,
+    resizable: x,
+    ...U
+  } = o, a = t.useRef(null), T = t.useCallback(
     () => {
       a.current && a.current.focus();
     },
     []
-  ), [T, V] = t.useState(R), [Q, U] = E(S), [W, X] = E(w), o = f !== void 0, l = o ? f : T, i = t.useCallback(
+  ), [V, B] = t.useState(D), [W, X] = O(N), [Y, Z] = O(H), s = f !== void 0, l = s ? f : V, i = t.useCallback(
     () => ({
       element: a,
-      focus: I,
+      focus: T,
       get value() {
         return l;
       },
@@ -58,40 +59,40 @@ const ce = ne(), y = t.forwardRef((M, O) => {
         return a.current && a.current.name;
       }
     }),
-    [I, l]
+    [T, l]
   );
-  t.useImperativeHandle(O, i);
-  const [Y, B] = t.useState("auto"), Z = oe(), _ = le(a, s.dir), x = C !== void 0 ? C : c ? !!l : !0;
+  t.useImperativeHandle(A, i);
+  const [_, E] = t.useState("auto"), ee = ie(), te = ue(a, o.dir), g = z !== void 0 ? z : c ? !!l : !0;
   t.useEffect(
     () => {
       a.current && a.current.setCustomValidity && a.current.setCustomValidity(
-        x ? "" : k || ""
+        g ? "" : P || ""
       );
     },
-    [x, k]
-  ), ie(
+    [g, P]
+  ), de(
     () => {
-      a.current && B(`${a.current.scrollHeight}px`);
+      a.current && E(`${a.current.scrollHeight}px`);
     },
     [l]
   );
-  const ee = t.useCallback(
+  const ae = t.useCallback(
     (n) => {
-      const g = n.target.value;
-      B("auto"), !o && !r && V(g), m && !r && v(
+      const v = n.target.value;
+      E("auto"), !s && !r && B(v), m && !r && h(
         m,
         n,
         {
           ...i(),
-          value: g
+          value: v
         },
-        { value: g }
+        { value: v }
       );
     },
-    [V, m, r, o]
-  ), te = t.useCallback(
+    [B, m, r, s]
+  ), re = t.useCallback(
     (n) => {
-      p && !r && v(
+      p && !r && h(
         p,
         n,
         i(),
@@ -99,9 +100,9 @@ const ce = ne(), y = t.forwardRef((M, O) => {
       );
     },
     [p, r]
-  ), ae = t.useCallback(
+  ), ne = t.useCallback(
     (n) => {
-      b && !r && v(
+      b && !r && h(
         b,
         n,
         i(),
@@ -109,51 +110,51 @@ const ce = ne(), y = t.forwardRef((M, O) => {
       );
     },
     [b, r]
-  ), re = {
-    id: L || Z,
+  ), oe = {
+    id: j || ee,
     role: "textbox",
-    name: q,
-    className: "k-input-inner !k-overflow-auto",
+    name: K,
+    className: M("k-input-inner", "!k-overflow-auto", { "k-resize": !C && x !== "none" }),
     ref: a,
     disabled: r,
-    rows: D,
-    placeholder: j,
-    readOnly: $,
+    rows: q,
+    placeholder: G,
+    readOnly: L,
     required: c,
-    tabIndex: ue(G, r),
-    style: H ? { resize: "none", overflow: "hidden", height: Y } : {},
-    "aria-labelledby": N,
-    "aria-describedby": A,
+    tabIndex: ce(Q, r),
+    style: C ? { resize: "none", overflow: "hidden", height: _ } : x ? { resize: x } : {},
+    "aria-labelledby": R,
+    "aria-describedby": F,
     "aria-multiline": !0,
     "aria-disabled": r || void 0,
-    value: o ? f : T,
-    ...J,
-    onChange: ee,
-    onFocus: te,
-    onBlur: ae
+    value: s ? f : V,
+    ...U,
+    onChange: ae,
+    onFocus: re,
+    onBlur: ne
   };
   return /* @__PURE__ */ t.createElement(
     "span",
     {
-      className: de(
+      className: M(
         "k-input",
         "k-textarea",
         {
-          [`k-input-${z.sizeMap[u] || u}`]: u,
-          [`k-input-${h}`]: h,
-          [`k-rounded-${z.roundedMap[d] || d}`]: d,
-          "k-invalid": !(x || P !== void 0 || P === !0),
+          [`k-input-${S.sizeMap[u] || u}`]: u,
+          [`k-input-${k}`]: k,
+          [`k-rounded-${S.roundedMap[d] || d}`]: d,
+          "k-invalid": !(g || I !== void 0 || I === !0),
           "k-required": c,
           "k-disabled": r
         },
-        F
+        $
       ),
-      style: K,
-      dir: _
+      style: J,
+      dir: te
     },
-    s.prefix && /* @__PURE__ */ t.createElement(Q, { ...U }),
-    /* @__PURE__ */ t.createElement("textarea", { ...re }),
-    s.suffix && /* @__PURE__ */ t.createElement(W, { ...X })
+    o.prefix && /* @__PURE__ */ t.createElement(W, { ...X }),
+    /* @__PURE__ */ t.createElement("textarea", { ...oe }),
+    o.suffix && /* @__PURE__ */ t.createElement(Y, { ...Z })
   );
 });
 y.propTypes = {
@@ -181,16 +182,17 @@ y.propTypes = {
   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"])
+  fillMode: e.oneOf([null, "solid", "flat", "outline"]),
+  resizable: e.oneOf(["none", "both", "horizontal", "vertical"])
 };
-const fe = {
+const me = {
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
 };
 y.displayName = "KendoTextArea";
-y.defaultProps = fe;
+y.defaultProps = me;
 export {
   y as TextArea,
-  ce as TextAreaPropsContext
+  fe as TextAreaPropsContext
 };