@progress/kendo-react-inputs 4.13.0-dev.202111291459 → 4.13.0-dev.202111300702

package/dist/npm/input/Input.js

@@ -39,12 +39,10 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
 var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
-/**
- * Represents the Input component.
- */
-var Input = /** @class */ (function (_super) {
-    __extends(Input, _super);
-    function Input(props) {
+/** @hidden */
+var InputWithoutContext = /** @class */ (function (_super) {
+    __extends(InputWithoutContext, _super);
+    function InputWithoutContext(props) {
         var _this = _super.call(this, props) || this;
         _this._inputId = kendo_react_common_1.guid();
         /**
@@ -105,11 +103,11 @@ var Input = /** @class */ (function (_super) {
         };
         kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
         _this.state = {
-            value: _this.props.defaultValue || Input.defaultProps.defaultValue
+            value: _this.props.defaultValue || InputWithoutContext.defaultProps.defaultValue
         };
         return _this;
     }
-    Object.defineProperty(Input.prototype, "element", {
+    Object.defineProperty(InputWithoutContext.prototype, "element", {
         /**
          * Gets the native input element of the Input component.
          */
@@ -119,7 +117,7 @@ var Input = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Input.prototype, "value", {
+    Object.defineProperty(InputWithoutContext.prototype, "value", {
         /**
          * Gets the value of the Input.
          */
@@ -133,7 +131,7 @@ var Input = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Input.prototype, "name", {
+    Object.defineProperty(InputWithoutContext.prototype, "name", {
         /**
          * Gets the `name` property of the Input.
          */
@@ -143,7 +141,7 @@ var Input = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Input.prototype, "validity", {
+    Object.defineProperty(InputWithoutContext.prototype, "validity", {
         /**
          * Represents the validity state into which the Input is set.
          */
@@ -169,14 +167,14 @@ var Input = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Input.prototype, "validityStyles", {
+    Object.defineProperty(InputWithoutContext.prototype, "validityStyles", {
         /**
          * @hidden
          */
         get: function () {
             return this.props.validityStyles !== undefined
                 ? this.props.validityStyles
-                : Input.defaultProps.validityStyles;
+                : InputWithoutContext.defaultProps.validityStyles;
         },
         enumerable: true,
         configurable: true
@@ -184,19 +182,19 @@ var Input = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Input.prototype.componentDidMount = function () {
+    InputWithoutContext.prototype.componentDidMount = function () {
         this.forceUpdate();
     };
     /**
      * @hidden
      */
-    Input.prototype.componentDidUpdate = function () {
+    InputWithoutContext.prototype.componentDidUpdate = function () {
         this.setValidity();
     };
     /**
      * @hidden
      */
-    Input.prototype.render = function () {
+    InputWithoutContext.prototype.render = function () {
         var _this = this;
         var _a = this.props, className = _a.className, label = _a.label, id = _a.id, validationMessage = _a.validationMessage, defaultValue = _a.defaultValue, valid = _a.valid, 
         // Removed to support direct use in Form Field component
@@ -213,10 +211,11 @@ var Input = /** @class */ (function (_super) {
             (React.createElement(kendo_react_labels_1.FloatingLabel, { label: label, editorId: inputId, editorValue: String(this.value), editorValid: isValid, editorDisabled: props.disabled, editorPlaceholder: props.placeholder, children: textbox, style: style, dir: props.dir }))
             : textbox;
     };
+    InputWithoutContext.displayName = 'Input';
     /**
      * @hidden
      */
-    Input.propTypes = {
+    InputWithoutContext.propTypes = {
         label: PropTypes.string,
         validationMessage: PropTypes.string,
         required: PropTypes.bool,
@@ -228,11 +227,28 @@ var Input = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Input.defaultProps = {
+    InputWithoutContext.defaultProps = {
         defaultValue: '',
         required: false,
         validityStyles: true
     };
-    return Input;
+    return InputWithoutContext;
 }(React.Component));
-exports.Input = Input;
+exports.InputWithoutContext = InputWithoutContext;
+/**
+ * Represents the PropsContext of the `Input` component.
+ * Used for global configuration of all `Input` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+exports.InputPropsContext = kendo_react_common_1.createPropsContext();
+;
+/* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
+/**
+ * Represents the [KendoReact Input component]({% slug overview_textbox %}).
+ *
+ * Accepts properties of type [InputProps]({% slug api_inputs_inputprops %}).
+ * Obtaining the `ref` returns an object of type [InputHandle]({% slug api_inputs_inputhandle %}).
+ */
+exports.Input = kendo_react_common_1.withPropsContext(exports.InputPropsContext, InputWithoutContext);
+exports.Input.displayName = 'KendoReactInput';

package/dist/npm/main.d.ts

@@ -2,8 +2,8 @@ import { FormComponentValidity } from '@progress/kendo-react-common';
 export { FormComponentValidity };
 import { InputChangeEvent } from './input/interfaces/InputChangeEvent';
 export { InputChangeEvent };
-export * from './colors/ColorGradient';
-export * from './colors/ColorPalette';
+export { ColorGradient, ColorGradientHandle, ColorGradientPropsContext, ColorGradientState } from './colors/ColorGradient';
+export { ColorPalette, ColorPaletteHandle, ColorPalettePropsContext, ColorPaletteState } from './colors/ColorPalette';
 export * from './colors/ColorPicker';
 export * from './colors/interfaces/ColorGradientChangeEvent';
 export * from './colors/interfaces/ColorGradientProps';
@@ -17,8 +17,8 @@ export * from './colors/interfaces/ColorPickerPaletteSettings';
 export * from './colors/interfaces/ColorPickerPopupSettings';
 export * from './colors/interfaces/ColorPickerProps';
 export * from './colors/FlatColorPicker';
-export * from './input/Input';
-export * from './maskedtextbox/MaskedTextBox';
+export { Input, InputHandle, InputProps, InputPropsContext, InputState } from './input/Input';
+export { MaskedTextBox, MaskedTextBoxHandle, MaskedTextBoxPropsContext } from './maskedtextbox/MaskedTextBox';
 export * from './maskedtextbox/MaskedTextBoxProps';
 export * from './numerictextbox/NumericTextBox';
 export * from './numerictextbox/interfaces/NumericTextBoxHandle';
@@ -26,11 +26,11 @@ export * from './numerictextbox/interfaces/NumericTextBoxChangeEvent';
 export * from './numerictextbox/interfaces/NumericTextBoxBlurEvent';
 export * from './numerictextbox/interfaces/NumericTextBoxFocusEvent';
 export * from './numerictextbox/interfaces/NumericTextBoxProps';
-export * from './slider/Slider';
+export { Slider, SliderHandle, SliderProps, SliderPropsContext, SliderChangeEvent } from './slider/Slider';
 export * from './slider/SliderLabel';
 export * from './range-slider/RangeSlider';
 export * from './interfaces/ToggleBaseProps';
-export * from './switch/Switch';
+export { Switch, SwitchHandle, SwitchProps, SwitchPropsContext, SwitchState, SwitchChangeEvent } from './switch/Switch';
 export * from './checkbox/interfaces/CheckboxProps';
 export * from './checkbox/interfaces/CheckboxChangeEvent';
 export * from './checkbox/interfaces/CheckboxFocusEvent';

package/dist/npm/main.js

@@ -3,17 +3,29 @@ function __export(m) {
     for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
 }
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./colors/ColorGradient"));
-__export(require("./colors/ColorPalette"));
+var ColorGradient_1 = require("./colors/ColorGradient");
+exports.ColorGradient = ColorGradient_1.ColorGradient;
+exports.ColorGradientPropsContext = ColorGradient_1.ColorGradientPropsContext;
+var ColorPalette_1 = require("./colors/ColorPalette");
+exports.ColorPalette = ColorPalette_1.ColorPalette;
+exports.ColorPalettePropsContext = ColorPalette_1.ColorPalettePropsContext;
 __export(require("./colors/ColorPicker"));
 __export(require("./colors/FlatColorPicker"));
-__export(require("./input/Input"));
-__export(require("./maskedtextbox/MaskedTextBox"));
+var Input_1 = require("./input/Input");
+exports.Input = Input_1.Input;
+exports.InputPropsContext = Input_1.InputPropsContext;
+var MaskedTextBox_1 = require("./maskedtextbox/MaskedTextBox");
+exports.MaskedTextBox = MaskedTextBox_1.MaskedTextBox;
+exports.MaskedTextBoxPropsContext = MaskedTextBox_1.MaskedTextBoxPropsContext;
 __export(require("./numerictextbox/NumericTextBox"));
-__export(require("./slider/Slider"));
+var Slider_1 = require("./slider/Slider");
+exports.Slider = Slider_1.Slider;
+exports.SliderPropsContext = Slider_1.SliderPropsContext;
 __export(require("./slider/SliderLabel"));
 __export(require("./range-slider/RangeSlider"));
-__export(require("./switch/Switch"));
+var Switch_1 = require("./switch/Switch");
+exports.Switch = Switch_1.Switch;
+exports.SwitchPropsContext = Switch_1.SwitchPropsContext;
 __export(require("./checkbox/Checkbox"));
 __export(require("./radiobutton/RadioGroup"));
 __export(require("./radiobutton/RadioButton"));

package/dist/npm/maskedtextbox/MaskedTextBox.d.ts

@@ -9,10 +9,9 @@ interface MaskedTextBoxState {
     focused?: boolean;
     value?: string;
 }
-/**
- * Represents the props of the [KendoReact MaskedTextBox component]({% slug overview_maskedtextbox %}).
- */
-export declare class MaskedTextBox extends React.Component<MaskedTextBoxProps, MaskedTextBoxState> implements FormComponent {
+/** @hidden */
+export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedTextBoxProps, MaskedTextBoxState> implements FormComponent {
+    static displayName: string;
     /**
      * @hidden
      */
@@ -156,4 +155,70 @@ export declare class MaskedTextBox extends React.Component<MaskedTextBoxProps, M
     private readonly rules;
     private setValidity;
 }
+/**
+ * Represents the PropsContext of the `MaskedTextBox` component.
+ * Used for global configuration of all `MaskedTextBox` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const MaskedTextBoxPropsContext: React.Context<(p: MaskedTextBoxProps) => MaskedTextBoxProps>;
+/**
+ * Represent the `ref` of the MaskedTextBox component.
+ */
+export interface MaskedTextBoxHandle extends Pick<MaskedTextBoxWithoutContext, keyof MaskedTextBoxWithoutContext> {
+    /**
+     * Gets the element of the MaskedTextBox.
+     *
+     * ```jsx
+     * class App extends React.Component {
+     * constructor(props) {
+     *  super(props);
+     * }
+     * element = null;
+     * render() {
+     *  return (
+     *      <div>
+     *          <MaskedTextBox
+     *              ref={(component) =>
+     *                  this.element = component ? component.element : null}
+     *          />
+     *          <button onClick={() => console.log(this.element)}>console.log the element</button>
+     *      </div>
+     *  );
+     * }
+     * }
+     *
+     * ReactDOM.render(
+     * <App />,
+     * document.getElementsByTagName('my-app')[0]
+     * );
+     * ```
+     */
+    element: HTMLInputElement | null;
+    /**
+     * Gets the `name` property of the MaskedTextBox.
+     */
+    name: string | undefined;
+    /**
+     * Gets the raw value without the mask of the MaskedTextBox.
+     */
+    rawValue: string;
+    /**
+     * Represents the validity state into which the MaskedTextBox is set.
+     */
+    validity: FormComponentValidity;
+    /**
+     * Gets the value with the mask of the MaskedTextBox.
+     */
+    value: string;
+}
+/** @hidden */
+export declare type MaskedTextBox = MaskedTextBoxHandle;
+/**
+ * Represents the props of the [KendoReact MaskedTextBox component]({% slug overview_maskedtextbox %}).
+ *
+ * Accepts properties of type [MaskedTextBoxProps]({% slug api_inputs_maskedtextboxprops %}).
+ * Obtaining the `ref` returns an object of type [MaskedTextBoxHandle]({% slug api_inputs_maskedtextboxhandle %}).
+ */
+export declare const MaskedTextBox: React.ForwardRefExoticComponent<MaskedTextBoxProps & React.RefAttributes<any>>;
 export {};

package/dist/npm/maskedtextbox/MaskedTextBox.js

@@ -32,12 +32,10 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
 var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
-/**
- * Represents the props of the [KendoReact MaskedTextBox component]({% slug overview_maskedtextbox %}).
- */
-var MaskedTextBox = /** @class */ (function (_super) {
-    __extends(MaskedTextBox, _super);
-    function MaskedTextBox(props) {
+/** @hidden */
+var MaskedTextBoxWithoutContext = /** @class */ (function (_super) {
+    __extends(MaskedTextBoxWithoutContext, _super);
+    function MaskedTextBoxWithoutContext(props) {
         var _this = _super.call(this, props) || this;
         /**
          * @hidden
@@ -123,7 +121,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
         kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
         return _this;
     }
-    Object.defineProperty(MaskedTextBox.prototype, "element", {
+    Object.defineProperty(MaskedTextBoxWithoutContext.prototype, "element", {
         /**
          * Gets the element of the MaskedTextBox.
          *
@@ -161,7 +159,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(MaskedTextBox.prototype, "value", {
+    Object.defineProperty(MaskedTextBoxWithoutContext.prototype, "value", {
         /**
          * Gets the value with the mask of the MaskedTextBox.
          */
@@ -183,7 +181,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(MaskedTextBox.prototype, "rawValue", {
+    Object.defineProperty(MaskedTextBoxWithoutContext.prototype, "rawValue", {
         /**
          * Gets the raw value without the mask of the MaskedTextBox.
          */
@@ -193,7 +191,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(MaskedTextBox.prototype, "validity", {
+    Object.defineProperty(MaskedTextBoxWithoutContext.prototype, "validity", {
         /**
          * Represents the validity state into which the MaskedTextBox is set.
          */
@@ -213,31 +211,31 @@ var MaskedTextBox = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(MaskedTextBox.prototype, "validityStyles", {
+    Object.defineProperty(MaskedTextBoxWithoutContext.prototype, "validityStyles", {
         /**
          * @hidden
          */
         get: function () {
             return this.props.validityStyles !== undefined
                 ? this.props.validityStyles
-                : MaskedTextBox.defaultProps.validityStyles;
+                : MaskedTextBoxWithoutContext.defaultProps.validityStyles;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(MaskedTextBox.prototype, "required", {
+    Object.defineProperty(MaskedTextBoxWithoutContext.prototype, "required", {
         /**
          * @hidden
          */
         get: function () {
             return this.props.required !== undefined
                 ? this.props.required
-                : MaskedTextBox.defaultProps.required;
+                : MaskedTextBoxWithoutContext.defaultProps.required;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(MaskedTextBox.prototype, "name", {
+    Object.defineProperty(MaskedTextBoxWithoutContext.prototype, "name", {
         /**
          * Gets the `name` property of the MaskedTextBox.
          */
@@ -250,7 +248,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    MaskedTextBox.prototype.componentDidUpdate = function (prevProps, prevState) {
+    MaskedTextBoxWithoutContext.prototype.componentDidUpdate = function (prevProps, prevState) {
         if (this.element && this.state.focused && prevState.focused) {
             var _a = this._selection, start = _a[0], end = _a[1];
             var prevSelection = prevProps.selection;
@@ -273,14 +271,14 @@ var MaskedTextBox = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    MaskedTextBox.prototype.componentDidMount = function () {
+    MaskedTextBoxWithoutContext.prototype.componentDidMount = function () {
         this.updateService();
         this.setValidity();
     };
     /**
      * @hidden
      */
-    MaskedTextBox.prototype.render = function () {
+    MaskedTextBoxWithoutContext.prototype.render = function () {
         var _this = this;
         var inputId = this.props.id || this._inputId;
         var isValid = !this.validityStyles || this.validity.valid;
@@ -296,7 +294,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
             ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: this.props.label, editorId: inputId, editorValue: this.value, editorValid: isValid, editorDisabled: this.props.disabled, editorPlaceholder: this.props.placeholder, children: component, style: { width: this.props.width }, dir: this.props.dir }))
             : component;
     };
-    MaskedTextBox.prototype.triggerOnChange = function (maskedValue, event) {
+    MaskedTextBoxWithoutContext.prototype.triggerOnChange = function (maskedValue, event) {
         this.setState({
             value: maskedValue
         });
@@ -313,7 +311,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
             this._valueDuringOnChange = undefined;
         }
     };
-    MaskedTextBox.prototype.updateService = function (extra) {
+    MaskedTextBoxWithoutContext.prototype.updateService = function (extra) {
         var config = Object.assign({
             includeLiterals: this.props.includeLiterals,
             mask: this.props.mask,
@@ -323,17 +321,18 @@ var MaskedTextBox = /** @class */ (function (_super) {
         }, extra); // tslint:disable-line:align
         this._service.update(config);
     };
-    Object.defineProperty(MaskedTextBox.prototype, "rules", {
+    Object.defineProperty(MaskedTextBoxWithoutContext.prototype, "rules", {
         get: function () {
             return Object.assign({}, utils_1.defaultRules, this.props.rules);
         },
         enumerable: true,
         configurable: true
     });
+    MaskedTextBoxWithoutContext.displayName = 'MaskedTextBox';
     /**
      * @hidden
      */
-    MaskedTextBox.propTypes = {
+    MaskedTextBoxWithoutContext.propTypes = {
         value: PropTypes.string,
         defaultValue: PropTypes.string,
         placeholder: PropTypes.string,
@@ -366,8 +365,8 @@ var MaskedTextBox = /** @class */ (function (_super) {
                     return new Error('Invalid prop `' + propName + '` supplied to' +
                         ' `' + componentName + '`. Validation failed.');
                 }
-                return null;
             }
+            return null;
         },
         selection: PropTypes.shape({
             start: PropTypes.number.isRequired,
@@ -384,7 +383,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    MaskedTextBox.defaultProps = {
+    MaskedTextBoxWithoutContext.defaultProps = {
         prompt: '_',
         promptPlaceholder: ' ',
         includeLiterals: false,
@@ -393,6 +392,22 @@ var MaskedTextBox = /** @class */ (function (_super) {
         required: false,
         validityStyles: true
     };
-    return MaskedTextBox;
+    return MaskedTextBoxWithoutContext;
 }(React.Component));
-exports.MaskedTextBox = MaskedTextBox;
+exports.MaskedTextBoxWithoutContext = MaskedTextBoxWithoutContext;
+/**
+ * Represents the PropsContext of the `MaskedTextBox` component.
+ * Used for global configuration of all `MaskedTextBox` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+exports.MaskedTextBoxPropsContext = kendo_react_common_1.createPropsContext();
+/* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
+/**
+ * Represents the props of the [KendoReact MaskedTextBox component]({% slug overview_maskedtextbox %}).
+ *
+ * Accepts properties of type [MaskedTextBoxProps]({% slug api_inputs_maskedtextboxprops %}).
+ * Obtaining the `ref` returns an object of type [MaskedTextBoxHandle]({% slug api_inputs_maskedtextboxhandle %}).
+ */
+exports.MaskedTextBox = kendo_react_common_1.withPropsContext(exports.MaskedTextBoxPropsContext, MaskedTextBoxWithoutContext);
+exports.MaskedTextBox.displayName = 'KendoReactMaskedTextBox';

package/dist/npm/numerictextbox/NumericTextBox.d.ts

@@ -1,6 +1,13 @@
 import * as React from 'react';
 import { NumericTextBoxProps } from './interfaces/NumericTextBoxProps';
 import { NumericTextBoxHandle } from './interfaces/NumericTextBoxHandle';
+/**
+ * Represents the PropsContext of the `NumericTextBox` component.
+ * Used for global configuration of all `NumericTextBox` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const NumericTextBoxPropsContext: React.Context<(p: NumericTextBoxProps) => NumericTextBoxProps>;
 /**
  * Represents the [KendoReact NumericTextBox component]({% slug overview_numerictextbox %}).
  */

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -10,11 +10,19 @@ var package_metadata_1 = require("../package-metadata");
 var messages_1 = require("../messages");
 var utils_1 = require("./utils");
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
+/**
+ * Represents the PropsContext of the `NumericTextBox` component.
+ * Used for global configuration of all `NumericTextBox` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+exports.NumericTextBoxPropsContext = kendo_react_common_1.createPropsContext();
 /**
  * Represents the [KendoReact NumericTextBox component]({% slug overview_numerictextbox %}).
  */
-exports.NumericTextBox = React.forwardRef(function (props, target) {
+exports.NumericTextBox = React.forwardRef(function (directProps, target) {
     kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+    var props = kendo_react_common_1.usePropsContext(exports.NumericTextBoxPropsContext, directProps);
     var calculatedId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
     var inputId = props.id || calculatedId;
     var intlService = kendo_react_intl_1.useInternationalization();

package/dist/npm/numerictextbox/interfaces/NumericTextBoxProps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FormComponentProps } from '@progress/kendo-react-common';
 import { NumberFormatOptions } from '@progress/kendo-react-intl';
 import { NumericTextBoxChangeEvent } from './NumericTextBoxChangeEvent';
@@ -121,5 +122,7 @@ export interface NumericTextBoxProps extends FormComponentProps {
      * The event handler that will be fired when NumericTextBox is blurred.
      */
     onBlur?: (event: NumericTextBoxBlurEvent) => void;
+    /** @hidden */
+    children?: React.ReactNode;
 }
 export {};

package/dist/npm/package-metadata.js

@@ -7,7 +7,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-inputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1638196808,
+    publishDate: 1638254513,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/radiobutton/RadioButton.d.ts

@@ -7,4 +7,17 @@ export interface RadioButtonHandle {
     element: HTMLInputElement | null;
     focus: any;
 }
+/**
+ * Represents the PropsContext of the `RadioButton` component.
+ * Used for global configuration of all `RadioButton` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const RadioButtonPropsContext: React.Context<(p: RadioButtonProps) => RadioButtonProps>;
+/**
+ * Represents the [KendoReact RadioButton component]({% slug overview_radiobutton %}).
+ *
+ * Accepts properties of type [RadioButtonProps]({% slug api_inputs_radiobuttonprops %}).
+ * Obtaining the `ref` returns an object of type [RadioButtonHandle]({% slug api_inputs_radiobuttonhandle %}).
+ */
 export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<RadioButtonHandle>>;

package/dist/npm/radiobutton/RadioButton.js

@@ -25,8 +25,22 @@ var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
-exports.RadioButton = React.forwardRef(function (props, target) {
+/**
+ * Represents the PropsContext of the `RadioButton` component.
+ * Used for global configuration of all `RadioButton` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+exports.RadioButtonPropsContext = kendo_react_common_1.createPropsContext();
+/**
+ * Represents the [KendoReact RadioButton component]({% slug overview_radiobutton %}).
+ *
+ * Accepts properties of type [RadioButtonProps]({% slug api_inputs_radiobuttonprops %}).
+ * Obtaining the `ref` returns an object of type [RadioButtonHandle]({% slug api_inputs_radiobuttonhandle %}).
+ */
+exports.RadioButton = React.forwardRef(function (directProps, target) {
     kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+    var props = kendo_react_common_1.usePropsContext(exports.RadioButtonPropsContext, directProps);
     var ariaDescribedBy = props.ariaDescribedBy, checked = props.checked, children = props.children, className = props.className, disabled = props.disabled, id = props.id, label = props.label, labelPlacement = props.labelPlacement, name = props.name, style = props.style, tabIndex = props.tabIndex, value = props.value, valid = props.valid, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, others = __rest(props, ["ariaDescribedBy", "checked", "children", "className", "disabled", "id", "label", "labelPlacement", "name", "style", "tabIndex", "value", "valid", "onChange", "onFocus", "onBlur"]);
     var elementRef = React.useRef(null);
     var focusElement = React.useCallback(function () {

package/dist/npm/radiobutton/RadioGroup.d.ts

@@ -7,4 +7,17 @@ export interface RadioGroupHandle {
     element: HTMLUListElement | null;
     focus: any;
 }
+/**
+ * Represents the PropsContext of the `RadioGroup` component.
+ * Used for global configuration of all `RadioGroup` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const RadioGroupPropsContext: React.Context<(p: RadioGroupProps) => RadioGroupProps>;
+/**
+ * Represents the [KendoReact RadioGroup component]({% slug overview_radiogroup %}).
+ *
+ * Accepts properties of type [RadioGroupProps]({% slug api_inputs_radiogroupprops %}).
+ * Obtaining the `ref` returns an object of type [RadioGroupHandle]({% slug api_inputs_radiogrouphandle %}).
+ */
 export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<RadioGroupHandle>>;

package/dist/npm/radiobutton/RadioGroup.js

@@ -17,8 +17,22 @@ var RadioButton_1 = require("./RadioButton");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
-exports.RadioGroup = React.forwardRef(function (props, target) {
+/**
+ * Represents the PropsContext of the `RadioGroup` component.
+ * Used for global configuration of all `RadioGroup` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+exports.RadioGroupPropsContext = kendo_react_common_1.createPropsContext();
+/**
+ * Represents the [KendoReact RadioGroup component]({% slug overview_radiogroup %}).
+ *
+ * Accepts properties of type [RadioGroupProps]({% slug api_inputs_radiogroupprops %}).
+ * Obtaining the `ref` returns an object of type [RadioGroupHandle]({% slug api_inputs_radiogrouphandle %}).
+ */
+exports.RadioGroup = React.forwardRef(function (directProps, target) {
     kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+    var props = kendo_react_common_1.usePropsContext(exports.RadioGroupPropsContext, directProps);
     var ariaLabelledBy = props.ariaLabelledBy, ariaDescribedBy = props.ariaDescribedBy, className = props.className, data = props.data, defaultValue = props.defaultValue, disabled = props.disabled, name = props.name, labelPlacement = props.labelPlacement, layout = props.layout, style = props.style, value = props.value, valid = props.valid, _a = props.item, Item = _a === void 0 ? defaultProps.item : _a, onChange = props.onChange, onFocus = props.onFocus;
     var elementRef = React.useRef(null);
     var focusElement = React.useCallback(function () {