@progress/kendo-react-inputs 8.3.0-develop.1 → 8.3.0-develop.11

package/radiobutton/RadioGroup.mjs

@@ -8,110 +8,115 @@
 "use client";
 import * as t from "react";
 import e from "prop-types";
-import { RadioButton as M } from "./RadioButton.mjs";
-import { createPropsContext as q, validatePackage as A, usePropsContext as J, focusFirstFocusableChild as Q, dispatchEvent as v, useId as U, classNames as g, useRtl as W } from "@progress/kendo-react-common";
-import { packageMetadata as X } from "../package-metadata.mjs";
-const Y = q(), P = t.forwardRef((r, R) => {
-  A(X);
-  const m = J(Y, r), {
-    id: E,
-    ariaLabelledBy: I,
-    ariaDescribedBy: N,
-    className: B,
+import { RadioButton as A } from "./RadioButton.mjs";
+import { createPropsContext as J, validatePackage as Q, usePropsContext as W, useUnstyled as X, focusFirstFocusableChild as Y, dispatchEvent as P, useId as Z, classNames as R, uRadioGroup as E, useRtl as _ } from "@progress/kendo-react-common";
+import { packageMetadata as $ } from "../package-metadata.mjs";
+const ee = J(), G = t.forwardRef((n, I) => {
+  Q($);
+  const m = W(ee, n), {
+    id: N,
+    ariaLabelledBy: B,
+    ariaDescribedBy: F,
+    className: x,
     data: b,
-    defaultValue: F,
-    disabled: l,
-    name: x,
-    labelPlacement: G,
-    layout: n,
-    style: V,
+    defaultValue: V,
+    disabled: s,
+    name: O,
+    labelPlacement: j,
+    layout: r,
+    style: z,
     value: p,
-    valid: O,
-    item: j = Z.item,
+    valid: D,
+    item: H = ae.item,
     onChange: c,
-    onFocus: i
-  } = m, o = t.useRef(null), f = t.useCallback(
+    onFocus: d
+  } = m, f = X(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(
     () => {
-      o.current && Q(o.current);
+      o.current && Y(o.current);
     },
     []
-  ), d = t.useCallback(
+  ), i = t.useCallback(
     () => ({
       element: o.current,
-      focus: f
+      focus: C
     }),
-    [f]
+    [C]
   );
-  t.useImperativeHandle(R, d);
-  const [z, y] = t.useState(F), C = p !== void 0, u = C ? p : z, D = t.useCallback(
+  t.useImperativeHandle(I, i);
+  const [L, h] = t.useState(V), v = p !== void 0, u = v ? p : L, S = t.useCallback(
     (a) => {
-      let s = a.value;
-      !C && !l && y(s), c && !l && v(
+      let l = a.value;
+      !v && !s && h(l), c && !s && P(
         c,
         a.syntheticEvent,
-        d(),
-        { value: s }
+        i(),
+        { value: l }
       );
     },
-    [y, c, l]
-  ), H = t.useCallback(
+    [h, c, s]
+  ), T = t.useCallback(
     (a) => {
-      i && !l && v(
-        i,
+      d && !s && P(
+        d,
         a.syntheticEvent,
-        d(),
+        i(),
         void 0
       );
     },
-    [i, l]
-  ), L = U(), S = g(
-    "k-radio-list",
-    {
-      "k-list-horizontal": n === "horizontal",
-      "k-list-vertical": n === "vertical" || n === void 0
-    },
-    B
-  ), T = W(o, m.dir), w = b && b.map((a, s) => {
-    const h = u === a.value, K = u == null, k = {
+    [d, s]
+  ), w = Z(), K = R(
+    E.ul({
+      c: y,
+      horizontal: r === "horizontal",
+      vertical: r === "vertical" || r === void 0
+    }),
+    x
+  ), M = _(o, m.dir), U = b && b.map((a, l) => {
+    const g = u === a.value, q = u == null, k = {
       ...a,
-      valid: O,
-      checked: h,
-      disabled: !!(a.disabled || l),
-      labelPlacement: a.labelPlacement ? a.labelPlacement : G,
-      tabIndex: a.tabIndex ? a.tabIndex : K && s === 0 || h ? 0 : -1,
-      index: s,
-      name: x || L,
-      onChange: D,
-      onFocus: H
+      valid: D,
+      checked: g,
+      disabled: !!(a.disabled || s),
+      labelPlacement: a.labelPlacement ? a.labelPlacement : j,
+      tabIndex: a.tabIndex ? a.tabIndex : q && l === 0 || g ? 0 : -1,
+      index: l,
+      name: O || w,
+      onChange: S,
+      onFocus: T
     };
     return /* @__PURE__ */ t.createElement(
-      j,
+      H,
       {
-        className: g("k-radio-list-item", { "k-disabled": k.disabled || l }),
-        key: s,
+        className: R(
+          E.item({
+            c: y,
+            disabled: k.disabled || s
+          })
+        ),
+        key: l,
         role: "none"
       },
-      /* @__PURE__ */ t.createElement(M, { ...k })
+      /* @__PURE__ */ t.createElement(A, { ...k })
     );
   });
   return /* @__PURE__ */ t.createElement(
     "ul",
     {
-      id: E,
+      id: N,
       role: "radiogroup",
-      className: S,
+      className: K,
       ref: o,
-      dir: T,
-      style: V,
-      "aria-labelledby": I,
-      "aria-describedby": N
+      dir: M,
+      style: z,
+      "aria-labelledby": B,
+      "aria-describedby": F
     },
-    w
+    U
   );
-}), Z = {
-  item: (r) => /* @__PURE__ */ t.createElement("li", { ...r })
+}), ae = {
+  item: (n) => /* @__PURE__ */ t.createElement("li", { ...n })
 };
-P.propTypes = {
+G.propTypes = {
   ariaLabelledBy: e.string,
   ariaDescribedBy: e.string,
   className: e.string,
@@ -127,8 +132,8 @@ P.propTypes = {
   onChange: e.func,
   onFocus: e.func
 };
-P.displayName = "KendoRadioGroup";
+G.displayName = "KendoRadioGroup";
 export {
-  P as RadioGroup,
-  Y as RadioGroupPropsContext
+  G as RadioGroup,
+  ee as RadioGroupPropsContext
 };

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

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
 };