@progress/kendo-react-inputs 10.1.1-develop.1 → 10.2.0-develop.10

package/colors/ColorPicker.mjs

@@ -7,15 +7,15 @@
  */
 import * as t from "react";
 import a from "prop-types";
-import { createPropsContext as He, validatePackage as We, usePropsContext as Ue, useAdaptiveModeContext as Ke, canUseDOM as $e, Navigation as Ge, getActiveElement as Me, keepFocusInContainer as I, focusFirstFocusableChild as ue, WatermarkOverlay as Ze, useDir as je, classNames as M, kendoThemeMaps as de, getTabIndex as qe, IconWrap as Je, svgIconPropType as Qe } from "@progress/kendo-react-common";
+import { createPropsContext as He, validatePackage as We, usePropsContext as Ue, useAdaptiveModeContext as Ke, canUseDOM as $e, Navigation as Ge, getActiveElement as Me, keepFocusInContainer as z, focusFirstFocusableChild as ue, WatermarkOverlay as Ze, useDir as je, classNames as M, kendoThemeMaps as de, getTabIndex as qe, IconWrap as Je, svgIconPropType as Qe } from "@progress/kendo-react-common";
 import { packageMetadata as Xe } from "../package-metadata.mjs";
 import { Picker as Ye } from "./Picker.mjs";
 import { ColorGradient as et } from "./ColorGradient.mjs";
 import { ColorPalette as tt, DEFAULT_PRESET as nt, DEFAULT_TILE_SIZE as at } from "./ColorPalette.mjs";
-import { FlatColorPicker as z } from "./FlatColorPicker.mjs";
+import { FlatColorPicker as B } from "./FlatColorPicker.mjs";
 import { Button as rt } from "@progress/kendo-react-buttons";
 import { caretAltDownIcon as ot } from "@progress/kendo-svg-icons";
-import { colorPickerAdaptiveTitle as pe, messages as B, flatColorPickerCancelBtn as fe, flatColorPickerApplyBtn as me, colorPickerDropdownButtonAriaLabel as ve } from "../messages/index.mjs";
+import { colorPickerAdaptiveTitle as pe, messages as D, flatColorPickerCancelBtn as fe, flatColorPickerApplyBtn as me, colorPickerDropdownButtonAriaLabel as ve } from "../messages/index.mjs";
 import { useLocalization as lt } from "@progress/kendo-react-intl";
 import { AdaptiveMode as it } from "../common/AdaptiveMode.mjs";
 import { ActionSheetContent as ct } from "@progress/kendo-react-layout";
@@ -24,15 +24,15 @@ const st = {
 }, ut = {
   palette: nt,
   tileSize: at
-}, Z = (D) => D !== void 0, dt = He(), ge = t.forwardRef((D, ke) => {
+}, Z = (L) => L !== void 0, dt = He(), ge = t.forwardRef((L, ke) => {
   var re, oe;
-  const Ce = !We(Xe, { component: "ColorPicker" }), o = Ue(dt, D), b = lt(), j = Ke(), {
+  const Ce = !We(Xe, { component: "ColorPicker" }), o = Ue(dt, L), b = lt(), j = Ke(), {
     size: u = k.size,
-    rounded: L = k.rounded,
-    fillMode: S = k.fillMode,
+    rounded: x = k.rounded,
+    fillMode: _ = k.fillMode,
     gradientSettings: C = k.gradientSettings,
-    paletteSettings: x = k.paletteSettings,
-    flatColorPickerSettings: w,
+    paletteSettings: w = k.paletteSettings,
+    flatColorPickerSettings: y,
     view: d = o.views ? void 0 : k.view,
     views: c = d ? void 0 : k.views,
     activeView: q,
@@ -49,8 +49,8 @@ const st = {
     onActiveColorClick: U,
     className: we,
     adaptive: ye,
-    adaptiveTitle: J = b.toLanguageString(pe, B[pe])
-  } = o, s = t.useRef(null), y = t.useRef(null), T = t.useRef(null), f = t.useRef(null), E = t.useRef(), he = t.useRef(null), [Se, Q] = t.useState(!1), [Pe, Te] = t.useState(o.defaultValue), [_e, Re] = t.useState(!1), [_, Ae] = t.useState(), K = Z(o.value), v = Z(o.open), l = K ? o.value : Pe, g = v ? o.open : _e, X = t.useRef(l), Y = t.useCallback(() => {
+    adaptiveTitle: J = b.toLanguageString(pe, D[pe])
+  } = o, s = t.useRef(null), S = t.useRef(null), T = t.useRef(null), f = t.useRef(null), E = t.useRef(void 0), Se = t.useRef(null), [he, Q] = t.useState(!1), [_e, Pe] = t.useState(o.defaultValue || void 0), [Te, Re] = t.useState(!1), [R, Ae] = t.useState(), K = Z(o.value), v = Z(o.open), l = K ? o.value : _e, g = v ? o.open : Te, X = t.useRef(l), Y = t.useCallback(() => {
     s.current && s.current.focus();
   }, []);
   t.useImperativeHandle(
@@ -58,13 +58,13 @@ const st = {
     () => ({
       // we agreed that each element will have focus method exposed
       element: s.current,
-      actionElement: he.current,
+      actionElement: Se.current,
       value: l,
       focus: Y
     }),
     [l, Y]
   );
-  const Ie = !!(_ && j && _ <= j.medium && ye);
+  const Ie = !!(R && j && R <= j.medium && ye);
   t.useEffect(() => {
     const e = $e && window.ResizeObserver && new window.ResizeObserver(Fe.bind(void 0));
     return document != null && document.body && e && e.observe(document.body), () => {
@@ -97,15 +97,15 @@ const st = {
         Tab: (e, i, n) => {
           var h, le, ie;
           if (Me(document) !== s.current) {
-            const ce = (h = T.current) == null ? void 0 : h.wrapperRef.current, A = (le = y.current) == null ? void 0 : le.wrapperRef.current, se = (ie = f.current) == null ? void 0 : ie.element;
-            d === "palette" && ce ? I(n, ce) : d === "gradient" && A ? I(n, A) : d === "combo" && A ? I(n, A.parentElement) : c && se && I(n, se);
+            const ce = (h = T.current) == null ? void 0 : h.wrapperRef.current, I = (le = S.current) == null ? void 0 : le.wrapperRef.current, se = (ie = f.current) == null ? void 0 : ie.element;
+            d === "palette" && ce ? z(n, ce) : d === "gradient" && I ? z(n, I) : d === "combo" && I ? z(n, I.parentElement) : c && se && z(n, se);
           }
         }
       }
     }
   }), [r, v]), ze = t.useCallback(ee.triggerKeyboardEvent.bind(ee), []), Be = t.useCallback(() => {
-    v || (y.current && y.current.wrapperRef.current ? ue(y.current.wrapperRef.current) : T.current ? T.current.focus() : f.current && f.current.element && ue(f.current.element));
-  }, [v]), R = (e) => X.current = e, te = t.useCallback(
+    v || (S.current && S.current.wrapperRef.current ? ue(S.current.wrapperRef.current) : T.current ? T.current.focus() : f.current && f.current.element && ue(f.current.element));
+  }, [v]), A = (e) => X.current = e, te = t.useCallback(
     (e) => {
       const i = {
         value: X.current,
@@ -152,7 +152,7 @@ const st = {
     (e, i) => {
       var h;
       const n = i ? e.rgbaValue || "" : (h = e.value) != null ? h : "";
-      K || Te(n), V && V.call(void 0, {
+      K || Pe(n), V && V.call(void 0, {
         value: n,
         nativeEvent: e.nativeEvent,
         syntheticEvent: e.syntheticEvent,
@@ -172,26 +172,27 @@ const st = {
       {
         ...C,
         _adaptive: e,
-        ref: y,
+        ref: S,
         isInsidePopup: !0,
         size: e ? "large" : u,
-        fillMode: S,
+        fillMode: _,
         value: l,
         onChange: p
       }
     ), (d === "combo" || d === "palette") && /* @__PURE__ */ t.createElement(
       tt,
       {
-        ...x,
+        ...w,
         ref: T,
         size: e ? "large" : u,
         value: l,
         onChange: ne
       }
     ), c && c[0] === "gradient" && c[1] === "palette" && /* @__PURE__ */ t.createElement(
-      z,
+      B,
       {
-        ...w,
+        ...y,
+        _paletteSettings: w,
         _gradientSettings: { _adaptive: e, ...C },
         ref: f,
         size: e ? "large" : u,
@@ -201,12 +202,13 @@ const st = {
         showButtons: !e,
         value: l,
         onChange: p,
-        setAdaptiveModeValue: R
+        setAdaptiveModeValue: A
       }
     ), c && c[0] === "palette" && c[1] === "gradient" && /* @__PURE__ */ t.createElement(
-      z,
+      B,
       {
-        ...w,
+        ...y,
+        _paletteSettings: w,
         _gradientSettings: { _adaptive: e, ...C },
         ref: f,
         size: e ? "large" : u,
@@ -215,12 +217,12 @@ const st = {
         showButtons: !e,
         value: l,
         onChange: p,
-        setAdaptiveModeValue: R
+        setAdaptiveModeValue: A
       }
     ), c && c.includes("gradient") && !c.includes("palette") && /* @__PURE__ */ t.createElement(
-      z,
+      B,
       {
-        ...w,
+        ...y,
         _gradientSettings: { _adaptive: e, ...C },
         ref: f,
         size: e ? "large" : u,
@@ -229,13 +231,13 @@ const st = {
         setOpen: r,
         value: l,
         onChange: p,
-        setAdaptiveModeValue: R
+        setAdaptiveModeValue: A
       }
     ), c && c.includes("palette") && !c.includes("gradient") && /* @__PURE__ */ t.createElement(
-      z,
+      B,
       {
-        ...w,
-        _paletteSettings: x,
+        ...y,
+        _paletteSettings: w,
         _gradientSettings: { _adaptive: e, ...C },
         ref: f,
         size: e ? "large" : u,
@@ -244,17 +246,17 @@ const st = {
         setOpen: r,
         value: l,
         onChange: p,
-        setAdaptiveModeValue: R
+        setAdaptiveModeValue: A
       }
     ), Ce && /* @__PURE__ */ t.createElement(Ze, null)),
     [
       q,
-      S,
-      w,
+      _,
+      y,
       C,
       p,
       ne,
-      x,
+      w,
       r,
       u,
       l,
@@ -268,21 +270,21 @@ const st = {
       title: J,
       expand: g,
       onClose: $,
-      windowWidth: _,
+      windowWidth: R,
       footer: {
-        cancelText: b.toLanguageString(fe, B[fe]),
+        cancelText: b.toLanguageString(fe, D[fe]),
         onCancel: $,
-        applyText: b.toLanguageString(me, B[me]),
+        applyText: b.toLanguageString(me, D[me]),
         onApply: te
       }
     };
-    return /* @__PURE__ */ t.createElement(it, { ...e }, /* @__PURE__ */ t.createElement(ct, { overflowHidden: !0 }, G(!0)));
+    return /* @__PURE__ */ t.createElement(it, { ...e }, /* @__PURE__ */ t.createElement(ct, null, G(!0)));
   }, [
     m == null ? void 0 : m.animate,
     J,
     g,
     $,
-    _,
+    R,
     b,
     te,
     G
@@ -304,11 +306,11 @@ const st = {
       "aria-disabled": N ? "true" : void 0,
       className: M("k-colorpicker", "k-picker", "k-icon-picker", {
         [`k-picker-${de.sizeMap[u] || u}`]: u,
-        [`k-picker-${S}`]: S,
-        [`k-rounded-${de.roundedMap[L] || L}`]: L,
+        [`k-picker-${_}`]: _,
+        [`k-rounded-${de.roundedMap[x] || x}`]: x,
         "k-invalid": !Ve,
         "k-disabled": N,
-        "k-focus": Se,
+        "k-focus": he,
         className: we
       }),
       ref: s,
@@ -351,7 +353,7 @@ const st = {
             svgIcon: ot,
             "aria-label": b.toLanguageString(
               ve,
-              B[ve]
+              D[ve]
             )
           }
         ),

package/common/AdaptiveMode.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),s=require("@progress/kendo-react-layout"),k=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),y=require("@progress/kendo-react-common");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const o=h(v),x=e=>{const{windowWidth:t=0,children:a,navigatable:c,navigatableElements:d,expand:u,animation:p,title:m,subTitle:b,footer:n,onClose:r}=e,f=()=>o.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:k.xIcon,onClick:r}),l=y.useAdaptiveModeContext(),g={navigatable:c||!1,navigatableElements:d||[],expand:u,animation:p,actions:f(),onClose:r,animationStyles:l&&t<=l.small?{top:0,width:"100%",height:"100%"}:void 0,title:m,subTitle:b,className:"k-adaptive-actionsheet",position:l&&t<=l.small?"fullscreen":void 0};return o.createElement(s.ActionSheet,{...g},a,o.createElement(s.ActionSheetFooter,{className:"k-actions k-actions-stretched"},o.createElement(i.Button,{size:"large",className:"k-coloreditor-cancel","aria-label":n.cancelText,onClick:n.onCancel},n.cancelText),o.createElement(i.Button,{themeColor:"primary",size:"large",className:"k-coloreditor-apply","aria-label":n.applyText,onClick:n.onApply},n.applyText)))};exports.AdaptiveMode=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),s=require("@progress/kendo-react-layout"),k=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),y=require("@progress/kendo-react-common");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const o=h(v),x=e=>{const{windowWidth:t=0,children:a,navigatable:c,navigatableElements:d,expand:u,animation:p,title:m,subTitle:b,footer:n,onClose:r}=e,f=()=>o.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:k.xIcon,onClick:r}),l=y.useAdaptiveModeContext(),g={navigatable:c||!1,navigatableElements:d||[],expand:u,animation:p,suffixActions:f(),onClose:r,animationStyles:l&&t<=l.small?{top:0,width:"100%",height:"100%"}:void 0,title:m,subTitle:b,className:"k-adaptive-actionsheet",position:l&&t<=l.small?"fullscreen":void 0};return o.createElement(s.ActionSheet,{...g},a,o.createElement(s.ActionSheetFooter,{className:"k-actions k-actions-stretched"},o.createElement(i.Button,{size:"large",className:"k-coloreditor-cancel","aria-label":n.cancelText,onClick:n.onCancel},n.cancelText),o.createElement(i.Button,{themeColor:"primary",size:"large",className:"k-coloreditor-apply","aria-label":n.applyText,onClick:n.onApply},n.applyText)))};exports.AdaptiveMode=x;

package/common/AdaptiveMode.mjs

@@ -6,11 +6,11 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as t from "react";
-import { ActionSheet as x, ActionSheetFooter as v } from "@progress/kendo-react-layout";
+import { ActionSheet as h, ActionSheetFooter as v } from "@progress/kendo-react-layout";
 import { xIcon as C } from "@progress/kendo-svg-icons";
 import { Button as o } from "@progress/kendo-react-buttons";
 import { useAdaptiveModeContext as g } from "@progress/kendo-react-common";
-const A = (i) => {
+const E = (i) => {
   const {
     windowWidth: l = 0,
     children: c,
@@ -19,10 +19,10 @@ const A = (i) => {
     expand: m,
     animation: p,
     title: d,
-    subTitle: b,
+    subTitle: f,
     footer: e,
     onClose: n
-  } = i, f = () => /* @__PURE__ */ t.createElement(
+  } = i, x = () => /* @__PURE__ */ t.createElement(
     o,
     {
       tabIndex: 0,
@@ -34,20 +34,20 @@ const A = (i) => {
       svgIcon: C,
       onClick: n
     }
-  ), a = g(), h = {
+  ), a = g(), b = {
     navigatable: r || !1,
     navigatableElements: s || [],
     expand: m,
     animation: p,
-    actions: f(),
+    suffixActions: x(),
     onClose: n,
     animationStyles: a && l <= a.small ? { top: 0, width: "100%", height: "100%" } : void 0,
     title: d,
-    subTitle: b,
+    subTitle: f,
     className: "k-adaptive-actionsheet",
     position: a && l <= a.small ? "fullscreen" : void 0
   };
-  return /* @__PURE__ */ t.createElement(x, { ...h }, c, /* @__PURE__ */ t.createElement(v, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ t.createElement(h, { ...b }, c, /* @__PURE__ */ t.createElement(v, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(
     o,
     {
       size: "large",
@@ -69,5 +69,5 @@ const A = (i) => {
   )));
 };
 export {
-  A as AdaptiveMode
+  E as AdaptiveMode
 };