@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,15 +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 { BaseEvent } from '@progress/kendo-react-common';
|
|
6
|
-
import { RadioButtonHandle } from '../RadioButton';
|
|
7
|
-
/**
|
|
8
|
-
* The arguments for the `onChange` RadioButton event.
|
|
9
|
-
*/
|
|
10
|
-
export interface RadioButtonChangeEvent extends BaseEvent<RadioButtonHandle> {
|
|
11
|
-
/**
|
|
12
|
-
* The value of the selected RadioButton.
|
|
13
|
-
*/
|
|
14
|
-
value: any;
|
|
15
|
-
}
|
|
@@ -1,11 +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 { RadioButtonHandle } from './../RadioButton';
|
|
6
|
-
import { BaseEvent } from '@progress/kendo-react-common';
|
|
7
|
-
/**
|
|
8
|
-
* The arguments for the `onFocus` RadioButton event.
|
|
9
|
-
*/
|
|
10
|
-
export interface RadioButtonFocusEvent extends BaseEvent<RadioButtonHandle> {
|
|
11
|
-
}
|
|
@@ -1,101 +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 { RadioButtonBlurEvent } from './RadioButtonBlurEvent';
|
|
6
|
-
import { RadioButtonChangeEvent } from './RadioButtonChangeEvent';
|
|
7
|
-
import { RadioButtonFocusEvent } from './RadioButtonFocusEvent';
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
|
|
12
|
-
/**
|
|
13
|
-
* Represents the props of the [KendoReact RadioButton component]({% slug overview_radiobutton %}).
|
|
14
|
-
* Extends the [native input props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
|
|
15
|
-
*/
|
|
16
|
-
export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'onFocus' | 'onBlur'> {
|
|
17
|
-
/**
|
|
18
|
-
* 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).
|
|
19
|
-
* For example these elements could contain error or hint message.
|
|
20
|
-
*/
|
|
21
|
-
ariaDescribedBy?: string;
|
|
22
|
-
children?: any;
|
|
23
|
-
/**
|
|
24
|
-
* Specifies if the Radio button is checked.
|
|
25
|
-
*/
|
|
26
|
-
checked?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Specifies a list of CSS classes that will be added to the Radio button.
|
|
29
|
-
*/
|
|
30
|
-
className?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Specifies if the Radio button is disabled.
|
|
33
|
-
*/
|
|
34
|
-
disabled?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Specifies the current index of the Radio button.
|
|
37
|
-
*/
|
|
38
|
-
index?: number;
|
|
39
|
-
/**
|
|
40
|
-
* Sets the `id` of the Radio button.
|
|
41
|
-
*/
|
|
42
|
-
id?: string;
|
|
43
|
-
/**
|
|
44
|
-
* Configures the `size` of the RadioButton.
|
|
45
|
-
*
|
|
46
|
-
* The available options are:
|
|
47
|
-
* - small
|
|
48
|
-
* - medium
|
|
49
|
-
* - large
|
|
50
|
-
* - null—Does not set a size `className`.
|
|
51
|
-
*
|
|
52
|
-
* @default `medium`
|
|
53
|
-
*/
|
|
54
|
-
size?: null | 'small' | 'medium' | 'large';
|
|
55
|
-
/**
|
|
56
|
-
* Sets the label of the Radio button ([see example]({% slug labels_radiobutton %})).
|
|
57
|
-
*/
|
|
58
|
-
label?: string;
|
|
59
|
-
/**
|
|
60
|
-
* Sets the label position of the Radio button ([see example]({% slug labels_radiobutton %})).
|
|
61
|
-
* Accepts two options: `before` or `after`. Defaults to `after`.
|
|
62
|
-
*/
|
|
63
|
-
labelPlacement?: string;
|
|
64
|
-
/**
|
|
65
|
-
* Sets the `name` property of the Radio button.
|
|
66
|
-
*/
|
|
67
|
-
name?: string;
|
|
68
|
-
/**
|
|
69
|
-
* Sets additional CSS styles to the Radio button.
|
|
70
|
-
*/
|
|
71
|
-
style?: React.CSSProperties;
|
|
72
|
-
/**
|
|
73
|
-
* Sets the `tabIndex` property of the Radio button.
|
|
74
|
-
* Defaults to `0`.
|
|
75
|
-
*/
|
|
76
|
-
tabIndex?: number;
|
|
77
|
-
/**
|
|
78
|
-
* Overrides the validity state of the component.
|
|
79
|
-
* If `valid` is set, the `required` property will be ignored.
|
|
80
|
-
*
|
|
81
|
-
* This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
|
|
82
|
-
*/
|
|
83
|
-
valid?: boolean;
|
|
84
|
-
/**
|
|
85
|
-
* Sets the value to be submitted.
|
|
86
|
-
*/
|
|
87
|
-
value?: any;
|
|
88
|
-
/**
|
|
89
|
-
* The event handler that will be fired when the changes the selected value.
|
|
90
|
-
*/
|
|
91
|
-
onChange?: (event: RadioButtonChangeEvent) => void;
|
|
92
|
-
/**
|
|
93
|
-
* The event handler that will be fired when RadioButton is focused.
|
|
94
|
-
*/
|
|
95
|
-
onFocus?: (event: RadioButtonFocusEvent) => void;
|
|
96
|
-
/**
|
|
97
|
-
* The event handler that will be fired when RadioButton is blurred.
|
|
98
|
-
*/
|
|
99
|
-
onBlur?: (event: RadioButtonBlurEvent) => void;
|
|
100
|
-
}
|
|
101
|
-
export {};
|
|
@@ -1,15 +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 { BaseEvent } from '@progress/kendo-react-common';
|
|
6
|
-
import { RadioGroupHandle } from '../RadioGroup';
|
|
7
|
-
/**
|
|
8
|
-
* The arguments for the `onChange` RadioGroup event.
|
|
9
|
-
*/
|
|
10
|
-
export interface RadioGroupChangeEvent extends BaseEvent<RadioGroupHandle> {
|
|
11
|
-
/**
|
|
12
|
-
* The value of the selected RadioButton.
|
|
13
|
-
*/
|
|
14
|
-
value: any;
|
|
15
|
-
}
|
|
@@ -1,11 +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 { RadioGroupHandle } from '../RadioGroup';
|
|
6
|
-
import { BaseEvent } from '@progress/kendo-react-common';
|
|
7
|
-
/**
|
|
8
|
-
* The arguments for the `onFocus` RadioGroup event.
|
|
9
|
-
*/
|
|
10
|
-
export interface RadioGroupFocusEvent extends BaseEvent<RadioGroupHandle> {
|
|
11
|
-
}
|
|
@@ -1,90 +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 { RadioButtonProps } from './RadioButtonProps';
|
|
6
|
-
import { RadioGroupFocusEvent } from './RadioGroupFocusEvent';
|
|
7
|
-
import { RadioGroupChangeEvent } from './RadioGroupChangeEvent';
|
|
8
|
-
import { HTMLAttributes } from 'react';
|
|
9
|
-
/**
|
|
10
|
-
* Represents the props of the [KendoReact RadioGroup component]({% slug overview_radiobutton %}).
|
|
11
|
-
*/
|
|
12
|
-
export interface RadioGroupProps {
|
|
13
|
-
/**
|
|
14
|
-
* 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).
|
|
15
|
-
* For example these elements could contain error or hint message.
|
|
16
|
-
*/
|
|
17
|
-
ariaDescribedBy?: string;
|
|
18
|
-
/**
|
|
19
|
-
* Identifies the element(s) which will label the component.
|
|
20
|
-
*/
|
|
21
|
-
ariaLabelledBy?: string;
|
|
22
|
-
/**
|
|
23
|
-
* Specifies a list of CSS classes that will be added to the RadioGroup element.
|
|
24
|
-
*/
|
|
25
|
-
className?: string;
|
|
26
|
-
/**
|
|
27
|
-
* Specifies the value of the `id` attribute that will be added to the RadioGroup element.
|
|
28
|
-
*/
|
|
29
|
-
id?: string;
|
|
30
|
-
/**
|
|
31
|
-
* The collection of radio buttons that will be rendered in the RadioGroup ([see example]({% slug overview_radiobutton %})).
|
|
32
|
-
*/
|
|
33
|
-
data?: Array<RadioButtonProps>;
|
|
34
|
-
/**
|
|
35
|
-
* Sets the default checked state of a radio button when used in uncontrolled mode ([see example]({% slug overview_radiobutton %})).
|
|
36
|
-
* The `checked` property is passed to the underlying `input` element.
|
|
37
|
-
*/
|
|
38
|
-
defaultValue?: any;
|
|
39
|
-
/**
|
|
40
|
-
* Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
|
|
41
|
-
*/
|
|
42
|
-
dir?: string;
|
|
43
|
-
/**
|
|
44
|
-
* Disable all radio buttons ([see example]({% slug disabled_radiobutton %})).
|
|
45
|
-
*/
|
|
46
|
-
disabled?: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Overrides the default component responsible for visualizing a single item.
|
|
49
|
-
*
|
|
50
|
-
* The default element is `li` with a [RadioButton]({% slug api_inputs_radiobutton %}) as `children`.
|
|
51
|
-
*/
|
|
52
|
-
item?: React.ComponentType<HTMLAttributes<HTMLLIElement>>;
|
|
53
|
-
/**
|
|
54
|
-
* Sets the label position of the radio buttons.
|
|
55
|
-
* Accepts two options: `before` or `after`. Defaults to `after`.
|
|
56
|
-
*/
|
|
57
|
-
labelPlacement?: string;
|
|
58
|
-
/**
|
|
59
|
-
* Specifies the radio group layout.
|
|
60
|
-
*/
|
|
61
|
-
layout?: 'horizontal' | 'vertical';
|
|
62
|
-
/**
|
|
63
|
-
* Specifies the `name` property of the `input` DOM elements.
|
|
64
|
-
*/
|
|
65
|
-
name?: string;
|
|
66
|
-
/**
|
|
67
|
-
* The event handler that will be fired when the changes the selected value.
|
|
68
|
-
*/
|
|
69
|
-
onChange?: (event: RadioGroupChangeEvent) => void;
|
|
70
|
-
/**
|
|
71
|
-
* The event handler that will be fired when Radio button is focused.
|
|
72
|
-
*/
|
|
73
|
-
onFocus?: (event: RadioGroupFocusEvent) => void;
|
|
74
|
-
/**
|
|
75
|
-
* Sets additional CSS styles to the radio group.
|
|
76
|
-
*/
|
|
77
|
-
style?: React.CSSProperties;
|
|
78
|
-
/**
|
|
79
|
-
* Sets the default checked state of a radio button when used in controlled mode ([see example]({% slug controlled_radiogroup %})).
|
|
80
|
-
* The `checked` property is passed to the underlying `input` element.
|
|
81
|
-
*/
|
|
82
|
-
value?: string | number | null;
|
|
83
|
-
/**
|
|
84
|
-
* Overrides the validity state of the component.
|
|
85
|
-
* If `valid` is set, the `required` property will be ignored.
|
|
86
|
-
*
|
|
87
|
-
* This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
|
|
88
|
-
*/
|
|
89
|
-
valid?: boolean;
|
|
90
|
-
}
|
|
@@ -1,142 +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 { FormComponentProps, DraggableDragEvent } from '@progress/kendo-react-common';
|
|
7
|
-
import { Direction } from '../interfaces/Direction';
|
|
8
|
-
/**
|
|
9
|
-
* The range object representing the value of the RangeSlider.
|
|
10
|
-
*/
|
|
11
|
-
export type Range = {
|
|
12
|
-
/**
|
|
13
|
-
* The start of the range.
|
|
14
|
-
*/
|
|
15
|
-
start: number;
|
|
16
|
-
/**
|
|
17
|
-
* The end of the range.
|
|
18
|
-
*/
|
|
19
|
-
end: number;
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* Represents the properties of [RangeSlider](% slug api_inputs_rangeslider %) component.
|
|
23
|
-
*/
|
|
24
|
-
export interface RangeSliderProps extends FormComponentProps {
|
|
25
|
-
/**
|
|
26
|
-
* Sets the `id` property of the top div element of the RangeSlider.
|
|
27
|
-
*/
|
|
28
|
-
id?: string;
|
|
29
|
-
/**
|
|
30
|
-
* Sets additional CSS styles to the RangeSlider.
|
|
31
|
-
*/
|
|
32
|
-
style?: React.CSSProperties;
|
|
33
|
-
/**
|
|
34
|
-
* Sets additional classes to the RangeSlider.
|
|
35
|
-
*/
|
|
36
|
-
className?: string;
|
|
37
|
-
/**
|
|
38
|
-
* The flexible values of type Range - `start and `end`.
|
|
39
|
-
*/
|
|
40
|
-
value?: Range;
|
|
41
|
-
/**
|
|
42
|
-
* The default set values of type Range - `start` and `end`.
|
|
43
|
-
*/
|
|
44
|
-
defaultValue?: Range;
|
|
45
|
-
/**
|
|
46
|
-
* Triggered after value change - gets outside access to the element, new values and the event type.
|
|
47
|
-
*/
|
|
48
|
-
onChange?: (event: RangeSliderChangeEvent) => void;
|
|
49
|
-
/**
|
|
50
|
-
* Determines the children nodes.
|
|
51
|
-
*/
|
|
52
|
-
children?: React.ReactNode;
|
|
53
|
-
/**
|
|
54
|
-
* The step by which the value is increment/decrement.
|
|
55
|
-
*/
|
|
56
|
-
step?: number;
|
|
57
|
-
/**
|
|
58
|
-
* The minimum possible value of the RangeSlider.
|
|
59
|
-
*/
|
|
60
|
-
min: number;
|
|
61
|
-
/**
|
|
62
|
-
* The maximum possible value of the RangeSlider.
|
|
63
|
-
*/
|
|
64
|
-
max: number;
|
|
65
|
-
/**
|
|
66
|
-
* The RangeSlider orientation if true - vertical, else - horizontal.
|
|
67
|
-
*/
|
|
68
|
-
vertical?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Determines the disabled mode of the RangeSlider, if true - disabled.
|
|
71
|
-
*/
|
|
72
|
-
disabled?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* The RangeSlider direction `ltr` or `rtl`.
|
|
75
|
-
*/
|
|
76
|
-
dir?: Direction;
|
|
77
|
-
/**
|
|
78
|
-
* Sets the `tabIndex` attribute to the `start` drag handle.
|
|
79
|
-
*/
|
|
80
|
-
startTabIndex?: number;
|
|
81
|
-
/**
|
|
82
|
-
* Sets the `tabIndex` attribute to the `end` drag handle.
|
|
83
|
-
*/
|
|
84
|
-
endTabIndex?: number;
|
|
85
|
-
/**
|
|
86
|
-
* 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).
|
|
87
|
-
* For example these elements could contain error or hint message.
|
|
88
|
-
*/
|
|
89
|
-
ariaDescribedBy?: string;
|
|
90
|
-
/**
|
|
91
|
-
* Identifies the element(s) which will label the component.
|
|
92
|
-
*/
|
|
93
|
-
ariaLabelledBy?: string;
|
|
94
|
-
}
|
|
95
|
-
/**
|
|
96
|
-
* Represents the target(element and props) of the RangeSliderChangeEvent.
|
|
97
|
-
*/
|
|
98
|
-
export interface RangeSliderHandle {
|
|
99
|
-
/**
|
|
100
|
-
* The current element or `null` if there is no one.
|
|
101
|
-
*/
|
|
102
|
-
element: HTMLDivElement | null;
|
|
103
|
-
/**
|
|
104
|
-
* The props values of the RangeSlider.
|
|
105
|
-
*/
|
|
106
|
-
props: RangeSliderProps;
|
|
107
|
-
/**
|
|
108
|
-
* The focus event callback.
|
|
109
|
-
*/
|
|
110
|
-
focus: () => void;
|
|
111
|
-
}
|
|
112
|
-
/**
|
|
113
|
-
* Represent the return type of RangeSliderChangeEvent.
|
|
114
|
-
*/
|
|
115
|
-
export interface RangeSliderChangeEvent {
|
|
116
|
-
/**
|
|
117
|
-
* The value from type Range - `start` and `end`.
|
|
118
|
-
*/
|
|
119
|
-
value: Range;
|
|
120
|
-
/**
|
|
121
|
-
* The target of the RangeSliderChangeEvent from RangeSliderHandle.
|
|
122
|
-
*/
|
|
123
|
-
target: RangeSliderHandle;
|
|
124
|
-
/**
|
|
125
|
-
* The event of the RangeSliderChangeEvent.
|
|
126
|
-
*/
|
|
127
|
-
syntheticEvent: React.SyntheticEvent<any> | DraggableDragEvent;
|
|
128
|
-
}
|
|
129
|
-
/**
|
|
130
|
-
* Represents the PropsContext of the `RangeSlider` component.
|
|
131
|
-
* Used for global configuration of all `RangeSlider` instances.
|
|
132
|
-
*
|
|
133
|
-
* For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
|
|
134
|
-
*/
|
|
135
|
-
export declare const RangeSliderPropsContext: React.Context<(p: RangeSliderProps) => RangeSliderProps>;
|
|
136
|
-
/**
|
|
137
|
-
* Represents the [KendoReact RangeSlider component]({% slug overview_rangeslider %}).
|
|
138
|
-
*
|
|
139
|
-
* Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
|
|
140
|
-
* Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
|
|
141
|
-
*/
|
|
142
|
-
export declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & React.RefAttributes<RangeSliderHandle | null>>;
|
|
@@ -1,40 +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 { Range } from './RangeSlider';
|
|
7
|
-
import { DraggableDragEvent } from '@progress/kendo-react-common';
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export declare enum RANGE_ACTION {
|
|
12
|
-
start = "start",
|
|
13
|
-
end = "end",
|
|
14
|
-
min = "min",
|
|
15
|
-
max = "max",
|
|
16
|
-
increase = "increase",
|
|
17
|
-
decrease = "decrease"
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
export type RangeActionDispatch = {
|
|
23
|
-
type: RANGE_ACTION;
|
|
24
|
-
payload?: number;
|
|
25
|
-
key?: string;
|
|
26
|
-
event?: React.SyntheticEvent<any> | DraggableDragEvent;
|
|
27
|
-
state?: Range;
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
export interface RangeAction extends RangeActionDispatch {
|
|
33
|
-
step: number;
|
|
34
|
-
min: number;
|
|
35
|
-
max: number;
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* @hidden
|
|
39
|
-
*/
|
|
40
|
-
export declare const rangeReducer: (state: any, action: RangeAction) => any;
|
package/rating/Rating.d.ts
DELETED
|
@@ -1,170 +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 { FormComponentProps, SVGIcon } from '@progress/kendo-react-common';
|
|
7
|
-
import { RatingItemProps } from './RatingItem';
|
|
8
|
-
import { RatingKeyboardEvent, RatingItemMouseEvent, RatingItemFocusEvent } from './models';
|
|
9
|
-
/**
|
|
10
|
-
* Represents the properties of [Rating](% slug api_inputs_rating %) component.
|
|
11
|
-
*/
|
|
12
|
-
export interface RatingProps extends FormComponentProps {
|
|
13
|
-
/**
|
|
14
|
-
* Sets the `id` property of the top div element of the Rating.
|
|
15
|
-
*/
|
|
16
|
-
id?: string;
|
|
17
|
-
/**
|
|
18
|
-
* Sets additional classes to the Rating.
|
|
19
|
-
*/
|
|
20
|
-
className?: string;
|
|
21
|
-
/**
|
|
22
|
-
* Sets the `tabIndex` attribute.
|
|
23
|
-
*/
|
|
24
|
-
tabIndex?: number;
|
|
25
|
-
/**
|
|
26
|
-
* Sets additional CSS styles to the Rating.
|
|
27
|
-
*/
|
|
28
|
-
style?: React.CSSProperties;
|
|
29
|
-
/**
|
|
30
|
-
* Determines the children nodes.
|
|
31
|
-
*/
|
|
32
|
-
children?: React.ReactNode;
|
|
33
|
-
/**
|
|
34
|
-
* Represents the rendered Rating item.
|
|
35
|
-
*/
|
|
36
|
-
item?: React.ComponentType<RatingItemProps>;
|
|
37
|
-
/**
|
|
38
|
-
* Sets the current value of the Rating, used in controlled mode. [See example]({% slug item_customization_ratingitem %})
|
|
39
|
-
*/
|
|
40
|
-
value?: number;
|
|
41
|
-
/**
|
|
42
|
-
* Sets the default value of the Rating, used in uncontrolled mode. [See example]({% slug controlled_rating %})
|
|
43
|
-
*/
|
|
44
|
-
defaultValue?: number;
|
|
45
|
-
/**
|
|
46
|
-
* Sets the min possible icon value or star value in the main use-case.
|
|
47
|
-
*/
|
|
48
|
-
min?: number;
|
|
49
|
-
/**
|
|
50
|
-
* Sets the max possible icon value or star value in the main use-case.
|
|
51
|
-
*/
|
|
52
|
-
max?: number;
|
|
53
|
-
/**
|
|
54
|
-
* Sets the step value between the min and max value.
|
|
55
|
-
*/
|
|
56
|
-
step?: number;
|
|
57
|
-
/**
|
|
58
|
-
* Determines the Rating direction `ltr` - by default, or `rtl`.
|
|
59
|
-
*/
|
|
60
|
-
dir?: string;
|
|
61
|
-
/**
|
|
62
|
-
* Determines if the Rating has a label and is it a custom one.
|
|
63
|
-
*/
|
|
64
|
-
label?: string;
|
|
65
|
-
/**
|
|
66
|
-
* Sets the `readonly` mode of the Rating, if it is set to `true`. [See example]({% slug label_rating %})
|
|
67
|
-
*/
|
|
68
|
-
readonly?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Sets the `disabled` mode of the Rating, if it is set to `true`. [See example]({% slug readonly_rating %})
|
|
71
|
-
*/
|
|
72
|
-
disabled?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Sets custom Rating icon, by default - star. [See example]({% slug disabled_rating %})
|
|
75
|
-
*/
|
|
76
|
-
icon?: string;
|
|
77
|
-
/**
|
|
78
|
-
* Sets custom Rating SVG icon.
|
|
79
|
-
*/
|
|
80
|
-
svgIcon?: SVGIcon;
|
|
81
|
-
/**
|
|
82
|
-
* Sets custom Rating SVG icon.
|
|
83
|
-
*/
|
|
84
|
-
svgIconOutline?: SVGIcon;
|
|
85
|
-
/**
|
|
86
|
-
* Determines the selection mode. By default set to `continues`. [See example]({% slug icon_rating %})
|
|
87
|
-
*/
|
|
88
|
-
selection?: 'continues' | 'single';
|
|
89
|
-
/**
|
|
90
|
-
* Determines the precision of the Rating. By default set to `item`. [See example]({% slug selection_rating %})
|
|
91
|
-
*/
|
|
92
|
-
precision?: 'half' | 'item';
|
|
93
|
-
/**
|
|
94
|
-
* Determines if value represents half icon -> true, or not -> false. [See example]({% slug precision_rating %})
|
|
95
|
-
*/
|
|
96
|
-
half?: boolean;
|
|
97
|
-
/**
|
|
98
|
-
* Triggered after value change. Gets outside access to the target element, the new value and the event type.
|
|
99
|
-
*/
|
|
100
|
-
onChange?: (event: RatingChangeEvent) => void;
|
|
101
|
-
/**
|
|
102
|
-
* Triggered after `onClick` event. Gets outside access to the target element, the new value and the event type.
|
|
103
|
-
*/
|
|
104
|
-
onClick?: (event: RatingItemMouseEvent) => void;
|
|
105
|
-
/**
|
|
106
|
-
* Triggered after `onKeyDown` event. Gets outside access to the target element, the new value and the event type.
|
|
107
|
-
*/
|
|
108
|
-
onKeyDown?: (event: RatingKeyboardEvent) => void;
|
|
109
|
-
/**
|
|
110
|
-
* Triggered after `onFocus` event. Gets outside access to the target element and the event type.
|
|
111
|
-
*/
|
|
112
|
-
onFocus?: (event: RatingItemFocusEvent) => void;
|
|
113
|
-
/**
|
|
114
|
-
* Triggered after `onBlur` event. Gets outside access to the target element and the event type.
|
|
115
|
-
*/
|
|
116
|
-
onBlur?: (event: RatingItemFocusEvent) => void;
|
|
117
|
-
/**
|
|
118
|
-
* 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).
|
|
119
|
-
* For example these elements could contain error or hint message.
|
|
120
|
-
*/
|
|
121
|
-
ariaDescribedBy?: string;
|
|
122
|
-
/**
|
|
123
|
-
* Identifies the element(s) which will label the component.
|
|
124
|
-
*/
|
|
125
|
-
ariaLabelledBy?: string;
|
|
126
|
-
}
|
|
127
|
-
/**
|
|
128
|
-
* Represents the target(element and props) of the RatingChangeEvent.
|
|
129
|
-
*/
|
|
130
|
-
export interface RatingHandle {
|
|
131
|
-
/**
|
|
132
|
-
* The current element or `null` if there is no one.
|
|
133
|
-
*/
|
|
134
|
-
element: HTMLDivElement | null;
|
|
135
|
-
/**
|
|
136
|
-
* The props value of the Rating.
|
|
137
|
-
*/
|
|
138
|
-
props: RatingProps;
|
|
139
|
-
}
|
|
140
|
-
/**
|
|
141
|
-
* Represents the return type of RatingChangeEvent.
|
|
142
|
-
*/
|
|
143
|
-
export interface RatingChangeEvent {
|
|
144
|
-
/**
|
|
145
|
-
* The current Rating value.
|
|
146
|
-
*/
|
|
147
|
-
value: number;
|
|
148
|
-
/**
|
|
149
|
-
* The target of the RatingChangeEvent from RatingHandle.
|
|
150
|
-
*/
|
|
151
|
-
target: RatingHandle;
|
|
152
|
-
/**
|
|
153
|
-
* The event of the RatingChangeEvent.
|
|
154
|
-
*/
|
|
155
|
-
syntheticEvent: React.SyntheticEvent<any>;
|
|
156
|
-
}
|
|
157
|
-
/**
|
|
158
|
-
* Represents the PropsContext of the `Rating` component.
|
|
159
|
-
* Used for global configuration of all `Rating` instances.
|
|
160
|
-
*
|
|
161
|
-
* For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
|
|
162
|
-
*/
|
|
163
|
-
export declare const RatingPropsContext: React.Context<(p: RatingProps) => RatingProps>;
|
|
164
|
-
/**
|
|
165
|
-
* Represents the [KendoReact Rating component]({% slug overview_rating %}).
|
|
166
|
-
*
|
|
167
|
-
* Accepts properties of type [RatingProps]({% slug api_inputs_ratingprops %}).
|
|
168
|
-
* Obtaining the `ref` returns an object of type [RatingHandle]({% slug api_inputs_ratinghandle %}).
|
|
169
|
-
*/
|
|
170
|
-
export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<RatingHandle | null>>;
|