@progress/kendo-react-inputs 14.0.1-develop.1 → 14.0.2-develop.1
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 +24 -24
- package/colors/ColorGradient.mjs +4 -4
- package/colors/ColorPalette.mjs +9 -9
- package/colors/ColorPicker.mjs +11 -11
- package/colors/FlatColorPicker.mjs +11 -11
- package/dist/cdn/js/kendo-react-inputs.js +1 -1
- package/input/Input.mjs +12 -12
- package/maskedtextbox/MaskedTextBox.mjs +5 -5
- package/numerictextbox/NumericTextBox.mjs +13 -13
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +1 -1
- package/package.json +10 -10
- package/radiobutton/RadioButton.mjs +18 -18
- package/radiobutton/RadioGroup.mjs +15 -15
- package/range-slider/RangeSlider.mjs +15 -15
- package/rating/Rating.mjs +12 -12
- package/rating/RatingItem.mjs +4 -4
- package/signature/Signature.mjs +12 -12
- package/slider/Slider.js +1 -1
- package/slider/Slider.mjs +1 -1
- package/switch/Switch.js +1 -1
- package/switch/Switch.mjs +1 -1
- package/textarea/TextArea.mjs +16 -16
- package/textbox/Textbox.mjs +12 -12
package/input/Input.mjs
CHANGED
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as a from "react";
|
|
9
9
|
import r from "prop-types";
|
|
10
|
-
import { applyDefaultProps as
|
|
10
|
+
import { applyDefaultProps as W, useUnstyled as X, useId as Y, classNames as Z, useKendoPaste as _, createPropsContext as $ } from "@progress/kendo-react-common";
|
|
11
11
|
import { FloatingLabel as ee } from "@progress/kendo-react-labels";
|
|
12
12
|
const E = a.forwardRef((I, k) => {
|
|
13
|
-
const L = a.useContext(te).call(void 0, I), [, N] = a.useReducer((t) => t, !0), n =
|
|
13
|
+
const L = a.useContext(te).call(void 0, I), [, N] = a.useReducer((t) => t, !0), n = W(L, ae), {
|
|
14
14
|
className: M,
|
|
15
15
|
label: u,
|
|
16
16
|
labelClassName: V,
|
|
@@ -30,7 +30,7 @@ const E = a.forwardRef((I, k) => {
|
|
|
30
30
|
style: b,
|
|
31
31
|
ariaLabel: U,
|
|
32
32
|
...D
|
|
33
|
-
} = n, O =
|
|
33
|
+
} = n, O = X(), T = F || O, K = Y(), [q, A] = a.useState({
|
|
34
34
|
value: R
|
|
35
35
|
}), h = x || K, e = a.useRef(null), s = a.useRef(void 0), c = a.useRef(null), C = n.name || n.id, G = () => {
|
|
36
36
|
e.current && e.current.focus();
|
|
@@ -68,14 +68,14 @@ const E = a.forwardRef((I, k) => {
|
|
|
68
68
|
for (const o in t)
|
|
69
69
|
t.hasOwnProperty(o) && (l = l || !!t[o]);
|
|
70
70
|
return l;
|
|
71
|
-
}, v = !g || i().valid,
|
|
71
|
+
}, v = !g || i().valid, j = Z(
|
|
72
72
|
"k-input",
|
|
73
73
|
{
|
|
74
74
|
"k-invalid": !v,
|
|
75
75
|
"k-disabled": n.disabled
|
|
76
76
|
},
|
|
77
77
|
M
|
|
78
|
-
),
|
|
78
|
+
), z = () => {
|
|
79
79
|
e.current && e.current.setCustomValidity && (i().valid || !g ? e.current.classList.remove("k-invalid") : e.current.classList.add("k-invalid"), e.current.setCustomValidity(i().valid ? "" : m || ""));
|
|
80
80
|
}, { onChange: p } = n, f = a.useCallback(
|
|
81
81
|
(t) => {
|
|
@@ -89,7 +89,7 @@ const E = a.forwardRef((I, k) => {
|
|
|
89
89
|
}), s.current = void 0;
|
|
90
90
|
},
|
|
91
91
|
[p]
|
|
92
|
-
),
|
|
92
|
+
), J = a.useCallback(
|
|
93
93
|
(t) => {
|
|
94
94
|
const l = t != null ? String(t) : "", o = {
|
|
95
95
|
target: e.current,
|
|
@@ -100,12 +100,12 @@ const E = a.forwardRef((I, k) => {
|
|
|
100
100
|
},
|
|
101
101
|
[f]
|
|
102
102
|
);
|
|
103
|
-
|
|
103
|
+
_(e, {
|
|
104
104
|
fieldName: C || "",
|
|
105
|
-
onValueChange:
|
|
105
|
+
onValueChange: J,
|
|
106
106
|
enabled: !!C
|
|
107
107
|
});
|
|
108
|
-
const
|
|
108
|
+
const Q = (t) => {
|
|
109
109
|
if (t.animationName === "autoFillStart") {
|
|
110
110
|
const l = t.target.parentNode;
|
|
111
111
|
l && l.classList.contains("k-empty") && l.classList.remove("k-empty");
|
|
@@ -114,7 +114,7 @@ const E = a.forwardRef((I, k) => {
|
|
|
114
114
|
a.useEffect(() => {
|
|
115
115
|
N();
|
|
116
116
|
}, []), a.useEffect(() => {
|
|
117
|
-
|
|
117
|
+
z();
|
|
118
118
|
});
|
|
119
119
|
const P = /* @__PURE__ */ a.createElement(
|
|
120
120
|
"input",
|
|
@@ -129,9 +129,9 @@ const E = a.forwardRef((I, k) => {
|
|
|
129
129
|
value: d(),
|
|
130
130
|
id: h,
|
|
131
131
|
autoFocus: w,
|
|
132
|
-
className:
|
|
132
|
+
className: j,
|
|
133
133
|
onChange: f,
|
|
134
|
-
onAnimationStart:
|
|
134
|
+
onAnimationStart: Q,
|
|
135
135
|
ref: e
|
|
136
136
|
}
|
|
137
137
|
);
|
|
@@ -9,7 +9,7 @@ import * as p from "react";
|
|
|
9
9
|
import e from "prop-types";
|
|
10
10
|
import { MaskingService as E } from "./masking.service.mjs";
|
|
11
11
|
import { defaultRules as m, maskingChanged as V, returnFalse as b } from "./utils.mjs";
|
|
12
|
-
import { withIdHOC as O, withPropsContext as M, withUnstyledHOC as I, subscribeToKendoPaste as w, useCustomComponent as y, classNames as
|
|
12
|
+
import { withIdHOC as O, withPropsContext as M, withUnstyledHOC as I, subscribeToKendoPaste as w, useCustomComponent as y, classNames as P, kendoThemeMaps as _, getTabIndex as D, uMaskedTextBox as H, createPropsContext as T } from "@progress/kendo-react-common";
|
|
13
13
|
import { FloatingLabel as q } from "@progress/kendo-react-labels";
|
|
14
14
|
const n = class n extends p.Component {
|
|
15
15
|
constructor() {
|
|
@@ -171,13 +171,13 @@ const n = class n extends p.Component {
|
|
|
171
171
|
"span",
|
|
172
172
|
{
|
|
173
173
|
dir: this.props.dir,
|
|
174
|
-
className:
|
|
174
|
+
className: P(
|
|
175
175
|
"k-input",
|
|
176
176
|
"k-maskedtextbox",
|
|
177
177
|
{
|
|
178
|
-
[`k-input-${
|
|
178
|
+
[`k-input-${_.sizeMap[t] || t}`]: t,
|
|
179
179
|
[`k-input-${s}`]: s,
|
|
180
|
-
[`k-rounded-${
|
|
180
|
+
[`k-rounded-${_.roundedMap[i] || i}`]: i,
|
|
181
181
|
"k-invalid": !f,
|
|
182
182
|
"k-disabled": this.props.disabled
|
|
183
183
|
},
|
|
@@ -195,7 +195,7 @@ const n = class n extends p.Component {
|
|
|
195
195
|
autoCapitalize: "off",
|
|
196
196
|
autoFocus: a,
|
|
197
197
|
spellCheck: !1,
|
|
198
|
-
className:
|
|
198
|
+
className: P(H.inputInner({ c: k })),
|
|
199
199
|
value: this.value,
|
|
200
200
|
id: c,
|
|
201
201
|
"aria-labelledby": this.props.ariaLabelledBy,
|
|
@@ -11,12 +11,12 @@ import { useInternationalization as et, useLocalization as tt } from "@progress/
|
|
|
11
11
|
import { usePropsContext as nt, useId as rt, useCustomComponent as ge, dispatchEvent as Q, useKendoPaste as at, getActiveElement as ve, useIsomorphicLayoutEffect as st, classNames as ot, kendoThemeMaps as ye, getTabIndex as lt, createPropsContext as ut } from "@progress/kendo-react-common";
|
|
12
12
|
import { caretAltUpIcon as it, caretAltDownIcon as ct } from "@progress/kendo-svg-icons";
|
|
13
13
|
import { FloatingLabel as dt } from "@progress/kendo-react-labels";
|
|
14
|
-
import { numericIncreaseValue as G, messages as
|
|
14
|
+
import { numericIncreaseValue as G, messages as j, numericDecreaseValue as K } from "../messages/index.mjs";
|
|
15
15
|
import { getInitialState as Ve, formatValue as O, getStateOrPropsValue as X, rangeValue as N, sanitizeNumber as Ce, decreaseValue as ke, increaseValue as Ee } from "./utils/index.mjs";
|
|
16
16
|
import { Button as Se } from "@progress/kendo-react-buttons";
|
|
17
17
|
const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
|
|
18
18
|
(k, xe) => {
|
|
19
|
-
const
|
|
19
|
+
const _ = nt(
|
|
20
20
|
ft,
|
|
21
21
|
k
|
|
22
22
|
), {
|
|
@@ -64,9 +64,9 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
|
|
|
64
64
|
rounded: U = c.rounded,
|
|
65
65
|
fillMode: F = c.fillMode,
|
|
66
66
|
autoFocus: Ge = c.autoFocus,
|
|
67
|
-
inputAttributes:
|
|
67
|
+
inputAttributes: je,
|
|
68
68
|
...ue
|
|
69
|
-
} =
|
|
69
|
+
} = _, Ke = rt(), ie = ne || Ke, o = et(), B = tt(), a = n.useRef(null), M = n.useRef(void 0), [_e, S] = n.useState(!1), i = n.useRef(Ve()), T = n.useRef(!1), $ = n.useRef(void 0), x = n.useRef(Le), ce = P || ne, I = O(
|
|
70
70
|
i.current.focused && !l ? i.current.currentLooseValue : X(y, x.current),
|
|
71
71
|
s,
|
|
72
72
|
o
|
|
@@ -87,7 +87,7 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
|
|
|
87
87
|
valid: b,
|
|
88
88
|
valueMissing: e == null
|
|
89
89
|
};
|
|
90
|
-
}, [H, w, z, q]), W = n.useCallback(() => ae, [ae]), fe = n.useCallback(() =>
|
|
90
|
+
}, [H, w, z, q]), W = n.useCallback(() => ae, [ae]), fe = n.useCallback(() => _, [_]), C = n.useCallback(() => {
|
|
91
91
|
const r = {
|
|
92
92
|
element: a.current,
|
|
93
93
|
focus: de
|
|
@@ -241,7 +241,7 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
|
|
|
241
241
|
}, []);
|
|
242
242
|
st(() => {
|
|
243
243
|
a.current && a.current.type !== "number" && i.current.selectionStart !== void 0 && i.current.selectionEnd !== void 0 && (a.current.selectionStart = i.current.selectionStart, a.current.selectionEnd = i.current.selectionEnd, i.current.selectionStart = void 0, i.current.selectionEnd = void 0);
|
|
244
|
-
}, [
|
|
244
|
+
}, [_e]);
|
|
245
245
|
const be = !W() || A().valid, pe = /* @__PURE__ */ n.createElement(
|
|
246
246
|
"span",
|
|
247
247
|
{
|
|
@@ -298,7 +298,7 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
|
|
|
298
298
|
onPaste: Ye,
|
|
299
299
|
onWheel: Je,
|
|
300
300
|
ref: a,
|
|
301
|
-
...
|
|
301
|
+
...je
|
|
302
302
|
}
|
|
303
303
|
),
|
|
304
304
|
/* @__PURE__ */ n.createElement(we, null),
|
|
@@ -315,11 +315,11 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
|
|
|
315
315
|
className: "k-spinner-increase",
|
|
316
316
|
"aria-label": B.toLanguageString(
|
|
317
317
|
G,
|
|
318
|
-
|
|
318
|
+
j[G]
|
|
319
319
|
),
|
|
320
320
|
title: B.toLanguageString(
|
|
321
321
|
G,
|
|
322
|
-
|
|
322
|
+
j[G]
|
|
323
323
|
),
|
|
324
324
|
onClick: Y
|
|
325
325
|
}
|
|
@@ -334,12 +334,12 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
|
|
|
334
334
|
size: h,
|
|
335
335
|
className: "k-spinner-decrease",
|
|
336
336
|
"aria-label": B.toLanguageString(
|
|
337
|
-
|
|
338
|
-
|
|
337
|
+
K,
|
|
338
|
+
j[K]
|
|
339
339
|
),
|
|
340
340
|
title: B.toLanguageString(
|
|
341
|
-
|
|
342
|
-
|
|
341
|
+
K,
|
|
342
|
+
j[K]
|
|
343
343
|
),
|
|
344
344
|
onClick: J
|
|
345
345
|
}
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770989947,version:"14.0.2-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -8,6 +8,6 @@ export const packageMetadata = Object.freeze({
|
|
|
8
8
|
productCode: 'KENDOUIREACT',
|
|
9
9
|
productCodes: ['KENDOUIREACT'],
|
|
10
10
|
publishDate: 0,
|
|
11
|
-
version: '14.0.
|
|
11
|
+
version: '14.0.2-develop.1',
|
|
12
12
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
|
|
13
13
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-inputs",
|
|
3
|
-
"version": "14.0.
|
|
3
|
+
"version": "14.0.2-develop.1",
|
|
4
4
|
"description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
"@progress/kendo-drawing": "^1.21.2",
|
|
29
29
|
"@progress/kendo-inputs-common": "^3.1.0",
|
|
30
30
|
"@progress/kendo-licensing": "^1.7.2",
|
|
31
|
-
"@progress/kendo-react-animation": "14.0.
|
|
32
|
-
"@progress/kendo-react-buttons": "14.0.
|
|
33
|
-
"@progress/kendo-react-common": "14.0.
|
|
34
|
-
"@progress/kendo-react-dialogs": "14.0.
|
|
35
|
-
"@progress/kendo-react-layout": "14.0.
|
|
36
|
-
"@progress/kendo-react-intl": "14.0.
|
|
37
|
-
"@progress/kendo-react-labels": "14.0.
|
|
38
|
-
"@progress/kendo-react-popup": "14.0.
|
|
31
|
+
"@progress/kendo-react-animation": "14.0.2-develop.1",
|
|
32
|
+
"@progress/kendo-react-buttons": "14.0.2-develop.1",
|
|
33
|
+
"@progress/kendo-react-common": "14.0.2-develop.1",
|
|
34
|
+
"@progress/kendo-react-dialogs": "14.0.2-develop.1",
|
|
35
|
+
"@progress/kendo-react-layout": "14.0.2-develop.1",
|
|
36
|
+
"@progress/kendo-react-intl": "14.0.2-develop.1",
|
|
37
|
+
"@progress/kendo-react-labels": "14.0.2-develop.1",
|
|
38
|
+
"@progress/kendo-react-popup": "14.0.2-develop.1",
|
|
39
39
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
40
40
|
"react": "^18.0.0 || ^19.0.0",
|
|
41
41
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"package": {
|
|
83
83
|
"productName": "KendoReact",
|
|
84
84
|
"productCode": "KENDOUIREACT",
|
|
85
|
-
"publishDate":
|
|
85
|
+
"publishDate": 1770989947,
|
|
86
86
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
87
87
|
}
|
|
88
88
|
},
|
|
@@ -7,16 +7,16 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as e from "react";
|
|
9
9
|
import a from "prop-types";
|
|
10
|
-
import { usePropsContext as
|
|
11
|
-
const
|
|
12
|
-
const I =
|
|
10
|
+
import { usePropsContext as U, useUnstyled as A, useId as G, dispatchEvent as d, getTabIndex as J, classNames as m, uRadioButton as b, createPropsContext as M } from "@progress/kendo-react-common";
|
|
11
|
+
const Q = M(), x = e.forwardRef((E, F) => {
|
|
12
|
+
const I = U(Q, E), {
|
|
13
13
|
ariaDescribedBy: P,
|
|
14
14
|
checked: p,
|
|
15
15
|
children: f,
|
|
16
16
|
className: k,
|
|
17
17
|
disabled: n,
|
|
18
18
|
id: g,
|
|
19
|
-
size: N =
|
|
19
|
+
size: N = V.size,
|
|
20
20
|
label: o,
|
|
21
21
|
labelPlacement: z,
|
|
22
22
|
name: T,
|
|
@@ -28,8 +28,8 @@ const M = J(), x = e.forwardRef((E, F) => {
|
|
|
28
28
|
onFocus: c,
|
|
29
29
|
onBlur: i,
|
|
30
30
|
required: H,
|
|
31
|
-
...
|
|
32
|
-
} = I, y =
|
|
31
|
+
...j
|
|
32
|
+
} = I, y = A(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
|
|
33
33
|
l.current && l.current.focus();
|
|
34
34
|
}, []), s = e.useCallback(
|
|
35
35
|
() => ({
|
|
@@ -39,14 +39,14 @@ const M = J(), x = e.forwardRef((E, F) => {
|
|
|
39
39
|
[C]
|
|
40
40
|
);
|
|
41
41
|
e.useImperativeHandle(F, s);
|
|
42
|
-
const v =
|
|
42
|
+
const v = G(), K = e.useCallback(
|
|
43
43
|
(t) => {
|
|
44
44
|
d(h, t, s(), {
|
|
45
45
|
value: r
|
|
46
46
|
});
|
|
47
47
|
},
|
|
48
48
|
[h, r, n]
|
|
49
|
-
),
|
|
49
|
+
), L = e.useCallback(
|
|
50
50
|
(t) => {
|
|
51
51
|
c && !n && d(
|
|
52
52
|
c,
|
|
@@ -56,12 +56,12 @@ const M = J(), x = e.forwardRef((E, F) => {
|
|
|
56
56
|
);
|
|
57
57
|
},
|
|
58
58
|
[c, n]
|
|
59
|
-
),
|
|
59
|
+
), O = e.useCallback(
|
|
60
60
|
(t) => {
|
|
61
61
|
i && !n && d(i, t, s(), void 0);
|
|
62
62
|
},
|
|
63
63
|
[i, n]
|
|
64
|
-
),
|
|
64
|
+
), S = {
|
|
65
65
|
type: "radio",
|
|
66
66
|
id: g || v,
|
|
67
67
|
name: T,
|
|
@@ -76,16 +76,16 @@ const M = J(), x = e.forwardRef((E, F) => {
|
|
|
76
76
|
),
|
|
77
77
|
ref: l,
|
|
78
78
|
disabled: n,
|
|
79
|
-
tabIndex:
|
|
79
|
+
tabIndex: J(w, n),
|
|
80
80
|
checked: p,
|
|
81
81
|
style: q,
|
|
82
82
|
"aria-describedby": P,
|
|
83
83
|
"aria-required": H,
|
|
84
84
|
value: r,
|
|
85
|
-
onChange:
|
|
86
|
-
onFocus:
|
|
87
|
-
onBlur:
|
|
88
|
-
...
|
|
85
|
+
onChange: K,
|
|
86
|
+
onFocus: L,
|
|
87
|
+
onBlur: O,
|
|
88
|
+
...j
|
|
89
89
|
}, B = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
|
|
90
90
|
"label",
|
|
91
91
|
{
|
|
@@ -95,7 +95,7 @@ const M = J(), x = e.forwardRef((E, F) => {
|
|
|
95
95
|
"aria-label": o
|
|
96
96
|
},
|
|
97
97
|
o
|
|
98
|
-
) : null), R = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...
|
|
98
|
+
) : null), R = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...S }));
|
|
99
99
|
return z === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, B, R, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, R, B, f);
|
|
100
100
|
});
|
|
101
101
|
x.propTypes = {
|
|
@@ -116,11 +116,11 @@ x.propTypes = {
|
|
|
116
116
|
onFocus: a.func,
|
|
117
117
|
onBlur: a.func
|
|
118
118
|
};
|
|
119
|
-
const
|
|
119
|
+
const V = {
|
|
120
120
|
size: void 0
|
|
121
121
|
};
|
|
122
122
|
x.displayName = "KendoRadioButton";
|
|
123
123
|
export {
|
|
124
124
|
x as RadioButton,
|
|
125
|
-
|
|
125
|
+
Q as RadioButtonPropsContext
|
|
126
126
|
};
|
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as t from "react";
|
|
9
9
|
import e from "prop-types";
|
|
10
|
-
import { RadioButton as
|
|
11
|
-
import { usePropsContext as
|
|
12
|
-
const
|
|
13
|
-
const m =
|
|
10
|
+
import { RadioButton as J } from "./RadioButton.mjs";
|
|
11
|
+
import { usePropsContext as M, useUnstyled as Q, focusFirstFocusableChild as W, dispatchEvent as k, useId as X, classNames as P, uRadioGroup as E, useRtl as Y, createPropsContext as Z } from "@progress/kendo-react-common";
|
|
12
|
+
const _ = Z(), G = t.forwardRef((r, I) => {
|
|
13
|
+
const m = M(_, r), {
|
|
14
14
|
id: N,
|
|
15
15
|
ariaLabelledBy: B,
|
|
16
16
|
ariaDescribedBy: F,
|
|
@@ -27,8 +27,8 @@ const Z = Y(), G = t.forwardRef((r, I) => {
|
|
|
27
27
|
item: D = $.item,
|
|
28
28
|
onChange: c,
|
|
29
29
|
onFocus: d
|
|
30
|
-
} = m, f =
|
|
31
|
-
o.current &&
|
|
30
|
+
} = m, f = Q(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(() => {
|
|
31
|
+
o.current && W(o.current);
|
|
32
32
|
}, []), i = t.useCallback(
|
|
33
33
|
() => ({
|
|
34
34
|
element: o.current,
|
|
@@ -58,21 +58,21 @@ const Z = Y(), G = t.forwardRef((r, I) => {
|
|
|
58
58
|
);
|
|
59
59
|
},
|
|
60
60
|
[d, s]
|
|
61
|
-
), T =
|
|
61
|
+
), T = X(), w = P(
|
|
62
62
|
E.ul({
|
|
63
63
|
c: y,
|
|
64
64
|
horizontal: n === "horizontal",
|
|
65
65
|
vertical: n === "vertical" || n === void 0
|
|
66
66
|
}),
|
|
67
67
|
x
|
|
68
|
-
),
|
|
69
|
-
const g = u === a.value,
|
|
68
|
+
), K = Y(o, m.dir), U = b && b.map((a, l) => {
|
|
69
|
+
const g = u === a.value, A = u == null, R = {
|
|
70
70
|
...a,
|
|
71
71
|
valid: z,
|
|
72
72
|
checked: g,
|
|
73
73
|
disabled: !!(a.disabled || s),
|
|
74
74
|
labelPlacement: a.labelPlacement ? a.labelPlacement : j,
|
|
75
|
-
tabIndex: a.tabIndex ? a.tabIndex :
|
|
75
|
+
tabIndex: a.tabIndex ? a.tabIndex : A && l === 0 || g ? 0 : -1,
|
|
76
76
|
index: l,
|
|
77
77
|
name: O || T,
|
|
78
78
|
required: a.required,
|
|
@@ -91,7 +91,7 @@ const Z = Y(), G = t.forwardRef((r, I) => {
|
|
|
91
91
|
key: l,
|
|
92
92
|
role: "none"
|
|
93
93
|
},
|
|
94
|
-
/* @__PURE__ */ t.createElement(
|
|
94
|
+
/* @__PURE__ */ t.createElement(J, { ...R })
|
|
95
95
|
);
|
|
96
96
|
});
|
|
97
97
|
return /* @__PURE__ */ t.createElement(
|
|
@@ -99,14 +99,14 @@ const Z = Y(), G = t.forwardRef((r, I) => {
|
|
|
99
99
|
{
|
|
100
100
|
id: N,
|
|
101
101
|
role: "radiogroup",
|
|
102
|
-
className:
|
|
102
|
+
className: w,
|
|
103
103
|
ref: o,
|
|
104
|
-
dir:
|
|
104
|
+
dir: K,
|
|
105
105
|
style: q,
|
|
106
106
|
"aria-labelledby": B,
|
|
107
107
|
"aria-describedby": F
|
|
108
108
|
},
|
|
109
|
-
|
|
109
|
+
U
|
|
110
110
|
);
|
|
111
111
|
}), $ = {
|
|
112
112
|
item: (r) => /* @__PURE__ */ t.createElement("li", { ...r })
|
|
@@ -130,5 +130,5 @@ G.propTypes = {
|
|
|
130
130
|
G.displayName = "KendoRadioGroup";
|
|
131
131
|
export {
|
|
132
132
|
G as RadioGroup,
|
|
133
|
-
|
|
133
|
+
_ as RadioGroupPropsContext
|
|
134
134
|
};
|
|
@@ -59,18 +59,18 @@ const se = (n, s, p) => {
|
|
|
59
59
|
state: e.value
|
|
60
60
|
},
|
|
61
61
|
W
|
|
62
|
-
), d = a.useMemo(() => e.value || x, [e.value, x]),
|
|
62
|
+
), d = a.useMemo(() => e.value || x, [e.value, x]), q = a.useRef(null), R = a.useRef(null), h = a.useMemo(() => (d.start - g) / (k - g) * 100, [d.start, g, k]), D = a.useMemo(() => (d.end - g) / (k - g) * 100, [d.end, g, k]), B = a.useMemo(
|
|
63
63
|
() => e.vertical ? { paddingTop: 0, height: "100%" } : {},
|
|
64
64
|
[e.vertical]
|
|
65
|
-
),
|
|
65
|
+
), G = a.useMemo(
|
|
66
66
|
() => e.vertical ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" },
|
|
67
67
|
[e.vertical]
|
|
68
68
|
), M = ne(), C = a.useCallback(
|
|
69
69
|
(t) => {
|
|
70
70
|
if (!R.current)
|
|
71
71
|
return;
|
|
72
|
-
const u = R.current.getBoundingClientRect(), v = e.vertical ? u.bottom - t.clientY : o === "rtl" ? u.right - t.clientX : t.clientX - u.left, I = e.vertical ? u.height : u.width,
|
|
73
|
-
return g +
|
|
72
|
+
const u = R.current.getBoundingClientRect(), v = e.vertical ? u.bottom - t.clientY : o === "rtl" ? u.right - t.clientX : t.clientX - u.left, I = e.vertical ? u.height : u.width, _ = v / I;
|
|
73
|
+
return g + _ * (k - g);
|
|
74
74
|
},
|
|
75
75
|
[
|
|
76
76
|
R,
|
|
@@ -83,10 +83,10 @@ const se = (n, s, p) => {
|
|
|
83
83
|
e.value && e.value.start,
|
|
84
84
|
e.value && e.value.end
|
|
85
85
|
]
|
|
86
|
-
),
|
|
86
|
+
), U = a.useCallback(
|
|
87
87
|
(t) => t <= d.start ? "start" : t >= d.end ? "end" : 2 * t < d.end + d.start ? "start" : "end",
|
|
88
88
|
[x.start, x.end, e.value && e.value.start, e.value && e.value.end]
|
|
89
|
-
),
|
|
89
|
+
), X = a.useCallback(
|
|
90
90
|
(t) => {
|
|
91
91
|
switch (t.keyCode) {
|
|
92
92
|
case m.right:
|
|
@@ -132,7 +132,7 @@ const se = (n, s, p) => {
|
|
|
132
132
|
}
|
|
133
133
|
},
|
|
134
134
|
[l]
|
|
135
|
-
),
|
|
135
|
+
), F = a.useCallback(
|
|
136
136
|
(t) => {
|
|
137
137
|
switch (t.keyCode) {
|
|
138
138
|
case m.right:
|
|
@@ -178,9 +178,9 @@ const se = (n, s, p) => {
|
|
|
178
178
|
}
|
|
179
179
|
},
|
|
180
180
|
[l, o]
|
|
181
|
-
),
|
|
181
|
+
), Y = a.useCallback(
|
|
182
182
|
(t) => {
|
|
183
|
-
const u = C(t), v =
|
|
183
|
+
const u = C(t), v = U(u);
|
|
184
184
|
L(v), v === "end" ? T.current.focus() : w.current.focus();
|
|
185
185
|
const I = v === "end" ? r.end : r.start;
|
|
186
186
|
l({ type: I, payload: u, event: t });
|
|
@@ -190,7 +190,7 @@ const se = (n, s, p) => {
|
|
|
190
190
|
return ee(
|
|
191
191
|
R,
|
|
192
192
|
{
|
|
193
|
-
onPress:
|
|
193
|
+
onPress: Y,
|
|
194
194
|
onDrag: (t) => {
|
|
195
195
|
const u = C(t), v = E === "end" ? r.end : r.start;
|
|
196
196
|
l({ type: v, payload: u, event: t });
|
|
@@ -228,10 +228,10 @@ const se = (n, s, p) => {
|
|
|
228
228
|
flexGrow: 1,
|
|
229
229
|
position: "relative",
|
|
230
230
|
touchAction: "none",
|
|
231
|
-
...
|
|
231
|
+
...G
|
|
232
232
|
}
|
|
233
233
|
},
|
|
234
|
-
e.children && /* @__PURE__ */ a.createElement("ul", { className: "k-reset k-slider-items", style: { ...
|
|
234
|
+
e.children && /* @__PURE__ */ a.createElement("ul", { className: "k-reset k-slider-items", style: { ...B } }, a.Children.map(e.children, (t, u) => t && a.cloneElement(
|
|
235
235
|
t,
|
|
236
236
|
{
|
|
237
237
|
position: 100 * (t.props.position - e.min) / (e.max - e.min),
|
|
@@ -244,7 +244,7 @@ const se = (n, s, p) => {
|
|
|
244
244
|
/* @__PURE__ */ a.createElement(
|
|
245
245
|
"div",
|
|
246
246
|
{
|
|
247
|
-
ref:
|
|
247
|
+
ref: q,
|
|
248
248
|
className: "k-slider-track",
|
|
249
249
|
style: e.vertical ? { bottom: 0, height: "100%" } : { [o === "rtl" ? "right" : "left"]: 0, width: "100%" }
|
|
250
250
|
},
|
|
@@ -275,7 +275,7 @@ const se = (n, s, p) => {
|
|
|
275
275
|
className: "k-draghandle k-draghandle-start",
|
|
276
276
|
title: M.toLanguageString($, z[$]),
|
|
277
277
|
style: e.vertical ? { bottom: "calc(" + h + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + h + "% - 13px)", zIndex: 1 } : { left: "calc(" + h + "%)", zIndex: 1 },
|
|
278
|
-
onKeyDown:
|
|
278
|
+
onKeyDown: X
|
|
279
279
|
}
|
|
280
280
|
),
|
|
281
281
|
/* @__PURE__ */ a.createElement(
|
|
@@ -292,7 +292,7 @@ const se = (n, s, p) => {
|
|
|
292
292
|
className: "k-draghandle k-draghandle-end",
|
|
293
293
|
title: M.toLanguageString($, z[$]),
|
|
294
294
|
style: e.vertical ? { bottom: "calc(" + D + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + D + "% - 13px)", zIndex: 1 } : { left: "calc(" + D + "%)", zIndex: 1 },
|
|
295
|
-
onKeyDown:
|
|
295
|
+
onKeyDown: F
|
|
296
296
|
}
|
|
297
297
|
)
|
|
298
298
|
)
|
package/rating/Rating.mjs
CHANGED
|
@@ -12,15 +12,15 @@ import { starOutlineIcon as $, starIcon as K } from "@progress/kendo-svg-icons";
|
|
|
12
12
|
import { RatingItem as oe } from "./RatingItem.mjs";
|
|
13
13
|
import { RATING_ACTION as r, ratingReducer as ie } from "./rating-reducer.mjs";
|
|
14
14
|
import { calcIsFirstHalf as L, toRound as D, getRemainder as re, isHalf as ce, isSelected as F, isCorrectValue as A } from "./utils/index.mjs";
|
|
15
|
-
import { ratingAriaLabel as
|
|
15
|
+
import { ratingAriaLabel as X, messages as ue } from "../messages/index.mjs";
|
|
16
16
|
import { useLocalization as me } from "@progress/kendo-react-intl";
|
|
17
|
-
const
|
|
17
|
+
const q = (n, g, v) => {
|
|
18
18
|
const [e, N] = a.useState(n);
|
|
19
19
|
return [e, (h) => {
|
|
20
20
|
const o = ie(g.state || e, { ...h, ...g });
|
|
21
21
|
v && v(o, h.event), N(o);
|
|
22
22
|
}];
|
|
23
|
-
}, de = se(),
|
|
23
|
+
}, de = se(), G = a.forwardRef((n, g) => {
|
|
24
24
|
const v = te(de, n), e = {
|
|
25
25
|
dir: s.dir,
|
|
26
26
|
min: s.min,
|
|
@@ -38,7 +38,7 @@ const X = (n, g, v) => {
|
|
|
38
38
|
element: h.current,
|
|
39
39
|
props: e
|
|
40
40
|
})), a.useImperativeHandle(g, () => m.current);
|
|
41
|
-
const
|
|
41
|
+
const W = a.useCallback(
|
|
42
42
|
(t, l) => {
|
|
43
43
|
e.onChange && m.current && e.onChange.call(void 0, {
|
|
44
44
|
value: t,
|
|
@@ -47,7 +47,7 @@ const X = (n, g, v) => {
|
|
|
47
47
|
});
|
|
48
48
|
},
|
|
49
49
|
[e.onChange]
|
|
50
|
-
), I = a.useMemo(() => e.min !== void 0 ? e.min : s.min, [e.min]), x = a.useMemo(() => e.max !== void 0 ? e.max : s.max, [e.max]), d = a.useMemo(() => e.precision || s.precision, [e.precision]), i = a.useMemo(() => e.step !== void 0 ? e.step : s.step, [e.step]), V = a.useMemo(() => e.readonly || s.readonly, [e.readonly]), k = a.useMemo(() => e.disabled || s.disabled, [e.disabled]),
|
|
50
|
+
), I = a.useMemo(() => e.min !== void 0 ? e.min : s.min, [e.min]), x = a.useMemo(() => e.max !== void 0 ? e.max : s.max, [e.max]), d = a.useMemo(() => e.precision || s.precision, [e.precision]), i = a.useMemo(() => e.step !== void 0 ? e.step : s.step, [e.step]), V = a.useMemo(() => e.readonly || s.readonly, [e.readonly]), k = a.useMemo(() => e.disabled || s.disabled, [e.disabled]), _ = a.useMemo(() => e.item || s.item, [e.item]), [H, p] = q(
|
|
51
51
|
e.defaultValue !== void 0 ? e.defaultValue : s.defaultValue,
|
|
52
52
|
{
|
|
53
53
|
state: e.value,
|
|
@@ -55,8 +55,8 @@ const X = (n, g, v) => {
|
|
|
55
55
|
max: x,
|
|
56
56
|
step: d === "half" ? i / 2 : i
|
|
57
57
|
},
|
|
58
|
-
|
|
59
|
-
), [T, O] =
|
|
58
|
+
W
|
|
59
|
+
), [T, O] = q(null, {
|
|
60
60
|
state: e.value,
|
|
61
61
|
min: I,
|
|
62
62
|
max: x,
|
|
@@ -177,7 +177,7 @@ const X = (n, g, v) => {
|
|
|
177
177
|
const l = D(t + ee, E), f = d === "half" ? ce(l, C !== null ? C : u !== null ? u : 0, i) : !1, M = F(l, u, i, z), w = F(l, C !== null ? C : u, i, z), b = F(l, C, i, z);
|
|
178
178
|
P.push(
|
|
179
179
|
/* @__PURE__ */ a.createElement(
|
|
180
|
-
|
|
180
|
+
_,
|
|
181
181
|
{
|
|
182
182
|
key: l,
|
|
183
183
|
value: l,
|
|
@@ -261,7 +261,7 @@ const X = (n, g, v) => {
|
|
|
261
261
|
"aria-valuemax": x,
|
|
262
262
|
"aria-valuenow": u !== null ? u : void 0,
|
|
263
263
|
"aria-disabled": k ? "true" : void 0,
|
|
264
|
-
"aria-label": N.toLanguageString(
|
|
264
|
+
"aria-label": N.toLanguageString(X, ue[X]),
|
|
265
265
|
"aria-labelledby": e.ariaLabelledBy,
|
|
266
266
|
"aria-describedby": e.ariaDescribedBy
|
|
267
267
|
},
|
|
@@ -307,9 +307,9 @@ const X = (n, g, v) => {
|
|
|
307
307
|
selection: "continues",
|
|
308
308
|
precision: "item"
|
|
309
309
|
};
|
|
310
|
-
|
|
311
|
-
|
|
310
|
+
G.displayName = "KendoReactRating";
|
|
311
|
+
G.propTypes = pe;
|
|
312
312
|
export {
|
|
313
|
-
|
|
313
|
+
G as Rating,
|
|
314
314
|
de as RatingPropsContext
|
|
315
315
|
};
|
package/rating/RatingItem.mjs
CHANGED
|
@@ -40,7 +40,7 @@ const s = n.forwardRef((c, u) => {
|
|
|
40
40
|
});
|
|
41
41
|
},
|
|
42
42
|
[e.onFocus]
|
|
43
|
-
),
|
|
43
|
+
), h = n.useCallback(
|
|
44
44
|
(t) => {
|
|
45
45
|
e.onBlur && e.onBlur.call(void 0, {
|
|
46
46
|
target: o.current,
|
|
@@ -48,7 +48,7 @@ const s = n.forwardRef((c, u) => {
|
|
|
48
48
|
});
|
|
49
49
|
},
|
|
50
50
|
[e.onBlur]
|
|
51
|
-
),
|
|
51
|
+
), f = n.useCallback(
|
|
52
52
|
(t) => {
|
|
53
53
|
e.onMouseMove && e.onMouseMove.call(void 0, {
|
|
54
54
|
target: o.current,
|
|
@@ -95,10 +95,10 @@ const s = n.forwardRef((c, u) => {
|
|
|
95
95
|
onClick: i,
|
|
96
96
|
onKeyDown: d,
|
|
97
97
|
onFocus: v,
|
|
98
|
-
onBlur:
|
|
98
|
+
onBlur: h,
|
|
99
99
|
onMouseEnter: M,
|
|
100
100
|
onMouseLeave: m,
|
|
101
|
-
onMouseMove:
|
|
101
|
+
onMouseMove: f
|
|
102
102
|
},
|
|
103
103
|
e.children
|
|
104
104
|
);
|