@progress/kendo-react-inputs 8.1.0-develop.9 → 8.1.1-develop.1

package/textarea/TextArea.mjs

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

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

package/textbox/Textbox.mjs

@@ -7,20 +7,20 @@
  */
 "use client";
 import * as e from "react";
-import s from "prop-types";
-import { validatePackage as T, useCustomComponent as m, useAsyncFocusBlur as z, classNames as S, kendoThemeMaps as v } from "@progress/kendo-react-common";
+import i from "prop-types";
+import { validatePackage as T, useCustomComponent as f, useAsyncFocusBlur as P, classNames as S, kendoThemeMaps as m } from "@progress/kendo-react-common";
 import { packageMetadata as O } from "../package-metadata.mjs";
-const c = e.forwardRef((n, g) => {
+const v = e.forwardRef((n, g) => {
   T(O);
-  const u = e.useRef(null), r = e.useRef(null), l = e.useRef(), k = e.useCallback(
+  const u = e.useRef(null), a = e.useRef(null), r = e.useRef(), k = e.useCallback(
     () => {
       var t;
-      return l.current !== void 0 ? l.current : (t = u.current) == null ? void 0 : t.value;
+      return r.current !== void 0 ? r.current : (t = u.current) == null ? void 0 : t.value;
     },
     []
   );
   e.useImperativeHandle(
-    r,
+    a,
     () => ({
       get element() {
         return u.current;
@@ -34,38 +34,38 @@ const c = e.forwardRef((n, g) => {
     })
   ), e.useImperativeHandle(
     g,
-    () => r.current
+    () => a.current
   );
   const {
-    size: a,
-    fillMode: d,
-    rounded: o,
+    size: o = l.size,
+    fillMode: d = l.fillMode,
+    rounded: s = l.rounded,
     className: x,
     dir: h,
     style: p,
-    prefix: C = i.prefix,
-    suffix: y = i.suffix,
+    prefix: C = l.prefix,
+    suffix: y = l.suffix,
     valid: $,
     // Destruct to avoid warning when used inside a form field
     modified: q,
     touched: H,
     visited: I,
     ...B
-  } = n, [E] = m(C), [F] = m(y), [M, f] = e.useState(!1), R = (t) => {
-    f(!0);
+  } = n, [M] = f(C), [E] = f(y), [F, c] = e.useState(!1), R = (t) => {
+    c(!0);
   }, _ = (t) => {
-    f(!1);
+    c(!1);
   }, b = e.useCallback(
     (t) => {
-      l.current = t.target.value, n.onChange && n.onChange.call(void 0, {
+      r.current = t.target.value, n.onChange && n.onChange.call(void 0, {
         syntheticEvent: t,
         nativeEvent: t.nativeEvent,
         value: t.target.value,
-        target: r.current
-      }), l.current = void 0;
+        target: a.current
+      }), r.current = void 0;
     },
     [n.onChange]
-  ), { onFocus: N, onBlur: P } = z({
+  ), { onFocus: z, onBlur: N } = P({
     onFocus: R,
     onBlur: _,
     onSyncFocus: n.onFocus,
@@ -79,22 +79,22 @@ const c = e.forwardRef((n, g) => {
       className: S(
         "k-textbox k-input",
         {
-          [`k-input-${v.sizeMap[a] || a}`]: a,
+          [`k-input-${m.sizeMap[o] || o}`]: o,
           [`k-input-${d}`]: d,
-          [`k-rounded-${v.roundedMap[o] || o}`]: o
+          [`k-rounded-${m.roundedMap[s] || s}`]: s
         },
         {
-          "k-focus": M,
+          "k-focus": F,
           "k-required": n.required,
           "k-disabled": n.disabled,
           "k-invalid": n.valid === !1
         },
         x
       ),
-      onFocus: N,
-      onBlur: P
+      onFocus: z,
+      onBlur: N
     },
-    /* @__PURE__ */ e.createElement(E, null),
+    /* @__PURE__ */ e.createElement(M, null),
     /* @__PURE__ */ e.createElement(
       "input",
       {
@@ -104,22 +104,21 @@ const c = e.forwardRef((n, g) => {
         onChange: b
       }
     ),
-    /* @__PURE__ */ e.createElement(F, null)
+    /* @__PURE__ */ e.createElement(E, null)
   );
-}), i = {
+}), l = {
   prefix: (n) => null,
   suffix: (n) => null,
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
 };
-c.propTypes = {
-  size: s.oneOf([null, "small", "medium", "large"]),
-  rounded: s.oneOf([null, "small", "medium", "large", "full"]),
-  fillMode: s.oneOf([null, "solid", "flat", "outline"])
+v.propTypes = {
+  size: i.oneOf([null, "small", "medium", "large"]),
+  rounded: i.oneOf([null, "small", "medium", "large", "full"]),
+  fillMode: i.oneOf([null, "solid", "flat", "outline"])
 };
-c.displayName = "KendoReactTextBoxComponent";
-c.defaultProps = i;
+v.displayName = "KendoReactTextBoxComponent";
 export {
-  c as TextBox
+  v as TextBox
 };