@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,80 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as ReactDOM from 'react-dom';
|
|
3
|
-
import { Form, Field } from '@progress/kendo-react-form';
|
|
4
|
-
import { Input } from '@progress/kendo-react-inputs';
|
|
5
|
-
|
|
6
|
-
import '@progress/kendo-theme-default/dist/all.css';
|
|
7
|
-
|
|
8
|
-
import { RadioGroup } from './../../src/main';
|
|
9
|
-
|
|
10
|
-
const gender = [
|
|
11
|
-
{ label: 'Male', value: 'male' },
|
|
12
|
-
{ label: 'Female', value: 'Female' },
|
|
13
|
-
{ label: 'Other', value: 'other' }
|
|
14
|
-
];
|
|
15
|
-
|
|
16
|
-
const radioGroupValidator = (value) => (value ? '' : 'Please select one of the options!');
|
|
17
|
-
|
|
18
|
-
const MyRadioGroup = (fieldRenderProps) => {
|
|
19
|
-
const { validationMessage, visited, ...others } = fieldRenderProps;
|
|
20
|
-
|
|
21
|
-
return (
|
|
22
|
-
<div>
|
|
23
|
-
<RadioGroup data={gender} onChange={fieldRenderProps.onChange} {...others} />
|
|
24
|
-
{
|
|
25
|
-
visited && validationMessage && (<div className={'k-required'}>{validationMessage}</div>)
|
|
26
|
-
}
|
|
27
|
-
</div>
|
|
28
|
-
);
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
const MyInput = (fieldRenderProps) => {
|
|
32
|
-
const { ...others } = fieldRenderProps;
|
|
33
|
-
return <Input {...others} />;
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
const App = () => {
|
|
37
|
-
const handleSubmit = (dataItem) => alert(JSON.stringify(dataItem, null, 2));
|
|
38
|
-
return (
|
|
39
|
-
<Form
|
|
40
|
-
onSubmit={handleSubmit}
|
|
41
|
-
render={(formRenderProps) => {
|
|
42
|
-
return (
|
|
43
|
-
<form onSubmit={formRenderProps.onSubmit} className={'k-form'}>
|
|
44
|
-
<fieldset>
|
|
45
|
-
<legend>Please fill in the fields:</legend>
|
|
46
|
-
<div className="mb-3">
|
|
47
|
-
<Field name={'firstName'} component={MyInput} label={'First name'} />
|
|
48
|
-
</div>
|
|
49
|
-
|
|
50
|
-
<div className="mb-3">
|
|
51
|
-
<Field name={'lastName'} component={MyInput} label={'Last name'} />
|
|
52
|
-
</div>
|
|
53
|
-
<div className="mb-3">
|
|
54
|
-
<Field
|
|
55
|
-
name={'name1'}
|
|
56
|
-
component={MyRadioGroup}
|
|
57
|
-
label={'Radio Group'}
|
|
58
|
-
validator={radioGroupValidator}
|
|
59
|
-
/>
|
|
60
|
-
</div>
|
|
61
|
-
</fieldset>
|
|
62
|
-
<button
|
|
63
|
-
type={'submit'}
|
|
64
|
-
className="k-button"
|
|
65
|
-
disabled={!formRenderProps.allowSubmit}
|
|
66
|
-
>
|
|
67
|
-
Submit
|
|
68
|
-
</button>
|
|
69
|
-
</form>
|
|
70
|
-
);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
/>
|
|
74
|
-
);
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
ReactDOM.render(
|
|
78
|
-
<App />,
|
|
79
|
-
document.getElementById('app')
|
|
80
|
-
);
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as ReactDOM from 'react-dom';
|
|
3
|
-
|
|
4
|
-
import '@progress/kendo-theme-default/dist/all.css';
|
|
5
|
-
|
|
6
|
-
import { RadioGroup } from './../../src/main';
|
|
7
|
-
|
|
8
|
-
const priorities = [
|
|
9
|
-
{ label: 'Low', value: 'Low' },
|
|
10
|
-
{ label: 'Normal', value: 'Normal', disabled: false },
|
|
11
|
-
{ label: 'Urgent', value: 'Urgent' },
|
|
12
|
-
{ label: 'High', value: 'High' }
|
|
13
|
-
];
|
|
14
|
-
|
|
15
|
-
const priorities2 = [
|
|
16
|
-
{ label: 'Low', value: 'Low', labelPlacement: 'before' },
|
|
17
|
-
{ label: 'Normal', value: 'Normal', disabled: false, labelPlacement: 'before' },
|
|
18
|
-
{ label: 'Urgent', value: 'Urgent', labelPlacement: 'before' },
|
|
19
|
-
{ label: 'High', value: 'High', labelPlacement: 'before' }
|
|
20
|
-
];
|
|
21
|
-
|
|
22
|
-
const App = () => {
|
|
23
|
-
|
|
24
|
-
return (
|
|
25
|
-
<div>
|
|
26
|
-
<RadioGroup
|
|
27
|
-
disabled={true}
|
|
28
|
-
data={priorities}
|
|
29
|
-
/>
|
|
30
|
-
<RadioGroup
|
|
31
|
-
disabled={true}
|
|
32
|
-
data={priorities2}
|
|
33
|
-
/>
|
|
34
|
-
<RadioGroup
|
|
35
|
-
disabled={false}
|
|
36
|
-
data={priorities2}
|
|
37
|
-
/>
|
|
38
|
-
</div>
|
|
39
|
-
);
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
ReactDOM.render(
|
|
43
|
-
<App />,
|
|
44
|
-
document.getElementById('app')
|
|
45
|
-
);
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as ReactDOM from 'react-dom';
|
|
3
|
-
|
|
4
|
-
import '@progress/kendo-theme-default/dist/all.css';
|
|
5
|
-
|
|
6
|
-
import { RadioGroup, RadioButton } from './../../src/main';
|
|
7
|
-
|
|
8
|
-
const priorities = [
|
|
9
|
-
{ label: 'Low', labelPlacement: 'before', value: 'Low', style: {color: 'blue', background: 'white', borderColor: 'grey', boxShadow: 'none'} },
|
|
10
|
-
{ label: 'Normal', value: 'Normal', style: {color: 'green', background: 'white', borderColor: 'grey', boxShadow: 'none'} },
|
|
11
|
-
{ label: 'Urgent', value: 'Urgent', className: 'custom-class', style: {color: 'orange', background: 'white', borderColor: 'grey', boxShadow: 'none'}},
|
|
12
|
-
{ label: 'High', value: 'High', style: {color: 'red', background: 'white', borderColor: 'grey', boxShadow: 'none'} }
|
|
13
|
-
];
|
|
14
|
-
|
|
15
|
-
const App = () => {
|
|
16
|
-
|
|
17
|
-
const [stateChecked, setStateChecked] = React.useState(priorities[1].value);
|
|
18
|
-
|
|
19
|
-
const onChangeHandler = React.useCallback(
|
|
20
|
-
(e) => {
|
|
21
|
-
setStateChecked(e.value);
|
|
22
|
-
},
|
|
23
|
-
[setStateChecked]
|
|
24
|
-
);
|
|
25
|
-
|
|
26
|
-
const [selectedValue, setSelectedValue] = React.useState('first');
|
|
27
|
-
|
|
28
|
-
const handleChange = React.useCallback(
|
|
29
|
-
(e) => {
|
|
30
|
-
setSelectedValue(e.value);
|
|
31
|
-
},
|
|
32
|
-
[setSelectedValue]
|
|
33
|
-
);
|
|
34
|
-
|
|
35
|
-
return (
|
|
36
|
-
<>
|
|
37
|
-
<div style={{border: '1px solid grey', padding: '10px'}}>
|
|
38
|
-
<span>Demo controlled radio group</span>
|
|
39
|
-
<RadioGroup
|
|
40
|
-
name="Controlled demo"
|
|
41
|
-
data={priorities}
|
|
42
|
-
value={stateChecked}
|
|
43
|
-
onChange={onChangeHandler}
|
|
44
|
-
/>
|
|
45
|
-
</div>
|
|
46
|
-
<div style={{border: '1px solid grey', padding: '10px'}}>
|
|
47
|
-
<span>Demo uncontrolled mode</span>
|
|
48
|
-
<RadioGroup
|
|
49
|
-
name="Uncontrolled demo"
|
|
50
|
-
data={priorities}
|
|
51
|
-
defaultValue={priorities[2].value}
|
|
52
|
-
disabled={true}
|
|
53
|
-
/>
|
|
54
|
-
</div>
|
|
55
|
-
<div style={{border: '1px solid grey', padding: '10px'}}>
|
|
56
|
-
<span>Demo with standalone radio buttons</span>
|
|
57
|
-
<div>
|
|
58
|
-
<RadioButton tabIndex={2} name="test" value="first" checked={selectedValue === 'first'} label="First" onChange={handleChange} />
|
|
59
|
-
<RadioButton name="test" value="second" checked={selectedValue === 'second'} label="Second" onChange={handleChange} />
|
|
60
|
-
<RadioButton name="test" value="third" checked={selectedValue === 'third'} label="Third" onChange={handleChange} />
|
|
61
|
-
<RadioButton name="test" value="fourth" checked={selectedValue === 'fourth'} label="Fourth" onChange={handleChange} />
|
|
62
|
-
<RadioButton id={'rb1'} size={'small'}>
|
|
63
|
-
<label htmlFor={'rb1'} className={'k-radio-label'} style={{ 'display': 'inline-block'}}>
|
|
64
|
-
By clicking <a href="#">Sign Up</a>, you agree to our Terms and Conditions.
|
|
65
|
-
</label>
|
|
66
|
-
</RadioButton>
|
|
67
|
-
</div>
|
|
68
|
-
</div>
|
|
69
|
-
</>
|
|
70
|
-
);
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
ReactDOM.render(
|
|
74
|
-
<App />,
|
|
75
|
-
document.getElementById('app')
|
|
76
|
-
);
|
|
@@ -1,57 +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
|
-
import { Form, FieldWrapper, FormElement, Field } from '@progress/kendo-react-form';
|
|
6
|
-
import { RangeSlider } from '../../../src/main';
|
|
7
|
-
import { Label, Hint, Error } from '@progress/kendo-react-labels';
|
|
8
|
-
|
|
9
|
-
const SliderWithLabel = (props) => {
|
|
10
|
-
const { validationMessage, visited, label, id, valid, disabled, ...others } = props;
|
|
11
|
-
const showValidationMessage = visited && validationMessage;
|
|
12
|
-
const editorRef = React.useRef();
|
|
13
|
-
return (
|
|
14
|
-
<FieldWrapper>
|
|
15
|
-
<Label editorRef={editorRef} editorId={id} editorValid={valid} editorDisabled={disabled}>{label}</Label>
|
|
16
|
-
<RangeSlider ref={editorRef} id={id} {...others} />
|
|
17
|
-
{
|
|
18
|
-
!showValidationMessage &&
|
|
19
|
-
(<Hint>Enter your personal email address.</Hint>)
|
|
20
|
-
}
|
|
21
|
-
{
|
|
22
|
-
showValidationMessage &&
|
|
23
|
-
(<Error>{validationMessage}</Error>)
|
|
24
|
-
}
|
|
25
|
-
</FieldWrapper>
|
|
26
|
-
);
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
const App = () => {
|
|
30
|
-
return (
|
|
31
|
-
<div>
|
|
32
|
-
<h2>With Form:</h2>
|
|
33
|
-
<div >
|
|
34
|
-
<Form
|
|
35
|
-
onSubmit={() => { /** */ }}
|
|
36
|
-
render={(props) => (
|
|
37
|
-
<FormElement>
|
|
38
|
-
<Field
|
|
39
|
-
name="slider"
|
|
40
|
-
label="Pick Price Range"
|
|
41
|
-
component={SliderWithLabel}
|
|
42
|
-
min={0}
|
|
43
|
-
step={100}
|
|
44
|
-
max={2000}
|
|
45
|
-
/>
|
|
46
|
-
</FormElement>
|
|
47
|
-
)}
|
|
48
|
-
/>
|
|
49
|
-
</div>
|
|
50
|
-
</div>
|
|
51
|
-
);
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
ReactDOM.render(
|
|
55
|
-
<App />,
|
|
56
|
-
document.querySelector('#app')
|
|
57
|
-
);
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as ReactDOM from 'react-dom';
|
|
3
|
-
|
|
4
|
-
import '@progress/kendo-theme-default/dist/all.css';
|
|
5
|
-
|
|
6
|
-
import { SliderLabel, RangeSlider, RangeSliderChangeEvent, RangeSliderHandle } from '../../src/main';
|
|
7
|
-
import {
|
|
8
|
-
LocalizationProvider,
|
|
9
|
-
loadMessages
|
|
10
|
-
} from '@progress/kendo-react-intl';
|
|
11
|
-
|
|
12
|
-
const messagesObj = {
|
|
13
|
-
'slider.increment': 'Incrementos',
|
|
14
|
-
'slider.decrement': 'Decrementos'
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
loadMessages(messagesObj, 'es');
|
|
18
|
-
|
|
19
|
-
const App = () => {
|
|
20
|
-
const firstSliderRef = React.useRef<RangeSliderHandle | null>(null);
|
|
21
|
-
const [value, setValue] = React.useState({
|
|
22
|
-
start: 0,
|
|
23
|
-
end: 40
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
const handleClick = (newValue: number) => {
|
|
27
|
-
const distanceToStart = Math.abs(value.start - newValue);
|
|
28
|
-
const distanceToEnd = Math.abs(value.end - newValue);
|
|
29
|
-
const key = distanceToEnd <= distanceToStart ? 'end' : 'start';
|
|
30
|
-
|
|
31
|
-
setValue({...value, [key]: newValue});
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
const handleChange = (event: RangeSliderChangeEvent) => {
|
|
35
|
-
// console.log(newValue)
|
|
36
|
-
// console.log(`Slider with ID:${event.target.props.id} changed, ${event.value.start}, ${event.value.end}`);
|
|
37
|
-
setValue(event.value);
|
|
38
|
-
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
React.useEffect(
|
|
42
|
-
() => {
|
|
43
|
-
if (firstSliderRef.current) {
|
|
44
|
-
firstSliderRef.current.focus();
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
[]
|
|
48
|
-
);
|
|
49
|
-
|
|
50
|
-
return (
|
|
51
|
-
<div>
|
|
52
|
-
<h2>With Localization:</h2>
|
|
53
|
-
<div style={{ marginBottom: 100 }}>
|
|
54
|
-
<LocalizationProvider language="es">
|
|
55
|
-
<RangeSlider
|
|
56
|
-
ref={firstSliderRef}
|
|
57
|
-
id={'0'}
|
|
58
|
-
min={0}
|
|
59
|
-
max={100}
|
|
60
|
-
value={value}
|
|
61
|
-
onChange={handleChange}
|
|
62
|
-
>
|
|
63
|
-
{[0, 33, 50, 66, 77, 100].map((perc: number, i) => (
|
|
64
|
-
<SliderLabel
|
|
65
|
-
key={i}
|
|
66
|
-
position={perc}
|
|
67
|
-
onClick={handleClick.bind(undefined, perc)}
|
|
68
|
-
>
|
|
69
|
-
{perc.toString()}
|
|
70
|
-
</SliderLabel>
|
|
71
|
-
))}
|
|
72
|
-
</RangeSlider>
|
|
73
|
-
</LocalizationProvider>
|
|
74
|
-
</div>
|
|
75
|
-
<h2>With RTL and disabled mode:</h2>
|
|
76
|
-
<div dir="rtl">
|
|
77
|
-
<LocalizationProvider language="es">
|
|
78
|
-
<RangeSlider
|
|
79
|
-
id={'1'}
|
|
80
|
-
min={0}
|
|
81
|
-
max={100}
|
|
82
|
-
value={value}
|
|
83
|
-
disabled={true}
|
|
84
|
-
onChange={handleChange}
|
|
85
|
-
>
|
|
86
|
-
{[0, 33, 50, 66, 77, 100].map((perc: number, i) => (
|
|
87
|
-
<SliderLabel
|
|
88
|
-
key={i}
|
|
89
|
-
position={perc}
|
|
90
|
-
onClick={handleClick.bind(undefined, perc)}
|
|
91
|
-
>
|
|
92
|
-
{perc.toString()}
|
|
93
|
-
</SliderLabel>
|
|
94
|
-
))}
|
|
95
|
-
</RangeSlider>
|
|
96
|
-
</LocalizationProvider>
|
|
97
|
-
</div>
|
|
98
|
-
<h2>Parent RTL, Slider LTR:</h2>
|
|
99
|
-
<div dir="rtl">
|
|
100
|
-
<LocalizationProvider language="es">
|
|
101
|
-
<RangeSlider
|
|
102
|
-
id={'2'}
|
|
103
|
-
dir="ltr"
|
|
104
|
-
min={0}
|
|
105
|
-
max={100}
|
|
106
|
-
value={value}
|
|
107
|
-
onChange={handleChange}
|
|
108
|
-
>
|
|
109
|
-
{[0, 33, 50, 66, 77, 100].map((perc: number, i) => (
|
|
110
|
-
<SliderLabel
|
|
111
|
-
key={i}
|
|
112
|
-
position={perc}
|
|
113
|
-
onClick={handleClick.bind(undefined, perc)}
|
|
114
|
-
>
|
|
115
|
-
{perc.toString()}
|
|
116
|
-
</SliderLabel>
|
|
117
|
-
))}
|
|
118
|
-
</RangeSlider>
|
|
119
|
-
</LocalizationProvider>
|
|
120
|
-
</div>
|
|
121
|
-
<h2>Orientation:</h2>
|
|
122
|
-
<RangeSlider
|
|
123
|
-
id={'3'}
|
|
124
|
-
min={0}
|
|
125
|
-
max={100}
|
|
126
|
-
value={value}
|
|
127
|
-
vertical={true}
|
|
128
|
-
onChange={handleChange}
|
|
129
|
-
>
|
|
130
|
-
{[0, 33, 50, 66, 77, 100].map((perc: number, i) => (
|
|
131
|
-
<SliderLabel
|
|
132
|
-
key={i}
|
|
133
|
-
position={perc}
|
|
134
|
-
onClick={handleClick.bind(undefined, perc)}
|
|
135
|
-
>
|
|
136
|
-
{perc.toString()}
|
|
137
|
-
</SliderLabel>
|
|
138
|
-
))}
|
|
139
|
-
</RangeSlider>
|
|
140
|
-
</div>
|
|
141
|
-
);
|
|
142
|
-
};
|
|
143
|
-
|
|
144
|
-
ReactDOM.render(
|
|
145
|
-
<App />,
|
|
146
|
-
document.querySelector('#app')
|
|
147
|
-
);
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as ReactDOM from 'react-dom';
|
|
3
|
-
|
|
4
|
-
import { Rating } from '../../src/rating/Rating';
|
|
5
|
-
// import { RatingItem, RatingItemProps } from '../../src/rating/RatingItem';
|
|
6
|
-
|
|
7
|
-
import '@progress/kendo-theme-material/dist/all.css';
|
|
8
|
-
// import { classNames } from '@progress/kendo-react-common';
|
|
9
|
-
|
|
10
|
-
// const CustomItem = (props: RatingItemProps) => {
|
|
11
|
-
// return (
|
|
12
|
-
// <RatingItem {...props}>
|
|
13
|
-
// {props.half && (
|
|
14
|
-
// <div
|
|
15
|
-
// className={'k-rating-precision-complement'}
|
|
16
|
-
// style={{width: '12px', [props.dir === 'rtl' ? 'right' : 'left']: '50%'}}
|
|
17
|
-
// >
|
|
18
|
-
// <div
|
|
19
|
-
// className={classNames(
|
|
20
|
-
// 'k-icon',
|
|
21
|
-
// {
|
|
22
|
-
// 'k-i-heart-outline': !props.icon,
|
|
23
|
-
// [`${props.icon}-outline`]: props.icon
|
|
24
|
-
// }
|
|
25
|
-
// )}
|
|
26
|
-
// />
|
|
27
|
-
// </div>
|
|
28
|
-
// )}
|
|
29
|
-
// {props.half && (
|
|
30
|
-
// <div
|
|
31
|
-
// className={'k-rating-precision-part'}
|
|
32
|
-
// style={{width: '12px'}}
|
|
33
|
-
// >
|
|
34
|
-
// <div
|
|
35
|
-
// className={classNames(
|
|
36
|
-
// 'k-icon',
|
|
37
|
-
// {
|
|
38
|
-
// 'k-i-heart': !props.icon,
|
|
39
|
-
// [`${props.icon}`]: props.icon
|
|
40
|
-
// }
|
|
41
|
-
// )}
|
|
42
|
-
// />
|
|
43
|
-
// </div>)
|
|
44
|
-
// }
|
|
45
|
-
// {props.half && (
|
|
46
|
-
// <div style={{width: '24px', height: '24px', display: 'block'}}/>
|
|
47
|
-
// )}
|
|
48
|
-
// {!props.half && (
|
|
49
|
-
// <div
|
|
50
|
-
// className={classNames(
|
|
51
|
-
// 'k-icon',
|
|
52
|
-
// {
|
|
53
|
-
// 'k-i-heart': !props.icon && props.hovered || (props.selected && !props.hovered),
|
|
54
|
-
// 'k-i-heart-outline': !props.icon && !props.hovered,
|
|
55
|
-
// [`${props.icon}`]: props.icon
|
|
56
|
-
// }
|
|
57
|
-
// )}
|
|
58
|
-
// />
|
|
59
|
-
// )}
|
|
60
|
-
// </RatingItem>
|
|
61
|
-
// );
|
|
62
|
-
// };
|
|
63
|
-
|
|
64
|
-
const App = () => {
|
|
65
|
-
// const [selectionState, setSelectionState] = React.useState(2);
|
|
66
|
-
|
|
67
|
-
// const handleSelection = (event) => {
|
|
68
|
-
// setSelectionState(event.value);
|
|
69
|
-
// };
|
|
70
|
-
|
|
71
|
-
return (
|
|
72
|
-
<div>
|
|
73
|
-
<h3>Base example</h3>
|
|
74
|
-
<Rating
|
|
75
|
-
min={1}
|
|
76
|
-
max={5}
|
|
77
|
-
// step={-1}
|
|
78
|
-
defaultValue={2.5}
|
|
79
|
-
// item={CustomItem}
|
|
80
|
-
// precision={'half'}
|
|
81
|
-
// dir={'rtl'}
|
|
82
|
-
// disabled={true}
|
|
83
|
-
/>
|
|
84
|
-
<hr />
|
|
85
|
-
<Rating
|
|
86
|
-
min={1}
|
|
87
|
-
max={5}
|
|
88
|
-
step={1}
|
|
89
|
-
precision={'half'}
|
|
90
|
-
/>
|
|
91
|
-
<hr />
|
|
92
|
-
<Rating
|
|
93
|
-
min={0.5}
|
|
94
|
-
max={5}
|
|
95
|
-
step={1}
|
|
96
|
-
precision={'half'}
|
|
97
|
-
/>
|
|
98
|
-
<hr />
|
|
99
|
-
<Rating
|
|
100
|
-
min={-0.6}
|
|
101
|
-
max={0.3}
|
|
102
|
-
step={0.1}
|
|
103
|
-
/>
|
|
104
|
-
<hr />
|
|
105
|
-
<Rating
|
|
106
|
-
min={-0.6}
|
|
107
|
-
max={0.4}
|
|
108
|
-
step={0.1}
|
|
109
|
-
/>
|
|
110
|
-
<h3>Default Rating - half</h3>
|
|
111
|
-
<Rating
|
|
112
|
-
min={0.1}
|
|
113
|
-
max={0.5}
|
|
114
|
-
step={0.1}
|
|
115
|
-
precision={'half'}
|
|
116
|
-
// value={selectionState}
|
|
117
|
-
defaultValue={0.3}
|
|
118
|
-
// onChange={handleSelection}
|
|
119
|
-
/// onChange
|
|
120
|
-
/>
|
|
121
|
-
<h3>Rating - precision item</h3>
|
|
122
|
-
<Rating
|
|
123
|
-
min={0}
|
|
124
|
-
max={5}
|
|
125
|
-
defaultValue={2}
|
|
126
|
-
label={'My custom label'}
|
|
127
|
-
step={1}
|
|
128
|
-
/>
|
|
129
|
-
<h3>Single Selection</h3>
|
|
130
|
-
<Rating
|
|
131
|
-
min={0}
|
|
132
|
-
max={0.5}
|
|
133
|
-
step={0.1}
|
|
134
|
-
selection={'single'}
|
|
135
|
-
/>
|
|
136
|
-
<h3>Readonly</h3>
|
|
137
|
-
<Rating
|
|
138
|
-
min={0.1}
|
|
139
|
-
max={0.5}
|
|
140
|
-
step={0.1}
|
|
141
|
-
readonly={true}
|
|
142
|
-
/>
|
|
143
|
-
<h3>Disabled</h3>
|
|
144
|
-
<Rating
|
|
145
|
-
min={0.1}
|
|
146
|
-
max={0.5}
|
|
147
|
-
step={0.1}
|
|
148
|
-
disabled={true}
|
|
149
|
-
selection={'single'}
|
|
150
|
-
/>
|
|
151
|
-
</div>
|
|
152
|
-
);
|
|
153
|
-
};
|
|
154
|
-
|
|
155
|
-
ReactDOM.render(
|
|
156
|
-
<App />,
|
|
157
|
-
document.querySelector('#app')
|
|
158
|
-
);
|
package/examples/rtl/index.html
DELETED
package/examples/rtl/index.tsx
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as ReactDOM from 'react-dom';
|
|
3
|
-
import { Input, NumericTextBox, MaskedTextBox, Slider, SliderLabel } from '../../src/main';
|
|
4
|
-
|
|
5
|
-
import '@progress/kendo-theme-default/dist/all.css';
|
|
6
|
-
|
|
7
|
-
const App = () => {
|
|
8
|
-
return (
|
|
9
|
-
<div style={{ marginTop: 300, marginLeft: 100 }}>
|
|
10
|
-
<span className="k-floating-label-container" dir="rtl">
|
|
11
|
-
<input readOnly={true} placeholder="asd" id="b509af89-3eb0-464f-a8c8-f563a1da27db" className="k-textbox" value="" />
|
|
12
|
-
<label htmlFor="b509af89-3eb0-464f-a8c8-f563a1da27db" className="k-label">That's more like it</label>
|
|
13
|
-
</span><br />
|
|
14
|
-
<Input readOnly={true} label="foo" value="foo" dir="rtl" /><br />
|
|
15
|
-
<NumericTextBox label="bar" value={42} dir="rtl"/><br />
|
|
16
|
-
<MaskedTextBox label="baz" value="4" dir="rtl"/><br />
|
|
17
|
-
<Slider min={0} max={100} dir={'rtl'}>
|
|
18
|
-
{[0, 25, 50, 100].map((perc, index) => (
|
|
19
|
-
<SliderLabel key={index} position={perc}>{perc}</SliderLabel>
|
|
20
|
-
))}
|
|
21
|
-
</Slider>
|
|
22
|
-
</div>
|
|
23
|
-
);
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
ReactDOM.render(
|
|
27
|
-
<App />,
|
|
28
|
-
document.querySelector('#app')
|
|
29
|
-
);
|