@progress/kendo-react-inputs 14.5.0-develop.13 → 14.5.0-develop.14
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/MaskedTextBoxMcpWrapper.d.ts +17 -0
- package/MaskedTextBoxMcpWrapper.js +8 -0
- package/MaskedTextBoxMcpWrapper.mjs +18 -0
- package/colors/ColorPicker.js +1 -1
- package/colors/ColorPicker.mjs +194 -183
- package/colors/interfaces/ColorPickerProps.d.ts +6 -1
- package/dist/cdn/js/kendo-react-inputs.js +1 -1
- package/index.d.mts +5 -1
- package/index.d.ts +5 -1
- package/index.js +1 -1
- package/index.mjs +92 -89
- package/maskedtextbox/MaskedTextBoxProps.d.ts +6 -1
- package/numerictextbox/NumericTextBox.js +1 -1
- package/numerictextbox/NumericTextBox.mjs +170 -168
- package/numerictextbox/interfaces/NumericTextBoxProps.d.ts +6 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +10 -10
- package/range-slider/RangeSlider.d.ts +6 -1
- package/range-slider/RangeSlider.js +2 -2
- package/range-slider/RangeSlider.mjs +43 -43
- package/rating/Rating.d.ts +6 -1
- package/rating/Rating.js +2 -2
- package/rating/Rating.mjs +62 -62
- package/signature/Signature.js +1 -1
- package/signature/Signature.mjs +94 -92
- package/signature/interfaces/SignatureProps.d.ts +6 -1
- package/slider/Slider.d.ts +6 -1
- package/slider/Slider.js +1 -1
- package/slider/Slider.mjs +131 -134
- package/switch/Switch.d.ts +6 -1
- package/switch/Switch.js +1 -1
- package/switch/Switch.mjs +88 -86
- package/textarea/TextArea.js +1 -1
- package/textarea/TextArea.mjs +97 -95
- package/textarea/interfaces/TextAreaProps.d.ts +6 -1
- package/textbox/Textbox.d.ts +20 -1
- package/textbox/Textbox.js +1 -1
- package/textbox/Textbox.mjs +92 -81
package/index.d.mts
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { FormComponentValidity } from '@progress/kendo-react-common';
|
|
9
9
|
import { default as ColorInput } from './colors/ColorInput.js';
|
|
10
|
+
import { MaskedTextBox as MaskedTextBoxOriginal } from './maskedtextbox/MaskedTextBox.js';
|
|
10
11
|
export { type FormComponentValidity };
|
|
11
12
|
export { ColorInput };
|
|
12
13
|
export { type InputChangeEvent } from './input/interfaces/InputChangeEvent';
|
|
@@ -30,7 +31,10 @@ export * from './colors/interfaces/ColorPickerProps';
|
|
|
30
31
|
export * from './colors/interfaces/ColorPickerView';
|
|
31
32
|
export * from './colors/FlatColorPicker.js';
|
|
32
33
|
export { Input, type InputHandle, type InputProps, InputPropsContext, type InputState } from './input/Input.js';
|
|
33
|
-
export { MaskedTextBox, MaskedTextBoxWithoutContext, type MaskedTextBoxHandle, type MaskedTextBoxPropsContext } from './maskedtextbox/MaskedTextBox.js';
|
|
34
|
+
export { MaskedTextBox as MaskedTextBoxClassComponent, MaskedTextBoxWithoutContext, type MaskedTextBoxHandle, type MaskedTextBoxPropsContext } from './maskedtextbox/MaskedTextBox.js';
|
|
35
|
+
declare const MaskedTextBox: import('react').ForwardRefExoticComponent<import('./maskedtextbox/MaskedTextBoxProps').MaskedTextBoxProps & import('react').RefAttributes<import('./maskedtextbox/MaskedTextBox').MaskedTextBoxHandle>>;
|
|
36
|
+
type MaskedTextBox = typeof MaskedTextBoxOriginal;
|
|
37
|
+
export { MaskedTextBox };
|
|
34
38
|
export { maskingChanged } from './maskedtextbox/utils.js';
|
|
35
39
|
export * from './maskedtextbox/MaskedTextBoxProps';
|
|
36
40
|
export * from './numerictextbox/NumericTextBox.js';
|
package/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { FormComponentValidity } from '@progress/kendo-react-common';
|
|
9
9
|
import { default as ColorInput } from './colors/ColorInput.js';
|
|
10
|
+
import { MaskedTextBox as MaskedTextBoxOriginal } from './maskedtextbox/MaskedTextBox.js';
|
|
10
11
|
export { type FormComponentValidity };
|
|
11
12
|
export { ColorInput };
|
|
12
13
|
export { type InputChangeEvent } from './input/interfaces/InputChangeEvent';
|
|
@@ -30,7 +31,10 @@ export * from './colors/interfaces/ColorPickerProps';
|
|
|
30
31
|
export * from './colors/interfaces/ColorPickerView';
|
|
31
32
|
export * from './colors/FlatColorPicker.js';
|
|
32
33
|
export { Input, type InputHandle, type InputProps, InputPropsContext, type InputState } from './input/Input.js';
|
|
33
|
-
export { MaskedTextBox, MaskedTextBoxWithoutContext, type MaskedTextBoxHandle, type MaskedTextBoxPropsContext } from './maskedtextbox/MaskedTextBox.js';
|
|
34
|
+
export { MaskedTextBox as MaskedTextBoxClassComponent, MaskedTextBoxWithoutContext, type MaskedTextBoxHandle, type MaskedTextBoxPropsContext } from './maskedtextbox/MaskedTextBox.js';
|
|
35
|
+
declare const MaskedTextBox: import('react').ForwardRefExoticComponent<import('./maskedtextbox/MaskedTextBoxProps').MaskedTextBoxProps & import('react').RefAttributes<import('./maskedtextbox/MaskedTextBox').MaskedTextBoxHandle>>;
|
|
36
|
+
type MaskedTextBox = typeof MaskedTextBoxOriginal;
|
|
37
|
+
export { MaskedTextBox };
|
|
34
38
|
export { maskingChanged } from './maskedtextbox/utils.js';
|
|
35
39
|
export * from './maskedtextbox/MaskedTextBoxProps';
|
|
36
40
|
export * from './numerictextbox/NumericTextBox.js';
|
package/index.js
CHANGED
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./colors/ColorInput.js"),g=require("./MaskedTextBoxMcpWrapper.js"),t=require("./messages/index.js"),o=require("./colors/ColorGradient.js"),r=require("./colors/ColorPalette.js"),B=require("./colors/models/palette-presets.js"),n=require("./colors/ColorPicker.js"),k=require("./colors/FlatColorPicker.js"),i=require("./input/Input.js"),u=require("./maskedtextbox/MaskedTextBox.js"),h=require("./maskedtextbox/utils.js"),a=require("./numerictextbox/NumericTextBox.js"),s=require("./slider/Slider.js"),x=require("./slider/SliderLabel.js"),m=require("./numerictextbox/utils/index.js"),c=require("./range-slider/range-raducer.js"),C=require("./range-slider/RangeSlider.js"),l=require("./switch/Switch.js"),p=require("./checkbox/Checkbox.js"),d=require("./radiobutton/RadioGroup.js"),P=require("./radiobutton/RadioButton.js"),R=require("./textarea/TextArea.js"),T=require("./rating/Rating.js"),A=require("./rating/RatingItem.js"),I=require("./rating/rating-reducer.js"),e=require("./rating/utils/index.js"),S=require("./signature/Signature.js"),E=require("./textbox/Textbox.js"),G=require("./input/InputClearValue.js"),N=require("./input/InputPrefix.js"),b=require("./input/InputSeparator.js"),f=require("./input/InputSuffix.js"),M=require("./input/InputValidationIcon.js"),V=g.MaskedTextBoxWrapper;exports.ColorInput=q;exports.inputsMessages=t.messages;exports.numericDecreaseValue=t.numericDecreaseValue;exports.numericIncreaseValue=t.numericIncreaseValue;exports.ColorGradient=o.ColorGradient;exports.ColorGradientPropsContext=o.ColorGradientPropsContext;exports.ColorGradientWithoutContext=o.ColorGradientWithoutContext;exports.ColorPalette=r.ColorPalette;exports.ColorPalettePropsContext=r.ColorPalettePropsContext;exports.ColorPaletteWithoutContext=r.ColorPaletteWithoutContext;exports.PALETTEPRESETS=B.PALETTEPRESETS;exports.ColorPicker=n.ColorPicker;exports.ColorPickerPropsContext=n.ColorPickerPropsContext;exports.FlatColorPicker=k.FlatColorPicker;exports.Input=i.Input;exports.InputPropsContext=i.InputPropsContext;exports.MaskedTextBoxClassComponent=u.MaskedTextBox;exports.MaskedTextBoxWithoutContext=u.MaskedTextBoxWithoutContext;exports.maskingChanged=h.maskingChanged;exports.NumericTextBox=a.NumericTextBox;exports.NumericTextBoxPropsContext=a.NumericTextBoxPropsContext;exports.Slider=s.Slider;exports.SliderWithoutContext=s.SliderWithoutContext;exports.SLIDER_LABEL_ATTRIBUTE=x.SLIDER_LABEL_ATTRIBUTE;exports.SliderLabel=x.SliderLabel;exports.sanitizeNumber=m.sanitizeNumber;exports.RANGE_ACTION=c.RANGE_ACTION;exports.rangeReducer=c.rangeReducer;exports.RangeSlider=C.RangeSlider;exports.RangeSliderPropsContext=C.RangeSliderPropsContext;exports.Switch=l.Switch;exports.SwitchWithoutContext=l.SwitchWithoutContext;exports.Checkbox=p.Checkbox;exports.CheckboxPropsContext=p.CheckboxPropsContext;exports.RadioGroup=d.RadioGroup;exports.RadioGroupPropsContext=d.RadioGroupPropsContext;exports.RadioButton=P.RadioButton;exports.RadioButtonPropsContext=P.RadioButtonPropsContext;exports.TextArea=R.TextArea;exports.TextAreaPropsContext=R.TextAreaPropsContext;exports.Rating=T.Rating;exports.RatingPropsContext=T.RatingPropsContext;exports.RatingItem=A.RatingItem;exports.RATING_ACTION=I.RATING_ACTION;exports.ratingReducer=I.ratingReducer;exports.isCorrectValue=e.isCorrectValue;exports.isHalf=e.isHalf;exports.isSelected=e.isSelected;exports.toRound=e.toRound;exports.Signature=S.Signature;exports.SignaturePropsContext=S.SignaturePropsContext;exports.TextBox=E.TextBox;exports.InputClearValue=G.InputClearValue;exports.InputPrefix=N.InputPrefix;exports.InputSeparator=b.InputSeparator;exports.InputSuffix=f.InputSuffix;exports.InputValidationIcon=M.InputValidationIcon;exports.MaskedTextBox=V;
|
package/index.mjs
CHANGED
|
@@ -6,94 +6,97 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import { default as
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
9
|
+
import { default as p } from "./colors/ColorInput.mjs";
|
|
10
|
+
import { MaskedTextBoxWrapper as o } from "./MaskedTextBoxMcpWrapper.mjs";
|
|
11
|
+
import { messages as n, numericDecreaseValue as i, numericIncreaseValue as m } from "./messages/index.mjs";
|
|
12
|
+
import { ColorGradient as f, ColorGradientPropsContext as C, ColorGradientWithoutContext as u } from "./colors/ColorGradient.mjs";
|
|
13
|
+
import { ColorPalette as d, ColorPalettePropsContext as P, ColorPaletteWithoutContext as T } from "./colors/ColorPalette.mjs";
|
|
14
|
+
import { PALETTEPRESETS as R } from "./colors/models/palette-presets.mjs";
|
|
15
|
+
import { ColorPicker as S, ColorPickerPropsContext as g } from "./colors/ColorPicker.mjs";
|
|
16
|
+
import { FlatColorPicker as k } from "./colors/FlatColorPicker.mjs";
|
|
17
|
+
import { Input as A, InputPropsContext as E } from "./input/Input.mjs";
|
|
18
|
+
import { MaskedTextBox as M, MaskedTextBoxWithoutContext as N } from "./maskedtextbox/MaskedTextBox.mjs";
|
|
19
|
+
import { maskingChanged as L } from "./maskedtextbox/utils.mjs";
|
|
20
|
+
import { NumericTextBox as b, NumericTextBoxPropsContext as _ } from "./numerictextbox/NumericTextBox.mjs";
|
|
21
|
+
import { Slider as D, SliderWithoutContext as O } from "./slider/Slider.mjs";
|
|
22
|
+
import { SLIDER_LABEL_ATTRIBUTE as F, SliderLabel as H } from "./slider/SliderLabel.mjs";
|
|
23
|
+
import { sanitizeNumber as j } from "./numerictextbox/utils/index.mjs";
|
|
24
|
+
import { RANGE_ACTION as v, rangeReducer as y } from "./range-slider/range-raducer.mjs";
|
|
25
|
+
import { RangeSlider as K, RangeSliderPropsContext as Q } from "./range-slider/RangeSlider.mjs";
|
|
26
|
+
import { Switch as Y, SwitchWithoutContext as Z } from "./switch/Switch.mjs";
|
|
27
|
+
import { Checkbox as oo, CheckboxPropsContext as to } from "./checkbox/Checkbox.mjs";
|
|
28
|
+
import { RadioGroup as ro, RadioGroupPropsContext as xo } from "./radiobutton/RadioGroup.mjs";
|
|
29
|
+
import { RadioButton as ao, RadioButtonPropsContext as no } from "./radiobutton/RadioButton.mjs";
|
|
30
|
+
import { TextArea as mo, TextAreaPropsContext as so } from "./textarea/TextArea.mjs";
|
|
31
|
+
import { Rating as Co, RatingPropsContext as uo } from "./rating/Rating.mjs";
|
|
32
|
+
import { RatingItem as Po } from "./rating/RatingItem.mjs";
|
|
33
|
+
import { RATING_ACTION as co, ratingReducer as Ro } from "./rating/rating-reducer.mjs";
|
|
34
|
+
import { isCorrectValue as So, isHalf as go, isSelected as Bo, toRound as ko } from "./rating/utils/index.mjs";
|
|
35
|
+
import { Signature as Ao, SignaturePropsContext as Eo } from "./signature/Signature.mjs";
|
|
36
|
+
import { TextBox as Mo } from "./textbox/Textbox.mjs";
|
|
37
|
+
import { InputClearValue as Wo } from "./input/InputClearValue.mjs";
|
|
38
|
+
import { InputPrefix as Vo } from "./input/InputPrefix.mjs";
|
|
39
|
+
import { InputSeparator as _o } from "./input/InputSeparator.mjs";
|
|
40
|
+
import { InputSuffix as Do } from "./input/InputSuffix.mjs";
|
|
41
|
+
import { InputValidationIcon as zo } from "./input/InputValidationIcon.mjs";
|
|
42
|
+
const e = o;
|
|
41
43
|
export {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
Co as
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
Ao as
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
44
|
+
oo as Checkbox,
|
|
45
|
+
to as CheckboxPropsContext,
|
|
46
|
+
f as ColorGradient,
|
|
47
|
+
C as ColorGradientPropsContext,
|
|
48
|
+
u as ColorGradientWithoutContext,
|
|
49
|
+
p as ColorInput,
|
|
50
|
+
d as ColorPalette,
|
|
51
|
+
P as ColorPalettePropsContext,
|
|
52
|
+
T as ColorPaletteWithoutContext,
|
|
53
|
+
S as ColorPicker,
|
|
54
|
+
g as ColorPickerPropsContext,
|
|
55
|
+
k as FlatColorPicker,
|
|
56
|
+
A as Input,
|
|
57
|
+
Wo as InputClearValue,
|
|
58
|
+
Vo as InputPrefix,
|
|
59
|
+
E as InputPropsContext,
|
|
60
|
+
_o as InputSeparator,
|
|
61
|
+
Do as InputSuffix,
|
|
62
|
+
zo as InputValidationIcon,
|
|
63
|
+
e as MaskedTextBox,
|
|
64
|
+
M as MaskedTextBoxClassComponent,
|
|
65
|
+
N as MaskedTextBoxWithoutContext,
|
|
66
|
+
b as NumericTextBox,
|
|
67
|
+
_ as NumericTextBoxPropsContext,
|
|
68
|
+
R as PALETTEPRESETS,
|
|
69
|
+
v as RANGE_ACTION,
|
|
70
|
+
co as RATING_ACTION,
|
|
71
|
+
ao as RadioButton,
|
|
72
|
+
no as RadioButtonPropsContext,
|
|
73
|
+
ro as RadioGroup,
|
|
74
|
+
xo as RadioGroupPropsContext,
|
|
75
|
+
K as RangeSlider,
|
|
76
|
+
Q as RangeSliderPropsContext,
|
|
77
|
+
Co as Rating,
|
|
78
|
+
Po as RatingItem,
|
|
79
|
+
uo as RatingPropsContext,
|
|
80
|
+
F as SLIDER_LABEL_ATTRIBUTE,
|
|
81
|
+
Ao as Signature,
|
|
82
|
+
Eo as SignaturePropsContext,
|
|
83
|
+
D as Slider,
|
|
84
|
+
H as SliderLabel,
|
|
85
|
+
O as SliderWithoutContext,
|
|
86
|
+
Y as Switch,
|
|
87
|
+
Z as SwitchWithoutContext,
|
|
88
|
+
mo as TextArea,
|
|
89
|
+
so as TextAreaPropsContext,
|
|
90
|
+
Mo as TextBox,
|
|
91
|
+
n as inputsMessages,
|
|
92
|
+
So as isCorrectValue,
|
|
93
|
+
go as isHalf,
|
|
94
|
+
Bo as isSelected,
|
|
95
|
+
L as maskingChanged,
|
|
96
|
+
i as numericDecreaseValue,
|
|
97
|
+
m as numericIncreaseValue,
|
|
98
|
+
y as rangeReducer,
|
|
99
|
+
Ro as ratingReducer,
|
|
100
|
+
j as sanitizeNumber,
|
|
101
|
+
ko as toRound
|
|
99
102
|
};
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { CustomComponent, FormComponentProps, InputsClassStructure } from '@progress/kendo-react-common';
|
|
8
|
+
import { CustomComponent, FormComponentProps, InputsClassStructure, WebMcpProps } from '@progress/kendo-react-common';
|
|
9
9
|
import { MaskedTextBox } from './MaskedTextBox.js';
|
|
10
10
|
/**
|
|
11
11
|
* The arguments for a MaskedTextBox event.
|
|
@@ -288,4 +288,9 @@ export interface MaskedTextBoxProps extends FormComponentProps {
|
|
|
288
288
|
* This property is related to accessibility.
|
|
289
289
|
*/
|
|
290
290
|
inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
291
|
+
/**
|
|
292
|
+
* Enables Web MCP tool registration for this component.
|
|
293
|
+
* Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
|
|
294
|
+
*/
|
|
295
|
+
webMcp?: boolean | WebMcpProps;
|
|
291
296
|
}
|
|
@@ -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
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ue=require("react"),t=require("prop-types"),pe=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"),Ve=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!",ye=l.createPropsContext(),Q=n.forwardRef((g,L)=>{const v=l.usePropsContext(ye,g),{className:B,value:E,defaultValue:ke,format:s,width:X,tabIndex:Ce,accessKey:Se,title:he,placeholder:Z,min:f,max:b,dir:ee,name:M,label:q,id:te,ariaDescribedBy:Ee,ariaLabelledBy:xe,ariaLabel:Ie,inputType:Oe,readOnly:C,validationMessage:H,children:Le,touched:Qe,visited:Xe,modified:Ze,style:ne,inputStyle:Pe,valid:K,step:x=m.step,spinners:Ne=m.spinners,disabled:c=m.disabled,required:T=m.required,validityStyles:re=m.validityStyles,prefix:Re=m.prefix,suffix:De=m.suffix,onChange:I=m.onChange,onFocus:ae=m.onFocus,onBlur:se=m.onBlur,rangeOnEnter:ue=m.rangeOnEnter,size:P=m.size,rounded:$=m.rounded,fillMode:F=m.fillMode,autoFocus:Be=m.autoFocus,inputAttributes:Me,...oe}=v,qe=l.useId(),le=te||qe,o=pe.useInternationalization(),j=pe.useLocalization(),a=n.useRef(null),z=n.useRef(void 0),[Te,O]=n.useState(!1),d=n.useRef(u.getInitialState()),_=n.useRef(!1),U=n.useRef(void 0),N=n.useRef(ke),ce=M||te,R=u.formatValue(d.current.focused&&!c?d.current.currentLooseValue:u.getStateOrPropsValue(E,N.current),s,o);U.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 ie=n.useCallback(()=>{a.current&&a.current.focus()},[]),G=n.useCallback(()=>z.current!==void 0?z.current:u.getStateOrPropsValue(E,N.current),[E]),de=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]),W=n.useCallback(()=>re,[re]),me=n.useCallback(()=>v,[v]),S=n.useCallback(()=>{const r={element:a.current,focus:ie};return Object.defineProperty(r,"name",{get:de}),Object.defineProperty(r,"value",{get:G}),Object.defineProperty(r,"validity",{get:w}),Object.defineProperty(r,"validityStyles",{get:W}),Object.defineProperty(r,"required",{get:A}),Object.defineProperty(r,"props",{get:me}),r},[de,G,w,W,A,ie,me]);n.useImperativeHandle(L,S);const fe=n.useRef(null);n.useImperativeHandle(fe,S),l.useWebMcpRegister("numerictextbox",fe,v,v.webMcp);const h=n.useCallback(()=>({eventValue:u.getStateOrPropsValue(E,N.current),prevLooseValue:U.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:ce,onValueChange:ze,enabled:!!ce});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(ue===!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,ue,V,h]),Ae=n.useCallback(()=>{_.current=!0},[]),Y=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]),J=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&&Y(r),r.nativeEvent.deltaY>0&&J(r))},[Y,J,c,C]),He=n.useCallback(r=>{d.current.currentLooseValue=U.current,d.current.focused=!0,l.dispatchEvent(ae,r,S(),{}),O(e=>!e)},[ae,O,S]),Ke=n.useCallback(r=>{d.current=u.getInitialState(),l.dispatchEvent(se,r,S(),{}),O(e=>!e)},[se,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 be=!W()||w().valid,ge=n.createElement("span",{dir:ee,style:q?ne:{width:X,...ne},className:l.classNames("k-input","k-numerictextbox",{[`k-input-${l.kendoThemeMaps.sizeMap[P]||P}`]:P,[`k-input-${F}`]:F,[`k-rounded-${l.kendoThemeMaps.roundedMap[$]||$}`]:$,"k-invalid":!be,"k-required":T,"k-disabled":c},B),"aria-disabled":c?"true":void 0,...q?{}:oe},n.createElement(Fe,null),n.createElement("input",{role:"spinbutton",value:R===null?"":R,tabIndex:l.getTabIndex(Ce,c),accessKey:Se,disabled:c,title:he,"aria-disabled":c?"true":void 0,"aria-valuemin":f,"aria-valuemax":b,"aria-label":Ie,"aria-labelledby":xe,"aria-describedby":Ee,"aria-required":T,placeholder:Z,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:Be,type:Oe||"tel",className:"k-input-inner",id:le,name:M,readOnly:C,style:Pe,onChange:_e,onFocus:He,onBlur:Ke,onKeyDown:Ge,onPaste:Ae,onWheel:we,ref:a,...Me}),n.createElement(je,null),Le,Ne&&n.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:$e},n.createElement(Ve.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:Y}),n.createElement(Ve.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:J})));return q?n.createElement(We.FloatingLabel,{label:q,editorId:le,editorValue:R===null?"":R,editorValid:be,editorDisabled:c,editorPlaceholder:Z,children:ge,style:{width:X},dir:ee,...oe}):ge});Q.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};Q.displayName="KendoNumericTextBox";exports.NumericTextBox=Q;exports.NumericTextBoxPropsContext=ye;
|