@progress/kendo-react-inputs 13.4.0-develop.5 → 14.0.0-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/checkbox/Checkbox.mjs +7 -7
- package/colors/ColorGradient.mjs +3 -3
- package/colors/ColorPalette.d.ts +20 -81
- package/colors/ColorPalette.js +1 -1
- package/colors/ColorPalette.mjs +207 -181
- package/colors/ColorPicker.js +1 -1
- package/colors/ColorPicker.mjs +11 -10
- package/colors/FlatColorPicker.mjs +3 -3
- package/colors/interfaces/ColorPaletteChangeEvent.d.ts +2 -2
- package/colors/interfaces/ColorPaletteHandle.d.ts +46 -0
- package/dist/cdn/js/kendo-react-inputs.js +1 -1
- package/index.d.mts +2 -1
- package/index.d.ts +2 -1
- package/input/Input.js +1 -1
- package/input/Input.mjs +57 -59
- package/maskedtextbox/MaskedTextBox.mjs +6 -6
- package/numerictextbox/NumericTextBox.mjs +8 -8
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +1 -1
- package/package.json +12 -12
- package/radiobutton/RadioButton.mjs +6 -6
- package/radiobutton/RadioGroup.mjs +7 -7
- package/range-slider/RangeSlider.mjs +7 -7
- package/rating/Rating.mjs +6 -6
- package/signature/Signature.mjs +6 -6
- package/slider/Slider.mjs +6 -6
- package/switch/Switch.mjs +5 -5
- package/textarea/TextArea.mjs +7 -7
package/signature/Signature.mjs
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { SignaturePad as Le } from "@progress/kendo-inputs-common";
|
|
9
9
|
import { Button as T } from "@progress/kendo-react-buttons";
|
|
10
|
-
import {
|
|
10
|
+
import { validatePackage as we, getLicenseMessage as Ie, usePropsContext as Pe, noop as f, useIsomorphicLayoutEffect as De, dispatchEvent as h, classNames as B, kendoThemeMaps as ee, getTabIndex as Te, WatermarkOverlay as Be, createPropsContext as Re } from "@progress/kendo-react-common";
|
|
11
11
|
import { Dialog as _e } from "@progress/kendo-react-dialogs";
|
|
12
12
|
import { useLocalization as Fe } from "@progress/kendo-react-intl";
|
|
13
13
|
import a from "prop-types";
|
|
@@ -16,8 +16,8 @@ import { signatureMaximize as te, messages as R, signatureMinimize as oe, signat
|
|
|
16
16
|
import { packageMetadata as ae } from "../package-metadata.mjs";
|
|
17
17
|
import { hasParent as Ne } from "./utils/index.mjs";
|
|
18
18
|
import { hyperlinkOpenIcon as re, xIcon as We } from "@progress/kendo-svg-icons";
|
|
19
|
-
const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d) => d !== void 0, je =
|
|
20
|
-
const ue = !
|
|
19
|
+
const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d) => d !== void 0, je = Re(), _ = o.forwardRef((d, ce) => {
|
|
20
|
+
const ue = !we(ae, { component: "Signature" }), de = Ie(ae), F = Pe(je, d), e = o.useMemo(
|
|
21
21
|
() => ({
|
|
22
22
|
strokeWidth: s.strokeWidth,
|
|
23
23
|
smooth: s.smooth,
|
|
@@ -85,7 +85,7 @@ const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d
|
|
|
85
85
|
onDraw: () => G(!0),
|
|
86
86
|
onDrawEnd: () => G(!1)
|
|
87
87
|
});
|
|
88
|
-
}, [r]),
|
|
88
|
+
}, [r]), De(
|
|
89
89
|
() => r == null ? void 0 : r.setOptions($()),
|
|
90
90
|
[e.readOnly, e.color, e.backgroundColor, e.strokeWidth, e.smooth]
|
|
91
91
|
), o.useEffect(() => {
|
|
@@ -201,7 +201,7 @@ const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d
|
|
|
201
201
|
{
|
|
202
202
|
className: "k-signature-canvas",
|
|
203
203
|
ref: g,
|
|
204
|
-
tabIndex:
|
|
204
|
+
tabIndex: Te(e.tabIndex, e.disabled),
|
|
205
205
|
role: "img",
|
|
206
206
|
id: e.id,
|
|
207
207
|
"aria-label": e.ariaLabel,
|
|
@@ -275,7 +275,7 @@ const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d
|
|
|
275
275
|
onClose: Se
|
|
276
276
|
}
|
|
277
277
|
)),
|
|
278
|
-
ue && /* @__PURE__ */ o.createElement(
|
|
278
|
+
ue && /* @__PURE__ */ o.createElement(Be, { message: de })
|
|
279
279
|
);
|
|
280
280
|
});
|
|
281
281
|
_.propTypes = {
|
package/slider/Slider.mjs
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
import * as l from "react";
|
|
9
9
|
import { useState as L, useRef as R, useMemo as N, useEffect as q, useCallback as o, useImperativeHandle as me } from "react";
|
|
10
10
|
import * as i from "prop-types";
|
|
11
|
-
import { withPropsContext as ue,
|
|
11
|
+
import { withPropsContext as ue, dispatchEvent as fe, Keys as s, classNames as ge, Draggable as ve, getTabIndex as he, createPropsContext as be } from "@progress/kendo-react-common";
|
|
12
12
|
import { LocalizationService as ye, registerForLocalization as ke } from "@progress/kendo-react-intl";
|
|
13
13
|
import { sliderDragTitle as H, messages as A, sliderDecreaseValue as O, sliderIncreaseValue as X } from "../messages/index.mjs";
|
|
14
14
|
import { SLIDER_LABEL_ATTRIBUTE as xe } from "./SliderLabel.mjs";
|
|
@@ -53,7 +53,7 @@ const f = {
|
|
|
53
53
|
}, []), d = o(
|
|
54
54
|
(e, n) => {
|
|
55
55
|
const c = Math.min(Math.max(n, t.min), t.max);
|
|
56
|
-
D || $(c),
|
|
56
|
+
D || $(c), fe(t.onChange, e, V.current, { value: c });
|
|
57
57
|
},
|
|
58
58
|
[t.min, t.max, t.onChange, D]
|
|
59
59
|
), te = o(() => {
|
|
@@ -153,7 +153,7 @@ const f = {
|
|
|
153
153
|
onFocus: te,
|
|
154
154
|
onBlur: ne,
|
|
155
155
|
onKeyDown: ae,
|
|
156
|
-
className:
|
|
156
|
+
className: ge(
|
|
157
157
|
"k-slider",
|
|
158
158
|
{
|
|
159
159
|
"k-focus": p,
|
|
@@ -176,7 +176,7 @@ const f = {
|
|
|
176
176
|
O,
|
|
177
177
|
A[O]
|
|
178
178
|
),
|
|
179
|
-
children: /* @__PURE__ */ l.createElement(
|
|
179
|
+
children: /* @__PURE__ */ l.createElement(ve, { onDrag: ce, onPress: re, autoScroll: !1 }, /* @__PURE__ */ l.createElement(
|
|
180
180
|
"div",
|
|
181
181
|
{
|
|
182
182
|
className: "k-slider-track-wrap",
|
|
@@ -224,7 +224,7 @@ const f = {
|
|
|
224
224
|
"aria-labelledby": t.ariaLabelledBy,
|
|
225
225
|
"aria-describedby": t.ariaDescribedBy,
|
|
226
226
|
"aria-label": t.ariaLabel,
|
|
227
|
-
tabIndex:
|
|
227
|
+
tabIndex: he(Q, C, void 0),
|
|
228
228
|
className: "k-draghandle k-draghandle-end",
|
|
229
229
|
title: T.toLanguageString(
|
|
230
230
|
H,
|
|
@@ -239,7 +239,7 @@ const f = {
|
|
|
239
239
|
);
|
|
240
240
|
});
|
|
241
241
|
z.displayName = "Slider";
|
|
242
|
-
const Se =
|
|
242
|
+
const Se = be(), J = ue(Se, z);
|
|
243
243
|
J.displayName = "KendoReactSlider";
|
|
244
244
|
J.propTypes = {
|
|
245
245
|
value: i.number,
|
package/switch/Switch.mjs
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
import * as c from "react";
|
|
9
9
|
import { useState as q, useRef as s, useMemo as E, useEffect as L, useCallback as u, useImperativeHandle as ae } from "react";
|
|
10
10
|
import * as t from "prop-types";
|
|
11
|
-
import { withIdHOC as ne, withPropsContext as ie,
|
|
11
|
+
import { withIdHOC as ne, withPropsContext as ie, noop as M, dispatchEvent as de, subscribeToKendoPaste as re, Keys as V, classNames as N, kendoThemeMaps as x, getTabIndex as ce, createPropsContext as le } from "@progress/kendo-react-common";
|
|
12
12
|
import { LocalizationService as oe } from "@progress/kendo-react-intl";
|
|
13
13
|
import { switchValidation as H, messages as se } from "../messages/index.mjs";
|
|
14
14
|
const d = {
|
|
@@ -70,7 +70,7 @@ const d = {
|
|
|
70
70
|
}
|
|
71
71
|
}), [e, n, f]), o = u(
|
|
72
72
|
(a, i) => {
|
|
73
|
-
G(a), b.current = a,
|
|
73
|
+
G(a), b.current = a, de(
|
|
74
74
|
e.onChange,
|
|
75
75
|
i,
|
|
76
76
|
{ ...h(), value: a },
|
|
@@ -80,7 +80,7 @@ const d = {
|
|
|
80
80
|
[e.onChange, h]
|
|
81
81
|
);
|
|
82
82
|
L(() => {
|
|
83
|
-
const a = e.name || e.id, i =
|
|
83
|
+
const a = e.name || e.id, i = re(m.current, {
|
|
84
84
|
fieldName: a,
|
|
85
85
|
onValueChange: (v) => {
|
|
86
86
|
if (v !== n) {
|
|
@@ -164,7 +164,7 @@ const d = {
|
|
|
164
164
|
onClick: U,
|
|
165
165
|
onBlur: Z,
|
|
166
166
|
onFocus: Y,
|
|
167
|
-
tabIndex:
|
|
167
|
+
tabIndex: ce(e.tabIndex, r, void 0),
|
|
168
168
|
accessKey: e.accessKey,
|
|
169
169
|
id: e.id
|
|
170
170
|
},
|
|
@@ -191,7 +191,7 @@ const d = {
|
|
|
191
191
|
);
|
|
192
192
|
});
|
|
193
193
|
W.displayName = "Switch";
|
|
194
|
-
const ue =
|
|
194
|
+
const ue = le(), $ = ne(
|
|
195
195
|
ie(
|
|
196
196
|
ue,
|
|
197
197
|
W
|
package/textarea/TextArea.mjs
CHANGED
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as a from "react";
|
|
9
9
|
import e from "prop-types";
|
|
10
|
-
import {
|
|
11
|
-
const Pe =
|
|
12
|
-
const u =
|
|
10
|
+
import { usePropsContext as ve, useCustomComponent as $, useId as ge, useDir as he, useIsomorphicLayoutEffect as ye, dispatchEvent as z, useKendoPaste as ke, getTabIndex as Ce, classNames as q, kendoThemeMaps as D, createPropsContext as ze } from "@progress/kendo-react-common";
|
|
11
|
+
const Pe = ze(), K = a.forwardRef((L, j) => {
|
|
12
|
+
const u = ve(Pe, L), {
|
|
13
13
|
size: b = i.size,
|
|
14
14
|
rounded: p = i.rounded,
|
|
15
15
|
fillMode: P = i.fillMode,
|
|
@@ -62,10 +62,10 @@ const Pe = ve(), K = a.forwardRef((L, j) => {
|
|
|
62
62
|
}
|
|
63
63
|
}), [O, I, m]);
|
|
64
64
|
a.useImperativeHandle(j, n);
|
|
65
|
-
const [H, R] = a.useState("auto"), ce =
|
|
65
|
+
const [H, R] = a.useState("auto"), ce = ge(), de = he(t, u.dir), k = S !== void 0 ? S : d ? !!m : !0;
|
|
66
66
|
a.useEffect(() => {
|
|
67
67
|
t.current && t.current.setCustomValidity && t.current.setCustomValidity(k ? "" : T || "");
|
|
68
|
-
}, [k, T]),
|
|
68
|
+
}, [k, T]), ye(() => {
|
|
69
69
|
t.current && R(`${t.current.scrollHeight}px`);
|
|
70
70
|
}, [m]);
|
|
71
71
|
const C = a.useCallback(
|
|
@@ -103,7 +103,7 @@ const Pe = ve(), K = a.forwardRef((L, j) => {
|
|
|
103
103
|
},
|
|
104
104
|
[C]
|
|
105
105
|
);
|
|
106
|
-
|
|
106
|
+
ke(t, {
|
|
107
107
|
fieldName: N,
|
|
108
108
|
onValueChange: be,
|
|
109
109
|
enabled: !!N
|
|
@@ -133,7 +133,7 @@ const Pe = ve(), K = a.forwardRef((L, j) => {
|
|
|
133
133
|
placeholder: ee,
|
|
134
134
|
readOnly: Y,
|
|
135
135
|
required: d,
|
|
136
|
-
tabIndex:
|
|
136
|
+
tabIndex: Ce(ae, o),
|
|
137
137
|
autoFocus: _,
|
|
138
138
|
style: pe,
|
|
139
139
|
"aria-labelledby": U,
|