@progress/kendo-react-inputs 9.1.1-develop.4 → 9.2.0-develop.2

package/textbox/Textbox.mjs

@@ -7,16 +7,16 @@
  */
 "use client";
 import * as t from "react";
-import r from "prop-types";
-import { validatePackage as w, useUnstyled as H, 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";
+import a from "prop-types";
+import { validatePackage as I, useUnstyled as j, useCustomComponent as x, useAsyncFocusBlur as w, classNames as h, uTextBox as C } from "@progress/kendo-react-common";
+import { packageMetadata as H } from "../package-metadata.mjs";
 const B = t.forwardRef((e, F) => {
-  w(A);
-  const l = t.useRef(null), o = t.useRef(null), a = t.useRef(), i = H(), s = i && i.uTextBox, y = t.useCallback(() => {
+  I(H);
+  const l = t.useRef(null), s = t.useRef(null), r = t.useRef(), i = j(), o = i && i.uTextBox, b = t.useCallback(() => {
     var n;
-    return a.current !== void 0 ? a.current : (n = l.current) == null ? void 0 : n.value;
+    return r.current !== void 0 ? r.current : (n = l.current) == null ? void 0 : n.value;
   }, []);
-  t.useImperativeHandle(o, () => ({
+  t.useImperativeHandle(s, () => ({
     get element() {
       return l.current;
     },
@@ -24,48 +24,49 @@ const B = t.forwardRef((e, F) => {
       return l.current && l.current.name;
     },
     get value() {
-      return y();
+      return b();
     }
-  })), t.useImperativeHandle(F, () => o.current);
+  })), t.useImperativeHandle(F, () => s.current);
   const {
     size: c = u.size,
     fillMode: d = u.fillMode,
     rounded: f = u.rounded,
-    autoFocus: E = u.autoFocus,
+    autoFocus: y = u.autoFocus,
+    inputAttributes: E,
     className: m,
     dir: R,
     style: _,
-    prefix: b = u.prefix,
-    suffix: M = u.suffix,
+    prefix: M = u.prefix,
+    suffix: N = u.suffix,
     valid: D,
     // Destruct to avoid warning when used inside a form field
     modified: G,
     touched: K,
     visited: U,
-    ...N
-  } = e, [T] = g(b), [q] = g(M), [v, x] = t.useState(!1), k = (n) => {
-    x(!0);
-  }, z = (n) => {
-    x(!1);
+    ...T
+  } = e, [q] = x(M), [k] = x(N), [v, g] = t.useState(!1), z = (n) => {
+    g(!0);
+  }, O = (n) => {
+    g(!1);
   }, P = t.useCallback(
     (n) => {
-      a.current = n.target.value, e.onChange && e.onChange.call(void 0, {
+      r.current = n.target.value, e.onChange && e.onChange.call(void 0, {
         syntheticEvent: n,
         nativeEvent: n.nativeEvent,
         value: n.target.value,
-        target: o.current
-      }), a.current = void 0;
+        target: s.current
+      }), r.current = void 0;
     },
     [e.onChange]
-  ), { onFocus: S, onBlur: I } = p({
-    onFocus: k,
-    onBlur: z,
+  ), { onFocus: S, onBlur: p } = w({
+    onFocus: z,
+    onBlur: O,
     onSyncFocus: e.onFocus,
     onSyncBlur: e.onBlur
-  }), O = t.useMemo(
+  }), A = t.useMemo(
     () => h(
       C.wrapper({
-        c: s,
+        c: o,
         rounded: f,
         fillMode: d,
         size: c,
@@ -76,19 +77,19 @@ const B = t.forwardRef((e, F) => {
       }),
       m
     ),
-    [m, d, v, e.disabled, e.required, e.valid, f, c, s]
+    [m, d, v, e.disabled, e.required, e.valid, f, c, o]
   );
-  return /* @__PURE__ */ t.createElement("span", { style: _, dir: R, className: O, onFocus: S, onBlur: I }, /* @__PURE__ */ t.createElement(T, null), /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ t.createElement("span", { style: _, dir: R, className: A, onFocus: S, onBlur: p }, /* @__PURE__ */ t.createElement(q, null), /* @__PURE__ */ t.createElement(
     "input",
     {
       ref: l,
-      className: h(C.inputInner({ c: s })),
-      autoFocus: E,
-      ...N,
+      className: h(C.inputInner({ c: o })),
+      autoFocus: y,
+      ...Object.assign({}, T, E),
       "aria-required": e.required,
       onChange: P
     }
-  ), /* @__PURE__ */ t.createElement(q, null));
+  ), /* @__PURE__ */ t.createElement(k, null));
 }), u = {
   prefix: (e) => null,
   suffix: (e) => null,
@@ -98,10 +99,11 @@ const B = t.forwardRef((e, F) => {
   autoFocus: !1
 };
 B.propTypes = {
-  size: r.oneOf([null, "small", "medium", "large"]),
-  rounded: r.oneOf([null, "small", "medium", "large", "full"]),
-  fillMode: r.oneOf([null, "solid", "flat", "outline"]),
-  autoFocus: r.bool
+  size: a.oneOf([null, "small", "medium", "large"]),
+  rounded: a.oneOf([null, "small", "medium", "large", "full"]),
+  fillMode: a.oneOf([null, "solid", "flat", "outline"]),
+  autoFocus: a.bool,
+  inputAttributes: a.object
 };
 B.displayName = "KendoReactTextBoxComponent";
 export {