@progress/kendo-react-inputs 14.5.0-develop.14 → 14.5.0-develop.16
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.js +1 -1
- package/checkbox/Checkbox.mjs +64 -64
- package/colors/ColorGradient.js +1 -1
- package/colors/ColorGradient.mjs +74 -72
- package/colors/ColorInput.js +1 -1
- package/colors/ColorInput.mjs +57 -45
- package/colors/ColorPalette.js +1 -1
- package/colors/ColorPalette.mjs +84 -81
- package/colors/ColorPicker.js +1 -1
- package/colors/ColorPicker.mjs +162 -160
- package/colors/FlatColorPicker.js +1 -1
- package/colors/FlatColorPicker.mjs +86 -94
- package/dist/cdn/js/kendo-react-inputs.js +1 -1
- package/messages/index.d.ts +55 -0
- package/messages/index.js +1 -1
- package/messages/index.mjs +82 -60
- package/numerictextbox/NumericTextBox.js +1 -1
- package/numerictextbox/NumericTextBox.mjs +115 -115
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +10 -10
- package/radiobutton/RadioButton.js +1 -1
- package/radiobutton/RadioButton.mjs +23 -20
- package/radiobutton/interfaces/RadioButtonProps.d.ts +7 -0
- package/range-slider/RangeSlider.d.ts +8 -0
- package/range-slider/RangeSlider.js +11 -11
- package/range-slider/RangeSlider.mjs +189 -186
- package/rating/Rating.js +2 -2
- package/rating/Rating.mjs +3 -3
- package/signature/Signature.js +1 -1
- package/signature/Signature.mjs +80 -84
- package/slider/Slider.js +1 -1
- package/slider/Slider.mjs +139 -131
- package/slider/SliderLabel.js +1 -1
- package/slider/SliderLabel.mjs +3 -2
- package/switch/Switch.js +1 -1
- package/switch/Switch.mjs +52 -54
- package/textarea/TextArea.js +1 -1
- package/textarea/TextArea.mjs +29 -31
package/messages/index.d.ts
CHANGED
|
@@ -141,6 +141,50 @@ export declare const signatureMinimize = "signature.minimize";
|
|
|
141
141
|
* @hidden
|
|
142
142
|
*/
|
|
143
143
|
export declare const switchAriaLabel = "switch.ariaLabel";
|
|
144
|
+
/**
|
|
145
|
+
* @hidden
|
|
146
|
+
*/
|
|
147
|
+
export declare const sliderAriaLabel = "slider.ariaLabel";
|
|
148
|
+
/**
|
|
149
|
+
* @hidden
|
|
150
|
+
*/
|
|
151
|
+
export declare const rangeSliderAriaLabel = "rangeSlider.ariaLabel";
|
|
152
|
+
/**
|
|
153
|
+
* @hidden
|
|
154
|
+
*/
|
|
155
|
+
export declare const colorGradientAriaLabel = "colorGradient.ariaLabel";
|
|
156
|
+
/**
|
|
157
|
+
* @hidden
|
|
158
|
+
*/
|
|
159
|
+
export declare const colorGradientHSVAreaAriaLabel = "colorGradient.hsvAreaAriaLabel";
|
|
160
|
+
/**
|
|
161
|
+
* @hidden
|
|
162
|
+
*/
|
|
163
|
+
export declare const colorPickerAriaLabel = "colorPicker.ariaLabel";
|
|
164
|
+
/**
|
|
165
|
+
* @hidden
|
|
166
|
+
*/
|
|
167
|
+
export declare const flatColorPickerAriaLabel = "flatColorPicker.ariaLabel";
|
|
168
|
+
/**
|
|
169
|
+
* @hidden
|
|
170
|
+
*/
|
|
171
|
+
export declare const colorPaletteAriaLabel = "colorPalette.ariaLabel";
|
|
172
|
+
/**
|
|
173
|
+
* @hidden
|
|
174
|
+
*/
|
|
175
|
+
export declare const colorGradientRedChannelLabel = "colorGradient.redChannelLabel";
|
|
176
|
+
/**
|
|
177
|
+
* @hidden
|
|
178
|
+
*/
|
|
179
|
+
export declare const colorGradientGreenChannelLabel = "colorGradient.greenChannelLabel";
|
|
180
|
+
/**
|
|
181
|
+
* @hidden
|
|
182
|
+
*/
|
|
183
|
+
export declare const colorGradientBlueChannelLabel = "colorGradient.blueChannelLabel";
|
|
184
|
+
/**
|
|
185
|
+
* @hidden
|
|
186
|
+
*/
|
|
187
|
+
export declare const colorGradientAlphaChannelLabel = "colorGradient.alphaChannelLabel";
|
|
144
188
|
/**
|
|
145
189
|
* @hidden
|
|
146
190
|
*/
|
|
@@ -179,4 +223,15 @@ export declare const messages: {
|
|
|
179
223
|
"signature.maximize": string;
|
|
180
224
|
"signature.minimize": string;
|
|
181
225
|
"switch.ariaLabel": string;
|
|
226
|
+
"slider.ariaLabel": string;
|
|
227
|
+
"rangeSlider.ariaLabel": string;
|
|
228
|
+
"colorGradient.ariaLabel": string;
|
|
229
|
+
"colorGradient.hsvAreaAriaLabel": string;
|
|
230
|
+
"colorPicker.ariaLabel": string;
|
|
231
|
+
"flatColorPicker.ariaLabel": string;
|
|
232
|
+
"colorPalette.ariaLabel": string;
|
|
233
|
+
"colorGradient.redChannelLabel": string;
|
|
234
|
+
"colorGradient.greenChannelLabel": string;
|
|
235
|
+
"colorGradient.blueChannelLabel": string;
|
|
236
|
+
"colorGradient.alphaChannelLabel": string;
|
|
182
237
|
};
|
package/messages/index.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="numerictextbox.increment",
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="numerictextbox.increment",r="numerictextbox.decrement",o="slider.increment",a="slider.decrement",l="slider.dragTitle",t="colorGradient.r",i="colorGradient.g",n="colorGradient.b",c="colorGradient.a",d="colorGradient.hex",s="colorGradient.contrastRatio",G="colorGradient.colorGradientAALevel",b="colorGradient.colorGradientAAALevel",A="colorGradient.colorGradientPass",u="colorGradient.colorGradientFail",C="colorGradient.hueSliderLabel",L="colorGradient.alphaSliderLabel",h="colorGradient.toggleInputsButton",g="flatColorPicker.cancelBtn",P="flatColorPicker.applyBtn",p="flatColorPicker.colorGradientBtn",k="flatColorPicker.colorPaletteBtn",B="flatColorPicker.clearBtn",m="colorPicker.adaptiveTitle",f="checkbox.validation",x="checkbox.optionalText",v="radioButton.validation",w="switch.validation",V="colorPicker.dropdownButtonAriaLabel",S="rating.ariaLabel",T="signature.clear",D="signature.maximize",R="signature.minimize",y="switch.ariaLabel",I="slider.ariaLabel",z="rangeSlider.ariaLabel",H="colorGradient.ariaLabel",M="colorGradient.hsvAreaAriaLabel",F="colorPicker.ariaLabel",O="flatColorPicker.ariaLabel",j="colorPalette.ariaLabel",q="colorGradient.redChannelLabel",E="colorGradient.greenChannelLabel",J="colorGradient.blueChannelLabel",K="colorGradient.alphaChannelLabel",N={[e]:"Increase value",[r]:"Decrease value",[o]:"Increase",[a]:"Decrease",[l]:"Drag",[t]:"r",[i]:"g",[n]:"b",[c]:"a",[d]:"hex",[s]:"Contrast ratio",[G]:"AA",[b]:"AAA",[A]:"Pass",[u]:"Fail",[C]:"Hue slider",[L]:"Alpha slider",[h]:"Toggle colorgradient inputs",[g]:"Cancel",[P]:"Apply",[p]:"Color Gradient view",[k]:"Color Palette view",[B]:"Clear color value",[m]:"Choose color",[f]:"Please check this box if you want to proceed!",[x]:"(Optional)",[v]:"Please select option if you want to proceed!",[w]:"Please turn on if you want to proceed!",[V]:"Select",[S]:"Rating",[T]:"Clear",[D]:"Maximize",[R]:"Minimize",[y]:"Toggle switch value",[I]:"Slider",[z]:"Range slider",[H]:"Color gradient",[M]:"Color well with two-dimensional slider for selecting saturation and lightness",[F]:"Color picker",[O]:"Color editor",[j]:"Color palette",[q]:"Red channel",[E]:"Green channel",[J]:"Blue channel",[K]:"Alpha channel"};exports.checkboxOptionalText=x;exports.checkboxValidation=f;exports.colorGradientA=c;exports.colorGradientAAALevel=b;exports.colorGradientAALevel=G;exports.colorGradientAlphaChannelLabel=K;exports.colorGradientAlphaSliderLabel=L;exports.colorGradientAriaLabel=H;exports.colorGradientB=n;exports.colorGradientBlueChannelLabel=J;exports.colorGradientContrastRatio=s;exports.colorGradientFail=u;exports.colorGradientG=i;exports.colorGradientGreenChannelLabel=E;exports.colorGradientHSVAreaAriaLabel=M;exports.colorGradientHex=d;exports.colorGradientHueSliderLabel=C;exports.colorGradientPass=A;exports.colorGradientR=t;exports.colorGradientRedChannelLabel=q;exports.colorGradientToggleInputsButton=h;exports.colorPaletteAriaLabel=j;exports.colorPickerAdaptiveTitle=m;exports.colorPickerAriaLabel=F;exports.colorPickerDropdownButtonAriaLabel=V;exports.flatColorPickerApplyBtn=P;exports.flatColorPickerAriaLabel=O;exports.flatColorPickerCancelBtn=g;exports.flatColorPickerClearBtn=B;exports.flatColorPickerColorGradientBtn=p;exports.flatColorPickerColorPaletteBtn=k;exports.messages=N;exports.numericDecreaseValue=r;exports.numericIncreaseValue=e;exports.radioButtonValidation=v;exports.rangeSliderAriaLabel=z;exports.ratingAriaLabel=S;exports.signatureClear=T;exports.signatureMaximize=D;exports.signatureMinimize=R;exports.sliderAriaLabel=I;exports.sliderDecreaseValue=a;exports.sliderDragTitle=l;exports.sliderIncreaseValue=o;exports.switchAriaLabel=y;exports.switchValidation=w;
|
package/messages/index.mjs
CHANGED
|
@@ -5,76 +5,98 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
const
|
|
9
|
-
[
|
|
10
|
-
[
|
|
11
|
-
[
|
|
12
|
-
[
|
|
13
|
-
[
|
|
14
|
-
[
|
|
15
|
-
[
|
|
16
|
-
[
|
|
8
|
+
const e = "numerictextbox.increment", o = "numerictextbox.decrement", r = "slider.increment", a = "slider.decrement", l = "slider.dragTitle", t = "colorGradient.r", n = "colorGradient.g", i = "colorGradient.b", c = "colorGradient.a", s = "colorGradient.hex", d = "colorGradient.contrastRatio", G = "colorGradient.colorGradientAALevel", b = "colorGradient.colorGradientAAALevel", u = "colorGradient.colorGradientPass", C = "colorGradient.colorGradientFail", A = "colorGradient.hueSliderLabel", h = "colorGradient.alphaSliderLabel", L = "colorGradient.toggleInputsButton", g = "flatColorPicker.cancelBtn", p = "flatColorPicker.applyBtn", P = "flatColorPicker.colorGradientBtn", k = "flatColorPicker.colorPaletteBtn", B = "flatColorPicker.clearBtn", m = "colorPicker.adaptiveTitle", x = "checkbox.validation", f = "checkbox.optionalText", v = "radioButton.validation", w = "switch.validation", S = "colorPicker.dropdownButtonAriaLabel", T = "rating.ariaLabel", V = "signature.clear", D = "signature.maximize", R = "signature.minimize", y = "switch.ariaLabel", z = "slider.ariaLabel", I = "rangeSlider.ariaLabel", H = "colorGradient.ariaLabel", M = "colorGradient.hsvAreaAriaLabel", F = "colorPicker.ariaLabel", O = "flatColorPicker.ariaLabel", j = "colorPalette.ariaLabel", q = "colorGradient.redChannelLabel", E = "colorGradient.greenChannelLabel", J = "colorGradient.blueChannelLabel", K = "colorGradient.alphaChannelLabel", N = {
|
|
9
|
+
[e]: "Increase value",
|
|
10
|
+
[o]: "Decrease value",
|
|
11
|
+
[r]: "Increase",
|
|
12
|
+
[a]: "Decrease",
|
|
13
|
+
[l]: "Drag",
|
|
14
|
+
[t]: "r",
|
|
15
|
+
[n]: "g",
|
|
16
|
+
[i]: "b",
|
|
17
17
|
[c]: "a",
|
|
18
18
|
[s]: "hex",
|
|
19
19
|
[d]: "Contrast ratio",
|
|
20
|
-
[
|
|
21
|
-
[
|
|
22
|
-
[
|
|
23
|
-
[
|
|
24
|
-
[
|
|
25
|
-
[
|
|
26
|
-
[
|
|
27
|
-
[
|
|
28
|
-
[
|
|
29
|
-
[
|
|
30
|
-
[
|
|
31
|
-
[
|
|
32
|
-
[
|
|
33
|
-
[
|
|
34
|
-
[
|
|
35
|
-
[
|
|
20
|
+
[G]: "AA",
|
|
21
|
+
[b]: "AAA",
|
|
22
|
+
[u]: "Pass",
|
|
23
|
+
[C]: "Fail",
|
|
24
|
+
[A]: "Hue slider",
|
|
25
|
+
[h]: "Alpha slider",
|
|
26
|
+
[L]: "Toggle colorgradient inputs",
|
|
27
|
+
[g]: "Cancel",
|
|
28
|
+
[p]: "Apply",
|
|
29
|
+
[P]: "Color Gradient view",
|
|
30
|
+
[k]: "Color Palette view",
|
|
31
|
+
[B]: "Clear color value",
|
|
32
|
+
[m]: "Choose color",
|
|
33
|
+
[x]: "Please check this box if you want to proceed!",
|
|
34
|
+
[f]: "(Optional)",
|
|
35
|
+
[v]: "Please select option if you want to proceed!",
|
|
36
36
|
[w]: "Please turn on if you want to proceed!",
|
|
37
|
-
[
|
|
38
|
-
[
|
|
37
|
+
[S]: "Select",
|
|
38
|
+
[T]: "Rating",
|
|
39
39
|
[V]: "Clear",
|
|
40
|
-
[
|
|
41
|
-
[
|
|
42
|
-
[
|
|
40
|
+
[D]: "Maximize",
|
|
41
|
+
[R]: "Minimize",
|
|
42
|
+
[y]: "Toggle switch value",
|
|
43
|
+
[z]: "Slider",
|
|
44
|
+
[I]: "Range slider",
|
|
45
|
+
[H]: "Color gradient",
|
|
46
|
+
[M]: "Color well with two-dimensional slider for selecting saturation and lightness",
|
|
47
|
+
[F]: "Color picker",
|
|
48
|
+
[O]: "Color editor",
|
|
49
|
+
[j]: "Color palette",
|
|
50
|
+
[q]: "Red channel",
|
|
51
|
+
[E]: "Green channel",
|
|
52
|
+
[J]: "Blue channel",
|
|
53
|
+
[K]: "Alpha channel"
|
|
43
54
|
};
|
|
44
55
|
export {
|
|
45
|
-
|
|
46
|
-
|
|
56
|
+
f as checkboxOptionalText,
|
|
57
|
+
x as checkboxValidation,
|
|
47
58
|
c as colorGradientA,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
59
|
+
b as colorGradientAAALevel,
|
|
60
|
+
G as colorGradientAALevel,
|
|
61
|
+
K as colorGradientAlphaChannelLabel,
|
|
62
|
+
h as colorGradientAlphaSliderLabel,
|
|
63
|
+
H as colorGradientAriaLabel,
|
|
64
|
+
i as colorGradientB,
|
|
65
|
+
J as colorGradientBlueChannelLabel,
|
|
52
66
|
d as colorGradientContrastRatio,
|
|
53
|
-
|
|
54
|
-
|
|
67
|
+
C as colorGradientFail,
|
|
68
|
+
n as colorGradientG,
|
|
69
|
+
E as colorGradientGreenChannelLabel,
|
|
70
|
+
M as colorGradientHSVAreaAriaLabel,
|
|
55
71
|
s as colorGradientHex,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
+
A as colorGradientHueSliderLabel,
|
|
73
|
+
u as colorGradientPass,
|
|
74
|
+
t as colorGradientR,
|
|
75
|
+
q as colorGradientRedChannelLabel,
|
|
76
|
+
L as colorGradientToggleInputsButton,
|
|
77
|
+
j as colorPaletteAriaLabel,
|
|
78
|
+
m as colorPickerAdaptiveTitle,
|
|
79
|
+
F as colorPickerAriaLabel,
|
|
80
|
+
S as colorPickerDropdownButtonAriaLabel,
|
|
81
|
+
p as flatColorPickerApplyBtn,
|
|
82
|
+
O as flatColorPickerAriaLabel,
|
|
83
|
+
g as flatColorPickerCancelBtn,
|
|
84
|
+
B as flatColorPickerClearBtn,
|
|
85
|
+
P as flatColorPickerColorGradientBtn,
|
|
86
|
+
k as flatColorPickerColorPaletteBtn,
|
|
87
|
+
N as messages,
|
|
88
|
+
o as numericDecreaseValue,
|
|
89
|
+
e as numericIncreaseValue,
|
|
90
|
+
v as radioButtonValidation,
|
|
91
|
+
I as rangeSliderAriaLabel,
|
|
92
|
+
T as ratingAriaLabel,
|
|
72
93
|
V as signatureClear,
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
a as
|
|
77
|
-
|
|
78
|
-
|
|
94
|
+
D as signatureMaximize,
|
|
95
|
+
R as signatureMinimize,
|
|
96
|
+
z as sliderAriaLabel,
|
|
97
|
+
a as sliderDecreaseValue,
|
|
98
|
+
l as sliderDragTitle,
|
|
99
|
+
r as sliderIncreaseValue,
|
|
100
|
+
y as switchAriaLabel,
|
|
79
101
|
w as switchValidation
|
|
80
102
|
};
|
|
@@ -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 Ue=require("react"),t=require("prop-types"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ue=require("react"),t=require("prop-types"),ve=require("@progress/kendo-react-intl"),l=require("@progress/kendo-react-common"),Ve=require("@progress/kendo-svg-icons"),We=require("@progress/kendo-react-labels"),p=require("../messages/index.js"),u=require("./utils/index.js"),ye=require("@progress/kendo-react-buttons");function Ye(g){const L=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(g){for(const v in g)if(v!=="default"){const B=Object.getOwnPropertyDescriptor(g,v);Object.defineProperty(L,v,B.get?B:{enumerable:!0,get:()=>g[v]})}}return L.default=g,Object.freeze(L)}const n=Ye(Ue),Je="Please enter a valid value!",ke=l.createPropsContext(),X=n.forwardRef((g,L)=>{const v=l.usePropsContext(ke,g),{className:B,value:E,defaultValue:Ce,format:s,width:Z,tabIndex:Se,accessKey:he,title:Ee,placeholder:ee,min:f,max:b,dir:te,name:M,label:q,id:ne,ariaDescribedBy:xe,ariaLabelledBy:Ie,ariaLabel:Oe,inputType:Le,readOnly:C,validationMessage:H,children:Pe,touched:Qe,visited:Xe,modified:Ze,style:re,inputStyle:Ne,valid:K,step:x=m.step,spinners:$=m.spinners,disabled:c=m.disabled,required:T=m.required,validityStyles:ae=m.validityStyles,prefix:Re=m.prefix,suffix:De=m.suffix,onChange:I=m.onChange,onFocus:se=m.onFocus,onBlur:ue=m.onBlur,rangeOnEnter:oe=m.rangeOnEnter,size:P=m.size,rounded:U=m.rounded,fillMode:F=m.fillMode,autoFocus:Be=m.autoFocus,inputAttributes:Me,...le}=v,qe=l.useId(),ce=ne||qe,o=ve.useInternationalization(),j=ve.useLocalization(),a=n.useRef(null),z=n.useRef(void 0),[Te,O]=n.useState(!1),d=n.useRef(u.getInitialState()),_=n.useRef(!1),W=n.useRef(void 0),N=n.useRef(Ce),ie=M||ne,R=u.formatValue(d.current.focused&&!c?d.current.currentLooseValue:u.getStateOrPropsValue(E,N.current),s,o);W.current=R;const[Fe]=l.useCustomComponent(Re),[je]=l.useCustomComponent(De);n.useEffect(()=>{a.current&&a.current.setCustomValidity&&a.current.setCustomValidity(w().valid?"":H||Je)});const de=n.useCallback(()=>{a.current&&a.current.focus()},[]),G=n.useCallback(()=>z.current!==void 0?z.current:u.getStateOrPropsValue(E,N.current),[E]),me=n.useCallback(()=>M,[M]),A=n.useCallback(()=>T,[T]),w=n.useCallback(()=>{const r=H!==void 0,e=G(),y=K!==void 0?K:!d.current.valueIsOutOfRange&&(!A()||e!=null);return{customError:r,valid:y,valueMissing:e==null}},[H,K,G,A]),Y=n.useCallback(()=>ae,[ae]),fe=n.useCallback(()=>v,[v]),S=n.useCallback(()=>{const r={element:a.current,focus:de};return Object.defineProperty(r,"name",{get:me}),Object.defineProperty(r,"value",{get:G}),Object.defineProperty(r,"validity",{get:w}),Object.defineProperty(r,"validityStyles",{get:Y}),Object.defineProperty(r,"required",{get:A}),Object.defineProperty(r,"props",{get:fe}),r},[me,G,w,Y,A,de,fe]);n.useImperativeHandle(L,S);const be=n.useRef(null);n.useImperativeHandle(be,S),l.useWebMcpRegister("numerictextbox",be,v,v.webMcp);const h=n.useCallback(()=>({eventValue:u.getStateOrPropsValue(E,N.current),prevLooseValue:W.current,currentLooseValue:a.current.value,selectionStart:a.current.selectionStart,selectionEnd:a.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:_.current,focused:d.current.focused}),[E]),V=n.useCallback((r,e)=>{if(c)return;z.current=e.eventValue,N.current=e.eventValue;const y=u.formatValue(u.rangeValue(e.eventValue,f,b),s,o),i=u.rangeValue(o.parseNumber(y,s),f,b);i!==e.eventValue&&(e.valueIsOutOfRange=!0,e.eventValue=i,N.current=i),E!==e.eventValue&&l.dispatchEvent(I,r,S(),{value:e.eventValue}),z.current=void 0,d.current=e,O(D=>!D)},[E,I,c,O,S]),ze=n.useCallback(r=>{const e=Number(r);if(isNaN(e))return;const y=u.rangeValue(e,f,b),i=u.formatValue(y,s,o),k={...d.current,eventValue:y,currentLooseValue:i,selectionStart:i.length,selectionEnd:i.length},D={target:a.current,currentTarget:a.current};V(D,k)},[f,b,s,o,V]);l.useKendoPaste(a,{fieldName:ie,onValueChange:ze,enabled:!!ie});const _e=n.useCallback(r=>{const e=h();_.current=!1,V(r,u.sanitizeNumber(e,s,o))},[s,I,o,V,h]),Ge=n.useCallback(r=>{if(C||c)return;let e=h();const y=o.parseNumber(String(e.currentLooseValue),s);if(e.selectionEnd>e.selectionStart&&e.selectionEnd-e.selectionStart===String(e.currentLooseValue).length){const i=o.numberSymbols(),k=i&&r.key===i.minusSign,D=i&&r.key===i.decimal;_.current=!k&&!D;return}switch(r.keyCode){case 38:u.increaseValue(y,e,x,f,b,s,o);break;case 40:u.decreaseValue(y,e,x,f,b,s,o);break;case 13:{if(oe===!1)return;const i=u.formatValue(u.rangeValue(y,f,b),s,o),k=u.rangeValue(o.parseNumber(i,s),f,b);e.eventValue=k,e.currentLooseValue=u.formatValue(k,s,o),e.selectionStart=e.selectionEnd=e.currentLooseValue.length;break}case 110:{const i=a.current,k=o.numberSymbols();i&&(e.currentLooseValue=e.currentLooseValue.slice(0,e.selectionStart)+k.decimal+e.currentLooseValue.slice(e.selectionEnd),e.selectionStart=e.selectionEnd=e.selectionStart+1,e=u.sanitizeNumber(e,s,o));break}default:return}r.preventDefault(),V(r,e)},[s,f,b,x,I,oe,V,h]),Ae=n.useCallback(()=>{_.current=!0},[]),J=n.useCallback(r=>{if(C||c)return;const e=h();u.increaseValue(o.parseNumber(String(e.currentLooseValue),s),e,x,f,b,s,o),V(r,e)},[s,f,b,x,I,C,c,V,h]),Q=n.useCallback(r=>{if(C||c)return;const e=h();u.decreaseValue(o.parseNumber(String(e.currentLooseValue),s),e,x,f,b,s,o),V(r,e)},[s,f,b,x,I,C,c,V,h]),we=n.useCallback(r=>{const e=l.getActiveElement(document);!document||e!==a.current||!a.current||C||c||(r.nativeEvent.deltaY<0&&J(r),r.nativeEvent.deltaY>0&&Q(r))},[J,Q,c,C]),He=n.useCallback(r=>{d.current.currentLooseValue=W.current,d.current.focused=!0,l.dispatchEvent(se,r,S(),{}),O(e=>!e)},[se,O,S]),Ke=n.useCallback(r=>{d.current=u.getInitialState(),l.dispatchEvent(ue,r,S(),{}),O(e=>!e)},[ue,O,S]),$e=n.useCallback(r=>{if(document&&a.current){const e=l.getActiveElement(document);r.preventDefault(),e!==a.current&&a.current.focus()}},[]);l.useIsomorphicLayoutEffect(()=>{a.current&&a.current.type!=="number"&&d.current.selectionStart!==void 0&&d.current.selectionEnd!==void 0&&(a.current.selectionStart=d.current.selectionStart,a.current.selectionEnd=d.current.selectionEnd,d.current.selectionStart=void 0,d.current.selectionEnd=void 0)},[Te]);const ge=!Y()||w().valid,pe=n.createElement("span",{dir:te,style:q?re:{width:Z,...re},className:l.classNames("k-input","k-numerictextbox",{[`k-input-${l.kendoThemeMaps.sizeMap[P]||P}`]:P,[`k-input-${F}`]:F,[`k-rounded-${l.kendoThemeMaps.roundedMap[U]||U}`]:U,"k-invalid":!ge,"k-required":T,"k-disabled":c},B),"aria-disabled":c?"true":void 0,...q?{}:le},n.createElement(Fe,null),n.createElement("input",{role:"spinbutton",value:R===null?"":R,tabIndex:l.getTabIndex(Se,c),accessKey:he,disabled:c,title:Ee,"aria-disabled":c?"true":void 0,"aria-valuemin":$?f:void 0,"aria-valuemax":$?b:void 0,"aria-label":Oe,"aria-labelledby":Ie,"aria-describedby":xe,"aria-required":T||void 0,placeholder:ee,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:Be,type:Le||"tel",className:"k-input-inner",id:ce,name:M,readOnly:C,style:Ne,onChange:_e,onFocus:He,onBlur:Ke,onKeyDown:Ge,onPaste:Ae,onWheel:we,ref:a,...Me}),n.createElement(je,null),Pe,$&&n.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:$e},n.createElement(ye.Button,{tabIndex:-1,type:"button",icon:"chevron-up",svgIcon:Ve.chevronUpIcon,fillMode:F,size:P,className:"k-spinner-increase","aria-label":j.toLanguageString(p.numericIncreaseValue,p.messages[p.numericIncreaseValue]),title:j.toLanguageString(p.numericIncreaseValue,p.messages[p.numericIncreaseValue]),onClick:J}),n.createElement(ye.Button,{tabIndex:-1,type:"button",icon:"chevron-down",svgIcon:Ve.chevronDownIcon,fillMode:F,size:P,className:"k-spinner-decrease","aria-label":j.toLanguageString(p.numericDecreaseValue,p.messages[p.numericDecreaseValue]),title:j.toLanguageString(p.numericDecreaseValue,p.messages[p.numericDecreaseValue]),onClick:Q})));return q?n.createElement(We.FloatingLabel,{label:q,editorId:ce,editorValue:R===null?"":R,editorValid:ge,editorDisabled:c,editorPlaceholder:ee,children:pe,style:{width:Z},dir:te,...le}):pe});X.propTypes={value:t.number,defaultValue:t.number,step:t.number,format:t.oneOfType([t.string,t.shape({style:t.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:t.string,currencyDisplay:t.oneOf(["symbol","code","name"]),useGrouping:t.bool,minimumIntegerDigits:t.number,minimumFractionDigits:t.number,maximumFractionDigits:t.number})]),width:t.oneOfType([t.string,t.number]),tabIndex:t.number,accessKey:t.string,title:t.string,placeholder:t.string,min:t.number,max:t.number,spinners:t.bool,disabled:t.bool,readOnly:t.bool,dir:t.string,name:t.string,label:t.string,validationMessage:t.string,required:t.bool,id:t.string,rangeOnEnter:t.bool,ariaLabelledBy:t.string,ariaDescribedBy:t.string,ariaLabel:t.string,onChange:t.func,onFocus:t.func,onBlur:t.func,size:t.oneOf(["small","medium","large"]),rounded:t.oneOf(["small","medium","large","full","none"]),fillMode:t.oneOf(["solid","flat","outline"]),inputAttributes:t.object};const m={prefix:g=>null,suffix:g=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,autoFocus:!1,onChange:g=>{},onFocus:g=>{},onBlur:g=>{},size:void 0,rounded:void 0,fillMode:void 0};X.displayName="KendoNumericTextBox";exports.NumericTextBox=X;exports.NumericTextBoxPropsContext=ke;
|