@progress/kendo-react-inputs 8.3.0-develop.5 → 8.3.0-develop.7

package/textbox/Textbox.mjs

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