@progress/kendo-react-inputs 13.4.0-develop.1 → 13.4.0-develop.3

package/checkbox/Checkbox.mjs

@@ -10,20 +10,20 @@ import e from "prop-types";
 import { createPropsContext as ye, usePropsContext as xe, useId as Ve, dispatchEvent as V, Keys as H, useDir as Ee, classNames as E, getTabIndex as Pe, kendoThemeMaps as U } from "@progress/kendo-react-common";
 import { useLocalization as Be } from "@progress/kendo-react-intl";
 import { messages as Ie, checkboxValidation as Ne, checkboxOptionalText as ze } from "../messages/index.mjs";
-const Fe = ye(), A = a.forwardRef((W, j) => {
-  const P = xe(Fe, W), {
-    ariaDescribedBy: G,
-    ariaLabelledBy: J,
+const Fe = ye(), $ = a.forwardRef((A, W) => {
+  const P = xe(Fe, A), {
+    ariaDescribedBy: j,
+    ariaLabelledBy: G,
     checked: B,
-    className: Q,
-    labelClassName: X,
-    children: Y,
-    defaultChecked: Z,
+    className: J,
+    labelClassName: Q,
+    children: X,
+    defaultChecked: Y,
     disabled: o,
-    defaultValue: _,
+    defaultValue: Z,
     id: I,
-    size: b = $.size,
-    rounded: m = $.rounded,
+    size: b = _.size,
+    rounded: m = _.rounded,
     label: N,
     labelPlacement: z,
     name: ee,
@@ -55,8 +55,8 @@ const Fe = ye(), A = a.forwardRef((W, j) => {
     }),
     [D]
   );
-  a.useImperativeHandle(j, c);
-  const [le, se] = a.useState(Z), [ce, re] = a.useState(_), K = typeof s == "boolean" || s === null, h = B !== void 0, r = K, v = r ? s : ce, C = h ? B : r ? void 0 : le, T = C === void 0 && v, w = T ? v : C, d = T || r ? s === null ? s : void 0 : s || v, ie = w === null || d === null, L = Ve(), de = Be(), O = (t) => de.toLanguageString(t, Ie[t]), q = O(Ne), ue = O(ze), g = F !== void 0 ? F : i ? !!C : !0;
+  a.useImperativeHandle(W, c);
+  const [le, se] = a.useState(Y), [ce, re] = a.useState(Z), K = typeof s == "boolean" || s === null, h = B !== void 0, r = K, v = r ? s : ce, C = h ? B : r ? void 0 : le, T = C === void 0 && v, w = T ? v : C, d = T || r ? s === null ? s : void 0 : s || v, ie = w === null || d === null, L = Ve(), de = Be(), O = (t) => de.toLanguageString(t, Ie[t]), q = O(Ne), ue = O(ze), g = F !== void 0 ? F : i ? !!C : !0;
   a.useEffect(() => {
     n.current && n.current.setCustomValidity && n.current.setCustomValidity(g ? "" : M || q);
   }, [g, M, q]);
@@ -105,7 +105,7 @@ const Fe = ye(), A = a.forwardRef((W, j) => {
       f && !o && V(f, t, c(), void 0);
     },
     [f, o, c]
-  ), he = Ee(n, P.dir), ve = E("k-checkbox-wrap", Q), R = {
+  ), he = Ee(n, P.dir), ve = E("k-checkbox-wrap", J), R = {
     type: "checkbox",
     className: E("k-checkbox", {
       [`k-checkbox-${U.sizeMap[b] || b}`]: b,
@@ -122,8 +122,8 @@ const Fe = ye(), A = a.forwardRef((W, j) => {
     tabIndex: Pe(te, o),
     role: "checkbox",
     checked: !!w,
-    "aria-describedby": G,
-    "aria-labelledby": J,
+    "aria-describedby": j,
+    "aria-labelledby": G,
     "aria-disabled": o || void 0,
     "aria-required": i,
     autoFocus: oe,
@@ -140,16 +140,16 @@ const Fe = ye(), A = a.forwardRef((W, j) => {
   ), y = N !== void 0 ? /* @__PURE__ */ a.createElement(
     "label",
     {
-      className: E("k-checkbox-label", X),
+      className: E("k-checkbox-label", Q),
       htmlFor: I || L,
       style: { userSelect: "none" }
     },
     N,
     ae && /* @__PURE__ */ a.createElement("span", { className: "k-label-optional" }, ue)
-  ) : null, x = /* @__PURE__ */ a.createElement("span", { className: ve }, Ce, Y);
+  ) : null, x = /* @__PURE__ */ a.createElement("span", { className: ve }, Ce, X);
   return /* @__PURE__ */ a.createElement(a.Fragment, null, z === "before" ? /* @__PURE__ */ a.createElement("div", { dir: "rtl" }, x, y) : z === "after" ? /* @__PURE__ */ a.createElement("div", { dir: "ltr" }, x, y) : /* @__PURE__ */ a.createElement("div", { dir: he }, x, y));
 });
-A.propTypes = {
+$.propTypes = {
   checked: e.bool,
   className: e.string,
   defaultChecked: e.bool,
@@ -176,12 +176,12 @@ A.propTypes = {
   onFocus: e.func,
   onBlur: e.func
 };
-const $ = {
+const _ = {
   size: void 0,
   rounded: void 0
 };
-A.displayName = "KendoCheckbox";
+$.displayName = "KendoCheckbox";
 export {
-  A as Checkbox,
+  $ as Checkbox,
   Fe as CheckboxPropsContext
 };

package/colors/ColorGradient.mjs

@@ -7,7 +7,7 @@
  */
 import * as r from "react";
 import o from "prop-types";
-import { withIdHOC as F, createPropsContext as G, withPropsContext as M, validatePackage as A, getLicenseMessage as N, canUseDOM as I, Navigation as f, getActiveElement as b, disableNavigatableContainer as C, focusFirstFocusableChild as _, enableNavigatableContainer as T, keepFocusInContainer as O, TABBABLE_ELEMENTS as z, getTabIndex as k, classNames as B, kendoThemeMaps as P, Draggable as V, WatermarkOverlay as K } from "@progress/kendo-react-common";
+import { withIdHOC as F, createPropsContext as G, withPropsContext as M, validatePackage as A, getLicenseMessage as _, canUseDOM as N, Navigation as f, getActiveElement as b, disableNavigatableContainer as C, focusFirstFocusableChild as I, enableNavigatableContainer as T, keepFocusInContainer as O, TABBABLE_ELEMENTS as z, getTabIndex as k, classNames as B, kendoThemeMaps as P, Draggable as V, WatermarkOverlay as K } from "@progress/kendo-react-common";
 import { packageMetadata as R } from "../package-metadata.mjs";
 import { Slider as S } from "../slider/Slider.mjs";
 import { isPresent as y, fitIntoBounds as E } from "./utils/misc.mjs";
@@ -69,7 +69,7 @@ const ae = "rgba", L = "rgba(255, 255, 255, 1)", g = 2, v = 5, h = class h exten
     }, this.onKeyDown = (e) => {
       var s;
       (s = this.navigation) == null || s.triggerKeyboardEvent(e);
-    }, this.showLicenseWatermark = !A(R, { component: "ColorGradient" }), this.licenseMessage = N(R);
+    }, this.showLicenseWatermark = !A(R, { component: "ColorGradient" }), this.licenseMessage = _(R);
     const a = t.value || t.defaultValue || d(L, ae);
     this.state = Object.assign({}, h.getStateFromValue(a), {
       isFirstRender: !0,
@@ -86,7 +86,7 @@ const ae = "rgba", L = "rgba(255, 255, 255, 1)", g = 2, v = 5, h = class h exten
    * @hidden
    */
   componentDidMount() {
-    if (this.setAlphaSliderBackground(this.state.backgroundColor), this.state.isFirstRender && this.setState({ isFirstRender: !1 }), this.gradientWrapper && (this.resizeObserver = I && window.ResizeObserver && new window.ResizeObserver(() => {
+    if (this.setAlphaSliderBackground(this.state.backgroundColor), this.state.isFirstRender && this.setState({ isFirstRender: !1 }), this.gradientWrapper && (this.resizeObserver = N && window.ResizeObserver && new window.ResizeObserver(() => {
       this.forceUpdate();
     }), this.resizeObserver && this.resizeObserver.observe(this.gradientWrapper)), this.wrapperRef && this.hsvGradientRef) {
       let t = 0, a = 0;
@@ -122,7 +122,7 @@ const ae = "rgba", L = "rgba(255, 255, 255, 1)", g = 2, v = 5, h = class h exten
             b(document) === t ? C(t) : O(e, t, z);
           },
           Enter: (t, a, e) => {
-            b(document) === t && (_(t), T(t));
+            b(document) === t && (I(t), T(t));
           },
           Escape: (t, a, e) => {
             b(document) !== t && (t.focus(), C(t));

package/colors/ColorPicker.mjs

@@ -39,7 +39,7 @@ const pt = {
     popupSettings: g,
     valid: ye,
     disabled: N,
-    tabIndex: he,
+    tabIndex: _e,
     icon: O,
     svgIcon: F,
     iconClassName: T,
@@ -47,11 +47,11 @@ const pt = {
     onFocus: H,
     onBlur: W,
     onActiveColorClick: U,
-    className: _e,
+    className: he,
     adaptive: Te,
     adaptiveTitle: Q = w.toLanguageString(ve, L[ve]),
     adaptiveSubtitle: X
-  } = o, s = t.useRef(null), h = t.useRef(null), P = t.useRef(null), m = t.useRef(null), b = t.useRef(void 0), Pe = t.useRef(null), [Re, Y] = t.useState(!1), [Ae, Ie] = t.useState(o.defaultValue || void 0), [ze, Be] = t.useState(!1), [R, Le] = t.useState(), K = j(o.value), k = j(o.open), i = K ? o.value : Ae, p = k ? o.open : ze, ee = t.useRef(i), te = t.useCallback(() => {
+  } = o, s = t.useRef(null), _ = t.useRef(null), P = t.useRef(null), m = t.useRef(null), b = t.useRef(void 0), Pe = t.useRef(null), [Re, Y] = t.useState(!1), [Ae, Ie] = t.useState(o.defaultValue || void 0), [ze, Be] = t.useState(!1), [R, Le] = t.useState(), K = j(o.value), k = j(o.open), i = K ? o.value : Ae, p = k ? o.open : ze, ee = t.useRef(i), te = t.useCallback(() => {
     s.current && s.current.focus();
   }, []);
   t.useImperativeHandle(
@@ -96,16 +96,16 @@ const pt = {
           n.altKey && (n.preventDefault(), n.stopPropagation(), a(!1));
         },
         Tab: (e, l, n) => {
-          var _, ce, se;
+          var h, ce, se;
           if (Je(document) !== s.current) {
-            const ue = (_ = P.current) == null ? void 0 : _.wrapperRef.current, I = (ce = h.current) == null ? void 0 : ce.wrapperRef.current, de = (se = m.current) == null ? void 0 : se.element;
+            const ue = (h = P.current) == null ? void 0 : h.wrapperRef.current, I = (ce = _.current) == null ? void 0 : ce.wrapperRef.current, de = (se = m.current) == null ? void 0 : se.element;
             d === "palette" && ue ? z(n, ue) : d === "gradient" && I ? z(n, I) : d === "combo" && I ? z(n, I.parentElement) : c && de && z(n, de);
           }
         }
       }
     }
   }), [a, k]), De = t.useCallback(ne.triggerKeyboardEvent.bind(ne), []), xe = t.useCallback(() => {
-    k || (h.current && h.current.wrapperRef.current ? pe(h.current.wrapperRef.current) : P.current ? P.current.focus() : m.current && m.current.element && pe(m.current.element));
+    k || (_.current && _.current.wrapperRef.current ? pe(_.current.wrapperRef.current) : P.current ? P.current.focus() : m.current && m.current.element && pe(m.current.element));
   }, [k]), A = (e) => ee.current = e, ae = t.useCallback(
     (e) => {
       const l = {
@@ -151,8 +151,8 @@ const pt = {
     [W]
   ), f = t.useCallback(
     (e, l) => {
-      var _;
-      const n = l ? e.rgbaValue || "" : (_ = e.value) != null ? _ : "";
+      var h;
+      const n = l ? e.rgbaValue || "" : (h = e.value) != null ? h : "";
       K || Ie(n), V && V.call(void 0, {
         value: n,
         nativeEvent: e.nativeEvent,
@@ -173,7 +173,7 @@ const pt = {
       {
         ...E,
         _adaptive: e,
-        ref: h,
+        ref: _,
         isInsidePopup: !0,
         size: e ? "large" : u,
         value: i,
@@ -317,10 +317,10 @@ const pt = {
         "k-invalid": !Ue,
         "k-disabled": N,
         "k-focus": Re,
-        className: _e
+        className: he
       }),
       ref: s,
-      tabIndex: Ye(he, N),
+      tabIndex: Ye(_e, N),
       title: o.title,
       onKeyDown: De,
       onFocus: Oe,

package/colors/FlatColorPicker.mjs

@@ -7,7 +7,7 @@
  */
 import * as a from "react";
 import l from "prop-types";
-import { validatePackage as le, getLicenseMessage as ne, Navigation as oe, getActiveElement as _, disableNavigatableContainer as K, focusFirstFocusableChild as ie, enableNavigatableContainer as re, keepFocusInContainer as ce, classNames as M, getTabIndex as se, kendoThemeMaps as de, WatermarkOverlay as ve } from "@progress/kendo-react-common";
+import { validatePackage as le, getLicenseMessage as ne, Navigation as oe, getActiveElement as B, disableNavigatableContainer as K, focusFirstFocusableChild as ie, enableNavigatableContainer as re, keepFocusInContainer as ce, classNames as M, getTabIndex as se, kendoThemeMaps as de, WatermarkOverlay as ve } from "@progress/kendo-react-common";
 import { ButtonGroup as L, Button as d } from "@progress/kendo-react-buttons";
 import { dropletSliderIcon as V, paletteIcon as G, dropletSlashIcon as ue } from "@progress/kendo-svg-icons";
 import { ColorPalette as ge } from "./ColorPalette.mjs";
@@ -30,7 +30,7 @@ const D = a.forwardRef((e, H) => {
     (h || "ColorGradient") === "ColorGradient"
   ), [s, x] = a.useState(
     (r != null ? r : [])[0] === "gradient" && P === "gradient"
-  ), [i, E] = a.useState(e.value || b || void 0), [g, I] = a.useState(e.value || b || void 0), B = e.value !== void 0 ? e.value : void 0;
+  ), [i, E] = a.useState(e.value || b || void 0), [g, _] = a.useState(e.value || b || void 0), I = e.value !== void 0 ? e.value : void 0;
   a.useEffect(() => {
     E(e.value);
   }, [e.value]);
@@ -43,9 +43,9 @@ const D = a.forwardRef((e, H) => {
       element: y.current,
       focus: R,
       props: e,
-      value: B
+      value: I
     }),
-    [B, R, e]
+    [I, R, e]
   ), a.useImperativeHandle(H, () => f.current);
   const A = a.useCallback(
     (t) => {
@@ -61,7 +61,7 @@ const D = a.forwardRef((e, H) => {
     (t) => {
       var c;
       const n = b || void 0;
-      if (E(n), I(n), (c = e._gradientSettings) != null && c._adaptive && e.setAdaptiveModeValue && e.setAdaptiveModeValue(n), e.onPreviewChange) {
+      if (E(n), _(n), (c = e._gradientSettings) != null && c._adaptive && e.setAdaptiveModeValue && e.setAdaptiveModeValue(n), e.onPreviewChange) {
         const S = {
           value: n,
           nativeEvent: t.nativeEvent,
@@ -87,7 +87,7 @@ const D = a.forwardRef((e, H) => {
     [e.onPreviewChange]
   ), Y = a.useCallback(
     (t) => {
-      if (i !== void 0 && I(i), e.onChange) {
+      if (i !== void 0 && _(i), e.onChange) {
         const n = {
           value: i,
           nativeEvent: t.nativeEvent,
@@ -114,7 +114,7 @@ const D = a.forwardRef((e, H) => {
   ), ee = a.useCallback(
     (t) => {
       var c, S;
-      if ((!t.relatedTarget || !((c = y.current) != null && c.contains(t.relatedTarget))) && !((S = e._gradientSettings) != null && S._adaptive) && (!w && i !== void 0 && I(i), !w && e.onChange)) {
+      if ((!t.relatedTarget || !((c = y.current) != null && c.contains(t.relatedTarget))) && !((S = e._gradientSettings) != null && S._adaptive) && (!w && i !== void 0 && _(i), !w && e.onChange)) {
         const te = {
           value: i,
           nativeEvent: t.nativeEvent,
@@ -132,13 +132,13 @@ const D = a.forwardRef((e, H) => {
       keyboardEvents: {
         keydown: {
           Tab: (t, n, c) => {
-            _(document) === t ? K(t) : ce(c, t);
+            B(document) === t ? K(t) : ce(c, t);
           },
           Enter: (t, n, c) => {
-            _(document) === t && (ie(t), re(t));
+            B(document) === t && (ie(t), re(t));
           },
           Escape: (t, n, c) => {
-            _(document) !== t && (t.focus(), K(t));
+            B(document) !== t && (t.focus(), K(t));
           }
         }
       }
@@ -277,7 +277,7 @@ const D = a.forwardRef((e, H) => {
       "span",
       {
         className: M("k-coloreditor-preview-color", "k-color-preview", {
-          "k-no-color": B === void 0
+          "k-no-color": I === void 0
         })
       },
       /* @__PURE__ */ a.createElement(