@progress/kendo-react-inputs 5.7.0-sig.202208281415 → 5.7.0
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/LICENSE.md +11 -0
- package/NOTICE.txt +111 -0
- package/README.md +4 -4
- package/about.md +1 -1
- package/dist/cdn/js/kendo-react-inputs.js +1 -1
- package/dist/es/checkbox/Checkbox.js +1 -0
- package/dist/es/colors/ColorInput.js +1 -1
- package/dist/es/colors/ColorPalette.d.ts +1 -1
- package/dist/es/colors/ColorPicker.js +1 -1
- package/dist/es/colors/FlatColorPicker.js +1 -1
- package/dist/es/input/InputClearValue.d.ts +15 -0
- package/dist/es/input/InputClearValue.js +24 -0
- package/dist/es/input/InputPrefix.d.ts +15 -0
- package/dist/es/input/InputPrefix.js +24 -0
- package/dist/es/input/InputSeparator.d.ts +15 -0
- package/dist/es/input/InputSeparator.js +24 -0
- package/dist/es/input/InputSuffix.d.ts +15 -0
- package/dist/es/input/InputSuffix.js +24 -0
- package/dist/es/input/InputValidationIcon.d.ts +14 -0
- package/dist/es/input/InputValidationIcon.js +20 -0
- package/dist/es/main.d.ts +6 -0
- package/dist/es/main.js +6 -0
- package/dist/es/maskedtextbox/MaskedTextBox.d.ts +1 -1
- package/dist/es/numerictextbox/NumericTextBox.js +2 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rating/Rating.js +1 -1
- package/dist/es/signature/Signature.js +5 -5
- package/dist/es/signature/interfaces/SignatureProps.d.ts +4 -0
- package/dist/es/slider/Slider.js +2 -6
- package/dist/es/slider/SliderLabel.js +1 -2
- package/dist/es/switch/Switch.js +5 -5
- package/dist/es/textbox/Textbox.d.ts +69 -0
- package/dist/es/textbox/Textbox.js +111 -0
- package/dist/npm/checkbox/Checkbox.js +1 -0
- package/dist/npm/colors/ColorInput.js +1 -1
- package/dist/npm/colors/ColorPalette.d.ts +1 -1
- package/dist/npm/colors/ColorPicker.js +1 -1
- package/dist/npm/colors/FlatColorPicker.js +1 -1
- package/dist/npm/input/InputClearValue.d.ts +15 -0
- package/dist/npm/input/InputClearValue.js +27 -0
- package/dist/npm/input/InputPrefix.d.ts +15 -0
- package/dist/npm/input/InputPrefix.js +27 -0
- package/dist/npm/input/InputSeparator.d.ts +15 -0
- package/dist/npm/input/InputSeparator.js +27 -0
- package/dist/npm/input/InputSuffix.d.ts +15 -0
- package/dist/npm/input/InputSuffix.js +27 -0
- package/dist/npm/input/InputValidationIcon.d.ts +14 -0
- package/dist/npm/input/InputValidationIcon.js +23 -0
- package/dist/npm/main.d.ts +6 -0
- package/dist/npm/main.js +13 -1
- package/dist/npm/maskedtextbox/MaskedTextBox.d.ts +1 -1
- package/dist/npm/numerictextbox/NumericTextBox.js +2 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rating/Rating.js +1 -1
- package/dist/npm/signature/Signature.js +5 -5
- package/dist/npm/signature/interfaces/SignatureProps.d.ts +4 -0
- package/dist/npm/slider/Slider.js +2 -6
- package/dist/npm/slider/SliderLabel.js +1 -2
- package/dist/npm/switch/Switch.js +5 -5
- package/dist/npm/textbox/Textbox.d.ts +69 -0
- package/dist/npm/textbox/Textbox.js +114 -0
- package/dist/systemjs/kendo-react-inputs.js +1 -1
- package/package.json +19 -17
- package/api.json +0 -71211
- package/dist/npm/signature/interfaces/SignatureState.d.ts +0 -15
- package/dist/npm/signature/interfaces/SignatureState.js +0 -2
- package/docs/_meta.yml +0 -3
- package/docs/api/Checkbox.md +0 -23
- package/docs/api/CheckboxBlurEvent.md +0 -132
- package/docs/api/CheckboxChangeEvent.md +0 -167
- package/docs/api/CheckboxFocusEvent.md +0 -132
- package/docs/api/CheckboxHandle.md +0 -167
- package/docs/api/CheckboxProps.md +0 -1068
- package/docs/api/CheckboxPropsContext.md +0 -17
- package/docs/api/ColorGradient.md +0 -27
- package/docs/api/ColorGradientChangeEvent.md +0 -167
- package/docs/api/ColorGradientHandle.md +0 -99
- package/docs/api/ColorGradientProps.md +0 -538
- package/docs/api/ColorGradientPropsContext.md +0 -17
- package/docs/api/ColorPalette.md +0 -26
- package/docs/api/ColorPaletteChangeEvent.md +0 -202
- package/docs/api/ColorPaletteHandle.md +0 -64
- package/docs/api/ColorPaletteProps.md +0 -542
- package/docs/api/ColorPalettePropsContext.md +0 -17
- package/docs/api/ColorPicker.md +0 -23
- package/docs/api/ColorPickerActiveColorClick.md +0 -132
- package/docs/api/ColorPickerBlurEvent.md +0 -97
- package/docs/api/ColorPickerChangeEvent.md +0 -132
- package/docs/api/ColorPickerFocusEvent.md +0 -97
- package/docs/api/ColorPickerGradientSettings.md +0 -102
- package/docs/api/ColorPickerPaletteSettings.md +0 -148
- package/docs/api/ColorPickerPopupSettings.md +0 -97
- package/docs/api/ColorPickerProps.md +0 -1078
- package/docs/api/ColorPickerPropsContext.md +0 -17
- package/docs/api/ColorPickerView.md +0 -19
- package/docs/api/Direction.md +0 -12
- package/docs/api/FlatColorPicker.md +0 -13
- package/docs/api/FlatColorPickerHandle.md +0 -127
- package/docs/api/FlatColorPickerProps.md +0 -412
- package/docs/api/FormComponentValidity.md +0 -428
- package/docs/api/Input.md +0 -17
- package/docs/api/InputChangeEvent.md +0 -167
- package/docs/api/InputHandle.md +0 -204
- package/docs/api/InputProps.md +0 -428
- package/docs/api/InputPropsContext.md +0 -17
- package/docs/api/MaskedTextBox.md +0 -17
- package/docs/api/MaskedTextBoxChangeEvent.md +0 -237
- package/docs/api/MaskedTextBoxEvent.md +0 -132
- package/docs/api/MaskedTextBoxHandle.md +0 -265
- package/docs/api/MaskedTextBoxProps.md +0 -1395
- package/docs/api/MaskedTextBoxPropsContext.md +0 -17
- package/docs/api/NumericTextBox.md +0 -13
- package/docs/api/NumericTextBoxBlurEvent.md +0 -132
- package/docs/api/NumericTextBoxChangeEvent.md +0 -167
- package/docs/api/NumericTextBoxFocusEvent.md +0 -132
- package/docs/api/NumericTextBoxHandle.md +0 -197
- package/docs/api/NumericTextBoxProps.md +0 -1471
- package/docs/api/NumericTextBoxPropsContext.md +0 -17
- package/docs/api/RadioButton.md +0 -17
- package/docs/api/RadioButtonBlurEvent.md +0 -132
- package/docs/api/RadioButtonChangeEvent.md +0 -167
- package/docs/api/RadioButtonFocusEvent.md +0 -132
- package/docs/api/RadioButtonHandle.md +0 -97
- package/docs/api/RadioButtonProps.md +0 -791
- package/docs/api/RadioButtonPropsContext.md +0 -17
- package/docs/api/RadioGroup.md +0 -17
- package/docs/api/RadioGroupChangeEvent.md +0 -167
- package/docs/api/RadioGroupFocusEvent.md +0 -132
- package/docs/api/RadioGroupHandle.md +0 -97
- package/docs/api/RadioGroupProps.md +0 -707
- package/docs/api/RadioGroupPropsContext.md +0 -17
- package/docs/api/Range.md +0 -13
- package/docs/api/RangeSlider.md +0 -17
- package/docs/api/RangeSliderChangeEvent.md +0 -132
- package/docs/api/RangeSliderHandle.md +0 -127
- package/docs/api/RangeSliderProps.md +0 -853
- package/docs/api/RangeSliderPropsContext.md +0 -17
- package/docs/api/Rating.md +0 -17
- package/docs/api/RatingChangeEvent.md +0 -132
- package/docs/api/RatingFocusEvent.md +0 -97
- package/docs/api/RatingHandle.md +0 -97
- package/docs/api/RatingItem.md +0 -13
- package/docs/api/RatingItemFocusEvent.md +0 -97
- package/docs/api/RatingItemHandle.md +0 -132
- package/docs/api/RatingItemKeyboardEvent.md +0 -97
- package/docs/api/RatingItemMouseEvent.md +0 -97
- package/docs/api/RatingItemProps.md +0 -941
- package/docs/api/RatingKeyboardEvent.md +0 -97
- package/docs/api/RatingMouseEvent.md +0 -97
- package/docs/api/RatingProps.md +0 -1308
- package/docs/api/RatingPropsContext.md +0 -17
- package/docs/api/Signature.md +0 -13
- package/docs/api/SignatureBlurEvent.md +0 -132
- package/docs/api/SignatureChangeEvent.md +0 -167
- package/docs/api/SignatureCloseEvent.md +0 -132
- package/docs/api/SignatureFocusEvent.md +0 -132
- package/docs/api/SignatureHandle.md +0 -162
- package/docs/api/SignatureOpenEvent.md +0 -132
- package/docs/api/SignatureProps.md +0 -1592
- package/docs/api/SignaturePropsContext.md +0 -17
- package/docs/api/Slider.md +0 -17
- package/docs/api/SliderChangeEvent.md +0 -167
- package/docs/api/SliderHandle.md +0 -99
- package/docs/api/SliderLabel.md +0 -62
- package/docs/api/SliderLabelProps.md +0 -171
- package/docs/api/SliderProps.md +0 -902
- package/docs/api/SliderPropsContext.md +0 -17
- package/docs/api/Switch.md +0 -17
- package/docs/api/SwitchChangeEvent.md +0 -167
- package/docs/api/SwitchHandle.md +0 -239
- package/docs/api/SwitchProps.md +0 -1081
- package/docs/api/SwitchPropsContext.md +0 -17
- package/docs/api/TextArea.md +0 -27
- package/docs/api/TextAreaBlurEvent.md +0 -132
- package/docs/api/TextAreaChangeEvent.md +0 -167
- package/docs/api/TextAreaFocusEvent.md +0 -132
- package/docs/api/TextAreaProps.md +0 -1082
- package/docs/api/TextAreaPropsContext.md +0 -17
- package/docs/api/TileSize.md +0 -18
- package/docs/api/ToggleBaseProps.md +0 -132
- package/docs/api/_meta.yml +0 -3
- package/docs/api/index.md +0 -425
- package/docs/auto-imports.js +0 -40
- package/docs/checkbox/_meta.yml +0 -3
- package/docs/checkbox/accessibility.md +0 -26
- package/docs/checkbox/appearance.md +0 -28
- package/docs/checkbox/controlled.md +0 -57
- package/docs/checkbox/default-state.md +0 -24
- package/docs/checkbox/disabled.md +0 -23
- package/docs/checkbox/forms-support.md +0 -90
- package/docs/checkbox/index.md +0 -46
- package/docs/checkbox/keyboard-navigation.md +0 -36
- package/docs/checkbox/labels.md +0 -36
- package/docs/colorgradient/_meta.yml +0 -3
- package/docs/colorgradient/color-contrast.md +0 -34
- package/docs/colorgradient/controlled.md +0 -32
- package/docs/colorgradient/disabled.md +0 -23
- package/docs/colorgradient/index.md +0 -42
- package/docs/colorgradient/noopacity.md +0 -28
- package/docs/colorpalette/_meta.yml +0 -3
- package/docs/colorpalette/assets/demo-img.png +0 -0
- package/docs/colorpalette/controlled.md +0 -32
- package/docs/colorpalette/custom.md +0 -23
- package/docs/colorpalette/disabled.md +0 -23
- package/docs/colorpalette/events.md +0 -27
- package/docs/colorpalette/index.md +0 -47
- package/docs/colorpalette/keyboard-navigation.md +0 -36
- package/docs/colorpalette/presets.md +0 -23
- package/docs/colorpicker/_meta.yml +0 -3
- package/docs/colorpicker/appearance.md +0 -30
- package/docs/colorpicker/color-contrast.md +0 -33
- package/docs/colorpicker/combined-views.md +0 -46
- package/docs/colorpicker/controlled.md +0 -57
- package/docs/colorpicker/custom.md +0 -67
- package/docs/colorpicker/default-value.md +0 -20
- package/docs/colorpicker/disabled.md +0 -20
- package/docs/colorpicker/index.md +0 -41
- package/docs/colorpicker/keyboard-navigation.md +0 -39
- package/docs/custom-attributes.md +0 -27
- package/docs/examples/attribute/class/main.tsx +0 -44
- package/docs/examples/attribute/func/main.tsx +0 -58
- package/docs/examples/checkbox/appearance/func/main.tsx +0 -33
- package/docs/examples/checkbox/controlled/checked/class/main.tsx +0 -32
- package/docs/examples/checkbox/controlled/checked/func/main.tsx +0 -29
- package/docs/examples/checkbox/controlled/value/class/main.tsx +0 -32
- package/docs/examples/checkbox/controlled/value/func/main.tsx +0 -28
- package/docs/examples/checkbox/default/func/main.tsx +0 -15
- package/docs/examples/checkbox/disabled/func/main.tsx +0 -19
- package/docs/examples/checkbox/forms/basic/class/main.tsx +0 -79
- package/docs/examples/checkbox/forms/basic/func/main.tsx +0 -71
- package/docs/examples/checkbox/forms/custom-message/class/main.tsx +0 -117
- package/docs/examples/checkbox/forms/custom-message/func/main.tsx +0 -124
- package/docs/examples/checkbox/forms/disable-styles/class/main.tsx +0 -126
- package/docs/examples/checkbox/forms/disable-styles/func/main.tsx +0 -125
- package/docs/examples/checkbox/forms/kendo-react-form/func/main.tsx +0 -137
- package/docs/examples/checkbox/keyboard/class/main.tsx +0 -32
- package/docs/examples/checkbox/keyboard/func/main.tsx +0 -27
- package/docs/examples/checkbox/labels/custom/func/main.tsx +0 -20
- package/docs/examples/checkbox/labels/setup/func/main.tsx +0 -20
- package/docs/examples/checkbox/main/func/main.tsx +0 -22
- package/docs/examples/colorgradient/colorcontrast/class/main.tsx +0 -48
- package/docs/examples/colorgradient/colorcontrast/func/main.tsx +0 -43
- package/docs/examples/colorgradient/controlled/class/main.tsx +0 -29
- package/docs/examples/colorgradient/controlled/func/main.tsx +0 -21
- package/docs/examples/colorgradient/disabled/func/main.tsx +0 -17
- package/docs/examples/colorgradient/opacity/class/main.tsx +0 -32
- package/docs/examples/colorgradient/opacity/func/main.tsx +0 -24
- package/docs/examples/colorgradient/overview/class/main.tsx +0 -42
- package/docs/examples/colorgradient/overview/func/main.tsx +0 -34
- package/docs/examples/colorpalette/controlled/class/main.tsx +0 -25
- package/docs/examples/colorpalette/controlled/func/main.tsx +0 -17
- package/docs/examples/colorpalette/custom/func/main.tsx +0 -13
- package/docs/examples/colorpalette/disabled/func/main.tsx +0 -13
- package/docs/examples/colorpalette/keyboard/class/main.tsx +0 -30
- package/docs/examples/colorpalette/keyboard/func/main.tsx +0 -30
- package/docs/examples/colorpalette/overview/basic/class/main.tsx +0 -55
- package/docs/examples/colorpalette/overview/basic/class/styles.css +0 -50
- package/docs/examples/colorpalette/overview/basic/func/main.tsx +0 -47
- package/docs/examples/colorpalette/overview/basic/func/styles.css +0 -50
- package/docs/examples/colorpalette/overview/events/class/main.tsx +0 -48
- package/docs/examples/colorpalette/overview/events/func/main.tsx +0 -40
- package/docs/examples/colorpalette/presets/func/main.tsx +0 -70
- package/docs/examples/colorpicker/appearance/func/main.tsx +0 -37
- package/docs/examples/colorpicker/colorcontrast/class/main.tsx +0 -50
- package/docs/examples/colorpicker/colorcontrast/func/main.tsx +0 -44
- package/docs/examples/colorpicker/controlled/popup/class/main.tsx +0 -39
- package/docs/examples/colorpicker/controlled/popup/func/main.tsx +0 -31
- package/docs/examples/colorpicker/controlled/value/class/main.tsx +0 -25
- package/docs/examples/colorpicker/controlled/value/func/main.tsx +0 -17
- package/docs/examples/colorpicker/custom/custom-icons/func/main.tsx +0 -18
- package/docs/examples/colorpicker/custom/gradient/func/main.tsx +0 -24
- package/docs/examples/colorpicker/custom/kendo-icons/func/main.tsx +0 -18
- package/docs/examples/colorpicker/custom/palette/func/main.tsx +0 -28
- package/docs/examples/colorpicker/default/func/main.tsx +0 -24
- package/docs/examples/colorpicker/disabled/func/main.tsx +0 -17
- package/docs/examples/colorpicker/keyboard/class/main.tsx +0 -30
- package/docs/examples/colorpicker/keyboard/func/main.tsx +0 -29
- package/docs/examples/colorpicker/overview/func/main.tsx +0 -24
- package/docs/examples/colorpicker/view/combined/class/main.tsx +0 -37
- package/docs/examples/colorpicker/view/combined/func/main.tsx +0 -27
- package/docs/examples/colorpicker/view/popup/class/main.tsx +0 -66
- package/docs/examples/colorpicker/view/popup/func/main.tsx +0 -55
- package/docs/examples/flatcolorpicker/basic/func/main.tsx +0 -13
- package/docs/examples/flatcolorpicker/customization/footer/func/main.tsx +0 -13
- package/docs/examples/flatcolorpicker/customization/header/func/main.tsx +0 -13
- package/docs/examples/flatcolorpicker/disabled/func/main.tsx +0 -13
- package/docs/examples/get-started/func/main.tsx +0 -14
- package/docs/examples/globalization/func/main.tsx +0 -47
- package/docs/examples/input/counter/main.tsx +0 -30
- package/docs/examples/input/forms/basic/class/main.tsx +0 -87
- package/docs/examples/input/forms/basic/func/main.tsx +0 -79
- package/docs/examples/input/forms/custom-message/class/main.tsx +0 -94
- package/docs/examples/input/forms/custom-message/func/main.tsx +0 -86
- package/docs/examples/input/forms/disable-styles/class/main.tsx +0 -115
- package/docs/examples/input/forms/disable-styles/func/main.tsx +0 -106
- package/docs/examples/input/forms/override/class/main.tsx +0 -111
- package/docs/examples/input/forms/override/func/main.tsx +0 -102
- package/docs/examples/input/main/main.jsx +0 -17
- package/docs/examples/input/overview/func/main.tsx +0 -88
- package/docs/examples/label/class/main.tsx +0 -69
- package/docs/examples/label/func/main.tsx +0 -65
- package/docs/examples/maskedtextbox/appearance/func/main.tsx +0 -41
- package/docs/examples/maskedtextbox/disabled/func/main.tsx +0 -24
- package/docs/examples/maskedtextbox/forms/basic/class/main.tsx +0 -78
- package/docs/examples/maskedtextbox/forms/basic/func/main.tsx +0 -70
- package/docs/examples/maskedtextbox/forms/custom-message/class/main.tsx +0 -81
- package/docs/examples/maskedtextbox/forms/custom-message/func/main.tsx +0 -73
- package/docs/examples/maskedtextbox/forms/disable-styles/class/main.tsx +0 -75
- package/docs/examples/maskedtextbox/forms/disable-styles/func/main.tsx +0 -67
- package/docs/examples/maskedtextbox/forms/override/class/main.tsx +0 -85
- package/docs/examples/maskedtextbox/forms/override/func/main.tsx +0 -75
- package/docs/examples/maskedtextbox/mask/basic/func/main.tsx +0 -19
- package/docs/examples/maskedtextbox/mask/extend/func/main.tsx +0 -35
- package/docs/examples/maskedtextbox/overview/basic/func/main.tsx +0 -18
- package/docs/examples/maskedtextbox/readonly/func/main.tsx +0 -20
- package/docs/examples/maskedtextbox/valid/class/main.tsx +0 -59
- package/docs/examples/maskedtextbox/valid/func/main.tsx +0 -51
- package/docs/examples/maskedtextbox/value/class/main.tsx +0 -37
- package/docs/examples/maskedtextbox/value/func/main.tsx +0 -29
- package/docs/examples/numerictextbox/appearance/func/main.tsx +0 -39
- package/docs/examples/numerictextbox/formats/func/main.tsx +0 -53
- package/docs/examples/numerictextbox/forms/basic/class/main.tsx +0 -75
- package/docs/examples/numerictextbox/forms/basic/func/main.tsx +0 -67
- package/docs/examples/numerictextbox/forms/custom-message/class/main.tsx +0 -82
- package/docs/examples/numerictextbox/forms/custom-message/func/main.tsx +0 -74
- package/docs/examples/numerictextbox/forms/disable-styles/class/main.tsx +0 -98
- package/docs/examples/numerictextbox/forms/disable-styles/func/main.tsx +0 -85
- package/docs/examples/numerictextbox/forms/override/class/main.tsx +0 -96
- package/docs/examples/numerictextbox/forms/override/func/main.tsx +0 -87
- package/docs/examples/numerictextbox/forms/ref/class/main.tsx +0 -44
- package/docs/examples/numerictextbox/forms/ref/func/main.tsx +0 -34
- package/docs/examples/numerictextbox/keyboard/func/main.tsx +0 -20
- package/docs/examples/numerictextbox/overview/class/main.tsx +0 -55
- package/docs/examples/numerictextbox/overview/func/main.tsx +0 -43
- package/docs/examples/numerictextbox/spin/func/main.tsx +0 -22
- package/docs/examples/numerictextbox/step/func/main.tsx +0 -21
- package/docs/examples/overview/func/main.tsx +0 -102
- package/docs/examples/props-context/overview/class/grid-with-filtering.tsx +0 -32
- package/docs/examples/props-context/overview/class/main.tsx +0 -26
- package/docs/examples/props-context/overview/class/sample-products.ts +0 -182
- package/docs/examples/props-context/overview/func/grid-with-filtering.tsx +0 -32
- package/docs/examples/props-context/overview/func/main.tsx +0 -24
- package/docs/examples/props-context/overview/func/sample-products.ts +0 -182
- package/docs/examples/radiobutton/appearance/func/main.tsx +0 -28
- package/docs/examples/radiobutton/custom-labels/func/main.tsx +0 -28
- package/docs/examples/radiobutton/disabled/func/main.tsx +0 -20
- package/docs/examples/radiobutton/labels/func/main.tsx +0 -20
- package/docs/examples/radiobutton/overview/class/main.tsx +0 -35
- package/docs/examples/radiobutton/overview/func/main.tsx +0 -30
- package/docs/examples/radiogroup/controlled/class/main.tsx +0 -49
- package/docs/examples/radiogroup/controlled/func/main.tsx +0 -40
- package/docs/examples/radiogroup/default-state/func/main.tsx +0 -19
- package/docs/examples/radiogroup/forms/class/main.tsx +0 -150
- package/docs/examples/radiogroup/forms/func/main.tsx +0 -146
- package/docs/examples/radiogroup/keyboard/class/main.tsx +0 -37
- package/docs/examples/radiogroup/keyboard/func/main.tsx +0 -31
- package/docs/examples/radiogroup/layout/class/main.tsx +0 -49
- package/docs/examples/radiogroup/layout/func/main.tsx +0 -43
- package/docs/examples/radiogroup/overview/func/main.tsx +0 -18
- package/docs/examples/rangeslider/controlled/class/main.tsx +0 -45
- package/docs/examples/rangeslider/controlled/func/main.tsx +0 -37
- package/docs/examples/rangeslider/disabled/func/main.tsx +0 -27
- package/docs/examples/rangeslider/labels/func/main.tsx +0 -26
- package/docs/examples/rangeslider/orientation/func/main.tsx +0 -27
- package/docs/examples/rangeslider/overview/func/main.tsx +0 -26
- package/docs/examples/rating/controlled/class/main.tsx +0 -29
- package/docs/examples/rating/controlled/func/main.tsx +0 -21
- package/docs/examples/rating/disabled/func/main.tsx +0 -18
- package/docs/examples/rating/forms/class/main.tsx +0 -85
- package/docs/examples/rating/forms/func/main.tsx +0 -79
- package/docs/examples/rating/icon/func/main.tsx +0 -15
- package/docs/examples/rating/items/func/main.tsx +0 -15
- package/docs/examples/rating/label/class/main.tsx +0 -33
- package/docs/examples/rating/label/func/main.tsx +0 -26
- package/docs/examples/rating/navigation/func/main.tsx +0 -15
- package/docs/examples/rating/overview/func/main.tsx +0 -12
- package/docs/examples/rating/precision/func/main.tsx +0 -27
- package/docs/examples/rating/rating-item/advanced/class/main.tsx +0 -82
- package/docs/examples/rating/rating-item/advanced/func/main.tsx +0 -76
- package/docs/examples/rating/rating-item/overview/func/main.tsx +0 -75
- package/docs/examples/rating/readonly/func/main.tsx +0 -18
- package/docs/examples/rating/selection/func/main.tsx +0 -25
- package/docs/examples/rtl/func/main.tsx +0 -99
- package/docs/examples/shared/checkbox-style-configurator.tsx +0 -69
- package/docs/examples/shared/es.json +0 -6
- package/docs/examples/shared/radiobutton-style-configurator.tsx +0 -47
- package/docs/examples/shared/sample-signature.ts +0 -2
- package/docs/examples/shared/style-configurator.tsx +0 -93
- package/docs/examples/shared/switch-style-configurator.tsx +0 -91
- package/docs/examples/signature/appearance/all-options/func/main.tsx +0 -89
- package/docs/examples/signature/appearance/color/func/main.tsx +0 -17
- package/docs/examples/signature/appearance/stroke-width/func/main.tsx +0 -16
- package/docs/examples/signature/controlled/export-scale/func/main.tsx +0 -34
- package/docs/examples/signature/controlled/popup/func/main.tsx +0 -28
- package/docs/examples/signature/controlled/value/func/main.tsx +0 -19
- package/docs/examples/signature/disabled/func/main.tsx +0 -17
- package/docs/examples/signature/events/func/main.tsx +0 -66
- package/docs/examples/signature/forms/kendo/func/main.tsx +0 -148
- package/docs/examples/signature/overview/func/main.tsx +0 -239
- package/docs/examples/signature/overview/func/styles.css +0 -56
- package/docs/examples/signature/popup/disabled/func/main.tsx +0 -14
- package/docs/examples/signature/popup/scale/func/main.tsx +0 -14
- package/docs/examples/signature/readonly/func/main.tsx +0 -17
- package/docs/examples/signature/smooth/func/main.tsx +0 -14
- package/docs/examples/slider/buttons/func/main.tsx +0 -18
- package/docs/examples/slider/controlled/class/main.tsx +0 -45
- package/docs/examples/slider/controlled/func/main.tsx +0 -36
- package/docs/examples/slider/labels/class/main.tsx +0 -44
- package/docs/examples/slider/labels/func/main.tsx +0 -35
- package/docs/examples/slider/orientation/func/main.tsx +0 -25
- package/docs/examples/slider/overview/func/main.tsx +0 -24
- package/docs/examples/switch/appearance/func/main.tsx +0 -38
- package/docs/examples/switch/controlled/manual/class/main.tsx +0 -40
- package/docs/examples/switch/controlled/manual/func/main.tsx +0 -33
- package/docs/examples/switch/controlled/readonly/func/main.tsx +0 -15
- package/docs/examples/switch/default/func/main.tsx +0 -15
- package/docs/examples/switch/disabled/func/main.tsx +0 -15
- package/docs/examples/switch/forms/basic/class/main.tsx +0 -81
- package/docs/examples/switch/forms/basic/func/main.tsx +0 -72
- package/docs/examples/switch/forms/custom-message/class/main.tsx +0 -108
- package/docs/examples/switch/forms/custom-message/func/main.tsx +0 -100
- package/docs/examples/switch/forms/disable-styles/class/main.tsx +0 -129
- package/docs/examples/switch/forms/disable-styles/func/main.tsx +0 -118
- package/docs/examples/switch/forms/kendo-react-form/class/main.tsx +0 -104
- package/docs/examples/switch/forms/kendo-react-form/func/main.tsx +0 -106
- package/docs/examples/switch/keyboard/class/main.tsx +0 -22
- package/docs/examples/switch/keyboard/func/main.tsx +0 -23
- package/docs/examples/switch/labels/func/main.tsx +0 -15
- package/docs/examples/switch/overview/basic/func/main.tsx +0 -15
- package/docs/examples/textarea/appearance/func/main.tsx +0 -39
- package/docs/examples/textarea/auto-sizing/func/main.tsx +0 -18
- package/docs/examples/textarea/controlled/class/main.tsx +0 -32
- package/docs/examples/textarea/controlled/func/main.tsx +0 -26
- package/docs/examples/textarea/counter/class/main.tsx +0 -38
- package/docs/examples/textarea/counter/func/main.tsx +0 -32
- package/docs/examples/textarea/default-state/func/main.tsx +0 -18
- package/docs/examples/textarea/disabled/func/main.tsx +0 -20
- package/docs/examples/textarea/forms/kendo-react-form/class/main.tsx +0 -152
- package/docs/examples/textarea/forms/kendo-react-form/func/main.tsx +0 -140
- package/docs/examples/textarea/main/func/main.tsx +0 -15
- package/docs/examples/textarea/overview/class/main.tsx +0 -103
- package/docs/examples/textarea/overview/func/main.tsx +0 -90
- package/docs/examples/textarea/sizing/func/main.tsx +0 -15
- package/docs/examples/tsconfig.json +0 -29
- package/docs/flatcolorpicker/_meta.yml +0 -3
- package/docs/flatcolorpicker/customization.md +0 -33
- package/docs/flatcolorpicker/disabled.md +0 -22
- package/docs/flatcolorpicker/index.md +0 -30
- package/docs/floating-labels.md +0 -35
- package/docs/get-started.md +0 -153
- package/docs/globalization.md +0 -67
- package/docs/index.md +0 -212
- package/docs/input/_meta.yml +0 -3
- package/docs/input/counter.md +0 -20
- package/docs/input/forms.md +0 -87
- package/docs/input/index.md +0 -40
- package/docs/maskedtextbox/_meta.yml +0 -3
- package/docs/maskedtextbox/accessibility.md +0 -22
- package/docs/maskedtextbox/appearance.md +0 -30
- package/docs/maskedtextbox/disabled-state.md +0 -20
- package/docs/maskedtextbox/forms.md +0 -87
- package/docs/maskedtextbox/index.md +0 -40
- package/docs/maskedtextbox/masks.md +0 -44
- package/docs/maskedtextbox/readonly-state.md +0 -20
- package/docs/maskedtextbox/valid-state.md +0 -25
- package/docs/maskedtextbox/value.md +0 -23
- package/docs/numerictextbox/_meta.yml +0 -3
- package/docs/numerictextbox/accessibility.md +0 -25
- package/docs/numerictextbox/appearance.md +0 -30
- package/docs/numerictextbox/formats.md +0 -25
- package/docs/numerictextbox/forms.md +0 -87
- package/docs/numerictextbox/index.md +0 -49
- package/docs/numerictextbox/keyboard-navigation.md +0 -26
- package/docs/numerictextbox/predefined-step.md +0 -20
- package/docs/numerictextbox/ref.md +0 -28
- package/docs/numerictextbox/spin-buttons.md +0 -20
- package/docs/props-context.md +0 -65
- package/docs/radiobutton/_meta.yml +0 -3
- package/docs/radiobutton/appearance.md +0 -26
- package/docs/radiobutton/disabled.md +0 -23
- package/docs/radiobutton/index.md +0 -47
- package/docs/radiobutton/labels.md +0 -36
- package/docs/radiogroup/_meta.yml +0 -3
- package/docs/radiogroup/accessibility.md +0 -25
- package/docs/radiogroup/controlled_mode.md +0 -34
- package/docs/radiogroup/default_state.md +0 -24
- package/docs/radiogroup/forms_support.md +0 -37
- package/docs/radiogroup/index.md +0 -41
- package/docs/radiogroup/keyboard_navigation.md +0 -37
- package/docs/radiogroup/layout.md +0 -29
- package/docs/rangeslider/_meta.yml +0 -3
- package/docs/rangeslider/accessibility.md +0 -26
- package/docs/rangeslider/controlled.md +0 -32
- package/docs/rangeslider/disabled.md +0 -23
- package/docs/rangeslider/index.md +0 -41
- package/docs/rangeslider/keyboard-navigation.md +0 -33
- package/docs/rangeslider/orientation.md +0 -24
- package/docs/rangeslider/ticks.md +0 -26
- package/docs/rating/_meta.yml +0 -3
- package/docs/rating/accessibility.md +0 -26
- package/docs/rating/forms_support.md +0 -39
- package/docs/rating/functionality-and-features/_meta.yml +0 -2
- package/docs/rating/functionality-and-features/controlled.md +0 -34
- package/docs/rating/functionality-and-features/disabled.md +0 -23
- package/docs/rating/functionality-and-features/icon.md +0 -27
- package/docs/rating/functionality-and-features/items.md +0 -24
- package/docs/rating/functionality-and-features/label.md +0 -28
- package/docs/rating/functionality-and-features/precision.md +0 -51
- package/docs/rating/functionality-and-features/readonly.md +0 -23
- package/docs/rating/functionality-and-features/selection.md +0 -23
- package/docs/rating/index.md +0 -45
- package/docs/rating/item_custamization.md +0 -45
- package/docs/rating/keyboard-navigation.md +0 -33
- package/docs/signature/_meta.yml +0 -3
- package/docs/signature/appearance.md +0 -96
- package/docs/signature/controlled.md +0 -60
- package/docs/signature/disabled.md +0 -21
- package/docs/signature/events.md +0 -20
- package/docs/signature/forms.md +0 -28
- package/docs/signature/index.md +0 -34
- package/docs/signature/line-smoothing.md +0 -16
- package/docs/signature/popup.md +0 -34
- package/docs/signature/readonly.md +0 -21
- package/docs/slider/_meta.yml +0 -3
- package/docs/slider/accessibility.md +0 -26
- package/docs/slider/controlled.md +0 -32
- package/docs/slider/index.md +0 -41
- package/docs/slider/keyboard-navigation.md +0 -33
- package/docs/slider/orientation.md +0 -24
- package/docs/slider/side-buttons.md +0 -24
- package/docs/slider/ticks.md +0 -31
- package/docs/switch/_meta.yml +0 -3
- package/docs/switch/accessibility.md +0 -17
- package/docs/switch/appearance.md +0 -30
- package/docs/switch/controlled-switch.md +0 -44
- package/docs/switch/default-state.md +0 -20
- package/docs/switch/disabled-state.md +0 -20
- package/docs/switch/forms-support.md +0 -78
- package/docs/switch/index.md +0 -44
- package/docs/switch/keyboard-navigation.md +0 -31
- package/docs/switch/labels.md +0 -29
- package/docs/textarea/_meta.yml +0 -3
- package/docs/textarea/appearance.md +0 -30
- package/docs/textarea/controlled_mode.md +0 -37
- package/docs/textarea/counter.md +0 -28
- package/docs/textarea/default_state.md +0 -25
- package/docs/textarea/disabled.md +0 -24
- package/docs/textarea/forms_support.md +0 -39
- package/docs/textarea/index.md +0 -51
- package/docs/textarea/sizing.md +0 -38
- package/e2e/a11y.tests.ts +0 -154
- package/e2e/input.tests.ts +0 -143
- package/e2e/numeric.tests.ts +0 -134
- package/e2e/switch.tests.ts +0 -122
- package/examples/checkbox/checkbox.html +0 -9
- package/examples/checkbox/checkbox.tsx +0 -292
- package/examples/checkbox/checkboxForm.html +0 -9
- package/examples/checkbox/checkboxForm.tsx +0 -81
- package/examples/checkbox/checked-n-value.html +0 -9
- package/examples/checkbox/checked-n-value.tsx +0 -115
- package/examples/checkbox/controlled-mode.html +0 -9
- package/examples/checkbox/controlled-mode.tsx +0 -69
- package/examples/checkbox/form.html +0 -9
- package/examples/checkbox/form.tsx +0 -78
- package/examples/checkbox/formik.html +0 -9
- package/examples/checkbox/formik.tsx +0 -89
- package/examples/colors/colorContrast.html +0 -12
- package/examples/colors/colorContrast.tsx +0 -52
- package/examples/colors/colorGradient.html +0 -9
- package/examples/colors/colorGradient.tsx +0 -37
- package/examples/colors/colorPalette.html +0 -9
- package/examples/colors/colorPalette.tsx +0 -29
- package/examples/colors/colorPicker.html +0 -22
- package/examples/colors/colorPicker.tsx +0 -58
- package/examples/colors/colorPickerLocalization.html +0 -9
- package/examples/colors/colorPickerLocalization.tsx +0 -31
- package/examples/colors/flatColorPicker.html +0 -12
- package/examples/colors/flatColorPicker.tsx +0 -21
- package/examples/context/class/grid-with-filtering.tsx +0 -32
- package/examples/context/class/index.html +0 -9
- package/examples/context/class/index.tsx +0 -28
- package/examples/context/class/sample-products.tsx +0 -182
- package/examples/context/func/grid-with-filtering.tsx +0 -32
- package/examples/context/func/index.html +0 -9
- package/examples/context/func/index.tsx +0 -26
- package/examples/context/func/sample-products.tsx +0 -182
- package/examples/e2e/accessibility/CheckboxExample.tsx +0 -26
- package/examples/e2e/accessibility/ColorGradientExample.tsx +0 -28
- package/examples/e2e/accessibility/ColorPaletteExample.tsx +0 -33
- package/examples/e2e/accessibility/ColorPickerExample.tsx +0 -21
- package/examples/e2e/accessibility/InputExample.tsx +0 -49
- package/examples/e2e/accessibility/MaskedTextBoxExample.tsx +0 -29
- package/examples/e2e/accessibility/NumericTextBoxExample.tsx +0 -24
- package/examples/e2e/accessibility/RadioButtonExample.tsx +0 -29
- package/examples/e2e/accessibility/RangeSliderExample.tsx +0 -26
- package/examples/e2e/accessibility/RatingExample.tsx +0 -13
- package/examples/e2e/accessibility/SliderExample.tsx +0 -19
- package/examples/e2e/accessibility/SwitchExample.tsx +0 -26
- package/examples/e2e/accessibility/TextAreaExample.tsx +0 -70
- package/examples/e2e/accessibility/main.html +0 -14
- package/examples/e2e/accessibility/main.tsx +0 -104
- package/examples/e2e/input/input.html +0 -9
- package/examples/e2e/input/input.tsx +0 -58
- package/examples/e2e/numerictextbox/numericLabel.html +0 -9
- package/examples/e2e/numerictextbox/numericLabel.tsx +0 -38
- package/examples/e2e/switch/switch.html +0 -16
- package/examples/e2e/switch/switch.tsx +0 -74
- package/examples/focus/focus.html +0 -9
- package/examples/focus/focus.tsx +0 -81
- package/examples/input/inputFloatingLabels.html +0 -9
- package/examples/input/inputFloatingLabels.tsx +0 -26
- package/examples/input/inputForm.html +0 -9
- package/examples/input/inputForm.tsx +0 -151
- package/examples/maskedtextbox/basic.html +0 -9
- package/examples/maskedtextbox/basic.tsx +0 -54
- package/examples/maskedtextbox/ipmask.html +0 -9
- package/examples/maskedtextbox/ipmask.tsx +0 -79
- package/examples/messages/index.ts +0 -4
- package/examples/numerictextbox/newNumeric.html +0 -9
- package/examples/numerictextbox/newNumeric.tsx +0 -149
- package/examples/numerictextbox/numeric.html +0 -9
- package/examples/numerictextbox/numeric.tsx +0 -247
- package/examples/numerictextbox/numericApiExample.html +0 -9
- package/examples/numerictextbox/numericApiExample.tsx +0 -25
- package/examples/numerictextbox/numericForm.html +0 -9
- package/examples/numerictextbox/numericForm.tsx +0 -89
- package/examples/numerictextbox/roundingIssues.html +0 -9
- package/examples/numerictextbox/roundingIssues.tsx +0 -51
- package/examples/numerictextbox/test.html +0 -9
- package/examples/numerictextbox/test.tsx +0 -165
- package/examples/numerictextbox/testingBlurDisabled.html +0 -9
- package/examples/numerictextbox/testingBlurDisabled.tsx +0 -167
- package/examples/radio-group/customization/index.html +0 -12
- package/examples/radio-group/customization/index.tsx +0 -32
- package/examples/radioButton/accessibility.html +0 -12
- package/examples/radioButton/accessibility.tsx +0 -81
- package/examples/radioButton/html-forms.html +0 -9
- package/examples/radioButton/html-forms.tsx +0 -63
- package/examples/radioButton/kendo-react-form.html +0 -12
- package/examples/radioButton/kendo-react-form.tsx +0 -80
- package/examples/radioButton/radio.html +0 -9
- package/examples/radioButton/radio.tsx +0 -45
- package/examples/radioButton/standalone-radio.html +0 -9
- package/examples/radioButton/standalone-radio.tsx +0 -76
- package/examples/range-slider/form/index.html +0 -9
- package/examples/range-slider/form/index.tsx +0 -57
- package/examples/range-slider/index.html +0 -9
- package/examples/range-slider/index.tsx +0 -147
- package/examples/rating/index.html +0 -9
- package/examples/rating/index.tsx +0 -158
- package/examples/rtl/index.html +0 -12
- package/examples/rtl/index.tsx +0 -29
- package/examples/signature/basic.html +0 -9
- package/examples/signature/basic.tsx +0 -72
- package/examples/signature/forms-basic.html +0 -9
- package/examples/signature/forms-basic.tsx +0 -72
- package/examples/signature/forms.html +0 -9
- package/examples/signature/forms.tsx +0 -90
- package/examples/slider/slider.html +0 -15
- package/examples/slider/slider.tsx +0 -99
- package/examples/slider/vertical.html +0 -15
- package/examples/slider/vertical.tsx +0 -28
- package/examples/switch/switch.html +0 -9
- package/examples/switch/switch.tsx +0 -44
- package/examples/switch/switchDoubleEvent.html +0 -9
- package/examples/switch/switchDoubleEvent.tsx +0 -25
- package/examples/switch/switchForm.html +0 -9
- package/examples/switch/switchForm.tsx +0 -138
- package/examples/textarea/formik.html +0 -12
- package/examples/textarea/formik.tsx +0 -84
- package/examples/textarea/textarea.html +0 -12
- package/examples/textarea/textarea.tsx +0 -96
- package/gulpfile.js +0 -7
- package/src/checkbox/Checkbox.tsx +0 -352
- package/src/checkbox/interfaces/CheckboxBlurEvent.ts +0 -7
- package/src/checkbox/interfaces/CheckboxChangeEvent.ts +0 -12
- package/src/checkbox/interfaces/CheckboxFocusEvent.ts +0 -7
- package/src/checkbox/interfaces/CheckboxProps.ts +0 -122
- package/src/colors/ColorContrastLabels.tsx +0 -83
- package/src/colors/ColorContrastSvg.tsx +0 -88
- package/src/colors/ColorGradient.tsx +0 -450
- package/src/colors/ColorInput.tsx +0 -192
- package/src/colors/ColorPalette.tsx +0 -329
- package/src/colors/ColorPicker.tsx +0 -387
- package/src/colors/FlatColorPicker.tsx +0 -258
- package/src/colors/HexInput.tsx +0 -67
- package/src/colors/Picker.tsx +0 -56
- package/src/colors/interfaces/ColorGradientChangeEvent.ts +0 -12
- package/src/colors/interfaces/ColorGradientProps.ts +0 -77
- package/src/colors/interfaces/ColorPaletteChangeEvent.ts +0 -16
- package/src/colors/interfaces/ColorPaletteProps.ts +0 -78
- package/src/colors/interfaces/ColorPickerActiveColorClick.ts +0 -17
- package/src/colors/interfaces/ColorPickerBlurEvent.ts +0 -13
- package/src/colors/interfaces/ColorPickerChangeEvent.ts +0 -17
- package/src/colors/interfaces/ColorPickerFocusEvent.ts +0 -13
- package/src/colors/interfaces/ColorPickerGradientSettings.ts +0 -19
- package/src/colors/interfaces/ColorPickerPaletteSettings.ts +0 -35
- package/src/colors/interfaces/ColorPickerPopupSettings.ts +0 -16
- package/src/colors/interfaces/ColorPickerProps.ts +0 -170
- package/src/colors/interfaces/ColorPickerView.ts +0 -10
- package/src/colors/interfaces/PickerPopupSettings.ts +0 -21
- package/src/colors/interfaces/PickerProps.ts +0 -51
- package/src/colors/models/hsva.ts +0 -9
- package/src/colors/models/output-format.ts +0 -4
- package/src/colors/models/palette-presets.ts +0 -54
- package/src/colors/models/rgb.ts +0 -8
- package/src/colors/models/rgba.ts +0 -9
- package/src/colors/models/table-cell.ts +0 -7
- package/src/colors/models/tile-size.ts +0 -8
- package/src/colors/utils/color-cache.ts +0 -71
- package/src/colors/utils/color-palette.service.ts +0 -79
- package/src/colors/utils/color-parser.ts +0 -158
- package/src/colors/utils/misc.ts +0 -23
- package/src/colors/utils/svg-calc.ts +0 -115
- package/src/common/SliderTooltip.tsx +0 -83
- package/src/common/SwitchController.ts +0 -130
- package/src/common/SwitchModel.ts +0 -12
- package/src/input/Input.tsx +0 -346
- package/src/input/interfaces/InputChangeEvent.tsx +0 -12
- package/src/interfaces/Direction.ts +0 -1
- package/src/interfaces/ToggleBaseProps.ts +0 -8
- package/src/main.ts +0 -57
- package/src/maskedtextbox/MaskedTextBox.tsx +0 -541
- package/src/maskedtextbox/MaskedTextBoxProps.ts +0 -215
- package/src/maskedtextbox/masking.service.ts +0 -230
- package/src/maskedtextbox/parsing/combinators.ts +0 -30
- package/src/maskedtextbox/parsing/parsers.ts +0 -179
- package/src/maskedtextbox/parsing/result.ts +0 -39
- package/src/maskedtextbox/parsing/stream.ts +0 -41
- package/src/maskedtextbox/utils.ts +0 -70
- package/src/messages/index.ts +0 -151
- package/src/numerictextbox/NumericTextBox.tsx +0 -626
- package/src/numerictextbox/interfaces/NumericTextBoxBlurEvent.tsx +0 -7
- package/src/numerictextbox/interfaces/NumericTextBoxChangeEvent.tsx +0 -12
- package/src/numerictextbox/interfaces/NumericTextBoxFocusEvent.tsx +0 -7
- package/src/numerictextbox/interfaces/NumericTextBoxHandle.tsx +0 -40
- package/src/numerictextbox/interfaces/NumericTextBoxProps.tsx +0 -180
- package/src/numerictextbox/interfaces/NumericTextBoxState.tsx +0 -15
- package/src/numerictextbox/utils/index.tsx +0 -744
- package/src/package-metadata.ts +0 -13
- package/src/radiobutton/RadioButton.tsx +0 -194
- package/src/radiobutton/RadioGroup.tsx +0 -190
- package/src/radiobutton/interfaces/RadioButtonBlurEvent.ts +0 -7
- package/src/radiobutton/interfaces/RadioButtonChangeEvent.ts +0 -12
- package/src/radiobutton/interfaces/RadioButtonFocusEvent.ts +0 -7
- package/src/radiobutton/interfaces/RadioButtonProps.ts +0 -102
- package/src/radiobutton/interfaces/RadioGroupChangeEvent.ts +0 -12
- package/src/radiobutton/interfaces/RadioGroupFocusEvent.ts +0 -7
- package/src/radiobutton/interfaces/RadioGroupProps.ts +0 -89
- package/src/range-slider/RangeSlider.tsx +0 -644
- package/src/range-slider/range-raducer.tsx +0 -153
- package/src/rating/Rating.tsx +0 -633
- package/src/rating/RatingItem.tsx +0 -268
- package/src/rating/models/index.tsx +0 -91
- package/src/rating/rating-reducer.tsx +0 -70
- package/src/rating/utils/index.tsx +0 -65
- package/src/signature/Signature.tsx +0 -488
- package/src/signature/interfaces/SignatureBlurEvent.tsx +0 -7
- package/src/signature/interfaces/SignatureChangeEvent.tsx +0 -12
- package/src/signature/interfaces/SignatureCloseEvent.tsx +0 -7
- package/src/signature/interfaces/SignatureFocusEvent.tsx +0 -7
- package/src/signature/interfaces/SignatureHandle.tsx +0 -35
- package/src/signature/interfaces/SignatureOpenEvent.tsx +0 -7
- package/src/signature/interfaces/SignatureProps.tsx +0 -227
- package/src/signature/interfaces/index.ts +0 -7
- package/src/signature/utils/index.ts +0 -11
- package/src/slider/Slider.tsx +0 -470
- package/src/slider/SliderLabel.tsx +0 -69
- package/src/switch/Switch.tsx +0 -559
- package/src/textarea/TextArea.tsx +0 -263
- package/src/textarea/interfaces/TextAreaBlurEvent.ts +0 -7
- package/src/textarea/interfaces/TextAreaChangeEvent.ts +0 -12
- package/src/textarea/interfaces/TextAreaFocusEvent.ts +0 -7
- package/src/textarea/interfaces/TextAreaProps.tsx +0 -131
- package/src/utils.ts +0 -16
- package/test/Checkbox.tsx +0 -252
- package/test/ColorGradient.tsx +0 -260
- package/test/ColorPalette.tsx +0 -440
- package/test/ColorPicker.tsx +0 -74
- package/test/Input.tsx +0 -255
- package/test/NumericTextBox.tsx +0 -984
- package/test/RadioButton.tsx +0 -176
- package/test/RangeSlider.tsx +0 -502
- package/test/Rating.tsx +0 -227
- package/test/Slider.tsx +0 -198
- package/test/Switch.tsx +0 -154
- package/test/TextArea.tsx +0 -216
- package/test/maskedtextbox/component.tsx +0 -424
- package/test/maskedtextbox/masking.service.tsx +0 -1345
- package/test/maskedtextbox/parser.tsx +0 -364
- package/tsconfig.es.json +0 -25
- package/tsconfig.json +0 -26
- package/tsconfig.npm.json +0 -25
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as ReactDOM from 'react-dom';
|
|
3
|
-
|
|
4
|
-
import { TextArea } from './../../src/main';
|
|
5
|
-
import { Formik, Form, Field, useField} from 'formik';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const CustomTextAreaComponent = (props: any) => {
|
|
9
|
-
console.log(props);
|
|
10
|
-
|
|
11
|
-
// Option 1
|
|
12
|
-
const [field, meta] = useField(props.field.name);
|
|
13
|
-
|
|
14
|
-
// Option 2
|
|
15
|
-
// const [field, meta] = useField(props.name);
|
|
16
|
-
|
|
17
|
-
return (
|
|
18
|
-
<TextArea rows={4} {...field} {...props}
|
|
19
|
-
// value={field.value || 'value'}
|
|
20
|
-
valid={meta.touched ? !meta.error : true}
|
|
21
|
-
validationMessage={meta.touched ? meta.error : undefined}
|
|
22
|
-
/>
|
|
23
|
-
);
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
const App = () => {
|
|
27
|
-
return (
|
|
28
|
-
<Formik
|
|
29
|
-
initialValues={{ id: 'firstName', name: 'firstName'}}
|
|
30
|
-
onSubmit={(values, actions) => {
|
|
31
|
-
console.log({ values, actions });
|
|
32
|
-
alert(JSON.stringify(values, null, 2));
|
|
33
|
-
actions.setSubmitting(false);
|
|
34
|
-
}}
|
|
35
|
-
>
|
|
36
|
-
<Form translate="yes">
|
|
37
|
-
{/* Option 1 */}
|
|
38
|
-
<Field name='password' id="id1246" component={CustomTextAreaComponent} />
|
|
39
|
-
{/* Option 2 */}
|
|
40
|
-
{/* <CustomTextAreaComponent name='password' id='id1246'/> */}
|
|
41
|
-
</Form>
|
|
42
|
-
</Formik>
|
|
43
|
-
);
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
const CustomTextAreaComponent2 = (props: any) => {
|
|
47
|
-
const [field, meta] = useField(props.name);
|
|
48
|
-
console.log(field, meta);
|
|
49
|
-
|
|
50
|
-
return (
|
|
51
|
-
<TextArea
|
|
52
|
-
rows={4}
|
|
53
|
-
{...field}
|
|
54
|
-
{...props}
|
|
55
|
-
valid={meta.touched ? !meta.error : true}
|
|
56
|
-
validationMessage={meta.touched ? meta.error : undefined}
|
|
57
|
-
/>
|
|
58
|
-
);
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
const App2 = () => {
|
|
62
|
-
return (
|
|
63
|
-
<Formik
|
|
64
|
-
initialValues={{
|
|
65
|
-
textArea: 'TextArea Custom Component'
|
|
66
|
-
}}
|
|
67
|
-
onSubmit={(values, actions) => {
|
|
68
|
-
console.log({ values, actions });
|
|
69
|
-
alert(JSON.stringify(values, null, 2));
|
|
70
|
-
actions.setSubmitting(false);
|
|
71
|
-
}}
|
|
72
|
-
>
|
|
73
|
-
<Form translate="yes">
|
|
74
|
-
<CustomTextAreaComponent2 name="textArea" id="textArea" />
|
|
75
|
-
<button type="submit">Submit</button>
|
|
76
|
-
</Form>
|
|
77
|
-
</Formik>
|
|
78
|
-
);
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
ReactDOM.render(
|
|
82
|
-
<><App /><hr /><App2 /></>,
|
|
83
|
-
document.getElementById('app')
|
|
84
|
-
);
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as ReactDOM from 'react-dom';
|
|
3
|
-
|
|
4
|
-
import '@progress/kendo-theme-material/dist/all.css';
|
|
5
|
-
|
|
6
|
-
import { TextArea } from './../../src/main';
|
|
7
|
-
import { FloatingLabel, Label } from '@progress/kendo-react-labels';
|
|
8
|
-
|
|
9
|
-
const App = () => {
|
|
10
|
-
const [value, setValue] = React.useState();
|
|
11
|
-
|
|
12
|
-
const handleChange = (e) => {
|
|
13
|
-
setValue(e.value);
|
|
14
|
-
console.log(e.value);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
return (
|
|
18
|
-
<div style={{ maxWidth: 300 }}>
|
|
19
|
-
<p>Floating label demo</p>
|
|
20
|
-
<FloatingLabel className={'k-textarea-container'} label={'FloatingLabel:'} editorId={'floating-id'} editorValue={value}>
|
|
21
|
-
<TextArea
|
|
22
|
-
id={'floating-id'}
|
|
23
|
-
value={value}
|
|
24
|
-
onChange={handleChange}
|
|
25
|
-
/>
|
|
26
|
-
</FloatingLabel>
|
|
27
|
-
|
|
28
|
-
<p>Regular label demo</p>
|
|
29
|
-
<Label editorId={'regular-id'}>
|
|
30
|
-
Regular Label:
|
|
31
|
-
</Label>
|
|
32
|
-
<TextArea
|
|
33
|
-
id={'regular-id'}
|
|
34
|
-
value={value}
|
|
35
|
-
onChange={handleChange}
|
|
36
|
-
/>
|
|
37
|
-
|
|
38
|
-
<p>Floating label RTL demo</p>
|
|
39
|
-
<div dir="rtl" className="k-rtl">
|
|
40
|
-
<FloatingLabel className={'k-textarea-container'} label={'FloatingLabel:'} editorId={'floating-id'} editorValue={value}>
|
|
41
|
-
<TextArea
|
|
42
|
-
id={'floating-id'}
|
|
43
|
-
value={value}
|
|
44
|
-
onChange={handleChange}
|
|
45
|
-
/>
|
|
46
|
-
</FloatingLabel>
|
|
47
|
-
</div>
|
|
48
|
-
|
|
49
|
-
<p>Regular label RTL demo</p>
|
|
50
|
-
<div dir="rtl" className="k-rtl">
|
|
51
|
-
<Label editorId={'regular-id'}>
|
|
52
|
-
Regular Label:
|
|
53
|
-
</Label>
|
|
54
|
-
<TextArea
|
|
55
|
-
id={'regular-id'}
|
|
56
|
-
value={value}
|
|
57
|
-
onChange={handleChange}
|
|
58
|
-
/>
|
|
59
|
-
</div>
|
|
60
|
-
|
|
61
|
-
<p>No validation styles</p>
|
|
62
|
-
<TextArea validityStyles={false} valid={false} />
|
|
63
|
-
|
|
64
|
-
<p>Auto Sizing demo</p>
|
|
65
|
-
<TextArea autoSize={true} placeholder="Auto size = true" />
|
|
66
|
-
|
|
67
|
-
<p>Readonly demo</p>
|
|
68
|
-
<TextArea readOnly={true} />
|
|
69
|
-
|
|
70
|
-
<p>Required demo</p>
|
|
71
|
-
<TextArea required={true} />
|
|
72
|
-
|
|
73
|
-
<p>Custom class, id, name, tabindex, style attributes demo</p>
|
|
74
|
-
<TextArea id="someId" name="some" className="custom-class" tabIndex={1} style={{ borderColor: 'purple' }} />
|
|
75
|
-
|
|
76
|
-
<p>Disabled demo with placeholder demo</p>
|
|
77
|
-
<TextArea placeholder="Disabled" disabled={true} />
|
|
78
|
-
|
|
79
|
-
<p>Placeholder demo</p>
|
|
80
|
-
<TextArea placeholder="Placeholder text" />
|
|
81
|
-
|
|
82
|
-
<p>Uncontrolled mode demo</p>
|
|
83
|
-
<TextArea defaultValue={'uncontrolled'} />
|
|
84
|
-
|
|
85
|
-
<p>Controlled mode demo</p>
|
|
86
|
-
<TextArea value={value} onChange={handleChange} />
|
|
87
|
-
<br />
|
|
88
|
-
</div>
|
|
89
|
-
|
|
90
|
-
);
|
|
91
|
-
};
|
|
92
|
-
|
|
93
|
-
ReactDOM.render(
|
|
94
|
-
<App />,
|
|
95
|
-
document.getElementById('app')
|
|
96
|
-
);
|
package/gulpfile.js
DELETED
|
@@ -1,352 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PropTypes from 'prop-types';
|
|
3
|
-
|
|
4
|
-
import {
|
|
5
|
-
Keys,
|
|
6
|
-
classNames,
|
|
7
|
-
guid,
|
|
8
|
-
useDir,
|
|
9
|
-
getTabIndex,
|
|
10
|
-
dispatchEvent,
|
|
11
|
-
createPropsContext,
|
|
12
|
-
usePropsContext,
|
|
13
|
-
kendoThemeMaps
|
|
14
|
-
} from '@progress/kendo-react-common';
|
|
15
|
-
|
|
16
|
-
import { validatePackage } from '@progress/kendo-react-common';
|
|
17
|
-
import { packageMetadata } from '../package-metadata';
|
|
18
|
-
|
|
19
|
-
import { LocalizationService, useLocalization } from '@progress/kendo-react-intl';
|
|
20
|
-
import { messages, checkboxValidation, checkboxOptionalText } from './../messages';
|
|
21
|
-
|
|
22
|
-
import { CheckboxProps } from './interfaces/CheckboxProps';
|
|
23
|
-
import { CheckboxChangeEvent } from './interfaces/CheckboxChangeEvent';
|
|
24
|
-
import { CheckboxFocusEvent } from './interfaces/CheckboxFocusEvent';
|
|
25
|
-
import { CheckboxBlurEvent } from './interfaces/CheckboxBlurEvent';
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* The Checkbox ref.
|
|
29
|
-
*/
|
|
30
|
-
export interface CheckboxHandle {
|
|
31
|
-
element: HTMLInputElement | null;
|
|
32
|
-
focus: any;
|
|
33
|
-
value?: string | number | string[] | boolean | null;
|
|
34
|
-
name?: string | null;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* Represents the PropsContext of the `Checkbox` component.
|
|
39
|
-
* Used for global configuration of all `Checkbox` instances.
|
|
40
|
-
*
|
|
41
|
-
* For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
|
|
42
|
-
*/
|
|
43
|
-
export const CheckboxPropsContext = createPropsContext<CheckboxProps>();
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* Represents the [KendoReact Checkbox component]({% slug overview_checkbox %}).
|
|
47
|
-
*
|
|
48
|
-
* @example
|
|
49
|
-
* ```jsx
|
|
50
|
-
* class App extends React.Component {
|
|
51
|
-
* render() {
|
|
52
|
-
* return <Checkbox />;
|
|
53
|
-
* }
|
|
54
|
-
* }
|
|
55
|
-
* ReactDOM.render(<App />, document.querySelector('my-app'));
|
|
56
|
-
* ```
|
|
57
|
-
*/
|
|
58
|
-
export const Checkbox = React.forwardRef<CheckboxHandle | null, CheckboxProps>((directProps, target) => {
|
|
59
|
-
validatePackage(packageMetadata);
|
|
60
|
-
|
|
61
|
-
const props = usePropsContext(CheckboxPropsContext, directProps);
|
|
62
|
-
|
|
63
|
-
const {
|
|
64
|
-
ariaDescribedBy, ariaLabelledBy, checked, className, children, defaultChecked, disabled,
|
|
65
|
-
defaultValue, id, size, rounded, label, labelPlacement, name, labelOptional, onChange, onFocus, onBlur,
|
|
66
|
-
tabIndex, value, required, valid, validationMessage, validityStyles,
|
|
67
|
-
// Removed to support direct use in Form Field component
|
|
68
|
-
visited, touched, modified,
|
|
69
|
-
...others
|
|
70
|
-
|
|
71
|
-
} = props as any;
|
|
72
|
-
|
|
73
|
-
const elementRef = React.useRef<HTMLInputElement>(null);
|
|
74
|
-
const focusElement = React.useCallback(
|
|
75
|
-
() => {
|
|
76
|
-
if (elementRef.current) {
|
|
77
|
-
elementRef.current.focus();
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
[]
|
|
81
|
-
);
|
|
82
|
-
|
|
83
|
-
const getImperativeHandle = React.useCallback(
|
|
84
|
-
(): CheckboxHandle => ({
|
|
85
|
-
element: elementRef.current,
|
|
86
|
-
focus: focusElement,
|
|
87
|
-
get name() { return elementRef.current && elementRef.current.name; }
|
|
88
|
-
}),
|
|
89
|
-
[focusElement]
|
|
90
|
-
);
|
|
91
|
-
|
|
92
|
-
React.useImperativeHandle(target, getImperativeHandle);
|
|
93
|
-
|
|
94
|
-
const [stateChecked, setStateChecked] = React.useState(defaultChecked);
|
|
95
|
-
const [stateValue, setStateValue] = React.useState(defaultValue);
|
|
96
|
-
|
|
97
|
-
const valueIsBoolean = (typeof value === 'boolean' || value === null);
|
|
98
|
-
|
|
99
|
-
const isCheckedControlled = checked !== undefined;
|
|
100
|
-
const isValueControlled = valueIsBoolean;
|
|
101
|
-
|
|
102
|
-
const currentValue = isValueControlled ? value : stateValue;
|
|
103
|
-
const currentChecked = isCheckedControlled ? checked : isValueControlled ? undefined : stateChecked;
|
|
104
|
-
|
|
105
|
-
const useValueAsChecked = currentChecked === undefined && currentValue;
|
|
106
|
-
|
|
107
|
-
const checkedProp = useValueAsChecked ? currentValue : currentChecked;
|
|
108
|
-
const valueProp = (useValueAsChecked || isValueControlled) ? (value === null ? value : undefined) : value || currentValue;
|
|
109
|
-
|
|
110
|
-
const indeterminateProp = checkedProp === null || valueProp === null;
|
|
111
|
-
const calculatedId = React.useMemo(() => guid(), []);
|
|
112
|
-
|
|
113
|
-
const localizationService: LocalizationService = useLocalization();
|
|
114
|
-
const localizeMessage = (message: keyof typeof messages): string => {
|
|
115
|
-
return localizationService.toLanguageString(message, messages[message]);
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
const defaultValidationMessage = localizeMessage(checkboxValidation);
|
|
119
|
-
const optionalMessage = localizeMessage(checkboxOptionalText);
|
|
120
|
-
|
|
121
|
-
const isValid = valid !== undefined ?
|
|
122
|
-
valid :
|
|
123
|
-
!required ?
|
|
124
|
-
true :
|
|
125
|
-
currentChecked ? true : false;
|
|
126
|
-
|
|
127
|
-
React.useEffect(
|
|
128
|
-
() => {
|
|
129
|
-
if (elementRef.current && elementRef.current.setCustomValidity) {
|
|
130
|
-
elementRef.current.setCustomValidity(
|
|
131
|
-
isValid
|
|
132
|
-
? ''
|
|
133
|
-
: (validationMessage || defaultValidationMessage)
|
|
134
|
-
);
|
|
135
|
-
}
|
|
136
|
-
},
|
|
137
|
-
[isValid, validationMessage, defaultValidationMessage]
|
|
138
|
-
);
|
|
139
|
-
|
|
140
|
-
const setValue = React.useCallback(
|
|
141
|
-
(e: any, val: boolean) => {
|
|
142
|
-
if (!isValueControlled && !disabled) {
|
|
143
|
-
setStateValue(val);
|
|
144
|
-
if (!isCheckedControlled && !disabled) {
|
|
145
|
-
setStateChecked(val);
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
if (onChange && !disabled) {
|
|
150
|
-
dispatchEvent<CheckboxChangeEvent, CheckboxHandle>(
|
|
151
|
-
onChange,
|
|
152
|
-
e,
|
|
153
|
-
{
|
|
154
|
-
...getImperativeHandle(),
|
|
155
|
-
value: val
|
|
156
|
-
},
|
|
157
|
-
{ value: val }
|
|
158
|
-
);
|
|
159
|
-
}
|
|
160
|
-
},
|
|
161
|
-
[isCheckedControlled, disabled, onChange, isValueControlled, getImperativeHandle]
|
|
162
|
-
);
|
|
163
|
-
|
|
164
|
-
const handleChange = React.useCallback(
|
|
165
|
-
(e: React.ChangeEvent<HTMLInputElement>) => {
|
|
166
|
-
let newValue = e.target.checked;
|
|
167
|
-
setValue(e, newValue);
|
|
168
|
-
},
|
|
169
|
-
[setValue, value]
|
|
170
|
-
);
|
|
171
|
-
|
|
172
|
-
const handleKeyDown = React.useCallback(
|
|
173
|
-
(e: React.KeyboardEvent<HTMLInputElement>) => {
|
|
174
|
-
if (disabled) { return; }
|
|
175
|
-
|
|
176
|
-
const { keyCode } = e;
|
|
177
|
-
let currentVal = e.currentTarget.checked;
|
|
178
|
-
|
|
179
|
-
if (keyCode === Keys.space) {
|
|
180
|
-
e.preventDefault();
|
|
181
|
-
e.stopPropagation();
|
|
182
|
-
setValue(e, !currentVal);
|
|
183
|
-
}
|
|
184
|
-
},
|
|
185
|
-
[disabled, setValue]
|
|
186
|
-
);
|
|
187
|
-
|
|
188
|
-
const handleKeyUp = React.useCallback(
|
|
189
|
-
(e: React.KeyboardEvent<HTMLInputElement>) => {
|
|
190
|
-
if (disabled) { return; }
|
|
191
|
-
const { keyCode } = e;
|
|
192
|
-
|
|
193
|
-
if (keyCode === Keys.space) {
|
|
194
|
-
e.preventDefault();
|
|
195
|
-
}
|
|
196
|
-
},
|
|
197
|
-
[disabled]
|
|
198
|
-
);
|
|
199
|
-
|
|
200
|
-
const handleFocus = React.useCallback(
|
|
201
|
-
(e: React.FocusEvent<HTMLInputElement>) => {
|
|
202
|
-
if (onFocus && !disabled) {
|
|
203
|
-
dispatchEvent<CheckboxFocusEvent, CheckboxHandle>(
|
|
204
|
-
onFocus,
|
|
205
|
-
e,
|
|
206
|
-
getImperativeHandle(),
|
|
207
|
-
undefined
|
|
208
|
-
);
|
|
209
|
-
}
|
|
210
|
-
},
|
|
211
|
-
[onFocus, disabled, getImperativeHandle]
|
|
212
|
-
);
|
|
213
|
-
|
|
214
|
-
const handleBlur = React.useCallback(
|
|
215
|
-
(e: React.FocusEvent<HTMLInputElement>) => {
|
|
216
|
-
if (onBlur && !disabled) {
|
|
217
|
-
dispatchEvent<CheckboxBlurEvent, CheckboxHandle>(
|
|
218
|
-
onBlur,
|
|
219
|
-
e,
|
|
220
|
-
getImperativeHandle(),
|
|
221
|
-
undefined
|
|
222
|
-
);
|
|
223
|
-
}
|
|
224
|
-
},
|
|
225
|
-
[onBlur, disabled, getImperativeHandle]
|
|
226
|
-
);
|
|
227
|
-
|
|
228
|
-
const dir = useDir(elementRef, props.dir);
|
|
229
|
-
|
|
230
|
-
const checkboxClasses = classNames({'k-disabled': disabled}, className);
|
|
231
|
-
|
|
232
|
-
const inputProps: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> = {
|
|
233
|
-
type: 'checkbox',
|
|
234
|
-
className: classNames(
|
|
235
|
-
'k-checkbox',
|
|
236
|
-
{
|
|
237
|
-
[`k-checkbox-${kendoThemeMaps.sizeMap[size!] || size}`]: size,
|
|
238
|
-
[`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,
|
|
239
|
-
'k-indeterminate': indeterminateProp,
|
|
240
|
-
'k-invalid k-invalid': !(isValid || validityStyles !== undefined || validityStyles === true)
|
|
241
|
-
}),
|
|
242
|
-
ref: elementRef,
|
|
243
|
-
name: name,
|
|
244
|
-
id: id || calculatedId,
|
|
245
|
-
'aria-labelledby': ariaLabelledBy,
|
|
246
|
-
'aria-describedby': ariaDescribedBy,
|
|
247
|
-
checked: Boolean(checkedProp),
|
|
248
|
-
disabled: disabled,
|
|
249
|
-
tabIndex: getTabIndex(tabIndex, disabled),
|
|
250
|
-
role: 'checkbox',
|
|
251
|
-
required: required !== undefined ? required : false,
|
|
252
|
-
'aria-checked': currentChecked || checkedProp ?
|
|
253
|
-
true :
|
|
254
|
-
indeterminateProp ?
|
|
255
|
-
'mixed' :
|
|
256
|
-
false,
|
|
257
|
-
'aria-disabled': disabled || undefined,
|
|
258
|
-
...others,
|
|
259
|
-
|
|
260
|
-
onChange: handleChange,
|
|
261
|
-
onKeyDown: handleKeyDown,
|
|
262
|
-
onKeyUp: handleKeyUp,
|
|
263
|
-
onFocus: handleFocus,
|
|
264
|
-
onBlur: handleBlur
|
|
265
|
-
};
|
|
266
|
-
|
|
267
|
-
const checkboxInput = (
|
|
268
|
-
<>
|
|
269
|
-
{
|
|
270
|
-
// removing value prop is required due to bug in react where
|
|
271
|
-
// value set to undefined override default submit value
|
|
272
|
-
valueProp === undefined ? (
|
|
273
|
-
<input {...inputProps} />
|
|
274
|
-
) : (
|
|
275
|
-
<input {...inputProps} value={valueIsBoolean ? undefined : valueProp === null ? '' : valueProp as any} />
|
|
276
|
-
)
|
|
277
|
-
}
|
|
278
|
-
</>
|
|
279
|
-
);
|
|
280
|
-
|
|
281
|
-
const checkboxLabel = (
|
|
282
|
-
<>
|
|
283
|
-
{
|
|
284
|
-
label !== undefined ? (
|
|
285
|
-
<label
|
|
286
|
-
className={'k-checkbox-label'}
|
|
287
|
-
htmlFor={id || calculatedId}
|
|
288
|
-
style={{ userSelect: 'none' }}
|
|
289
|
-
>
|
|
290
|
-
{label}
|
|
291
|
-
{labelOptional && <span className="k-label-optional">{optionalMessage}</span>}
|
|
292
|
-
</label>
|
|
293
|
-
) : null
|
|
294
|
-
}
|
|
295
|
-
</>
|
|
296
|
-
);
|
|
297
|
-
|
|
298
|
-
return (
|
|
299
|
-
<>
|
|
300
|
-
{
|
|
301
|
-
(labelPlacement === 'before') ? (
|
|
302
|
-
<span className={checkboxClasses} dir={'rtl'}>
|
|
303
|
-
{checkboxInput}
|
|
304
|
-
{checkboxLabel}
|
|
305
|
-
{children}
|
|
306
|
-
</span>
|
|
307
|
-
) : (
|
|
308
|
-
<span className={checkboxClasses} dir={dir}>
|
|
309
|
-
{checkboxInput}
|
|
310
|
-
{checkboxLabel}
|
|
311
|
-
{children}
|
|
312
|
-
</span>
|
|
313
|
-
)
|
|
314
|
-
}
|
|
315
|
-
</>
|
|
316
|
-
);
|
|
317
|
-
});
|
|
318
|
-
|
|
319
|
-
(Checkbox as React.ComponentType).propTypes = {
|
|
320
|
-
checked: PropTypes.bool,
|
|
321
|
-
className: PropTypes.string,
|
|
322
|
-
defaultChecked: PropTypes.bool,
|
|
323
|
-
defaultValue: PropTypes.any,
|
|
324
|
-
dir: PropTypes.string,
|
|
325
|
-
disabled: PropTypes.bool,
|
|
326
|
-
id: PropTypes.string,
|
|
327
|
-
size: PropTypes.oneOf<CheckboxProps['size']>([null, 'small','medium', 'large']),
|
|
328
|
-
rounded: PropTypes.oneOf<CheckboxProps['rounded']>([null, 'small','medium', 'large']),
|
|
329
|
-
ariaLabelledBy: PropTypes.string,
|
|
330
|
-
ariaDescribedBy: PropTypes.string,
|
|
331
|
-
label: PropTypes.any,
|
|
332
|
-
labelPlacement: PropTypes.string,
|
|
333
|
-
labelOptional: PropTypes.bool,
|
|
334
|
-
name: PropTypes.string,
|
|
335
|
-
tabIndex: PropTypes.number,
|
|
336
|
-
value: PropTypes.any,
|
|
337
|
-
validationMessage: PropTypes.string,
|
|
338
|
-
required: PropTypes.bool,
|
|
339
|
-
validate: PropTypes.bool,
|
|
340
|
-
valid: PropTypes.bool,
|
|
341
|
-
|
|
342
|
-
onChange: PropTypes.func,
|
|
343
|
-
onFocus: PropTypes.func,
|
|
344
|
-
onBlur: PropTypes.func
|
|
345
|
-
};
|
|
346
|
-
const defaultProps = {
|
|
347
|
-
size: 'medium' as CheckboxProps['size'],
|
|
348
|
-
rounded: 'medium' as CheckboxProps['rounded']
|
|
349
|
-
};
|
|
350
|
-
|
|
351
|
-
Checkbox.defaultProps = defaultProps;
|
|
352
|
-
Checkbox.displayName = 'KendoCheckbox';
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { CheckboxHandle } from './../Checkbox';
|
|
2
|
-
import { BaseEvent } from '@progress/kendo-react-common';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* The arguments for the `onChange` Checkbox event.
|
|
6
|
-
*/
|
|
7
|
-
export interface CheckboxChangeEvent extends BaseEvent<CheckboxHandle> {
|
|
8
|
-
/**
|
|
9
|
-
* The new value of the Checkbox.
|
|
10
|
-
*/
|
|
11
|
-
value: boolean;
|
|
12
|
-
}
|