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

package/radiobutton/RadioButton.mjs

@@ -8,109 +8,109 @@
 "use client";
 import * as e from "react";
 import a from "prop-types";
-import { createPropsContext as j, validatePackage as K, usePropsContext as L, useId as O, dispatchEvent as u, classNames as S, kendoThemeMaps as $, getTabIndex as q } from "@progress/kendo-react-common";
-import { packageMetadata as A } from "../package-metadata.mjs";
-const G = j(), C = e.forwardRef((y, B) => {
-  K(A);
-  const P = L(G, y), {
-    ariaDescribedBy: x,
-    checked: m,
-    children: b,
-    className: E,
-    disabled: n,
-    id: p,
-    size: s = J.size,
-    label: r,
-    labelPlacement: F,
-    name: I,
-    style: N,
-    tabIndex: R,
+import { createPropsContext as S, validatePackage as U, usePropsContext as q, useUnstyled as A, useId as G, dispatchEvent as d, classNames as m, uRadioButton as b, getTabIndex as J } from "@progress/kendo-react-common";
+import { packageMetadata as Q } from "../package-metadata.mjs";
+const V = S(), P = e.forwardRef((R, x) => {
+  U(Q);
+  const E = q(V, R), {
+    ariaDescribedBy: F,
+    checked: p,
+    children: f,
+    className: I,
+    disabled: t,
+    id: g,
+    size: N = W.size,
+    label: o,
+    labelPlacement: z,
+    name: T,
+    style: w,
+    tabIndex: D,
     value: c,
-    valid: z,
-    onChange: f,
-    onFocus: i,
-    onBlur: d,
-    ...T
-  } = P, l = e.useRef(null), g = e.useCallback(
+    valid: H,
+    onChange: h,
+    onFocus: r,
+    onBlur: i,
+    ...j
+  } = E, y = A(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(
     () => {
       l.current && l.current.focus();
     },
     []
-  ), o = e.useCallback(
+  ), s = e.useCallback(
     () => ({
       element: l.current,
-      focus: g
+      focus: C
     }),
-    [g]
+    [C]
   );
-  e.useImperativeHandle(B, o);
-  const k = O(), M = e.useCallback(
-    (t) => {
-      u(
-        f,
-        t,
-        o(),
+  e.useImperativeHandle(x, s);
+  const v = G(), K = e.useCallback(
+    (n) => {
+      d(
+        h,
+        n,
+        s(),
         { value: c }
       );
     },
-    [f, c, n]
-  ), w = e.useCallback(
-    (t) => {
-      i && !n && u(
-        i,
-        t,
-        o(),
+    [h, c, t]
+  ), L = e.useCallback(
+    (n) => {
+      r && !t && d(
+        r,
+        n,
+        s(),
         void 0
       );
     },
-    [i, n]
-  ), D = e.useCallback(
-    (t) => {
-      d && !n && u(
-        d,
-        t,
-        o(),
+    [r, t]
+  ), M = e.useCallback(
+    (n) => {
+      i && !t && d(
+        i,
+        n,
+        s(),
         void 0
       );
     },
-    [d, n]
-  ), H = {
+    [i, t]
+  ), O = {
     type: "radio",
-    id: p || k,
-    name: I,
-    className: S(
-      "k-radio",
-      {
-        [`k-radio-${$.sizeMap[s] || s}`]: s,
-        "k-invalid": z === !1,
-        "k-checked": m
-      },
-      E
+    id: g || v,
+    name: T,
+    className: m(
+      b.input({
+        c: u,
+        size: N,
+        invalid: H === !1,
+        checked: p
+      }),
+      I
     ),
     ref: l,
-    disabled: n,
-    tabIndex: q(R, n),
-    checked: m,
-    style: N,
-    "aria-describedby": x,
+    disabled: t,
+    tabIndex: J(D, t),
+    checked: p,
+    style: w,
+    "aria-describedby": F,
     value: c,
-    onChange: M,
-    onFocus: w,
-    onBlur: D,
-    ...T
-  }, h = /* @__PURE__ */ e.createElement(e.Fragment, null, r !== void 0 ? /* @__PURE__ */ e.createElement(
+    onChange: K,
+    onFocus: L,
+    onBlur: M,
+    ...j
+  }, B = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
     "label",
     {
-      className: "k-radio-label",
-      htmlFor: p || k,
+      className: m(b.label({ c: u })),
+      htmlFor: g || v,
       style: { userSelect: "none" },
-      "aria-label": r
+      "aria-label": o
     },
-    r
-  ) : null), v = /* @__PURE__ */ e.createElement("span", { className: "k-radio-wrap" }, /* @__PURE__ */ e.createElement("input", { ...H }));
-  return F === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, h, v, b) : /* @__PURE__ */ e.createElement(e.Fragment, null, v, h, b);
+    o
+  ) : null), k = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...O }));
+  return z === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, B, k, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, k, B, f);
 });
-C.propTypes = {
+P.propTypes = {
   ariaDescribedBy: a.string,
   checked: a.bool,
   className: a.string,
@@ -128,11 +128,11 @@ C.propTypes = {
   onFocus: a.func,
   onBlur: a.func
 };
-const J = {
+const W = {
   size: "medium"
 };
-C.displayName = "KendoRadioButton";
+P.displayName = "KendoRadioButton";
 export {
-  C as RadioButton,
-  G as RadioButtonPropsContext
+  P as RadioButton,
+  V as RadioButtonPropsContext
 };

package/radiobutton/RadioGroup.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 H=require("react"),e=require("prop-types"),L=require("./RadioButton.js"),s=require("@progress/kendo-react-common"),K=require("../package-metadata.js");function A(l){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const n in l)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(l,n);Object.defineProperty(c,n,d.get?d:{enumerable:!0,get:()=>l[n]})}}return c.default=l,Object.freeze(c)}const t=A(H),E=s.createPropsContext(),y=t.forwardRef((l,c)=>{s.validatePackage(K.packageMetadata);const n=s.usePropsContext(E,l),{id:d,ariaLabelledBy:N,ariaDescribedBy:O,className:j,data:g,defaultValue:B,disabled:o,name:G,labelPlacement:I,layout:u,style:F,value:k,valid:S,item:q=J.item,onChange:b,onFocus:m}=n,i=t.useRef(null),C=t.useCallback(()=>{i.current&&s.focusFirstFocusableChild(i.current)},[]),p=t.useCallback(()=>({element:i.current,focus:C}),[C]);t.useImperativeHandle(c,p);const[x,v]=t.useState(B),h=k!==void 0,f=h?k:x,D=t.useCallback(a=>{let r=a.value;!h&&!o&&v(r),b&&!o&&s.dispatchEvent(b,a.syntheticEvent,p(),{value:r})},[v,b,o]),M=t.useCallback(a=>{m&&!o&&s.dispatchEvent(m,a.syntheticEvent,p(),void 0)},[m,o]),T=s.useId(),V=s.classNames("k-radio-list",{"k-list-horizontal":u==="horizontal","k-list-vertical":u==="vertical"||u===void 0},j),z=s.useRtl(i,n.dir),_=g&&g.map((a,r)=>{const P=f===a.value,w=f==null,R={...a,valid:S,checked:P,disabled:!!(a.disabled||o),labelPlacement:a.labelPlacement?a.labelPlacement:I,tabIndex:a.tabIndex?a.tabIndex:w&&r===0||P?0:-1,index:r,name:G||T,onChange:D,onFocus:M};return t.createElement(q,{className:s.classNames("k-radio-list-item",{"k-disabled":R.disabled||o}),key:r,role:"none"},t.createElement(L.RadioButton,{...R}))});return t.createElement("ul",{id:d,role:"radiogroup",className:V,ref:i,dir:z,style:F,"aria-labelledby":N,"aria-describedby":O},_)}),J={item:l=>t.createElement("li",{...l})};y.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};y.displayName="KendoRadioGroup";exports.RadioGroup=y;exports.RadioGroupPropsContext=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react"),e=require("prop-types"),U=require("./RadioButton.js"),a=require("@progress/kendo-react-common"),A=require("../package-metadata.js");function J(o){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(c,n,i.get?i:{enumerable:!0,get:()=>o[n]})}}return c.default=o,Object.freeze(c)}const s=J(K),N=a.createPropsContext(),y=s.forwardRef((o,c)=>{a.validatePackage(A.packageMetadata);const n=a.usePropsContext(N,o),{id:i,ariaLabelledBy:O,ariaDescribedBy:j,className:B,data:g,defaultValue:I,disabled:l,name:F,labelPlacement:S,layout:d,style:q,value:C,valid:x,item:D=Q.item,onChange:b,onFocus:m}=n,v=a.useUnstyled(),h=v&&v.uRadioGroup,u=s.useRef(null),R=s.useCallback(()=>{u.current&&a.focusFirstFocusableChild(u.current)},[]),p=s.useCallback(()=>({element:u.current,focus:R}),[R]);s.useImperativeHandle(c,p);const[M,k]=s.useState(I),P=C!==void 0,f=P?C:M,T=s.useCallback(t=>{let r=t.value;!P&&!l&&k(r),b&&!l&&a.dispatchEvent(b,t.syntheticEvent,p(),{value:r})},[k,b,l]),V=s.useCallback(t=>{m&&!l&&a.dispatchEvent(m,t.syntheticEvent,p(),void 0)},[m,l]),z=a.useId(),_=a.classNames(a.uRadioGroup.ul({c:h,horizontal:d==="horizontal",vertical:d==="vertical"||d===void 0}),B),w=a.useRtl(u,n.dir),H=g&&g.map((t,r)=>{const G=f===t.value,L=f==null,E={...t,valid:x,checked:G,disabled:!!(t.disabled||l),labelPlacement:t.labelPlacement?t.labelPlacement:S,tabIndex:t.tabIndex?t.tabIndex:L&&r===0||G?0:-1,index:r,name:F||z,onChange:T,onFocus:V};return s.createElement(D,{className:a.classNames(a.uRadioGroup.item({c:h,disabled:E.disabled||l})),key:r,role:"none"},s.createElement(U.RadioButton,{...E}))});return s.createElement("ul",{id:i,role:"radiogroup",className:_,ref:u,dir:w,style:q,"aria-labelledby":O,"aria-describedby":j},H)}),Q={item:o=>s.createElement("li",{...o})};y.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};y.displayName="KendoRadioGroup";exports.RadioGroup=y;exports.RadioGroupPropsContext=N;

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