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

package/dist/es/input/Input.js

@@ -33,16 +33,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-import { guid, classNames } from '@progress/kendo-react-common';
+import { guid, classNames, createPropsContext, withPropsContext } from '@progress/kendo-react-common';
 import { FloatingLabel } from '@progress/kendo-react-labels';
 import { validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from '../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 = guid();
         /**
@@ -103,11 +101,11 @@ var Input = /** @class */ (function (_super) {
         };
         validatePackage(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.
          */
@@ -117,7 +115,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.
          */
@@ -131,7 +129,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.
          */
@@ -141,7 +139,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.
          */
@@ -167,14 +165,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
@@ -182,19 +180,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
@@ -211,10 +209,11 @@ var Input = /** @class */ (function (_super) {
             (React.createElement(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,
@@ -226,11 +225,28 @@ var Input = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Input.defaultProps = {
+    InputWithoutContext.defaultProps = {
         defaultValue: '',
         required: false,
         validityStyles: true
     };
-    return Input;
+    return InputWithoutContext;
 }(React.Component));
-export { Input };
+export { 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.
+ */
+export var InputPropsContext = 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 %}).
+ */
+export var Input = withPropsContext(InputPropsContext, InputWithoutContext);
+Input.displayName = 'KendoReactInput';

package/dist/es/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/es/main.js

@@ -1,14 +1,14 @@
-export * from './colors/ColorGradient';
-export * from './colors/ColorPalette';
+export { ColorGradient, ColorGradientPropsContext } from './colors/ColorGradient';
+export { ColorPalette, ColorPalettePropsContext } from './colors/ColorPalette';
 export * from './colors/ColorPicker';
 export * from './colors/FlatColorPicker';
-export * from './input/Input';
-export * from './maskedtextbox/MaskedTextBox';
+export { Input, InputPropsContext } from './input/Input';
+export { MaskedTextBox, MaskedTextBoxPropsContext } from './maskedtextbox/MaskedTextBox';
 export * from './numerictextbox/NumericTextBox';
-export * from './slider/Slider';
+export { Slider, SliderPropsContext } from './slider/Slider';
 export * from './slider/SliderLabel';
 export * from './range-slider/RangeSlider';
-export * from './switch/Switch';
+export { Switch, SwitchPropsContext } from './switch/Switch';
 export * from './checkbox/Checkbox';
 export * from './radiobutton/RadioGroup';
 export * from './radiobutton/RadioButton';

package/dist/es/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/es/maskedtextbox/MaskedTextBox.js

@@ -26,16 +26,14 @@ import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { MaskingService } from './masking.service';
 import { defaultRules, maskingChanged, returnFalse } from './utils';
-import { guid, classNames, getTabIndex } from '@progress/kendo-react-common';
+import { guid, classNames, getTabIndex, withPropsContext, createPropsContext } from '@progress/kendo-react-common';
 import { FloatingLabel } from '@progress/kendo-react-labels';
 import { validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from '../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
@@ -121,7 +119,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
         validatePackage(packageMetadata);
         return _this;
     }
-    Object.defineProperty(MaskedTextBox.prototype, "element", {
+    Object.defineProperty(MaskedTextBoxWithoutContext.prototype, "element", {
         /**
          * Gets the element of the MaskedTextBox.
          *
@@ -159,7 +157,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.
          */
@@ -181,7 +179,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.
          */
@@ -191,7 +189,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.
          */
@@ -211,31 +209,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.
          */
@@ -248,7 +246,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;
@@ -271,14 +269,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;
@@ -294,7 +292,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
             ? (React.createElement(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
         });
@@ -311,7 +309,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,
@@ -321,17 +319,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({}, 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,
@@ -364,8 +363,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,
@@ -382,7 +381,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    MaskedTextBox.defaultProps = {
+    MaskedTextBoxWithoutContext.defaultProps = {
         prompt: '_',
         promptPlaceholder: ' ',
         includeLiterals: false,
@@ -391,6 +390,22 @@ var MaskedTextBox = /** @class */ (function (_super) {
         required: false,
         validityStyles: true
     };
-    return MaskedTextBox;
+    return MaskedTextBoxWithoutContext;
 }(React.Component));
-export { MaskedTextBox };
+export { 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.
+ */
+export var MaskedTextBoxPropsContext = 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 %}).
+ */
+export var MaskedTextBox = withPropsContext(MaskedTextBoxPropsContext, MaskedTextBoxWithoutContext);
+MaskedTextBox.displayName = 'KendoReactMaskedTextBox';

package/dist/es/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/es/numerictextbox/NumericTextBox.js

@@ -1,18 +1,26 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { useInternationalization, useLocalization } from '@progress/kendo-react-intl';
-import { classNames, guid, getTabIndex, dispatchEvent } from '@progress/kendo-react-common';
+import { classNames, guid, getTabIndex, dispatchEvent, createPropsContext, usePropsContext } from '@progress/kendo-react-common';
 import { FloatingLabel } from '@progress/kendo-react-labels';
 import { validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from '../package-metadata';
 import { numericIncreaseValue, messages, numericDecreaseValue } from '../messages';
 import { formatValue, sanitizeNumber, rangeValue, increaseValue, decreaseValue, getStateOrPropsValue, getInitialState } from './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.
+ */
+export var NumericTextBoxPropsContext = createPropsContext();
 /**
  * Represents the [KendoReact NumericTextBox component]({% slug overview_numerictextbox %}).
  */
-export var NumericTextBox = React.forwardRef(function (props, target) {
+export var NumericTextBox = React.forwardRef(function (directProps, target) {
     validatePackage(packageMetadata);
+    var props = usePropsContext(NumericTextBoxPropsContext, directProps);
     var calculatedId = React.useMemo(function () { return guid(); }, []);
     var inputId = props.id || calculatedId;
     var intlService = useInternationalization();

package/dist/es/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/es/package-metadata.js

@@ -5,7 +5,7 @@ export var 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/es/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/es/radiobutton/RadioButton.js

@@ -20,11 +20,25 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-import { guid, classNames, dispatchEvent, getTabIndex } from '@progress/kendo-react-common';
+import { guid, classNames, dispatchEvent, getTabIndex, createPropsContext, usePropsContext } from '@progress/kendo-react-common';
 import { validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from '../package-metadata';
-export var 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.
+ */
+export var RadioButtonPropsContext = 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 %}).
+ */
+export var RadioButton = React.forwardRef(function (directProps, target) {
     validatePackage(packageMetadata);
+    var props = usePropsContext(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/es/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/es/radiobutton/RadioGroup.js

@@ -12,11 +12,25 @@ var __assign = (this && this.__assign) || function () {
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { RadioButton } from './RadioButton';
-import { useRtl, guid, classNames, focusFirstFocusableChild, dispatchEvent } from '@progress/kendo-react-common';
+import { useRtl, guid, classNames, focusFirstFocusableChild, dispatchEvent, createPropsContext, usePropsContext } from '@progress/kendo-react-common';
 import { validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from '../package-metadata';
-export var 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.
+ */
+export var RadioGroupPropsContext = 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 %}).
+ */
+export var RadioGroup = React.forwardRef(function (directProps, target) {
     validatePackage(packageMetadata);
+    var props = usePropsContext(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 () {