@progress/kendo-react-inputs 14.0.0-develop.1 → 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/ColorPicker.js +1 -1
- package/colors/ColorPicker.mjs +11 -10
- package/colors/FlatColorPicker.mjs +3 -3
- package/dist/cdn/js/kendo-react-inputs.js +1 -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/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,
|