@progress/kendo-react-inputs 9.4.0-develop.28 → 9.4.0-develop.29

package/colors/FlatColorPicker.mjs

@@ -7,7 +7,7 @@
  */
 import * as a from "react";
 import l from "prop-types";
-import { validatePackage as p, Navigation as ee, getActiveElement as V, disableNavigatableContainer as K, keepFocusInContainer as ae, focusFirstFocusableChild as te, enableNavigatableContainer as le, getTabIndex as ne, classNames as _, kendoThemeMaps as oe } from "@progress/kendo-react-common";
+import { validatePackage as p, Navigation as ee, getActiveElement as _, disableNavigatableContainer as K, keepFocusInContainer as ae, focusFirstFocusableChild as te, enableNavigatableContainer as le, getTabIndex as ne, classNames as V, kendoThemeMaps as oe } from "@progress/kendo-react-common";
 import { ButtonGroup as M, Button as s } from "@progress/kendo-react-buttons";
 import { dropletSliderIcon as L, paletteIcon as G, dropletSlashIcon as ie } from "@progress/kendo-svg-icons";
 import { ColorPalette as re } from "./ColorPalette.mjs";
@@ -30,7 +30,7 @@ const D = a.forwardRef((e, O) => {
     (h || "ColorGradient") === "ColorGradient"
   ), [d, x] = a.useState(
     (r != null ? r : [])[0] === "gradient" && P === "gradient"
-  ), [i, E] = a.useState(e.value || b || void 0), [g, S] = 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, I] = a.useState(e.value || b || void 0), B = e.value !== void 0 ? e.value : void 0;
   a.useEffect(() => {
     E(e.value);
   }, [e.value]);
@@ -61,13 +61,13 @@ const D = a.forwardRef((e, O) => {
     (t) => {
       var c;
       const n = b || void 0;
-      if (E(n), S(n), (c = e._gradientSettings) != null && c._adaptive && e.setAdaptiveModeValue && e.setAdaptiveModeValue(n), e.onPreviewChange) {
-        const I = {
+      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,
           syntheticEvent: t
         };
-        e.onPreviewChange.call(void 0, I);
+        e.onPreviewChange.call(void 0, S);
       }
     },
     [b, e.onPreviewChange]
@@ -87,7 +87,7 @@ const D = a.forwardRef((e, O) => {
     [e.onPreviewChange]
   ), Q = a.useCallback(
     (t) => {
-      if (i !== void 0 && S(i), e.onChange) {
+      if (i !== void 0 && I(i), e.onChange) {
         const n = {
           value: i,
           nativeEvent: t.nativeEvent,
@@ -113,8 +113,8 @@ const D = a.forwardRef((e, O) => {
     [g, e.onPreviewChange]
   ), X = a.useCallback(
     (t) => {
-      var c, I;
-      if ((!t.relatedTarget || !((c = y.current) != null && c.contains(t.relatedTarget))) && !((I = e._gradientSettings) != null && I._adaptive) && (!w && i !== void 0 && S(i), !w && e.onChange)) {
+      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)) {
         const Z = {
           value: i,
           nativeEvent: t.nativeEvent,
@@ -132,13 +132,13 @@ const D = a.forwardRef((e, O) => {
       keyboardEvents: {
         keydown: {
           Tab: (t, n, c) => {
-            V(document) === t ? K(t) : ae(c, t);
+            _(document) === t ? K(t) : ae(c, t);
           },
           Enter: (t, n, c) => {
-            V(document) === t && (te(t), le(t));
+            _(document) === t && (te(t), le(t));
           },
           Escape: (t, n, c) => {
-            V(document) !== t && (t.focus(), K(t));
+            _(document) !== t && (t.focus(), K(t));
           }
         }
       }
@@ -156,7 +156,7 @@ const D = a.forwardRef((e, O) => {
       style: e.style,
       ref: y,
       tabIndex: ne(e.tabIndex, e.disabled),
-      className: _(
+      className: V(
         "k-flatcolorpicker k-coloreditor",
         {
           [`k-coloreditor-${oe.sizeMap[o] || o}`]: o,
@@ -276,7 +276,7 @@ const D = a.forwardRef((e, O) => {
     ), q && /* @__PURE__ */ a.createElement("div", { className: "k-coloreditor-preview k-vstack" }, /* @__PURE__ */ a.createElement(
       "span",
       {
-        className: _("k-coloreditor-preview-color", "k-color-preview", {
+        className: V("k-coloreditor-preview-color", "k-color-preview", {
           "k-no-color": B === void 0
         })
       },
@@ -290,7 +290,7 @@ const D = a.forwardRef((e, O) => {
     ), /* @__PURE__ */ a.createElement(
       "span",
       {
-        className: _("k-coloreditor-current-color", "k-color-preview", {
+        className: V("k-coloreditor-current-color", "k-color-preview", {
           "k-no-color": g === void 0
         }),
         onClick: W
@@ -314,7 +314,8 @@ const D = a.forwardRef((e, O) => {
         opacity: e.opacity,
         format: e.format,
         size: o,
-        _adaptive: e._gradientSettings ? e._gradientSettings._adaptive : void 0
+        _adaptive: e._gradientSettings ? e._gradientSettings._adaptive : void 0,
+        ...e._gradientSettings
       }
     ), (h && !v || r && !d) && /* @__PURE__ */ a.createElement(
       re,