@progress/kendo-react-inputs 6.1.1 → 7.0.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +1 -1
- package/{dist/npm/checkbox → checkbox}/Checkbox.d.ts +4 -0
- package/checkbox/interfaces/CheckboxBlurEvent.d.ts +11 -0
- package/checkbox/interfaces/CheckboxChangeEvent.d.ts +15 -0
- package/checkbox/interfaces/CheckboxFocusEvent.d.ts +11 -0
- package/{dist/es/checkbox → checkbox}/interfaces/CheckboxProps.d.ts +5 -2
- package/colors/ColorContrastLabels.d.ts +19 -0
- package/{dist/es/colors → colors}/ColorContrastSvg.d.ts +5 -1
- package/{dist/es/colors → colors}/ColorGradient.d.ts +10 -5
- package/{dist/es/colors → colors}/ColorInput.d.ts +6 -2
- package/{dist/npm/colors → colors}/ColorPalette.d.ts +6 -2
- package/{dist/npm/colors → colors}/ColorPicker.d.ts +4 -0
- package/{dist/npm/colors → colors}/FlatColorPicker.d.ts +4 -0
- package/{dist/npm/colors → colors}/HexInput.d.ts +5 -1
- package/colors/Picker.d.ts +10 -0
- package/colors/interfaces/ColorGradientChangeEvent.d.ts +15 -0
- package/{dist/es/colors → colors}/interfaces/ColorGradientProps.d.ts +4 -1
- package/{dist/npm/colors → colors}/interfaces/ColorPaletteChangeEvent.d.ts +4 -0
- package/{dist/npm/colors → colors}/interfaces/ColorPaletteProps.d.ts +4 -0
- package/{dist/npm/colors → colors}/interfaces/ColorPickerActiveColorClick.d.ts +4 -1
- package/colors/interfaces/ColorPickerBlurEvent.d.ts +17 -0
- package/colors/interfaces/ColorPickerChangeEvent.d.ts +21 -0
- package/colors/interfaces/ColorPickerFocusEvent.d.ts +17 -0
- package/{dist/es/colors → colors}/interfaces/ColorPickerGradientSettings.d.ts +4 -0
- package/{dist/es/colors → colors}/interfaces/ColorPickerPaletteSettings.d.ts +4 -0
- package/{dist/npm/colors → colors}/interfaces/ColorPickerPopupSettings.d.ts +4 -0
- package/{dist/npm/colors → colors}/interfaces/ColorPickerProps.d.ts +4 -0
- package/colors/interfaces/ColorPickerView.d.ts +14 -0
- package/{dist/es/colors → colors}/interfaces/PickerPopupSettings.d.ts +4 -1
- package/{dist/es/colors → colors}/interfaces/PickerProps.d.ts +4 -0
- package/colors/models/hsva.d.ts +13 -0
- package/colors/models/output-format.d.ts +8 -0
- package/{dist/es/colors → colors}/models/palette-presets.d.ts +4 -0
- package/colors/models/rgb.d.ts +12 -0
- package/colors/models/rgba.d.ts +13 -0
- package/colors/models/table-cell.d.ts +11 -0
- package/colors/models/tile-size.d.ts +15 -0
- package/{dist/npm/colors → colors}/utils/color-cache.d.ts +4 -0
- package/{dist/es/colors → colors}/utils/color-palette.service.d.ts +4 -0
- package/{dist/es/colors → colors}/utils/color-parser.d.ts +4 -0
- package/{dist/es/colors → colors}/utils/misc.d.ts +4 -0
- package/{dist/es/colors → colors}/utils/svg-calc.d.ts +4 -0
- package/dist/cdn/js/kendo-react-inputs.js +21 -1
- package/{dist/es/main.js → index.d.ts} +19 -12
- package/index.js +21 -0
- package/index.mjs +5030 -0
- package/{dist/npm/input → input}/Input.d.ts +7 -3
- package/input/InputClearValue.d.ts +19 -0
- package/input/InputPrefix.d.ts +19 -0
- package/input/InputSeparator.d.ts +19 -0
- package/input/InputSuffix.d.ts +19 -0
- package/{dist/es/input → input}/InputValidationIcon.d.ts +6 -2
- package/input/interfaces/InputChangeEvent.d.ts +15 -0
- package/interfaces/Direction.d.ts +5 -0
- package/interfaces/ToggleBaseProps.d.ts +12 -0
- package/{dist/npm/maskedtextbox → maskedtextbox}/MaskedTextBox.d.ts +10 -6
- package/{dist/es/maskedtextbox → maskedtextbox}/MaskedTextBoxProps.d.ts +4 -1
- package/{dist/npm/maskedtextbox → maskedtextbox}/masking.service.d.ts +4 -0
- package/maskedtextbox/parsing/combinators.d.ts +13 -0
- package/{dist/npm/maskedtextbox → maskedtextbox}/parsing/parsers.d.ts +4 -0
- package/{dist/es/maskedtextbox → maskedtextbox}/parsing/result.d.ts +4 -0
- package/{dist/npm/maskedtextbox → maskedtextbox}/parsing/stream.d.ts +4 -0
- package/{dist/es/maskedtextbox → maskedtextbox}/utils.d.ts +4 -0
- package/{dist/npm/messages → messages}/index.d.ts +4 -0
- package/{dist/npm/numerictextbox → numerictextbox}/NumericTextBox.d.ts +4 -0
- package/numerictextbox/interfaces/NumericTextBoxBlurEvent.d.ts +11 -0
- package/{dist/es/numerictextbox → numerictextbox}/interfaces/NumericTextBoxChangeEvent.d.ts +4 -0
- package/numerictextbox/interfaces/NumericTextBoxFocusEvent.d.ts +11 -0
- package/{dist/npm/numerictextbox → numerictextbox}/interfaces/NumericTextBoxHandle.d.ts +4 -0
- package/{dist/npm/numerictextbox → numerictextbox}/interfaces/NumericTextBoxProps.d.ts +5 -2
- package/{dist/es/numerictextbox → numerictextbox}/interfaces/NumericTextBoxState.d.ts +4 -0
- package/{dist/npm/numerictextbox → numerictextbox}/utils/index.d.ts +4 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +36 -55
- package/{dist/es/radiobutton → radiobutton}/RadioButton.d.ts +4 -0
- package/{dist/es/radiobutton → radiobutton}/RadioGroup.d.ts +4 -0
- package/radiobutton/interfaces/RadioButtonBlurEvent.d.ts +11 -0
- package/radiobutton/interfaces/RadioButtonChangeEvent.d.ts +15 -0
- package/radiobutton/interfaces/RadioButtonFocusEvent.d.ts +11 -0
- package/{dist/npm/radiobutton → radiobutton}/interfaces/RadioButtonProps.d.ts +5 -2
- package/radiobutton/interfaces/RadioGroupChangeEvent.d.ts +15 -0
- package/radiobutton/interfaces/RadioGroupFocusEvent.d.ts +11 -0
- package/{dist/es/radiobutton → radiobutton}/interfaces/RadioGroupProps.d.ts +4 -0
- package/{dist/es/range-slider → range-slider}/RangeSlider.d.ts +5 -1
- package/{dist/es/range-slider → range-slider}/range-raducer.d.ts +5 -1
- package/{dist/npm/rating → rating}/Rating.d.ts +4 -0
- package/{dist/es/rating → rating}/RatingItem.d.ts +4 -0
- package/{dist/es/rating → rating}/models/index.d.ts +4 -1
- package/{dist/npm/rating → rating}/rating-reducer.d.ts +6 -3
- package/{dist/npm/rating → rating}/utils/index.d.ts +4 -0
- package/{dist/es/signature → signature}/Signature.d.ts +4 -0
- package/signature/interfaces/SignatureBlurEvent.d.ts +11 -0
- package/signature/interfaces/SignatureChangeEvent.d.ts +15 -0
- package/signature/interfaces/SignatureCloseEvent.d.ts +11 -0
- package/signature/interfaces/SignatureFocusEvent.d.ts +11 -0
- package/{dist/npm/signature → signature}/interfaces/SignatureHandle.d.ts +4 -0
- package/signature/interfaces/SignatureOpenEvent.d.ts +11 -0
- package/{dist/es/signature → signature}/interfaces/SignatureProps.d.ts +4 -1
- package/signature/interfaces/index.d.ts +11 -0
- package/signature/utils/index.d.ts +8 -0
- package/{dist/npm/slider → slider}/Slider.d.ts +6 -2
- package/{dist/es/slider → slider}/SliderLabel.d.ts +5 -1
- package/{dist/es/switch → switch}/Switch.d.ts +10 -6
- package/{dist/npm/textarea → textarea}/TextArea.d.ts +4 -0
- package/textarea/interfaces/TextAreaBlurEvent.d.ts +11 -0
- package/textarea/interfaces/TextAreaChangeEvent.d.ts +15 -0
- package/textarea/interfaces/TextAreaFocusEvent.d.ts +11 -0
- package/{dist/npm/textarea → textarea}/interfaces/TextAreaProps.d.ts +5 -2
- package/{dist/es/textbox → textbox}/Textbox.d.ts +5 -1
- package/about.md +0 -3
- package/dist/es/checkbox/Checkbox.d.ts +0 -32
- package/dist/es/checkbox/Checkbox.js +0 -204
- package/dist/es/checkbox/interfaces/CheckboxBlurEvent.d.ts +0 -7
- package/dist/es/checkbox/interfaces/CheckboxBlurEvent.js +0 -1
- package/dist/es/checkbox/interfaces/CheckboxChangeEvent.d.ts +0 -11
- package/dist/es/checkbox/interfaces/CheckboxChangeEvent.js +0 -1
- package/dist/es/checkbox/interfaces/CheckboxFocusEvent.d.ts +0 -7
- package/dist/es/checkbox/interfaces/CheckboxFocusEvent.js +0 -1
- package/dist/es/checkbox/interfaces/CheckboxProps.js +0 -1
- package/dist/es/colors/ColorContrastLabels.d.ts +0 -15
- package/dist/es/colors/ColorContrastLabels.js +0 -68
- package/dist/es/colors/ColorContrastSvg.js +0 -88
- package/dist/es/colors/ColorGradient.js +0 -316
- package/dist/es/colors/ColorInput.js +0 -125
- package/dist/es/colors/ColorPalette.d.ts +0 -123
- package/dist/es/colors/ColorPalette.js +0 -280
- package/dist/es/colors/ColorPicker.d.ts +0 -30
- package/dist/es/colors/ColorPicker.js +0 -246
- package/dist/es/colors/FlatColorPicker.d.ts +0 -135
- package/dist/es/colors/FlatColorPicker.js +0 -176
- package/dist/es/colors/HexInput.d.ts +0 -29
- package/dist/es/colors/HexInput.js +0 -54
- package/dist/es/colors/Picker.d.ts +0 -6
- package/dist/es/colors/Picker.js +0 -36
- package/dist/es/colors/interfaces/ColorGradientChangeEvent.d.ts +0 -11
- package/dist/es/colors/interfaces/ColorGradientChangeEvent.js +0 -1
- package/dist/es/colors/interfaces/ColorGradientProps.js +0 -1
- package/dist/es/colors/interfaces/ColorPaletteChangeEvent.d.ts +0 -15
- package/dist/es/colors/interfaces/ColorPaletteChangeEvent.js +0 -1
- package/dist/es/colors/interfaces/ColorPaletteProps.d.ts +0 -83
- package/dist/es/colors/interfaces/ColorPaletteProps.js +0 -1
- package/dist/es/colors/interfaces/ColorPickerActiveColorClick.d.ts +0 -18
- package/dist/es/colors/interfaces/ColorPickerActiveColorClick.js +0 -1
- package/dist/es/colors/interfaces/ColorPickerBlurEvent.d.ts +0 -14
- package/dist/es/colors/interfaces/ColorPickerBlurEvent.js +0 -1
- package/dist/es/colors/interfaces/ColorPickerChangeEvent.d.ts +0 -18
- package/dist/es/colors/interfaces/ColorPickerChangeEvent.js +0 -1
- package/dist/es/colors/interfaces/ColorPickerFocusEvent.d.ts +0 -14
- package/dist/es/colors/interfaces/ColorPickerFocusEvent.js +0 -1
- package/dist/es/colors/interfaces/ColorPickerGradientSettings.js +0 -1
- package/dist/es/colors/interfaces/ColorPickerPaletteSettings.js +0 -1
- package/dist/es/colors/interfaces/ColorPickerPopupSettings.d.ts +0 -14
- package/dist/es/colors/interfaces/ColorPickerPopupSettings.js +0 -1
- package/dist/es/colors/interfaces/ColorPickerProps.d.ts +0 -161
- package/dist/es/colors/interfaces/ColorPickerProps.js +0 -1
- package/dist/es/colors/interfaces/ColorPickerView.d.ts +0 -10
- package/dist/es/colors/interfaces/ColorPickerView.js +0 -1
- package/dist/es/colors/interfaces/PickerPopupSettings.js +0 -1
- package/dist/es/colors/interfaces/PickerProps.js +0 -1
- package/dist/es/colors/models/hsva.d.ts +0 -9
- package/dist/es/colors/models/hsva.js +0 -1
- package/dist/es/colors/models/output-format.d.ts +0 -4
- package/dist/es/colors/models/output-format.js +0 -1
- package/dist/es/colors/models/palette-presets.js +0 -54
- package/dist/es/colors/models/rgb.d.ts +0 -8
- package/dist/es/colors/models/rgb.js +0 -1
- package/dist/es/colors/models/rgba.d.ts +0 -9
- package/dist/es/colors/models/rgba.js +0 -1
- package/dist/es/colors/models/table-cell.d.ts +0 -7
- package/dist/es/colors/models/table-cell.js +0 -1
- package/dist/es/colors/models/tile-size.d.ts +0 -11
- package/dist/es/colors/models/tile-size.js +0 -1
- package/dist/es/colors/utils/color-cache.d.ts +0 -30
- package/dist/es/colors/utils/color-cache.js +0 -61
- package/dist/es/colors/utils/color-palette.service.js +0 -76
- package/dist/es/colors/utils/color-parser.js +0 -134
- package/dist/es/colors/utils/misc.js +0 -20
- package/dist/es/colors/utils/svg-calc.js +0 -103
- package/dist/es/common/SliderTooltip.d.ts +0 -18
- package/dist/es/common/SliderTooltip.js +0 -50
- package/dist/es/common/SwitchController.d.ts +0 -31
- package/dist/es/common/SwitchController.js +0 -122
- package/dist/es/common/SwitchModel.d.ts +0 -7
- package/dist/es/common/SwitchModel.js +0 -14
- package/dist/es/input/Input.d.ts +0 -167
- package/dist/es/input/Input.js +0 -259
- package/dist/es/input/InputClearValue.d.ts +0 -15
- package/dist/es/input/InputClearValue.js +0 -24
- package/dist/es/input/InputPrefix.d.ts +0 -15
- package/dist/es/input/InputPrefix.js +0 -24
- package/dist/es/input/InputSeparator.d.ts +0 -15
- package/dist/es/input/InputSeparator.js +0 -24
- package/dist/es/input/InputSuffix.d.ts +0 -15
- package/dist/es/input/InputSuffix.js +0 -24
- package/dist/es/input/InputValidationIcon.js +0 -20
- package/dist/es/input/interfaces/InputChangeEvent.d.ts +0 -11
- package/dist/es/input/interfaces/InputChangeEvent.js +0 -1
- package/dist/es/interfaces/Direction.d.ts +0 -1
- package/dist/es/interfaces/Direction.js +0 -1
- package/dist/es/interfaces/ToggleBaseProps.d.ts +0 -8
- package/dist/es/interfaces/ToggleBaseProps.js +0 -1
- package/dist/es/main.d.ts +0 -68
- package/dist/es/maskedtextbox/MaskedTextBox.d.ts +0 -234
- package/dist/es/maskedtextbox/MaskedTextBox.js +0 -434
- package/dist/es/maskedtextbox/MaskedTextBoxProps.js +0 -2
- package/dist/es/maskedtextbox/masking.service.d.ts +0 -41
- package/dist/es/maskedtextbox/masking.service.js +0 -206
- package/dist/es/maskedtextbox/parsing/combinators.d.ts +0 -9
- package/dist/es/maskedtextbox/parsing/combinators.js +0 -24
- package/dist/es/maskedtextbox/parsing/parsers.d.ts +0 -47
- package/dist/es/maskedtextbox/parsing/parsers.js +0 -150
- package/dist/es/maskedtextbox/parsing/result.js +0 -39
- package/dist/es/maskedtextbox/parsing/stream.d.ts +0 -22
- package/dist/es/maskedtextbox/parsing/stream.js +0 -41
- package/dist/es/maskedtextbox/utils.js +0 -56
- package/dist/es/messages/index.d.ts +0 -165
- package/dist/es/messages/index.js +0 -166
- package/dist/es/numerictextbox/NumericTextBox.d.ts +0 -14
- package/dist/es/numerictextbox/NumericTextBox.js +0 -355
- package/dist/es/numerictextbox/interfaces/NumericTextBoxBlurEvent.d.ts +0 -7
- package/dist/es/numerictextbox/interfaces/NumericTextBoxBlurEvent.js +0 -1
- package/dist/es/numerictextbox/interfaces/NumericTextBoxChangeEvent.js +0 -1
- package/dist/es/numerictextbox/interfaces/NumericTextBoxFocusEvent.d.ts +0 -7
- package/dist/es/numerictextbox/interfaces/NumericTextBoxFocusEvent.js +0 -1
- package/dist/es/numerictextbox/interfaces/NumericTextBoxHandle.d.ts +0 -39
- package/dist/es/numerictextbox/interfaces/NumericTextBoxHandle.js +0 -1
- package/dist/es/numerictextbox/interfaces/NumericTextBoxProps.d.ts +0 -185
- package/dist/es/numerictextbox/interfaces/NumericTextBoxProps.js +0 -1
- package/dist/es/numerictextbox/interfaces/NumericTextBoxState.js +0 -1
- package/dist/es/numerictextbox/utils/index.d.ts +0 -119
- package/dist/es/numerictextbox/utils/index.js +0 -553
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/radiobutton/RadioButton.js +0 -108
- package/dist/es/radiobutton/RadioGroup.js +0 -102
- package/dist/es/radiobutton/interfaces/RadioButtonBlurEvent.d.ts +0 -7
- package/dist/es/radiobutton/interfaces/RadioButtonBlurEvent.js +0 -1
- package/dist/es/radiobutton/interfaces/RadioButtonChangeEvent.d.ts +0 -11
- package/dist/es/radiobutton/interfaces/RadioButtonChangeEvent.js +0 -1
- package/dist/es/radiobutton/interfaces/RadioButtonFocusEvent.d.ts +0 -7
- package/dist/es/radiobutton/interfaces/RadioButtonFocusEvent.js +0 -1
- package/dist/es/radiobutton/interfaces/RadioButtonProps.d.ts +0 -98
- package/dist/es/radiobutton/interfaces/RadioButtonProps.js +0 -1
- package/dist/es/radiobutton/interfaces/RadioGroupChangeEvent.d.ts +0 -11
- package/dist/es/radiobutton/interfaces/RadioGroupChangeEvent.js +0 -1
- package/dist/es/radiobutton/interfaces/RadioGroupFocusEvent.d.ts +0 -7
- package/dist/es/radiobutton/interfaces/RadioGroupFocusEvent.js +0 -1
- package/dist/es/radiobutton/interfaces/RadioGroupProps.js +0 -1
- package/dist/es/range-slider/RangeSlider.js +0 -314
- package/dist/es/range-slider/range-raducer.js +0 -114
- package/dist/es/rating/Rating.d.ts +0 -166
- package/dist/es/rating/Rating.js +0 -283
- package/dist/es/rating/RatingItem.js +0 -96
- package/dist/es/rating/models/index.js +0 -1
- package/dist/es/rating/rating-reducer.d.ts +0 -33
- package/dist/es/rating/rating-reducer.js +0 -63
- package/dist/es/rating/utils/index.d.ts +0 -24
- package/dist/es/rating/utils/index.js +0 -64
- package/dist/es/signature/Signature.js +0 -386
- package/dist/es/signature/interfaces/SignatureBlurEvent.d.ts +0 -7
- package/dist/es/signature/interfaces/SignatureBlurEvent.js +0 -1
- package/dist/es/signature/interfaces/SignatureChangeEvent.d.ts +0 -11
- package/dist/es/signature/interfaces/SignatureChangeEvent.js +0 -1
- package/dist/es/signature/interfaces/SignatureCloseEvent.d.ts +0 -7
- package/dist/es/signature/interfaces/SignatureCloseEvent.js +0 -1
- package/dist/es/signature/interfaces/SignatureFocusEvent.d.ts +0 -7
- package/dist/es/signature/interfaces/SignatureFocusEvent.js +0 -1
- package/dist/es/signature/interfaces/SignatureHandle.d.ts +0 -42
- package/dist/es/signature/interfaces/SignatureHandle.js +0 -1
- package/dist/es/signature/interfaces/SignatureOpenEvent.d.ts +0 -7
- package/dist/es/signature/interfaces/SignatureOpenEvent.js +0 -1
- package/dist/es/signature/interfaces/SignatureProps.js +0 -1
- package/dist/es/signature/interfaces/index.d.ts +0 -7
- package/dist/es/signature/interfaces/index.js +0 -1
- package/dist/es/signature/utils/index.d.ts +0 -4
- package/dist/es/signature/utils/index.js +0 -10
- package/dist/es/slider/Slider.d.ts +0 -193
- package/dist/es/slider/Slider.js +0 -256
- package/dist/es/slider/SliderLabel.js +0 -30
- package/dist/es/switch/Switch.js +0 -331
- package/dist/es/textarea/TextArea.d.ts +0 -36
- package/dist/es/textarea/TextArea.js +0 -158
- package/dist/es/textarea/interfaces/TextAreaBlurEvent.d.ts +0 -7
- package/dist/es/textarea/interfaces/TextAreaBlurEvent.js +0 -1
- package/dist/es/textarea/interfaces/TextAreaChangeEvent.d.ts +0 -11
- package/dist/es/textarea/interfaces/TextAreaChangeEvent.js +0 -1
- package/dist/es/textarea/interfaces/TextAreaFocusEvent.d.ts +0 -7
- package/dist/es/textarea/interfaces/TextAreaFocusEvent.js +0 -1
- package/dist/es/textarea/interfaces/TextAreaProps.d.ts +0 -129
- package/dist/es/textarea/interfaces/TextAreaProps.js +0 -1
- package/dist/es/textbox/Textbox.js +0 -112
- package/dist/es/utils.d.ts +0 -4
- package/dist/es/utils.js +0 -29
- package/dist/npm/checkbox/Checkbox.js +0 -207
- package/dist/npm/checkbox/interfaces/CheckboxBlurEvent.d.ts +0 -7
- package/dist/npm/checkbox/interfaces/CheckboxBlurEvent.js +0 -2
- package/dist/npm/checkbox/interfaces/CheckboxChangeEvent.d.ts +0 -11
- package/dist/npm/checkbox/interfaces/CheckboxChangeEvent.js +0 -2
- package/dist/npm/checkbox/interfaces/CheckboxFocusEvent.d.ts +0 -7
- package/dist/npm/checkbox/interfaces/CheckboxFocusEvent.js +0 -2
- package/dist/npm/checkbox/interfaces/CheckboxProps.d.ts +0 -123
- package/dist/npm/checkbox/interfaces/CheckboxProps.js +0 -2
- package/dist/npm/colors/ColorContrastLabels.d.ts +0 -15
- package/dist/npm/colors/ColorContrastLabels.js +0 -71
- package/dist/npm/colors/ColorContrastSvg.d.ts +0 -18
- package/dist/npm/colors/ColorContrastSvg.js +0 -91
- package/dist/npm/colors/ColorGradient.d.ts +0 -186
- package/dist/npm/colors/ColorGradient.js +0 -319
- package/dist/npm/colors/ColorInput.d.ts +0 -30
- package/dist/npm/colors/ColorInput.js +0 -127
- package/dist/npm/colors/ColorPalette.js +0 -283
- package/dist/npm/colors/ColorPicker.js +0 -249
- package/dist/npm/colors/FlatColorPicker.js +0 -179
- package/dist/npm/colors/HexInput.js +0 -56
- package/dist/npm/colors/Picker.d.ts +0 -6
- package/dist/npm/colors/Picker.js +0 -40
- package/dist/npm/colors/interfaces/ColorGradientChangeEvent.d.ts +0 -11
- package/dist/npm/colors/interfaces/ColorGradientChangeEvent.js +0 -2
- package/dist/npm/colors/interfaces/ColorGradientProps.d.ts +0 -98
- package/dist/npm/colors/interfaces/ColorGradientProps.js +0 -2
- package/dist/npm/colors/interfaces/ColorPaletteChangeEvent.js +0 -2
- package/dist/npm/colors/interfaces/ColorPaletteProps.js +0 -2
- package/dist/npm/colors/interfaces/ColorPickerActiveColorClick.js +0 -2
- package/dist/npm/colors/interfaces/ColorPickerBlurEvent.d.ts +0 -14
- package/dist/npm/colors/interfaces/ColorPickerBlurEvent.js +0 -2
- package/dist/npm/colors/interfaces/ColorPickerChangeEvent.d.ts +0 -18
- package/dist/npm/colors/interfaces/ColorPickerChangeEvent.js +0 -2
- package/dist/npm/colors/interfaces/ColorPickerFocusEvent.d.ts +0 -14
- package/dist/npm/colors/interfaces/ColorPickerFocusEvent.js +0 -2
- package/dist/npm/colors/interfaces/ColorPickerGradientSettings.d.ts +0 -18
- package/dist/npm/colors/interfaces/ColorPickerGradientSettings.js +0 -2
- package/dist/npm/colors/interfaces/ColorPickerPaletteSettings.d.ts +0 -32
- package/dist/npm/colors/interfaces/ColorPickerPaletteSettings.js +0 -2
- package/dist/npm/colors/interfaces/ColorPickerPopupSettings.js +0 -2
- package/dist/npm/colors/interfaces/ColorPickerProps.js +0 -2
- package/dist/npm/colors/interfaces/ColorPickerView.d.ts +0 -10
- package/dist/npm/colors/interfaces/ColorPickerView.js +0 -2
- package/dist/npm/colors/interfaces/PickerPopupSettings.d.ts +0 -19
- package/dist/npm/colors/interfaces/PickerPopupSettings.js +0 -2
- package/dist/npm/colors/interfaces/PickerProps.d.ts +0 -42
- package/dist/npm/colors/interfaces/PickerProps.js +0 -2
- package/dist/npm/colors/models/hsva.d.ts +0 -9
- package/dist/npm/colors/models/hsva.js +0 -2
- package/dist/npm/colors/models/output-format.d.ts +0 -4
- package/dist/npm/colors/models/output-format.js +0 -2
- package/dist/npm/colors/models/palette-presets.d.ts +0 -53
- package/dist/npm/colors/models/palette-presets.js +0 -57
- package/dist/npm/colors/models/rgb.d.ts +0 -8
- package/dist/npm/colors/models/rgb.js +0 -2
- package/dist/npm/colors/models/rgba.d.ts +0 -9
- package/dist/npm/colors/models/rgba.js +0 -2
- package/dist/npm/colors/models/table-cell.d.ts +0 -7
- package/dist/npm/colors/models/table-cell.js +0 -2
- package/dist/npm/colors/models/tile-size.d.ts +0 -11
- package/dist/npm/colors/models/tile-size.js +0 -2
- package/dist/npm/colors/utils/color-cache.js +0 -71
- package/dist/npm/colors/utils/color-palette.service.d.ts +0 -12
- package/dist/npm/colors/utils/color-palette.service.js +0 -79
- package/dist/npm/colors/utils/color-parser.d.ts +0 -65
- package/dist/npm/colors/utils/color-parser.js +0 -147
- package/dist/npm/colors/utils/misc.d.ts +0 -15
- package/dist/npm/colors/utils/misc.js +0 -25
- package/dist/npm/colors/utils/svg-calc.d.ts +0 -62
- package/dist/npm/colors/utils/svg-calc.js +0 -110
- package/dist/npm/common/SliderTooltip.d.ts +0 -18
- package/dist/npm/common/SliderTooltip.js +0 -54
- package/dist/npm/common/SwitchController.d.ts +0 -31
- package/dist/npm/common/SwitchController.js +0 -124
- package/dist/npm/common/SwitchModel.d.ts +0 -7
- package/dist/npm/common/SwitchModel.js +0 -16
- package/dist/npm/input/Input.js +0 -262
- package/dist/npm/input/InputClearValue.d.ts +0 -15
- package/dist/npm/input/InputClearValue.js +0 -27
- package/dist/npm/input/InputPrefix.d.ts +0 -15
- package/dist/npm/input/InputPrefix.js +0 -27
- package/dist/npm/input/InputSeparator.d.ts +0 -15
- package/dist/npm/input/InputSeparator.js +0 -27
- package/dist/npm/input/InputSuffix.d.ts +0 -15
- package/dist/npm/input/InputSuffix.js +0 -27
- package/dist/npm/input/InputValidationIcon.d.ts +0 -14
- package/dist/npm/input/InputValidationIcon.js +0 -23
- package/dist/npm/input/interfaces/InputChangeEvent.d.ts +0 -11
- package/dist/npm/input/interfaces/InputChangeEvent.js +0 -2
- package/dist/npm/interfaces/Direction.d.ts +0 -1
- package/dist/npm/interfaces/Direction.js +0 -2
- package/dist/npm/interfaces/ToggleBaseProps.d.ts +0 -8
- package/dist/npm/interfaces/ToggleBaseProps.js +0 -2
- package/dist/npm/main.d.ts +0 -68
- package/dist/npm/main.js +0 -120
- package/dist/npm/maskedtextbox/MaskedTextBox.js +0 -437
- package/dist/npm/maskedtextbox/MaskedTextBoxProps.d.ts +0 -197
- package/dist/npm/maskedtextbox/MaskedTextBoxProps.js +0 -3
- package/dist/npm/maskedtextbox/masking.service.js +0 -209
- package/dist/npm/maskedtextbox/parsing/combinators.d.ts +0 -9
- package/dist/npm/maskedtextbox/parsing/combinators.js +0 -29
- package/dist/npm/maskedtextbox/parsing/parsers.js +0 -160
- package/dist/npm/maskedtextbox/parsing/result.d.ts +0 -23
- package/dist/npm/maskedtextbox/parsing/result.js +0 -42
- package/dist/npm/maskedtextbox/parsing/stream.js +0 -44
- package/dist/npm/maskedtextbox/utils.d.ts +0 -16
- package/dist/npm/maskedtextbox/utils.js +0 -61
- package/dist/npm/messages/index.js +0 -169
- package/dist/npm/numerictextbox/NumericTextBox.js +0 -358
- package/dist/npm/numerictextbox/interfaces/NumericTextBoxBlurEvent.d.ts +0 -7
- package/dist/npm/numerictextbox/interfaces/NumericTextBoxBlurEvent.js +0 -2
- package/dist/npm/numerictextbox/interfaces/NumericTextBoxChangeEvent.d.ts +0 -11
- package/dist/npm/numerictextbox/interfaces/NumericTextBoxChangeEvent.js +0 -2
- package/dist/npm/numerictextbox/interfaces/NumericTextBoxFocusEvent.d.ts +0 -7
- package/dist/npm/numerictextbox/interfaces/NumericTextBoxFocusEvent.js +0 -2
- package/dist/npm/numerictextbox/interfaces/NumericTextBoxHandle.js +0 -2
- package/dist/npm/numerictextbox/interfaces/NumericTextBoxProps.js +0 -2
- package/dist/npm/numerictextbox/interfaces/NumericTextBoxState.d.ts +0 -15
- package/dist/npm/numerictextbox/interfaces/NumericTextBoxState.js +0 -2
- package/dist/npm/numerictextbox/utils/index.js +0 -584
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/radiobutton/RadioButton.d.ts +0 -23
- package/dist/npm/radiobutton/RadioButton.js +0 -111
- package/dist/npm/radiobutton/RadioGroup.d.ts +0 -23
- package/dist/npm/radiobutton/RadioGroup.js +0 -105
- package/dist/npm/radiobutton/interfaces/RadioButtonBlurEvent.d.ts +0 -7
- package/dist/npm/radiobutton/interfaces/RadioButtonBlurEvent.js +0 -2
- package/dist/npm/radiobutton/interfaces/RadioButtonChangeEvent.d.ts +0 -11
- package/dist/npm/radiobutton/interfaces/RadioButtonChangeEvent.js +0 -2
- package/dist/npm/radiobutton/interfaces/RadioButtonFocusEvent.d.ts +0 -7
- package/dist/npm/radiobutton/interfaces/RadioButtonFocusEvent.js +0 -2
- package/dist/npm/radiobutton/interfaces/RadioButtonProps.js +0 -2
- package/dist/npm/radiobutton/interfaces/RadioGroupChangeEvent.d.ts +0 -11
- package/dist/npm/radiobutton/interfaces/RadioGroupChangeEvent.js +0 -2
- package/dist/npm/radiobutton/interfaces/RadioGroupFocusEvent.d.ts +0 -7
- package/dist/npm/radiobutton/interfaces/RadioGroupFocusEvent.js +0 -2
- package/dist/npm/radiobutton/interfaces/RadioGroupProps.d.ts +0 -82
- package/dist/npm/radiobutton/interfaces/RadioGroupProps.js +0 -2
- package/dist/npm/range-slider/RangeSlider.d.ts +0 -138
- package/dist/npm/range-slider/RangeSlider.js +0 -317
- package/dist/npm/range-slider/range-raducer.d.ts +0 -36
- package/dist/npm/range-slider/range-raducer.js +0 -118
- package/dist/npm/rating/Rating.js +0 -286
- package/dist/npm/rating/RatingItem.d.ts +0 -104
- package/dist/npm/rating/RatingItem.js +0 -99
- package/dist/npm/rating/models/index.d.ts +0 -85
- package/dist/npm/rating/models/index.js +0 -2
- package/dist/npm/rating/rating-reducer.js +0 -67
- package/dist/npm/rating/utils/index.js +0 -73
- package/dist/npm/signature/Signature.d.ts +0 -14
- package/dist/npm/signature/Signature.js +0 -389
- package/dist/npm/signature/interfaces/SignatureBlurEvent.d.ts +0 -7
- package/dist/npm/signature/interfaces/SignatureBlurEvent.js +0 -2
- package/dist/npm/signature/interfaces/SignatureChangeEvent.d.ts +0 -11
- package/dist/npm/signature/interfaces/SignatureChangeEvent.js +0 -2
- package/dist/npm/signature/interfaces/SignatureCloseEvent.d.ts +0 -7
- package/dist/npm/signature/interfaces/SignatureCloseEvent.js +0 -2
- package/dist/npm/signature/interfaces/SignatureFocusEvent.d.ts +0 -7
- package/dist/npm/signature/interfaces/SignatureFocusEvent.js +0 -2
- package/dist/npm/signature/interfaces/SignatureHandle.js +0 -2
- package/dist/npm/signature/interfaces/SignatureOpenEvent.d.ts +0 -7
- package/dist/npm/signature/interfaces/SignatureOpenEvent.js +0 -2
- package/dist/npm/signature/interfaces/SignatureProps.d.ts +0 -195
- package/dist/npm/signature/interfaces/SignatureProps.js +0 -2
- package/dist/npm/signature/interfaces/index.d.ts +0 -7
- package/dist/npm/signature/interfaces/index.js +0 -2
- package/dist/npm/signature/utils/index.d.ts +0 -4
- package/dist/npm/signature/utils/index.js +0 -14
- package/dist/npm/slider/Slider.js +0 -259
- package/dist/npm/slider/SliderLabel.d.ts +0 -34
- package/dist/npm/slider/SliderLabel.js +0 -34
- package/dist/npm/switch/Switch.d.ts +0 -290
- package/dist/npm/switch/Switch.js +0 -334
- package/dist/npm/textarea/TextArea.js +0 -161
- package/dist/npm/textarea/interfaces/TextAreaBlurEvent.d.ts +0 -7
- package/dist/npm/textarea/interfaces/TextAreaBlurEvent.js +0 -2
- package/dist/npm/textarea/interfaces/TextAreaChangeEvent.d.ts +0 -11
- package/dist/npm/textarea/interfaces/TextAreaChangeEvent.js +0 -2
- package/dist/npm/textarea/interfaces/TextAreaFocusEvent.d.ts +0 -7
- package/dist/npm/textarea/interfaces/TextAreaFocusEvent.js +0 -2
- package/dist/npm/textarea/interfaces/TextAreaProps.js +0 -2
- package/dist/npm/textbox/Textbox.d.ts +0 -76
- package/dist/npm/textbox/Textbox.js +0 -115
- package/dist/npm/utils.d.ts +0 -4
- package/dist/npm/utils.js +0 -33
- package/dist/systemjs/kendo-react-inputs.js +0 -1
- package/e2e-next/checkbox.basic.tests.ts +0 -24
- package/e2e-next/colorgradient.basic.tests.ts +0 -24
- package/e2e-next/colorpaicker.basic.tests.ts +0 -24
- package/e2e-next/colorpalette.basic.tests.ts +0 -24
- package/e2e-next/flatcolorpicker.basic.tests.ts +0 -24
- package/e2e-next/input.basic.tests.ts +0 -24
- package/e2e-next/masktextbox.basic.tests.ts +0 -24
- package/e2e-next/numerictextbox.basic.tests.ts +0 -24
- package/e2e-next/radiobutton.basic.tests.ts +0 -24
- package/e2e-next/radiogroup.basic.tests.ts +0 -24
- package/e2e-next/rangeslider.basic.tests.ts +0 -24
- package/e2e-next/rating.basic.tests.ts +0 -24
- package/e2e-next/signature.basic.tests.ts +0 -24
- package/e2e-next/slider.basic.tests.ts +0 -24
- package/e2e-next/switch.basic.test.ts +0 -24
- package/e2e-next/textarea.basic.tests.ts +0 -24
- package/e2e-next/textbox.basic.tests copy.ts +0 -24
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FormComponentProps } from '@progress/kendo-react-common';
|
|
3
|
-
import { TextAreaBlurEvent } from './TextAreaBlurEvent';
|
|
4
|
-
import { TextAreaChangeEvent } from './TextAreaChangeEvent';
|
|
5
|
-
import { TextAreaFocusEvent } from './TextAreaFocusEvent';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
|
|
10
|
-
/**
|
|
11
|
-
* Represents the props of the [KendoReact TextArea component]({% slug overview_textarea %}).
|
|
12
|
-
*/
|
|
13
|
-
export interface TextAreaProps extends FormComponentProps, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'defaultValue' | 'onChange' | 'onFocus' | 'onBlur'> {
|
|
14
|
-
/**
|
|
15
|
-
* Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
|
|
16
|
-
* For example these elements could contain error or hint message.
|
|
17
|
-
*/
|
|
18
|
-
ariaDescribedBy?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Identifies the element(s) which will label the component.
|
|
21
|
-
*/
|
|
22
|
-
ariaLabelledBy?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Specifies if the textarea element will resize its height automatically ([see example]({% slug sizing_textarea %})).
|
|
25
|
-
* Defaults to `false`.
|
|
26
|
-
*/
|
|
27
|
-
autoSize?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* Specifies a list of CSS classes that will be added to the TextArea.
|
|
30
|
-
*/
|
|
31
|
-
className?: string;
|
|
32
|
-
/**
|
|
33
|
-
* The default value of the TextArea ([see example]({% slug default_textarea %})).
|
|
34
|
-
*/
|
|
35
|
-
defaultValue?: string | string[] | number;
|
|
36
|
-
/**
|
|
37
|
-
* Represents the `dir` HTML attribute.
|
|
38
|
-
*/
|
|
39
|
-
dir?: string;
|
|
40
|
-
/**
|
|
41
|
-
* Specifies if the TextArea is disabled ([see example]({% slug disabled_textarea %})).
|
|
42
|
-
*/
|
|
43
|
-
disabled?: boolean;
|
|
44
|
-
/**
|
|
45
|
-
* Sets the read-only state of the TextArea.
|
|
46
|
-
*/
|
|
47
|
-
readOnly?: boolean;
|
|
48
|
-
/**
|
|
49
|
-
* Specifies an exact height size for the TextArea to take ([see example]({% slug sizing_textarea %})).
|
|
50
|
-
*/
|
|
51
|
-
rows?: number;
|
|
52
|
-
/**
|
|
53
|
-
* Sets the `id` of the TextArea.
|
|
54
|
-
*/
|
|
55
|
-
id?: string;
|
|
56
|
-
/**
|
|
57
|
-
* Specifies the `name` property of the `textarea` DOM element.
|
|
58
|
-
*
|
|
59
|
-
* This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
|
|
60
|
-
*/
|
|
61
|
-
name?: string;
|
|
62
|
-
/**
|
|
63
|
-
* The hint that is displayed when the TextArea is empty.
|
|
64
|
-
*/
|
|
65
|
-
placeholder?: string;
|
|
66
|
-
/**
|
|
67
|
-
* Sets additional CSS styles to the TextArea.
|
|
68
|
-
*/
|
|
69
|
-
style?: React.CSSProperties;
|
|
70
|
-
/**
|
|
71
|
-
* Sets the `tabIndex` property of the TextArea.
|
|
72
|
-
* Defaults to `0`.
|
|
73
|
-
*/
|
|
74
|
-
tabIndex?: number;
|
|
75
|
-
/**
|
|
76
|
-
* Sets the value to be submitted ([see example]({% slug controlled_textarea %})).
|
|
77
|
-
*/
|
|
78
|
-
value?: string | string[] | number;
|
|
79
|
-
/**
|
|
80
|
-
* The event handler that will be fired when the changes the selected value.
|
|
81
|
-
*/
|
|
82
|
-
onChange?: (event: TextAreaChangeEvent) => void;
|
|
83
|
-
/**
|
|
84
|
-
* The event handler that will be fired when TextArea is focused.
|
|
85
|
-
*/
|
|
86
|
-
onFocus?: (event: TextAreaFocusEvent) => void;
|
|
87
|
-
/**
|
|
88
|
-
* The event handler that will be fired when TextArea is blurred.
|
|
89
|
-
*/
|
|
90
|
-
onBlur?: (event: TextAreaBlurEvent) => void;
|
|
91
|
-
/**
|
|
92
|
-
* Configures the `size` of the TextArea.
|
|
93
|
-
*
|
|
94
|
-
* The available options are:
|
|
95
|
-
* - small
|
|
96
|
-
* - medium
|
|
97
|
-
* - large
|
|
98
|
-
* - null—Does not set a size `className`.
|
|
99
|
-
*
|
|
100
|
-
* @default `medium`
|
|
101
|
-
*/
|
|
102
|
-
size?: null | 'small' | 'medium' | 'large';
|
|
103
|
-
/**
|
|
104
|
-
* Configures the `roundness` of the TextArea.
|
|
105
|
-
*
|
|
106
|
-
* The available options are:
|
|
107
|
-
* - small
|
|
108
|
-
* - medium
|
|
109
|
-
* - large
|
|
110
|
-
* - full
|
|
111
|
-
* - null—Does not set a rounded `className`.
|
|
112
|
-
*
|
|
113
|
-
* @default `medium`
|
|
114
|
-
*/
|
|
115
|
-
rounded?: null | 'small' | 'medium' | 'large' | 'full';
|
|
116
|
-
/**
|
|
117
|
-
* Configures the `fillMode` of the TextArea.
|
|
118
|
-
*
|
|
119
|
-
* The available options are:
|
|
120
|
-
* - solid
|
|
121
|
-
* - outline
|
|
122
|
-
* - flat
|
|
123
|
-
* - null—Does not set a fillMode `className`.
|
|
124
|
-
*
|
|
125
|
-
* @default `solid`
|
|
126
|
-
*/
|
|
127
|
-
fillMode?: null | 'solid' | 'flat' | 'outline';
|
|
128
|
-
}
|
|
129
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import * as React from 'react';
|
|
24
|
-
import * as PropTypes from 'prop-types';
|
|
25
|
-
import { classNames, kendoThemeMaps, useAsyncFocusBlur, useCustomComponent, validatePackage } from '@progress/kendo-react-common';
|
|
26
|
-
import { packageMetadata } from '../package-metadata';
|
|
27
|
-
;
|
|
28
|
-
/**
|
|
29
|
-
* Represents the [KendoReact TextBox component]({% slug overview_textbox %}).
|
|
30
|
-
*/
|
|
31
|
-
export var TextBox = React.forwardRef(function (props, ref) {
|
|
32
|
-
var _a;
|
|
33
|
-
validatePackage(packageMetadata);
|
|
34
|
-
var element = React.useRef(null);
|
|
35
|
-
var target = React.useRef(null);
|
|
36
|
-
var valueDuringChangeRef = React.useRef();
|
|
37
|
-
var valueGetter = React.useCallback(function () {
|
|
38
|
-
var _a;
|
|
39
|
-
if (valueDuringChangeRef.current !== undefined) {
|
|
40
|
-
return valueDuringChangeRef.current;
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
return (_a = element.current) === null || _a === void 0 ? void 0 : _a.value;
|
|
44
|
-
}
|
|
45
|
-
}, []);
|
|
46
|
-
React.useImperativeHandle(target, function () {
|
|
47
|
-
var result = {
|
|
48
|
-
get element() { return element.current; },
|
|
49
|
-
get name() { return element.current && element.current.name; },
|
|
50
|
-
get value() { return valueGetter(); }
|
|
51
|
-
};
|
|
52
|
-
return result;
|
|
53
|
-
});
|
|
54
|
-
React.useImperativeHandle(ref, function () { return target.current; });
|
|
55
|
-
var _b = props, size = _b.size, fillMode = _b.fillMode, rounded = _b.rounded, className = _b.className, dir = _b.dir, style = _b.style, _c = _b.prefix, prefix = _c === void 0 ? defaultProps.prefix : _c, _d = _b.suffix, suffix = _d === void 0 ? defaultProps.suffix : _d, valid = _b.valid,
|
|
56
|
-
// Destruct to avoid warning when used inside a form field
|
|
57
|
-
_modified = _b.modified, _touched = _b.touched, _visited = _b.visited, other = __rest(_b, ["size", "fillMode", "rounded", "className", "dir", "style", "prefix", "suffix", "valid", "modified", "touched", "visited"]);
|
|
58
|
-
var Prefix = useCustomComponent(prefix)[0];
|
|
59
|
-
var Suffix = useCustomComponent(suffix)[0];
|
|
60
|
-
var _e = React.useState(false), focused = _e[0], setFocused = _e[1];
|
|
61
|
-
var handleFocus = function (_) {
|
|
62
|
-
setFocused(true);
|
|
63
|
-
};
|
|
64
|
-
var handleBlur = function (_) {
|
|
65
|
-
setFocused(false);
|
|
66
|
-
};
|
|
67
|
-
var handleChange = React.useCallback(function (event) {
|
|
68
|
-
valueDuringChangeRef.current = event.target.value;
|
|
69
|
-
if (props.onChange) {
|
|
70
|
-
props.onChange.call(undefined, {
|
|
71
|
-
syntheticEvent: event,
|
|
72
|
-
nativeEvent: event.nativeEvent,
|
|
73
|
-
value: event.target.value,
|
|
74
|
-
target: target.current
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
valueDuringChangeRef.current = undefined;
|
|
78
|
-
}, [props.onChange]);
|
|
79
|
-
var _f = useAsyncFocusBlur({
|
|
80
|
-
onFocus: handleFocus,
|
|
81
|
-
onBlur: handleBlur,
|
|
82
|
-
onSyncFocus: props.onFocus,
|
|
83
|
-
onSyncBlur: props.onBlur
|
|
84
|
-
}), onFocus = _f.onFocus, onBlur = _f.onBlur;
|
|
85
|
-
return (React.createElement("span", { style: style, dir: dir, className: classNames('k-textbox k-input', (_a = {},
|
|
86
|
-
_a["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
87
|
-
_a["k-input-".concat(fillMode)] = fillMode,
|
|
88
|
-
_a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
|
|
89
|
-
_a), {
|
|
90
|
-
'k-focus': focused,
|
|
91
|
-
'k-required': props.required,
|
|
92
|
-
'k-disabled': props.disabled,
|
|
93
|
-
'k-invalid': props.valid === false
|
|
94
|
-
}, className), onFocus: onFocus, onBlur: onBlur },
|
|
95
|
-
React.createElement(Prefix, null),
|
|
96
|
-
React.createElement("input", __assign({ ref: element, className: "k-input-inner" }, other, { onChange: handleChange })),
|
|
97
|
-
React.createElement(Suffix, null)));
|
|
98
|
-
});
|
|
99
|
-
var defaultProps = {
|
|
100
|
-
prefix: function (_) { return null; },
|
|
101
|
-
suffix: function (_) { return null; },
|
|
102
|
-
size: 'medium',
|
|
103
|
-
rounded: 'medium',
|
|
104
|
-
fillMode: 'solid'
|
|
105
|
-
};
|
|
106
|
-
TextBox.propTypes = {
|
|
107
|
-
size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
|
|
108
|
-
rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']),
|
|
109
|
-
fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline'])
|
|
110
|
-
};
|
|
111
|
-
TextBox.displayName = 'KendoReactTextBoxComponent';
|
|
112
|
-
TextBox.defaultProps = defaultProps;
|
package/dist/es/utils.d.ts
DELETED
package/dist/es/utils.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
2
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
3
|
-
if (ar || !(i in from)) {
|
|
4
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
5
|
-
ar[i] = from[i];
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
9
|
-
};
|
|
10
|
-
// Polyfill for PropTypes.null
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export function nullable(subRequirement) {
|
|
15
|
-
var check = function (required, props, key) {
|
|
16
|
-
var rest = [];
|
|
17
|
-
for (var _i = 3; _i < arguments.length; _i++) {
|
|
18
|
-
rest[_i - 3] = arguments[_i];
|
|
19
|
-
}
|
|
20
|
-
if (props[key] === null) {
|
|
21
|
-
return null;
|
|
22
|
-
}
|
|
23
|
-
var sub = required ? subRequirement.isRequired : subRequirement;
|
|
24
|
-
return sub.apply(void 0, __spreadArray([props, key], rest, false));
|
|
25
|
-
};
|
|
26
|
-
var fn = check.bind(null, false);
|
|
27
|
-
fn.isRequired = check.bind(null, true);
|
|
28
|
-
return fn;
|
|
29
|
-
}
|
|
@@ -1,207 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.Checkbox = exports.CheckboxPropsContext = void 0;
|
|
26
|
-
var React = require("react");
|
|
27
|
-
var PropTypes = require("prop-types");
|
|
28
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
29
|
-
var kendo_react_common_2 = require("@progress/kendo-react-common");
|
|
30
|
-
var package_metadata_1 = require("../package-metadata");
|
|
31
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
32
|
-
var messages_1 = require("./../messages");
|
|
33
|
-
/**
|
|
34
|
-
* Represents the PropsContext of the `Checkbox` component.
|
|
35
|
-
* Used for global configuration of all `Checkbox` instances.
|
|
36
|
-
*
|
|
37
|
-
* For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
|
|
38
|
-
*/
|
|
39
|
-
exports.CheckboxPropsContext = (0, kendo_react_common_1.createPropsContext)();
|
|
40
|
-
/**
|
|
41
|
-
* Represents the [KendoReact Checkbox component]({% slug overview_checkbox %}).
|
|
42
|
-
*
|
|
43
|
-
* @example
|
|
44
|
-
* ```jsx
|
|
45
|
-
* class App extends React.Component {
|
|
46
|
-
* render() {
|
|
47
|
-
* return <Checkbox />;
|
|
48
|
-
* }
|
|
49
|
-
* }
|
|
50
|
-
* ReactDOM.render(<App />, document.querySelector('my-app'));
|
|
51
|
-
* ```
|
|
52
|
-
*/
|
|
53
|
-
exports.Checkbox = React.forwardRef(function (directProps, target) {
|
|
54
|
-
var _a;
|
|
55
|
-
(0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
|
|
56
|
-
var props = (0, kendo_react_common_1.usePropsContext)(exports.CheckboxPropsContext, directProps);
|
|
57
|
-
var _b = props, ariaDescribedBy = _b.ariaDescribedBy, ariaLabelledBy = _b.ariaLabelledBy, checked = _b.checked, className = _b.className, labelClassName = _b.labelClassName, children = _b.children, defaultChecked = _b.defaultChecked, disabled = _b.disabled, defaultValue = _b.defaultValue, id = _b.id, size = _b.size, rounded = _b.rounded, label = _b.label, labelPlacement = _b.labelPlacement, name = _b.name, labelOptional = _b.labelOptional, onChange = _b.onChange, onFocus = _b.onFocus, onBlur = _b.onBlur, tabIndex = _b.tabIndex, value = _b.value, required = _b.required, valid = _b.valid, validationMessage = _b.validationMessage, validityStyles = _b.validityStyles,
|
|
58
|
-
// Removed to support direct use in Form Field component
|
|
59
|
-
visited = _b.visited, touched = _b.touched, modified = _b.modified, others = __rest(_b, ["ariaDescribedBy", "ariaLabelledBy", "checked", "className", "labelClassName", "children", "defaultChecked", "disabled", "defaultValue", "id", "size", "rounded", "label", "labelPlacement", "name", "labelOptional", "onChange", "onFocus", "onBlur", "tabIndex", "value", "required", "valid", "validationMessage", "validityStyles", "visited", "touched", "modified"]);
|
|
60
|
-
var elementRef = React.useRef(null);
|
|
61
|
-
var focusElement = React.useCallback(function () {
|
|
62
|
-
if (elementRef.current) {
|
|
63
|
-
elementRef.current.focus();
|
|
64
|
-
}
|
|
65
|
-
}, []);
|
|
66
|
-
var getImperativeHandle = React.useCallback(function () { return ({
|
|
67
|
-
element: elementRef.current,
|
|
68
|
-
focus: focusElement,
|
|
69
|
-
get name() { return elementRef.current && elementRef.current.name; }
|
|
70
|
-
}); }, [focusElement]);
|
|
71
|
-
React.useImperativeHandle(target, getImperativeHandle);
|
|
72
|
-
var _c = React.useState(defaultChecked), stateChecked = _c[0], setStateChecked = _c[1];
|
|
73
|
-
var _d = React.useState(defaultValue), stateValue = _d[0], setStateValue = _d[1];
|
|
74
|
-
var valueIsBoolean = (typeof value === 'boolean' || value === null);
|
|
75
|
-
var isCheckedControlled = checked !== undefined;
|
|
76
|
-
var isValueControlled = valueIsBoolean;
|
|
77
|
-
var currentValue = isValueControlled ? value : stateValue;
|
|
78
|
-
var currentChecked = isCheckedControlled ? checked : isValueControlled ? undefined : stateChecked;
|
|
79
|
-
var useValueAsChecked = currentChecked === undefined && currentValue;
|
|
80
|
-
var checkedProp = useValueAsChecked ? currentValue : currentChecked;
|
|
81
|
-
var valueProp = (useValueAsChecked || isValueControlled) ? (value === null ? value : undefined) : value || currentValue;
|
|
82
|
-
var indeterminateProp = checkedProp === null || valueProp === null;
|
|
83
|
-
var calculatedId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
|
|
84
|
-
var localizationService = (0, kendo_react_intl_1.useLocalization)();
|
|
85
|
-
var localizeMessage = function (message) {
|
|
86
|
-
return localizationService.toLanguageString(message, messages_1.messages[message]);
|
|
87
|
-
};
|
|
88
|
-
var defaultValidationMessage = localizeMessage(messages_1.checkboxValidation);
|
|
89
|
-
var optionalMessage = localizeMessage(messages_1.checkboxOptionalText);
|
|
90
|
-
var isValid = valid !== undefined ?
|
|
91
|
-
valid :
|
|
92
|
-
!required ?
|
|
93
|
-
true :
|
|
94
|
-
currentChecked ? true : false;
|
|
95
|
-
React.useEffect(function () {
|
|
96
|
-
if (elementRef.current && elementRef.current.setCustomValidity) {
|
|
97
|
-
elementRef.current.setCustomValidity(isValid
|
|
98
|
-
? ''
|
|
99
|
-
: (validationMessage || defaultValidationMessage));
|
|
100
|
-
}
|
|
101
|
-
}, [isValid, validationMessage, defaultValidationMessage]);
|
|
102
|
-
var setValue = React.useCallback(function (e, val) {
|
|
103
|
-
if (!isValueControlled && !disabled) {
|
|
104
|
-
setStateValue(val);
|
|
105
|
-
if (!isCheckedControlled && !disabled) {
|
|
106
|
-
setStateChecked(val);
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
if (onChange && !disabled) {
|
|
110
|
-
(0, kendo_react_common_1.dispatchEvent)(onChange, e, __assign(__assign({}, getImperativeHandle()), { value: val }), { value: val });
|
|
111
|
-
}
|
|
112
|
-
}, [isCheckedControlled, disabled, onChange, isValueControlled, getImperativeHandle]);
|
|
113
|
-
var handleChange = React.useCallback(function (e) {
|
|
114
|
-
var newValue = e.target.checked;
|
|
115
|
-
setValue(e, newValue);
|
|
116
|
-
}, [setValue, value]);
|
|
117
|
-
var handleKeyDown = React.useCallback(function (e) {
|
|
118
|
-
if (disabled) {
|
|
119
|
-
return;
|
|
120
|
-
}
|
|
121
|
-
var keyCode = e.keyCode;
|
|
122
|
-
var currentVal = e.currentTarget.checked;
|
|
123
|
-
if (keyCode === kendo_react_common_1.Keys.space) {
|
|
124
|
-
e.preventDefault();
|
|
125
|
-
e.stopPropagation();
|
|
126
|
-
setValue(e, !currentVal);
|
|
127
|
-
}
|
|
128
|
-
}, [disabled, setValue]);
|
|
129
|
-
var handleKeyUp = React.useCallback(function (e) {
|
|
130
|
-
if (disabled) {
|
|
131
|
-
return;
|
|
132
|
-
}
|
|
133
|
-
var keyCode = e.keyCode;
|
|
134
|
-
if (keyCode === kendo_react_common_1.Keys.space) {
|
|
135
|
-
e.preventDefault();
|
|
136
|
-
}
|
|
137
|
-
}, [disabled]);
|
|
138
|
-
var handleFocus = React.useCallback(function (e) {
|
|
139
|
-
if (onFocus && !disabled) {
|
|
140
|
-
(0, kendo_react_common_1.dispatchEvent)(onFocus, e, getImperativeHandle(), undefined);
|
|
141
|
-
}
|
|
142
|
-
}, [onFocus, disabled, getImperativeHandle]);
|
|
143
|
-
var handleBlur = React.useCallback(function (e) {
|
|
144
|
-
if (onBlur && !disabled) {
|
|
145
|
-
(0, kendo_react_common_1.dispatchEvent)(onBlur, e, getImperativeHandle(), undefined);
|
|
146
|
-
}
|
|
147
|
-
}, [onBlur, disabled, getImperativeHandle]);
|
|
148
|
-
var dir = (0, kendo_react_common_1.useDir)(elementRef, props.dir);
|
|
149
|
-
var checkboxClasses = (0, kendo_react_common_1.classNames)('k-checkbox-wrap', className);
|
|
150
|
-
var inputProps = __assign(__assign({ type: 'checkbox', className: (0, kendo_react_common_1.classNames)('k-checkbox', (_a = {},
|
|
151
|
-
_a["k-checkbox-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
152
|
-
_a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
|
|
153
|
-
_a['k-indeterminate'] = indeterminateProp,
|
|
154
|
-
_a['k-disabled'] = disabled,
|
|
155
|
-
_a['k-invalid k-invalid'] = !(isValid || validityStyles !== undefined || validityStyles === true),
|
|
156
|
-
_a)), ref: elementRef, name: name, id: id || calculatedId, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, checked: Boolean(checkedProp), disabled: disabled, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), role: 'checkbox', required: required !== undefined ? required : false, 'aria-checked': currentChecked || checkedProp ?
|
|
157
|
-
true :
|
|
158
|
-
indeterminateProp ?
|
|
159
|
-
'mixed' :
|
|
160
|
-
false, 'aria-disabled': disabled || undefined }, others), { onChange: handleChange, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onFocus: handleFocus, onBlur: handleBlur });
|
|
161
|
-
var checkboxInput = (React.createElement(React.Fragment, null,
|
|
162
|
-
// removing value prop is required due to bug in react where
|
|
163
|
-
// value set to undefined override default submit value
|
|
164
|
-
valueProp === undefined ? (React.createElement("input", __assign({}, inputProps))) : (React.createElement("input", __assign({}, inputProps, { value: valueIsBoolean ? undefined : valueProp === null ? '' : valueProp })))));
|
|
165
|
-
var checkboxLabel = (React.createElement(React.Fragment, null, label !== undefined ? (React.createElement("label", { className: (0, kendo_react_common_1.classNames)('k-checkbox-label', labelClassName), htmlFor: id || calculatedId, style: { userSelect: 'none' } },
|
|
166
|
-
label,
|
|
167
|
-
labelOptional && React.createElement("span", { className: "k-label-optional" }, optionalMessage))) : null));
|
|
168
|
-
return (React.createElement(React.Fragment, null, (labelPlacement === 'before') ? (React.createElement("span", { className: checkboxClasses, dir: 'rtl' },
|
|
169
|
-
checkboxInput,
|
|
170
|
-
checkboxLabel,
|
|
171
|
-
children)) : (React.createElement("span", { className: checkboxClasses, dir: dir },
|
|
172
|
-
checkboxInput,
|
|
173
|
-
checkboxLabel,
|
|
174
|
-
children))));
|
|
175
|
-
});
|
|
176
|
-
exports.Checkbox.propTypes = {
|
|
177
|
-
checked: PropTypes.bool,
|
|
178
|
-
className: PropTypes.string,
|
|
179
|
-
defaultChecked: PropTypes.bool,
|
|
180
|
-
defaultValue: PropTypes.any,
|
|
181
|
-
dir: PropTypes.string,
|
|
182
|
-
disabled: PropTypes.bool,
|
|
183
|
-
id: PropTypes.string,
|
|
184
|
-
size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
|
|
185
|
-
rounded: PropTypes.oneOf([null, 'small', 'medium', 'large']),
|
|
186
|
-
ariaLabelledBy: PropTypes.string,
|
|
187
|
-
ariaDescribedBy: PropTypes.string,
|
|
188
|
-
label: PropTypes.any,
|
|
189
|
-
labelPlacement: PropTypes.string,
|
|
190
|
-
labelOptional: PropTypes.bool,
|
|
191
|
-
name: PropTypes.string,
|
|
192
|
-
tabIndex: PropTypes.number,
|
|
193
|
-
value: PropTypes.any,
|
|
194
|
-
validationMessage: PropTypes.string,
|
|
195
|
-
required: PropTypes.bool,
|
|
196
|
-
validate: PropTypes.bool,
|
|
197
|
-
valid: PropTypes.bool,
|
|
198
|
-
onChange: PropTypes.func,
|
|
199
|
-
onFocus: PropTypes.func,
|
|
200
|
-
onBlur: PropTypes.func
|
|
201
|
-
};
|
|
202
|
-
var defaultProps = {
|
|
203
|
-
size: 'medium',
|
|
204
|
-
rounded: 'medium'
|
|
205
|
-
};
|
|
206
|
-
exports.Checkbox.defaultProps = defaultProps;
|
|
207
|
-
exports.Checkbox.displayName = 'KendoCheckbox';
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { CheckboxHandle } from './../Checkbox';
|
|
2
|
-
import { BaseEvent } from '@progress/kendo-react-common';
|
|
3
|
-
/**
|
|
4
|
-
* The arguments for the `onChange` Checkbox event.
|
|
5
|
-
*/
|
|
6
|
-
export interface CheckboxChangeEvent extends BaseEvent<CheckboxHandle> {
|
|
7
|
-
/**
|
|
8
|
-
* The new value of the Checkbox.
|
|
9
|
-
*/
|
|
10
|
-
value: boolean;
|
|
11
|
-
}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ToggleBaseProps } from '../../interfaces/ToggleBaseProps';
|
|
3
|
-
import { FormComponentProps } from '@progress/kendo-react-common';
|
|
4
|
-
import { CheckboxChangeEvent } from './CheckboxChangeEvent';
|
|
5
|
-
import { CheckboxFocusEvent } from './CheckboxFocusEvent';
|
|
6
|
-
import { CheckboxBlurEvent } from './CheckboxBlurEvent';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
|
|
11
|
-
/**
|
|
12
|
-
* Represents the props of the [KendoReact Checkbox component]({% slug overview_checkbox %}).
|
|
13
|
-
* Extends the [native input props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
|
|
14
|
-
*/
|
|
15
|
-
export interface CheckboxProps extends ToggleBaseProps, FormComponentProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'value' | 'size' | 'onChange' | 'onFocus' | 'onBlur'> {
|
|
16
|
-
/**
|
|
17
|
-
* Sets the checked state of the Checkbox.
|
|
18
|
-
* Set to null to enable the indeterminate state of the Checkbox ([see example]({% slug overview_checkbox %})).
|
|
19
|
-
*/
|
|
20
|
-
checked?: boolean | null;
|
|
21
|
-
/**
|
|
22
|
-
* If the type is different than boolean and the `checked` property is provided it's passed to the underlying `input` element.
|
|
23
|
-
* If set to boolean and the `checked` property is omitted sets the checked state of the Checkbox.
|
|
24
|
-
* Set null to enable the indeterminate state of the Checkbox ([see example]({% slug overview_checkbox %})).
|
|
25
|
-
*/
|
|
26
|
-
value?: string | number | string[] | boolean | null;
|
|
27
|
-
/**
|
|
28
|
-
* Sets the `className` of the wrapping element of the Checkbox.
|
|
29
|
-
*/
|
|
30
|
-
className?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Sets the `className` of the label element of the Checkbox.
|
|
33
|
-
*/
|
|
34
|
-
labelClassName?: string;
|
|
35
|
-
/**
|
|
36
|
-
* The React elements that are passed as children to the rendered component.
|
|
37
|
-
*/
|
|
38
|
-
children?: any;
|
|
39
|
-
/**
|
|
40
|
-
* Sets the default value of checked attribute when used in uncontrolled mode ([see example]({% slug default_state %})).
|
|
41
|
-
*/
|
|
42
|
-
defaultChecked?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* The default value of the Checkbox.
|
|
45
|
-
*/
|
|
46
|
-
defaultValue?: any;
|
|
47
|
-
/**
|
|
48
|
-
* Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
|
|
49
|
-
*/
|
|
50
|
-
dir?: string;
|
|
51
|
-
/**
|
|
52
|
-
* Sets the disabled state of the Checkbox
|
|
53
|
-
* ([see example]({% slug disabled_checkbox %})).
|
|
54
|
-
*/
|
|
55
|
-
disabled?: boolean;
|
|
56
|
-
/**
|
|
57
|
-
* Sets the `id` of the Checkbox.
|
|
58
|
-
*/
|
|
59
|
-
id?: string;
|
|
60
|
-
/**
|
|
61
|
-
* Configures the `size` of the Checkbox.
|
|
62
|
-
*
|
|
63
|
-
* The available options are:
|
|
64
|
-
* - small
|
|
65
|
-
* - medium
|
|
66
|
-
* - large
|
|
67
|
-
* - null—Does not set a size `className`.
|
|
68
|
-
*
|
|
69
|
-
* @default `medium`
|
|
70
|
-
*/
|
|
71
|
-
size?: null | 'small' | 'medium' | 'large';
|
|
72
|
-
/**
|
|
73
|
-
* Configures the `rounded` style of the Checkbox.
|
|
74
|
-
*
|
|
75
|
-
* The available options are:
|
|
76
|
-
* - small
|
|
77
|
-
* - medium
|
|
78
|
-
* - large
|
|
79
|
-
* - null—Does not set a rounded `className`.
|
|
80
|
-
*
|
|
81
|
-
* @default `medium`
|
|
82
|
-
*/
|
|
83
|
-
rounded?: null | 'small' | 'medium' | 'large';
|
|
84
|
-
/**
|
|
85
|
-
* Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
|
|
86
|
-
* For example these elements could contain error or hint message.
|
|
87
|
-
*/
|
|
88
|
-
ariaDescribedBy?: string;
|
|
89
|
-
/**
|
|
90
|
-
* Identifies the element(s) which will label the component.
|
|
91
|
-
*/
|
|
92
|
-
ariaLabelledBy?: string;
|
|
93
|
-
/**
|
|
94
|
-
* Sets the label of the Checkbox component ([see example]({% slug labels_checkbox %})).
|
|
95
|
-
*/
|
|
96
|
-
label?: string | HTMLElement;
|
|
97
|
-
/**
|
|
98
|
-
* Sets the label position of the Checkbox component ([see example]({% slug labels_checkbox %})).
|
|
99
|
-
*/
|
|
100
|
-
labelPlacement?: 'before' | 'after';
|
|
101
|
-
/**
|
|
102
|
-
* Sets the optional text after the label of the Checkbox component.
|
|
103
|
-
*/
|
|
104
|
-
labelOptional?: boolean;
|
|
105
|
-
/**
|
|
106
|
-
* Sets the `tabIndex` property of the Checkbox.
|
|
107
|
-
* Defaults to `0`.
|
|
108
|
-
*/
|
|
109
|
-
tabIndex?: number;
|
|
110
|
-
/**
|
|
111
|
-
* The event handler that will be fired when the user edits the value.
|
|
112
|
-
*/
|
|
113
|
-
onChange?: (event: CheckboxChangeEvent) => void;
|
|
114
|
-
/**
|
|
115
|
-
* The event handler that will be fired when Checkbox is focused.
|
|
116
|
-
*/
|
|
117
|
-
onFocus?: (event: CheckboxFocusEvent) => void;
|
|
118
|
-
/**
|
|
119
|
-
* The event handler that will be fired when Checkbox is blurred.
|
|
120
|
-
*/
|
|
121
|
-
onBlur?: (event: CheckboxBlurEvent) => void;
|
|
122
|
-
}
|
|
123
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { RGBA } from './models/rgba';
|
|
3
|
-
/**
|
|
4
|
-
* @hidden
|
|
5
|
-
*/
|
|
6
|
-
export interface ColorContrastLabelProps {
|
|
7
|
-
bgColor: RGBA;
|
|
8
|
-
rgba: RGBA;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare class ColorContrastLabels extends React.Component<ColorContrastLabelProps, {}> {
|
|
14
|
-
render(): JSX.Element;
|
|
15
|
-
}
|