@progress/kendo-react-inputs 8.3.0-develop.10 → 8.3.0-develop.12

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,