@progress/kendo-react-inputs 14.0.1-develop.1 → 14.0.2-develop.1

package/checkbox/Checkbox.mjs

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

package/colors/ColorGradient.mjs

@@ -7,7 +7,7 @@
  */
 import * as r from "react";
 import o from "prop-types";
-import { withIdHOC as F, withPropsContext as G, createPropsContext 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 { withIdHOC as F, withPropsContext as G, createPropsContext 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 { 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 = _(R);
+    }, this.showLicenseWatermark = !A(R, { component: "ColorGradient" }), this.licenseMessage = N(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 = N && window.ResizeObserver && new window.ResizeObserver(() => {
+    if (this.setAlphaSliderBackground(this.state.backgroundColor), this.state.isFirstRender && this.setState({ isFirstRender: !1 }), this.gradientWrapper && (this.resizeObserver = I && 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 && (I(t), T(t));
+            b(document) === t && (_(t), T(t));
           },
           Escape: (t, a, e) => {
             b(document) !== t && (t.focus(), C(t));

package/colors/ColorPalette.mjs

@@ -6,10 +6,10 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as R from "react";
-import { useRef as z, useMemo as O, useState as U, useEffect as re, useCallback as p, useImperativeHandle as V } from "react";
+import { useRef as O, useMemo as U, useState as V, useEffect as re, useCallback as p, useImperativeHandle as M } from "react";
 import l from "prop-types";
 import { ColorPaletteService as se } from "./utils/color-palette.service.mjs";
-import { withIdHOC as le, createPropsContext as ne, usePropsContext as ae, dispatchEvent as M, classNames as H, getTabIndex as ce } from "@progress/kendo-react-common";
+import { withIdHOC as le, createPropsContext as ne, usePropsContext as ae, dispatchEvent as _, classNames as H, getTabIndex as ce } from "@progress/kendo-react-common";
 import { PALETTEPRESETS as ie } from "./models/palette-presets.mjs";
 import { parseColor as $ } from "./utils/color-parser.mjs";
 const ue = 24, de = 10, fe = "office", F = {
@@ -41,16 +41,16 @@ const ue = 24, de = 10, fe = "office", F = {
     id: Z,
     ariaLabelledBy: G,
     ariaDescribedBy: J
-  } = K, k = z(null), Q = z({
+  } = K, k = O(null), Q = O({
     focus: () => {
       var o;
       (o = k.current) == null || o.focus();
     },
     wrapperRef: k
-  }), A = S != null ? S : F.columns, f = O(() => we(I), [I]), t = O(() => {
+  }), A = S != null ? S : F.columns, f = U(() => we(I), [I]), t = U(() => {
     const o = new se();
     return o.setColorMatrix(f, A), o;
-  }, [f, A]), [C, T] = U(() => y !== void 0 ? y : j || ""), [x, b] = U(""), h = y !== void 0;
+  }, [f, A]), [C, T] = V(() => y !== void 0 ? y : j || ""), [x, b] = V(""), h = y !== void 0;
   re(() => {
     h && T(y);
   }, [y, h]);
@@ -116,7 +116,7 @@ const ue = 24, de = 10, fe = "office", F = {
             const s = r();
             if (s && (h || T(s), g)) {
               const e = $(s, "rgba");
-              M(g, o, null, {
+              _(g, o, null, {
                 value: s,
                 rgbaValue: e || ""
               });
@@ -133,7 +133,7 @@ const ue = 24, de = 10, fe = "office", F = {
       const r = o;
       if (h || T(r), g) {
         const w = $(r, "rgba");
-        M(g, u, null, {
+        _(g, u, null, {
           value: r,
           rgbaValue: w || ""
         });
@@ -162,7 +162,7 @@ const ue = 24, de = 10, fe = "office", F = {
       );
     }),
     [C, x, c, N]
-  ), oe = p(() => t.colorRows.map((u, r) => /* @__PURE__ */ R.createElement("tr", { key: u[0] || r, role: "row" }, B(u, r))), [t, B]), _ = p(
+  ), oe = p(() => t.colorRows.map((u, r) => /* @__PURE__ */ R.createElement("tr", { key: u[0] || r, role: "row" }, B(u, r))), [t, B]), z = p(
     () => ({
       focus: () => {
         var o;
@@ -172,7 +172,7 @@ const ue = 24, de = 10, fe = "office", F = {
     }),
     []
   );
-  V(Q, _), V(P, _);
+  M(Q, z), M(P, z);
   const te = H("k-colorpalette", W, {
     "k-disabled": i,
     "k-colorpalette-sm": L === "small",

package/colors/ColorPicker.mjs

@@ -39,7 +39,7 @@ const pt = {
     popupSettings: g,
     valid: ye,
     disabled: N,
-    tabIndex: _e,
+    tabIndex: he,
     icon: O,
     svgIcon: F,
     iconClassName: T,
@@ -47,11 +47,11 @@ const pt = {
     onFocus: H,
     onBlur: W,
     onActiveColorClick: U,
-    className: he,
+    className: _e,
     adaptive: Te,
     adaptiveTitle: Q = w.toLanguageString(ve, L[ve]),
     adaptiveSubtitle: X
-  } = 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(() => {
+  } = 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(() => {
     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 h, ce, se;
+          var _, ce, se;
           if (qe(document) !== s.current) {
-            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;
+            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;
             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 || (_.current && _.current.wrapperRef.current ? pe(_.current.wrapperRef.current) : P.current ? P.current.focus() : m.current && m.current.element && pe(m.current.element));
+    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]), A = (e) => ee.current = e, ae = t.useCallback(
     (e) => {
       const l = {
@@ -151,8 +151,8 @@ const pt = {
     [W]
   ), f = t.useCallback(
     (e, l) => {
-      var h;
-      const n = l ? e.rgbaValue || "" : (h = e.value) != null ? h : "";
+      var _;
+      const n = l ? e.rgbaValue || "" : (_ = e.value) != null ? _ : "";
       K || Ie(n), V && V.call(void 0, {
         value: n,
         nativeEvent: e.nativeEvent,
@@ -173,7 +173,7 @@ const pt = {
       {
         ...E,
         _adaptive: e,
-        ref: _,
+        ref: h,
         isInsidePopup: !0,
         size: e ? "large" : u,
         value: i,
@@ -317,10 +317,10 @@ const pt = {
         "k-invalid": !Ue,
         "k-disabled": N,
         "k-focus": Re,
-        className: he
+        className: _e
       }),
       ref: s,
-      tabIndex: Xe(_e, N),
+      tabIndex: Xe(he, 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 B, disableNavigatableContainer as K, focusFirstFocusableChild as ie, enableNavigatableContainer as re, keepFocusInContainer as ce, classNames as M, kendoThemeMaps as se, getTabIndex as de, WatermarkOverlay as ve } from "@progress/kendo-react-common";
+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, kendoThemeMaps as se, getTabIndex 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, _] = a.useState(e.value || b || void 0), I = e.value !== void 0 ? e.value : void 0;
+  ), [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;
   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: I
+      value: B
     }),
-    [I, R, e]
+    [B, 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), _(n), (c = e._gradientSettings) != null && c._adaptive && e.setAdaptiveModeValue && e.setAdaptiveModeValue(n), e.onPreviewChange) {
+      if (E(n), I(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), e.onChange) {
+      if (i !== void 0 && I(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), !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(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) => {
-            B(document) === t ? K(t) : ce(c, t);
+            _(document) === t ? K(t) : ce(c, t);
           },
           Enter: (t, n, c) => {
-            B(document) === t && (ie(t), re(t));
+            _(document) === t && (ie(t), re(t));
           },
           Escape: (t, n, c) => {
-            B(document) !== t && (t.focus(), K(t));
+            _(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": I === void 0
+          "k-no-color": B === void 0
         })
       },
       /* @__PURE__ */ a.createElement(