@progress/kendo-react-inputs 7.2.4-develop.3 → 7.3.0-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.js +8 -0
- package/checkbox/Checkbox.mjs +214 -0
- package/colors/ColorContrastLabels.js +8 -0
- package/colors/ColorContrastLabels.mjs +24 -0
- package/colors/ColorContrastSvg.js +8 -0
- package/colors/ColorContrastSvg.mjs +52 -0
- package/colors/ColorGradient.js +8 -0
- package/colors/ColorGradient.mjs +293 -0
- package/colors/ColorInput.js +8 -0
- package/colors/ColorInput.mjs +122 -0
- package/colors/ColorPalette.js +8 -0
- package/colors/ColorPalette.mjs +191 -0
- package/colors/ColorPicker.js +8 -0
- package/colors/ColorPicker.mjs +253 -0
- package/colors/FlatColorPicker.js +8 -0
- package/colors/FlatColorPicker.mjs +216 -0
- package/colors/HexInput.js +8 -0
- package/colors/HexInput.mjs +39 -0
- package/colors/Picker.js +8 -0
- package/colors/Picker.mjs +42 -0
- package/colors/models/palette-presets.js +8 -0
- package/colors/models/palette-presets.mjs +61 -0
- package/colors/utils/color-cache.js +8 -0
- package/colors/utils/color-cache.mjs +51 -0
- package/colors/utils/color-palette.service.js +8 -0
- package/colors/utils/color-palette.service.mjs +50 -0
- package/colors/utils/color-parser.js +8 -0
- package/colors/utils/color-parser.mjs +61 -0
- package/colors/utils/misc.js +8 -0
- package/colors/utils/misc.mjs +13 -0
- package/colors/utils/svg-calc.js +8 -0
- package/colors/utils/svg-calc.mjs +36 -0
- package/dist/cdn/js/kendo-react-inputs.js +8 -21
- package/index.d.mts +4275 -5
- package/index.d.ts +4275 -75
- package/index.js +8 -21
- package/index.mjs +97 -5042
- package/input/Input.js +8 -0
- package/input/Input.mjs +185 -0
- package/input/InputClearValue.js +8 -0
- package/input/InputClearValue.mjs +24 -0
- package/input/InputPrefix.js +8 -0
- package/input/InputPrefix.mjs +24 -0
- package/input/InputSeparator.js +8 -0
- package/input/InputSeparator.mjs +24 -0
- package/input/InputSuffix.js +8 -0
- package/input/InputSuffix.mjs +24 -0
- package/input/InputValidationIcon.js +8 -0
- package/input/InputValidationIcon.mjs +15 -0
- package/maskedtextbox/MaskedTextBox.js +8 -0
- package/maskedtextbox/MaskedTextBox.mjs +322 -0
- package/maskedtextbox/masking.service.js +8 -0
- package/maskedtextbox/masking.service.mjs +121 -0
- package/maskedtextbox/parsing/combinators.js +8 -0
- package/maskedtextbox/parsing/combinators.mjs +20 -0
- package/maskedtextbox/parsing/parsers.js +8 -0
- package/maskedtextbox/parsing/parsers.mjs +80 -0
- package/maskedtextbox/parsing/result.js +8 -0
- package/maskedtextbox/parsing/result.mjs +35 -0
- package/maskedtextbox/parsing/stream.js +8 -0
- package/maskedtextbox/parsing/stream.mjs +41 -0
- package/maskedtextbox/utils.js +8 -0
- package/maskedtextbox/utils.mjs +43 -0
- package/messages/index.js +8 -0
- package/messages/index.mjs +77 -0
- package/numerictextbox/NumericTextBox.js +8 -0
- package/numerictextbox/NumericTextBox.mjs +415 -0
- package/numerictextbox/utils/index.js +8 -0
- package/numerictextbox/utils/index.mjs +218 -0
- package/package-metadata.js +8 -0
- package/package-metadata.mjs +19 -0
- package/package.json +8 -8
- package/radiobutton/RadioButton.js +8 -0
- package/radiobutton/RadioButton.mjs +138 -0
- package/radiobutton/RadioGroup.js +8 -0
- package/radiobutton/RadioGroup.mjs +135 -0
- package/range-slider/RangeSlider.js +20 -0
- package/range-slider/RangeSlider.mjs +337 -0
- package/range-slider/range-raducer.js +8 -0
- package/range-slider/range-raducer.mjs +90 -0
- package/rating/Rating.js +12 -0
- package/rating/Rating.mjs +323 -0
- package/rating/RatingItem.js +8 -0
- package/rating/RatingItem.mjs +144 -0
- package/rating/rating-reducer.js +8 -0
- package/rating/rating-reducer.mjs +34 -0
- package/rating/utils/index.js +8 -0
- package/rating/utils/index.mjs +28 -0
- package/signature/Signature.js +8 -0
- package/signature/Signature.mjs +335 -0
- package/signature/utils/index.js +8 -0
- package/signature/utils/index.mjs +17 -0
- package/slider/Slider.js +8 -0
- package/slider/Slider.mjs +223 -0
- package/slider/SliderLabel.js +8 -0
- package/slider/SliderLabel.mjs +39 -0
- package/switch/Switch.js +8 -0
- package/switch/Switch.mjs +228 -0
- package/textarea/TextArea.js +8 -0
- package/textarea/TextArea.mjs +196 -0
- package/textbox/Textbox.js +8 -0
- package/textbox/Textbox.mjs +125 -0
- package/checkbox/Checkbox.d.ts +0 -36
- package/checkbox/interfaces/CheckboxBlurEvent.d.ts +0 -11
- package/checkbox/interfaces/CheckboxChangeEvent.d.ts +0 -15
- package/checkbox/interfaces/CheckboxFocusEvent.d.ts +0 -11
- package/checkbox/interfaces/CheckboxProps.d.ts +0 -126
- package/colors/ColorContrastLabels.d.ts +0 -19
- package/colors/ColorContrastSvg.d.ts +0 -22
- package/colors/ColorGradient.d.ts +0 -191
- package/colors/ColorInput.d.ts +0 -34
- package/colors/ColorPalette.d.ts +0 -127
- package/colors/ColorPicker.d.ts +0 -34
- package/colors/FlatColorPicker.d.ts +0 -139
- package/colors/HexInput.d.ts +0 -33
- package/colors/Picker.d.ts +0 -10
- package/colors/interfaces/ColorGradientChangeEvent.d.ts +0 -15
- package/colors/interfaces/ColorGradientProps.d.ts +0 -101
- package/colors/interfaces/ColorPaletteChangeEvent.d.ts +0 -19
- package/colors/interfaces/ColorPaletteProps.d.ts +0 -87
- package/colors/interfaces/ColorPickerActiveColorClick.d.ts +0 -21
- package/colors/interfaces/ColorPickerBlurEvent.d.ts +0 -17
- package/colors/interfaces/ColorPickerChangeEvent.d.ts +0 -21
- package/colors/interfaces/ColorPickerFocusEvent.d.ts +0 -17
- package/colors/interfaces/ColorPickerGradientSettings.d.ts +0 -22
- package/colors/interfaces/ColorPickerPaletteSettings.d.ts +0 -36
- package/colors/interfaces/ColorPickerPopupSettings.d.ts +0 -18
- package/colors/interfaces/ColorPickerProps.d.ts +0 -165
- package/colors/interfaces/ColorPickerView.d.ts +0 -14
- package/colors/interfaces/PickerPopupSettings.d.ts +0 -22
- package/colors/interfaces/PickerProps.d.ts +0 -46
- package/colors/models/hsva.d.ts +0 -13
- package/colors/models/output-format.d.ts +0 -8
- package/colors/models/palette-presets.d.ts +0 -57
- package/colors/models/rgb.d.ts +0 -12
- package/colors/models/rgba.d.ts +0 -13
- package/colors/models/table-cell.d.ts +0 -11
- package/colors/models/tile-size.d.ts +0 -15
- package/colors/utils/color-cache.d.ts +0 -34
- package/colors/utils/color-palette.service.d.ts +0 -16
- package/colors/utils/color-parser.d.ts +0 -69
- package/colors/utils/misc.d.ts +0 -19
- package/colors/utils/svg-calc.d.ts +0 -66
- package/input/Input.d.ts +0 -171
- package/input/InputClearValue.d.ts +0 -19
- package/input/InputPrefix.d.ts +0 -29
- package/input/InputSeparator.d.ts +0 -29
- package/input/InputSuffix.d.ts +0 -29
- package/input/InputValidationIcon.d.ts +0 -18
- package/input/interfaces/InputChangeEvent.d.ts +0 -15
- package/interfaces/Direction.d.ts +0 -5
- package/interfaces/ToggleBaseProps.d.ts +0 -12
- package/maskedtextbox/MaskedTextBox.d.ts +0 -238
- package/maskedtextbox/MaskedTextBoxProps.d.ts +0 -200
- package/maskedtextbox/masking.service.d.ts +0 -45
- package/maskedtextbox/parsing/combinators.d.ts +0 -13
- package/maskedtextbox/parsing/parsers.d.ts +0 -51
- package/maskedtextbox/parsing/result.d.ts +0 -27
- package/maskedtextbox/parsing/stream.d.ts +0 -26
- package/maskedtextbox/utils.d.ts +0 -20
- package/messages/index.d.ts +0 -169
- package/numerictextbox/NumericTextBox.d.ts +0 -18
- package/numerictextbox/interfaces/NumericTextBoxBlurEvent.d.ts +0 -11
- package/numerictextbox/interfaces/NumericTextBoxChangeEvent.d.ts +0 -15
- package/numerictextbox/interfaces/NumericTextBoxFocusEvent.d.ts +0 -11
- package/numerictextbox/interfaces/NumericTextBoxHandle.d.ts +0 -43
- package/numerictextbox/interfaces/NumericTextBoxProps.d.ts +0 -188
- package/numerictextbox/interfaces/NumericTextBoxState.d.ts +0 -19
- package/numerictextbox/utils/index.d.ts +0 -123
- package/package-metadata.d.ts +0 -9
- package/radiobutton/RadioButton.d.ts +0 -27
- package/radiobutton/RadioGroup.d.ts +0 -27
- package/radiobutton/interfaces/RadioButtonBlurEvent.d.ts +0 -11
- package/radiobutton/interfaces/RadioButtonChangeEvent.d.ts +0 -15
- package/radiobutton/interfaces/RadioButtonFocusEvent.d.ts +0 -11
- package/radiobutton/interfaces/RadioButtonProps.d.ts +0 -101
- package/radiobutton/interfaces/RadioGroupChangeEvent.d.ts +0 -15
- package/radiobutton/interfaces/RadioGroupFocusEvent.d.ts +0 -11
- package/radiobutton/interfaces/RadioGroupProps.d.ts +0 -90
- package/range-slider/RangeSlider.d.ts +0 -142
- package/range-slider/range-raducer.d.ts +0 -40
- package/rating/Rating.d.ts +0 -170
- package/rating/RatingItem.d.ts +0 -108
- package/rating/models/index.d.ts +0 -88
- package/rating/rating-reducer.d.ts +0 -36
- package/rating/utils/index.d.ts +0 -28
- package/signature/Signature.d.ts +0 -18
- package/signature/interfaces/SignatureBlurEvent.d.ts +0 -11
- package/signature/interfaces/SignatureChangeEvent.d.ts +0 -15
- package/signature/interfaces/SignatureCloseEvent.d.ts +0 -11
- package/signature/interfaces/SignatureFocusEvent.d.ts +0 -11
- package/signature/interfaces/SignatureHandle.d.ts +0 -46
- package/signature/interfaces/SignatureOpenEvent.d.ts +0 -11
- package/signature/interfaces/SignatureProps.d.ts +0 -198
- package/signature/interfaces/index.d.ts +0 -11
- package/signature/utils/index.d.ts +0 -8
- package/slider/Slider.d.ts +0 -197
- package/slider/SliderLabel.d.ts +0 -38
- package/switch/Switch.d.ts +0 -294
- package/textarea/TextArea.d.ts +0 -40
- package/textarea/interfaces/TextAreaBlurEvent.d.ts +0 -11
- package/textarea/interfaces/TextAreaChangeEvent.d.ts +0 -15
- package/textarea/interfaces/TextAreaFocusEvent.d.ts +0 -11
- package/textarea/interfaces/TextAreaProps.d.ts +0 -140
- package/textbox/Textbox.d.ts +0 -80
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* The props passed to the Checkbox and Switch components.
|
|
7
|
-
*/
|
|
8
|
-
export interface ToggleBaseProps {
|
|
9
|
-
value?: any;
|
|
10
|
-
checked?: any;
|
|
11
|
-
defaultChecked?: any;
|
|
12
|
-
}
|
|
@@ -1,238 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import { MaskedTextBoxProps } from './MaskedTextBoxProps';
|
|
8
|
-
import { FormComponent, FormComponentValidity } from '@progress/kendo-react-common';
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
interface MaskedTextBoxState {
|
|
13
|
-
focused?: boolean;
|
|
14
|
-
value?: string;
|
|
15
|
-
}
|
|
16
|
-
/** @hidden */
|
|
17
|
-
export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedTextBoxProps, MaskedTextBoxState> implements FormComponent {
|
|
18
|
-
static displayName: string;
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
static propTypes: {
|
|
23
|
-
value: PropTypes.Requireable<string>;
|
|
24
|
-
defaultValue: PropTypes.Requireable<string>;
|
|
25
|
-
placeholder: PropTypes.Requireable<string>;
|
|
26
|
-
title: PropTypes.Requireable<string>;
|
|
27
|
-
dir: PropTypes.Requireable<string>;
|
|
28
|
-
id: PropTypes.Requireable<string>;
|
|
29
|
-
style: PropTypes.Requireable<object>;
|
|
30
|
-
className: PropTypes.Requireable<string>;
|
|
31
|
-
prefix: PropTypes.Requireable<any>;
|
|
32
|
-
suffix: PropTypes.Requireable<any>;
|
|
33
|
-
ariaLabelledBy: PropTypes.Requireable<string>;
|
|
34
|
-
ariaDescribedBy: PropTypes.Requireable<string>;
|
|
35
|
-
width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
36
|
-
tabIndex: PropTypes.Requireable<number>;
|
|
37
|
-
accessKey: PropTypes.Requireable<string>;
|
|
38
|
-
disabled: PropTypes.Requireable<boolean>;
|
|
39
|
-
readonly: PropTypes.Requireable<boolean>;
|
|
40
|
-
prompt: PropTypes.Requireable<string>;
|
|
41
|
-
promptPlaceholder: PropTypes.Requireable<string>;
|
|
42
|
-
includeLiterals: PropTypes.Requireable<boolean>;
|
|
43
|
-
maskValidation: PropTypes.Requireable<boolean>;
|
|
44
|
-
mask: PropTypes.Requireable<string>;
|
|
45
|
-
rules: (props: MaskedTextBoxProps, propName: string, componentName: string) => Error | null;
|
|
46
|
-
selection: PropTypes.Requireable<PropTypes.InferProps<{
|
|
47
|
-
start: PropTypes.Validator<number>;
|
|
48
|
-
end: PropTypes.Validator<number>;
|
|
49
|
-
}>>;
|
|
50
|
-
name: PropTypes.Requireable<string>;
|
|
51
|
-
label: PropTypes.Requireable<string>;
|
|
52
|
-
validationMessage: PropTypes.Requireable<string>;
|
|
53
|
-
required: PropTypes.Requireable<boolean>;
|
|
54
|
-
valid: PropTypes.Requireable<boolean>;
|
|
55
|
-
validityStyles: PropTypes.Requireable<boolean>;
|
|
56
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
57
|
-
size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
|
|
58
|
-
rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full" | null | undefined>;
|
|
59
|
-
fillMode: PropTypes.Requireable<"flat" | "solid" | "outline" | null | undefined>;
|
|
60
|
-
};
|
|
61
|
-
/**
|
|
62
|
-
* @hidden
|
|
63
|
-
*/
|
|
64
|
-
static defaultProps: {
|
|
65
|
-
prompt: string;
|
|
66
|
-
promptPlaceholder: string;
|
|
67
|
-
includeLiterals: boolean;
|
|
68
|
-
maskValidation: boolean;
|
|
69
|
-
rules: {
|
|
70
|
-
[key: string]: RegExp;
|
|
71
|
-
};
|
|
72
|
-
required: boolean;
|
|
73
|
-
validityStyles: boolean;
|
|
74
|
-
prefix: (_: any) => null;
|
|
75
|
-
suffix: (_: any) => null;
|
|
76
|
-
size: "small" | "medium" | "large" | null | undefined;
|
|
77
|
-
rounded: "small" | "medium" | "large" | "full" | null | undefined;
|
|
78
|
-
fillMode: "flat" | "solid" | "outline" | null | undefined;
|
|
79
|
-
};
|
|
80
|
-
/**
|
|
81
|
-
* @hidden
|
|
82
|
-
*/
|
|
83
|
-
state: MaskedTextBoxState;
|
|
84
|
-
private _inputId;
|
|
85
|
-
private _service;
|
|
86
|
-
private _isPasted;
|
|
87
|
-
private _selection;
|
|
88
|
-
private _input;
|
|
89
|
-
private _valueDuringOnChange?;
|
|
90
|
-
constructor(props: MaskedTextBoxProps);
|
|
91
|
-
/**
|
|
92
|
-
* @hidden
|
|
93
|
-
*/
|
|
94
|
-
focus: () => void;
|
|
95
|
-
/**
|
|
96
|
-
* Gets the element of the MaskedTextBox.
|
|
97
|
-
*
|
|
98
|
-
* @return - An `HTMLInputElement`.
|
|
99
|
-
*
|
|
100
|
-
* @example
|
|
101
|
-
* ```jsx
|
|
102
|
-
* class App extends React.Component {
|
|
103
|
-
* constructor(props) {
|
|
104
|
-
* super(props);
|
|
105
|
-
* }
|
|
106
|
-
* element = null;
|
|
107
|
-
* render() {
|
|
108
|
-
* return (
|
|
109
|
-
* <div>
|
|
110
|
-
* <MaskedTextBox
|
|
111
|
-
* ref={(component) =>
|
|
112
|
-
* this.element = component ? component.element : null}
|
|
113
|
-
* />
|
|
114
|
-
* <button onClick={() => console.log(this.element)}>console.log the element</button>
|
|
115
|
-
* </div>
|
|
116
|
-
* );
|
|
117
|
-
* }
|
|
118
|
-
* }
|
|
119
|
-
*
|
|
120
|
-
* ReactDOM.render(
|
|
121
|
-
* <App />,
|
|
122
|
-
* document.getElementsByTagName('my-app')[0]
|
|
123
|
-
* );
|
|
124
|
-
* ```
|
|
125
|
-
*/
|
|
126
|
-
get element(): HTMLInputElement | null;
|
|
127
|
-
/**
|
|
128
|
-
* Gets the value with the mask of the MaskedTextBox.
|
|
129
|
-
*/
|
|
130
|
-
get value(): string;
|
|
131
|
-
/**
|
|
132
|
-
* Gets the raw value without the mask of the MaskedTextBox.
|
|
133
|
-
*/
|
|
134
|
-
get rawValue(): string;
|
|
135
|
-
/**
|
|
136
|
-
* Represents the validity state into which the MaskedTextBox is set.
|
|
137
|
-
*/
|
|
138
|
-
get validity(): FormComponentValidity;
|
|
139
|
-
/**
|
|
140
|
-
* @hidden
|
|
141
|
-
*/
|
|
142
|
-
protected get validityStyles(): boolean;
|
|
143
|
-
/**
|
|
144
|
-
* @hidden
|
|
145
|
-
*/
|
|
146
|
-
protected get required(): boolean;
|
|
147
|
-
/**
|
|
148
|
-
* Gets the `name` property of the MaskedTextBox.
|
|
149
|
-
*/
|
|
150
|
-
get name(): string | undefined;
|
|
151
|
-
/**
|
|
152
|
-
* @hidden
|
|
153
|
-
*/
|
|
154
|
-
componentDidUpdate(prevProps: MaskedTextBoxProps, prevState: MaskedTextBoxState): void;
|
|
155
|
-
/**
|
|
156
|
-
* @hidden
|
|
157
|
-
*/
|
|
158
|
-
componentDidMount(): void;
|
|
159
|
-
/**
|
|
160
|
-
* @hidden
|
|
161
|
-
*/
|
|
162
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
163
|
-
private pasteHandler;
|
|
164
|
-
private onChangeHandler;
|
|
165
|
-
private focusHandler;
|
|
166
|
-
private blurHandler;
|
|
167
|
-
private triggerOnChange;
|
|
168
|
-
private updateService;
|
|
169
|
-
private get rules();
|
|
170
|
-
private setValidity;
|
|
171
|
-
}
|
|
172
|
-
/**
|
|
173
|
-
* Represents the PropsContext of the `MaskedTextBox` component.
|
|
174
|
-
* Used for global configuration of all `MaskedTextBox` instances.
|
|
175
|
-
*
|
|
176
|
-
* For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
|
|
177
|
-
*/
|
|
178
|
-
export declare const MaskedTextBoxPropsContext: React.Context<(p: MaskedTextBoxProps) => MaskedTextBoxProps>;
|
|
179
|
-
/**
|
|
180
|
-
* Represent the `ref` of the MaskedTextBox component.
|
|
181
|
-
*/
|
|
182
|
-
export interface MaskedTextBoxHandle extends Pick<MaskedTextBoxWithoutContext, keyof MaskedTextBoxWithoutContext> {
|
|
183
|
-
/**
|
|
184
|
-
* Gets the element of the MaskedTextBox.
|
|
185
|
-
*
|
|
186
|
-
* ```jsx
|
|
187
|
-
* class App extends React.Component {
|
|
188
|
-
* constructor(props) {
|
|
189
|
-
* super(props);
|
|
190
|
-
* }
|
|
191
|
-
* element = null;
|
|
192
|
-
* render() {
|
|
193
|
-
* return (
|
|
194
|
-
* <div>
|
|
195
|
-
* <MaskedTextBox
|
|
196
|
-
* ref={(component) =>
|
|
197
|
-
* this.element = component ? component.element : null}
|
|
198
|
-
* />
|
|
199
|
-
* <button onClick={() => console.log(this.element)}>console.log the element</button>
|
|
200
|
-
* </div>
|
|
201
|
-
* );
|
|
202
|
-
* }
|
|
203
|
-
* }
|
|
204
|
-
*
|
|
205
|
-
* ReactDOM.render(
|
|
206
|
-
* <App />,
|
|
207
|
-
* document.getElementsByTagName('my-app')[0]
|
|
208
|
-
* );
|
|
209
|
-
* ```
|
|
210
|
-
*/
|
|
211
|
-
element: HTMLInputElement | null;
|
|
212
|
-
/**
|
|
213
|
-
* Gets the `name` property of the MaskedTextBox.
|
|
214
|
-
*/
|
|
215
|
-
name: string | undefined;
|
|
216
|
-
/**
|
|
217
|
-
* Gets the raw value without the mask of the MaskedTextBox.
|
|
218
|
-
*/
|
|
219
|
-
rawValue: string;
|
|
220
|
-
/**
|
|
221
|
-
* Represents the validity state into which the MaskedTextBox is set.
|
|
222
|
-
*/
|
|
223
|
-
validity: FormComponentValidity;
|
|
224
|
-
/**
|
|
225
|
-
* Gets the value with the mask of the MaskedTextBox.
|
|
226
|
-
*/
|
|
227
|
-
value: string;
|
|
228
|
-
}
|
|
229
|
-
/** @hidden */
|
|
230
|
-
export type MaskedTextBox = MaskedTextBoxHandle;
|
|
231
|
-
/**
|
|
232
|
-
* Represents the props of the [KendoReact MaskedTextBox component]({% slug overview_maskedtextbox %}).
|
|
233
|
-
*
|
|
234
|
-
* Accepts properties of type [MaskedTextBoxProps]({% slug api_inputs_maskedtextboxprops %}).
|
|
235
|
-
* Obtaining the `ref` returns an object of type [MaskedTextBoxHandle]({% slug api_inputs_maskedtextboxhandle %}).
|
|
236
|
-
*/
|
|
237
|
-
export declare const MaskedTextBox: React.ForwardRefExoticComponent<MaskedTextBoxProps & React.RefAttributes<any>>;
|
|
238
|
-
export {};
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { CustomComponent, FormComponentProps } from '@progress/kendo-react-common';
|
|
6
|
-
import { MaskedTextBox } from './MaskedTextBox';
|
|
7
|
-
/**
|
|
8
|
-
* The arguments for a MaskedTextBox event.
|
|
9
|
-
*/
|
|
10
|
-
export interface MaskedTextBoxEvent {
|
|
11
|
-
/**
|
|
12
|
-
* A native DOM event.
|
|
13
|
-
*/
|
|
14
|
-
nativeEvent: Event;
|
|
15
|
-
/**
|
|
16
|
-
* A React [`SyntheticEvent`](https://reactjs.org/docs/events.html).
|
|
17
|
-
*/
|
|
18
|
-
syntheticEvent: React.SyntheticEvent<HTMLElement>;
|
|
19
|
-
/**
|
|
20
|
-
* An event target.
|
|
21
|
-
*/
|
|
22
|
-
target: MaskedTextBox;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* The arguments for the `change` event of the MaskedTextBox.
|
|
26
|
-
*/
|
|
27
|
-
export interface MaskedTextBoxChangeEvent extends MaskedTextBoxEvent {
|
|
28
|
-
/**
|
|
29
|
-
* Specifies the start of the selection which will be set to the MaskedTextBox when it is updated.
|
|
30
|
-
*/
|
|
31
|
-
selectionStart: number;
|
|
32
|
-
/**
|
|
33
|
-
* Specifies the end of the selection which will be set to the MaskedTextBox when it is updated.
|
|
34
|
-
*/
|
|
35
|
-
selectionEnd: number;
|
|
36
|
-
/**
|
|
37
|
-
* The current value of the component.
|
|
38
|
-
*/
|
|
39
|
-
value: any;
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* Represents the props of the [KendoReact MaskedTextBox component]({% slug overview_maskedtextbox %}).
|
|
43
|
-
*/
|
|
44
|
-
export interface MaskedTextBoxProps extends FormComponentProps {
|
|
45
|
-
/**
|
|
46
|
-
* Sets a class of the MaskedTextBox DOM element.
|
|
47
|
-
*/
|
|
48
|
-
className?: string;
|
|
49
|
-
/**
|
|
50
|
-
* Sets additional CSS styles to the MaskedTextBox DOM element.
|
|
51
|
-
*/
|
|
52
|
-
style?: React.CSSProperties;
|
|
53
|
-
/**
|
|
54
|
-
* Specifies the value of the MaskedTextBox.
|
|
55
|
-
*/
|
|
56
|
-
value?: string;
|
|
57
|
-
/**
|
|
58
|
-
* Specifies the initial value. Leaves the subsequent updates uncontrolled.
|
|
59
|
-
*/
|
|
60
|
-
defaultValue?: string;
|
|
61
|
-
/**
|
|
62
|
-
* Specifies the input placeholder.
|
|
63
|
-
*/
|
|
64
|
-
placeholder?: string;
|
|
65
|
-
/**
|
|
66
|
-
* Sets the title of the `input` element of the MaskedTextBox.
|
|
67
|
-
*/
|
|
68
|
-
title?: string;
|
|
69
|
-
/**
|
|
70
|
-
* Represents the `dir` HTML attribute.
|
|
71
|
-
*/
|
|
72
|
-
dir?: string;
|
|
73
|
-
/**
|
|
74
|
-
* Sets the `tabIndex` property of the MaskedTextBox.
|
|
75
|
-
*/
|
|
76
|
-
tabIndex?: number;
|
|
77
|
-
/**
|
|
78
|
-
* Specifies the `accessKey` of the MaskedTextBox.
|
|
79
|
-
*/
|
|
80
|
-
accessKey?: string;
|
|
81
|
-
/**
|
|
82
|
-
* Specifies the width of the MaskedTextBox.
|
|
83
|
-
*/
|
|
84
|
-
width?: number | string;
|
|
85
|
-
/**
|
|
86
|
-
* Determines whether the MaskedTextBox is disabled.
|
|
87
|
-
*/
|
|
88
|
-
disabled?: boolean;
|
|
89
|
-
/**
|
|
90
|
-
* Renders a floating label for the MaskedTextBox.
|
|
91
|
-
*/
|
|
92
|
-
label?: string;
|
|
93
|
-
/**
|
|
94
|
-
* Sets the `id` of the `input` DOM element.
|
|
95
|
-
*/
|
|
96
|
-
id?: string;
|
|
97
|
-
/**
|
|
98
|
-
* Sets a custom prefix to the MaskedTextBox component.
|
|
99
|
-
*/
|
|
100
|
-
prefix?: CustomComponent<any>;
|
|
101
|
-
/**
|
|
102
|
-
* Sets a custom suffix to the MaskedTextBox component.
|
|
103
|
-
*/
|
|
104
|
-
suffix?: CustomComponent<any>;
|
|
105
|
-
/**
|
|
106
|
-
* Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
|
|
107
|
-
* For example these elements could contain error or hint message.
|
|
108
|
-
*/
|
|
109
|
-
ariaDescribedBy?: string;
|
|
110
|
-
/**
|
|
111
|
-
* Identifies the element(s) which will label the component.
|
|
112
|
-
*/
|
|
113
|
-
ariaLabelledBy?: string;
|
|
114
|
-
/**
|
|
115
|
-
* Determines whether the MaskedTextBox is in its read-only state.
|
|
116
|
-
*/
|
|
117
|
-
readonly?: boolean;
|
|
118
|
-
/**
|
|
119
|
-
* Represents a prompt character for the masked value. Defaults to `_`.
|
|
120
|
-
*/
|
|
121
|
-
prompt?: string;
|
|
122
|
-
/**
|
|
123
|
-
* Indicates a character which represents an empty position in the raw value. Defaults to ` `.
|
|
124
|
-
*/
|
|
125
|
-
promptPlaceholder?: string;
|
|
126
|
-
/**
|
|
127
|
-
* Indicates whether to include literals in the raw value. Defaults to `false`.
|
|
128
|
-
*/
|
|
129
|
-
includeLiterals?: boolean;
|
|
130
|
-
/**
|
|
131
|
-
* Determines whether the built-in mask validator is enforced when a form is validated. Defaults to `true`.
|
|
132
|
-
*/
|
|
133
|
-
maskValidation?: boolean;
|
|
134
|
-
/**
|
|
135
|
-
* Represents the current mask. If no mask is set, the component behaves as a standard `type="text"` input.
|
|
136
|
-
*/
|
|
137
|
-
mask?: string;
|
|
138
|
-
/**
|
|
139
|
-
* Represents the RegExp-based mask validation array.
|
|
140
|
-
*/
|
|
141
|
-
rules?: {
|
|
142
|
-
[key: string]: RegExp;
|
|
143
|
-
};
|
|
144
|
-
/**
|
|
145
|
-
* Represents the beginning and ending of the selected portion of the input content that will be applied the next time when the MaskedTextBox is rendered.
|
|
146
|
-
*/
|
|
147
|
-
selection?: {
|
|
148
|
-
start: number;
|
|
149
|
-
end: number;
|
|
150
|
-
};
|
|
151
|
-
/**
|
|
152
|
-
* Determines the event handler that will be fired when the user edits the value.
|
|
153
|
-
*/
|
|
154
|
-
onChange?: (event: MaskedTextBoxChangeEvent) => void;
|
|
155
|
-
/**
|
|
156
|
-
* Fires each time the user focuses the MaskedTextBox.
|
|
157
|
-
*/
|
|
158
|
-
onFocus?: (event: MaskedTextBoxEvent) => void;
|
|
159
|
-
/**
|
|
160
|
-
* Fires each time the MaskedTextBox gets blurred.
|
|
161
|
-
*/
|
|
162
|
-
onBlur?: (event: MaskedTextBoxEvent) => void;
|
|
163
|
-
/**
|
|
164
|
-
* Configures the `size` of the MaskedTextBox.
|
|
165
|
-
*
|
|
166
|
-
* The available options are:
|
|
167
|
-
* - small
|
|
168
|
-
* - medium
|
|
169
|
-
* - large
|
|
170
|
-
* - null—Does not set a size `className`.
|
|
171
|
-
*
|
|
172
|
-
* @default `medium`
|
|
173
|
-
*/
|
|
174
|
-
size?: null | 'small' | 'medium' | 'large';
|
|
175
|
-
/**
|
|
176
|
-
* Configures the `roundness` of the MaskedTextBox.
|
|
177
|
-
*
|
|
178
|
-
* The available options are:
|
|
179
|
-
* - small
|
|
180
|
-
* - medium
|
|
181
|
-
* - large
|
|
182
|
-
* - full
|
|
183
|
-
* - null—Does not set a rounded `className`.
|
|
184
|
-
*
|
|
185
|
-
* @default `medium`
|
|
186
|
-
*/
|
|
187
|
-
rounded?: null | 'small' | 'medium' | 'large' | 'full';
|
|
188
|
-
/**
|
|
189
|
-
* Configures the `fillMode` of the MaskedTextBox.
|
|
190
|
-
*
|
|
191
|
-
* The available options are:
|
|
192
|
-
* - solid
|
|
193
|
-
* - outline
|
|
194
|
-
* - flat
|
|
195
|
-
* - null—Does not set a fillMode `className`.
|
|
196
|
-
*
|
|
197
|
-
* @default `solid`
|
|
198
|
-
*/
|
|
199
|
-
fillMode?: null | 'solid' | 'flat' | 'outline';
|
|
200
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare class MaskingService {
|
|
9
|
-
rules: {
|
|
10
|
-
[key: string]: RegExp;
|
|
11
|
-
};
|
|
12
|
-
prompt: string;
|
|
13
|
-
mask: string;
|
|
14
|
-
promptPlaceholder: string;
|
|
15
|
-
includeLiterals: boolean;
|
|
16
|
-
maskTokens: any[];
|
|
17
|
-
unmaskTokens: any[];
|
|
18
|
-
rawTokens: any[];
|
|
19
|
-
validationTokens: any[];
|
|
20
|
-
update({ mask, prompt, promptPlaceholder, rules, includeLiterals }: any): void;
|
|
21
|
-
validationValue(maskedValue?: string): string;
|
|
22
|
-
rawValue(maskedValue?: string): string;
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
maskRaw(rawValue?: string): string;
|
|
27
|
-
maskInput(input: string, control: string, splitPoint: number): any;
|
|
28
|
-
maskInRange(pasted: string, oldValue: string, start: number, end: number): any;
|
|
29
|
-
private maskRemoved;
|
|
30
|
-
private adjustPosition;
|
|
31
|
-
private maskInserted;
|
|
32
|
-
protected get maskTokenCreator(): {
|
|
33
|
-
[key: string]: Function;
|
|
34
|
-
};
|
|
35
|
-
protected get unmaskTokenCreator(): {
|
|
36
|
-
[key: string]: Function;
|
|
37
|
-
};
|
|
38
|
-
protected get rawTokenCreator(): {
|
|
39
|
-
[key: string]: Function;
|
|
40
|
-
};
|
|
41
|
-
protected get validationTokenCreator(): {
|
|
42
|
-
[key: string]: Function;
|
|
43
|
-
};
|
|
44
|
-
private tokenize;
|
|
45
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Parser } from './parsers';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare const sequence: (list: any) => any;
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare const greedy: (parser: any) => Parser;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Result } from './result';
|
|
6
|
-
import { Stream } from './stream';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export declare class Parser {
|
|
11
|
-
private parse;
|
|
12
|
-
constructor(parse: Function);
|
|
13
|
-
run(input: Stream | string, control?: string): Result;
|
|
14
|
-
map(f: Function): Parser;
|
|
15
|
-
chain(f: Function): Parser;
|
|
16
|
-
isLiteral(c: string): boolean;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
export declare const mask: (args: {
|
|
22
|
-
prompt: any;
|
|
23
|
-
promptPlaceholder: any;
|
|
24
|
-
}) => (rule: any) => Parser;
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
export declare const literal: (_token: any) => Parser;
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
export declare const unmask: (prompt: any) => (rule: any) => Parser;
|
|
33
|
-
/**
|
|
34
|
-
* @hidden
|
|
35
|
-
*/
|
|
36
|
-
export declare const unliteral: (_token: any) => Parser;
|
|
37
|
-
/**
|
|
38
|
-
* @hidden
|
|
39
|
-
*/
|
|
40
|
-
export declare const token: (rules: any, creator: any) => Parser;
|
|
41
|
-
/**
|
|
42
|
-
* @hidden
|
|
43
|
-
*/
|
|
44
|
-
export declare const rawMask: (args: {
|
|
45
|
-
prompt: any;
|
|
46
|
-
promptPlaceholder: any;
|
|
47
|
-
}) => Parser;
|
|
48
|
-
/**
|
|
49
|
-
* @hidden
|
|
50
|
-
*/
|
|
51
|
-
export declare const rawLiteral: (includeLiterals: any) => Parser;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Stream } from './stream';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare enum ResultType {
|
|
10
|
-
Literal = 0,
|
|
11
|
-
Mask = 1,
|
|
12
|
-
Undefined = 2
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export declare class Result {
|
|
18
|
-
private value;
|
|
19
|
-
private rest;
|
|
20
|
-
type: ResultType;
|
|
21
|
-
constructor(value: any, rest: Stream, type?: ResultType);
|
|
22
|
-
map(fn: Function): Result;
|
|
23
|
-
chain(fn: Function): Result;
|
|
24
|
-
fold(s: Function, _?: Function): Result;
|
|
25
|
-
concat(r: Result): Result;
|
|
26
|
-
toString(): string;
|
|
27
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare class Stream {
|
|
9
|
-
private input;
|
|
10
|
-
private control;
|
|
11
|
-
private inputCursor;
|
|
12
|
-
private controlCursor;
|
|
13
|
-
constructor(input?: any[], control?: any[]);
|
|
14
|
-
eof(): boolean;
|
|
15
|
-
next(): {
|
|
16
|
-
char: string;
|
|
17
|
-
control: string;
|
|
18
|
-
};
|
|
19
|
-
peek(): {
|
|
20
|
-
char: string;
|
|
21
|
-
control: string;
|
|
22
|
-
};
|
|
23
|
-
eat_input(): void;
|
|
24
|
-
eat_control(): void;
|
|
25
|
-
eat(): void;
|
|
26
|
-
}
|
package/maskedtextbox/utils.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { MaskedTextBoxProps } from './MaskedTextBoxProps';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
declare const defaultRules: {
|
|
10
|
-
[key: string]: RegExp;
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
declare const returnFalse: () => boolean;
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
declare const maskingChanged: (prev: MaskedTextBoxProps, next: MaskedTextBoxProps) => boolean;
|
|
20
|
-
export { defaultRules, maskingChanged, returnFalse };
|