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

package/dist/es/range-slider/RangeSlider.d.ts

@@ -123,6 +123,16 @@ export interface RangeSliderChangeEvent {
     syntheticEvent: React.SyntheticEvent<any> | DraggableDragEvent;
 }
 /**
- * Represents the RangeSlider component.
+ * Represents the PropsContext of the `RangeSlider` component.
+ * Used for global configuration of all `RangeSlider` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const RangeSliderPropsContext: React.Context<(p: RangeSliderProps) => RangeSliderProps>;
+/**
+ * Represents the [KendoReact RangeSlider component]({% slug overview_rangeslider %}).
+ *
+ * Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
+ * Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
  */
 export declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & React.RefAttributes<RangeSliderHandle>>;

package/dist/es/range-slider/RangeSlider.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-import { classNames, Keys, useDir, useDraggable, getTabIndex } from '@progress/kendo-react-common';
+import { classNames, Keys, useDir, useDraggable, getTabIndex, createPropsContext, usePropsContext } from '@progress/kendo-react-common';
 import { messages, sliderDragTitle } from './../messages';
 import { useLocalization } from '@progress/kendo-react-intl';
 import { rangeReducer, RANGE_ACTION } from './range-raducer';
@@ -32,11 +32,22 @@ var useRange = function (defaultValue, args, callback) {
     return [state, handleDispatchAction];
 };
 /**
- * Represents the RangeSlider component.
+ * Represents the PropsContext of the `RangeSlider` component.
+ * Used for global configuration of all `RangeSlider` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
  */
-export var RangeSlider = React.forwardRef(function (props, ref) {
+export var RangeSliderPropsContext = createPropsContext();
+/**
+ * Represents the [KendoReact RangeSlider component]({% slug overview_rangeslider %}).
+ *
+ * Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
+ * Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
+ */
+export var RangeSlider = React.forwardRef(function (directProps, ref) {
     var _a, _b, _c, _d;
     validatePackage(packageMetadata);
+    var props = usePropsContext(RangeSliderPropsContext, directProps);
     var target = React.useRef(null);
     var sliderRef = React.useRef(null);
     var sliderSelectionRef = React.useRef(null);

package/dist/es/rating/Rating.d.ts

@@ -143,6 +143,16 @@ export interface RatingChangeEvent {
     syntheticEvent: React.SyntheticEvent<any>;
 }
 /**
- * Represents the Rating component.
+ * Represents the PropsContext of the `Rating` component.
+ * Used for global configuration of all `Rating` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const RatingPropsContext: React.Context<(p: RatingProps) => RatingProps>;
+/**
+ * Represents the [KendoReact Rating component]({% slug overview_rating %}).
+ *
+ * Accepts properties of type [RatingProps]({% slug api_inputs_ratingprops %}).
+ * Obtaining the `ref` returns an object of type [RatingHandle]({% slug api_inputs_ratinghandle %}).
  */
 export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<RatingHandle>>;

package/dist/es/rating/Rating.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-import { classNames, useDir, Keys, getTabIndex } from '@progress/kendo-react-common';
+import { classNames, useDir, Keys, getTabIndex, createPropsContext, usePropsContext } from '@progress/kendo-react-common';
 import { RatingItem } from './RatingItem';
 import { ratingReducer, RATING_ACTION } from './rating-reducer';
 import { isSelected, isHalf, calcIsFirstHalf, isCorrectValue, toRound, getRemainder } from './utils';
@@ -30,10 +30,21 @@ var useRating = function (defaultValue, args, callback) {
     return [state, handleDispatchAction];
 };
 /**
- * Represents the Rating component.
+ * Represents the PropsContext of the `Rating` component.
+ * Used for global configuration of all `Rating` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
  */
-export var Rating = React.forwardRef(function (props, ref) {
+export var RatingPropsContext = createPropsContext();
+/**
+ * Represents the [KendoReact Rating component]({% slug overview_rating %}).
+ *
+ * Accepts properties of type [RatingProps]({% slug api_inputs_ratingprops %}).
+ * Obtaining the `ref` returns an object of type [RatingHandle]({% slug api_inputs_ratinghandle %}).
+ */
+export var Rating = React.forwardRef(function (directProps, ref) {
     var _a, _b, _c, _d;
+    var props = usePropsContext(RatingPropsContext, directProps);
     var target = React.useRef(null);
     var ratingRef = React.useRef(null);
     var dir = useDir(ratingRef, props.dir);

package/dist/es/slider/Slider.d.ts

@@ -100,10 +100,9 @@ interface SliderState {
     focused: boolean;
     dir?: Direction;
 }
-/**
- * Represents the [KendoReact Slider component]({% slug overview_slider%}).
- */
-export declare class Slider extends React.Component<SliderProps, SliderState> {
+/** @hidden */
+export declare class SliderWithoutContext extends React.Component<SliderProps, SliderState> {
+    static displayName: string;
     /**
      * @hidden
      */
@@ -164,4 +163,25 @@ export declare class Slider extends React.Component<SliderProps, SliderState> {
     private drag;
     private change;
 }
+/**
+ * Represents the PropsContext of the `Slider` component.
+ * Used for global configuration of all `Slider` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const SliderPropsContext: React.Context<(p: SliderProps) => SliderProps>;
+/**
+ * Represent the `ref` of the Slider component.
+ */
+export interface SliderHandle extends Pick<SliderWithoutContext, keyof SliderWithoutContext> {
+}
+/** @hidden */
+export declare type Slider = SliderHandle;
+/**
+ * Represents the [KendoReact Slider component]({% slug overview_slider %}).
+ *
+ * Accepts properties of type [SliderProps]({% slug api_inputs_sliderprops %}).
+ * Obtaining the `ref` returns an object of type [SliderHandle]({% slug api_inputs_sliderhandle %}).
+ */
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<any>>;
 export {};

package/dist/es/slider/Slider.js

@@ -24,18 +24,16 @@ var __assign = (this && this.__assign) || function () {
 };
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-import { dispatchEvent, Keys, classNames, Draggable, getTabIndex } from '@progress/kendo-react-common';
+import { dispatchEvent, Keys, classNames, Draggable, getTabIndex, createPropsContext, withPropsContext } from '@progress/kendo-react-common';
 import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
 import { messages, sliderIncreaseValue, sliderDecreaseValue, sliderDragTitle } from './../messages';
 import { SLIDER_LABEL_ATTRIBUTE } from './SliderLabel';
 import { validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from '../package-metadata';
-/**
- * Represents the [KendoReact Slider component]({% slug overview_slider%}).
- */
-var Slider = /** @class */ (function (_super) {
-    __extends(Slider, _super);
-    function Slider(props) {
+/** @hidden */
+var SliderWithoutContext = /** @class */ (function (_super) {
+    __extends(SliderWithoutContext, _super);
+    function SliderWithoutContext(props) {
         var _this = _super.call(this, props) || this;
         /**
          * @hidden
@@ -145,7 +143,7 @@ var Slider = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Slider.getDerivedStateFromProps = function (props, state) {
+    SliderWithoutContext.getDerivedStateFromProps = function (props, state) {
         var value = props.value !== undefined ? props.value : state.value;
         var min = props.min, max = props.max;
         return value === undefined ? null :
@@ -154,7 +152,7 @@ var Slider = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Slider.prototype.componentDidMount = function () {
+    SliderWithoutContext.prototype.componentDidMount = function () {
         if (!this.state.dir && window && this._element) {
             // Note: getComputedStyle forces reflow
             var direction = window.getComputedStyle(this._element).direction;
@@ -166,7 +164,7 @@ var Slider = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Slider.prototype.render = function () {
+    SliderWithoutContext.prototype.render = function () {
         var _this = this;
         var _a, _b;
         var lS = provideLocalizationService(this);
@@ -213,7 +211,7 @@ var Slider = /** @class */ (function (_super) {
                                             _b.zIndex = 1,
                                             _b) }))))))));
     };
-    Object.defineProperty(Slider.prototype, "sliderTrack", {
+    Object.defineProperty(SliderWithoutContext.prototype, "sliderTrack", {
         /**
          * @hidden
          */
@@ -223,15 +221,16 @@ var Slider = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Slider.prototype.change = function (e, value) {
+    SliderWithoutContext.prototype.change = function (e, value) {
         value = Math.min(Math.max(value, this.props.min), this.props.max);
         this.setState({ value: value });
         dispatchEvent(this.props.onChange, e, this, { value: value });
     };
+    SliderWithoutContext.displayName = 'Slider';
     /**
      * @hidden
      */
-    Slider.propTypes = {
+    SliderWithoutContext.propTypes = {
         min: PropTypes.number.isRequired,
         max: PropTypes.number.isRequired,
         value: PropTypes.number,
@@ -241,7 +240,23 @@ var Slider = /** @class */ (function (_super) {
         ariaDescribedBy: PropTypes.string
         // TODO: validation when buttons is set to true, but no step is provided
     };
-    return Slider;
+    return SliderWithoutContext;
 }(React.Component));
-export { Slider };
-registerForLocalization(Slider);
+export { SliderWithoutContext };
+/**
+ * Represents the PropsContext of the `Slider` component.
+ * Used for global configuration of all `Slider` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export var SliderPropsContext = createPropsContext();
+/* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
+/**
+ * Represents the [KendoReact Slider component]({% slug overview_slider %}).
+ *
+ * Accepts properties of type [SliderProps]({% slug api_inputs_sliderprops %}).
+ * Obtaining the `ref` returns an object of type [SliderHandle]({% slug api_inputs_sliderhandle %}).
+ */
+export var Slider = withPropsContext(SliderPropsContext, SliderWithoutContext);
+Slider.displayName = 'KendoReactSlider';
+registerForLocalization(SliderWithoutContext);

package/dist/es/switch/Switch.d.ts

@@ -93,10 +93,9 @@ export interface SwitchState {
     checked: boolean;
     focused: boolean;
 }
-/**
- * Represents the [KendoReact Switch component]({% slug overview_switch%}).
- */
-export declare class Switch extends React.Component<SwitchProps, SwitchState> implements FormComponent {
+/** @hidden */
+export declare class SwitchWithoutContext extends React.Component<SwitchProps, SwitchState> implements FormComponent {
+    static displayName: string;
     /**
      * Gets the value of the Switch.
      */
@@ -203,3 +202,40 @@ export declare class Switch extends React.Component<SwitchProps, SwitchState> im
     private handleWrapperFocus;
     private handleWrapperBlur;
 }
+/**
+ * Represents the PropsContext of the `Switch` component.
+ * Used for global configuration of all `Switch` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const SwitchPropsContext: React.Context<(p: SwitchProps) => SwitchProps>;
+/**
+ * Represent the `ref` of the Switch component.
+ */
+export interface SwitchHandle extends Pick<SwitchWithoutContext, keyof SwitchWithoutContext> {
+    /**
+     * Returns the HTML element of the Switch component.
+     */
+    element: HTMLSpanElement | null;
+    /**
+     * Gets the `name` property of the Switch.
+     */
+    name: string | undefined;
+    /**
+     * Represents the validity state into which the Switch is set.
+     */
+    validity: FormComponentValidity;
+    /**
+     * Gets the value of the Switch.
+     */
+    value: boolean;
+}
+/** @hidden */
+export declare type Switch = SwitchHandle;
+/**
+ * Represents the [KendoReact Switch component]({% slug overview_switch %}).
+ *
+ * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
+ * Obtaining the `ref` returns an object of type [SwitchHandle]({% slug api_inputs_switchhandle %}).
+ */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<any>>;

package/dist/es/switch/Switch.js

@@ -24,7 +24,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-import { classNames, guid, noop, Keys, dispatchEvent, getTabIndex } from '@progress/kendo-react-common';
+import { classNames, guid, noop, Keys, dispatchEvent, getTabIndex, createPropsContext, withPropsContext } from '@progress/kendo-react-common';
 import { provideLocalizationService } from '@progress/kendo-react-intl';
 import { messages, switchValidation } from './../messages';
 import { validatePackage } from '@progress/kendo-react-common';
@@ -33,15 +33,13 @@ var SWITCH_CONTAINER = 'k-switch-container';
 var SWITCH_HANDLE = 'k-switch-handle';
 var SWITCH_LABEL_ON = 'k-switch-label-on';
 var SWITCH_LABEL_OFF = 'k-switch-label-off';
-/**
- * Represents the [KendoReact Switch component]({% slug overview_switch%}).
- */
-var Switch = /** @class */ (function (_super) {
-    __extends(Switch, _super);
+/** @hidden */
+var SwitchWithoutContext = /** @class */ (function (_super) {
+    __extends(SwitchWithoutContext, _super);
     /**
      * @hidden
      */
-    function Switch(props) {
+    function SwitchWithoutContext(props) {
         var _this = _super.call(this, props) || this;
         /**
          * @hidden
@@ -126,12 +124,12 @@ var Switch = /** @class */ (function (_super) {
         };
         validatePackage(packageMetadata);
         _this.state = {
-            checked: props.defaultChecked || Switch.defaultProps.defaultChecked,
+            checked: props.defaultChecked || SwitchWithoutContext.defaultProps.defaultChecked,
             focused: false
         };
         return _this;
     }
-    Object.defineProperty(Switch.prototype, "value", {
+    Object.defineProperty(SwitchWithoutContext.prototype, "value", {
         /**
          * Gets the value of the Switch.
          */
@@ -145,14 +143,14 @@ var Switch = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Switch.prototype, "element", {
+    Object.defineProperty(SwitchWithoutContext.prototype, "element", {
         get: function () {
             return this._element;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Switch.prototype, "actionElement", {
+    Object.defineProperty(SwitchWithoutContext.prototype, "actionElement", {
         /**
          * @hidden
          */
@@ -162,7 +160,7 @@ var Switch = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Switch.prototype, "name", {
+    Object.defineProperty(SwitchWithoutContext.prototype, "name", {
         /**
          * Gets the `name` property of the Switch.
          */
@@ -172,7 +170,7 @@ var Switch = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Switch.prototype, "validity", {
+    Object.defineProperty(SwitchWithoutContext.prototype, "validity", {
         /**
          * Represents the validity state into which the Switch is set.
          */
@@ -193,26 +191,26 @@ var Switch = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Switch.prototype, "validityStyles", {
+    Object.defineProperty(SwitchWithoutContext.prototype, "validityStyles", {
         /**
          * @hidden
          */
         get: function () {
             return this.props.validityStyles !== undefined
                 ? this.props.validityStyles
-                : Switch.defaultProps.validityStyles;
+                : SwitchWithoutContext.defaultProps.validityStyles;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Switch.prototype, "required", {
+    Object.defineProperty(SwitchWithoutContext.prototype, "required", {
         /**
          * @hidden
          */
         get: function () {
             return this.props.required !== undefined
                 ? this.props.required
-                : Switch.defaultProps.required;
+                : SwitchWithoutContext.defaultProps.required;
         },
         enumerable: true,
         configurable: true
@@ -220,7 +218,7 @@ var Switch = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Switch.prototype.componentDidMount = function () {
+    SwitchWithoutContext.prototype.componentDidMount = function () {
         this.setValidity();
         // Due to dynamic dir calculation
         this.forceUpdate();
@@ -228,13 +226,13 @@ var Switch = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Switch.prototype.componentDidUpdate = function () {
+    SwitchWithoutContext.prototype.componentDidUpdate = function () {
         this.setValidity();
     };
     /**
      * @hidden
      */
-    Switch.prototype.render = function () {
+    SwitchWithoutContext.prototype.render = function () {
         var _this = this;
         var focused = this.state.focused;
         var _a = this.props, dir = _a.dir, disabled = _a.disabled, id = _a.id, offLabel = _a.offLabel, onLabel = _a.onLabel, tabIndex = _a.tabIndex;
@@ -264,10 +262,11 @@ var Switch = /** @class */ (function (_super) {
                 React.createElement("span", { className: SWITCH_LABEL_OFF }, offLabel),
                 React.createElement("span", { className: SWITCH_HANDLE }))));
     };
+    SwitchWithoutContext.displayName = 'Switch';
     /**
      * @hidden
      */
-    Switch.propTypes = {
+    SwitchWithoutContext.propTypes = {
         accessKey: PropTypes.string,
         checked: PropTypes.bool,
         className: PropTypes.string,
@@ -291,7 +290,7 @@ var Switch = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Switch.defaultProps = {
+    SwitchWithoutContext.defaultProps = {
         disabled: false,
         defaultChecked: false,
         offLabel: 'OFF',
@@ -301,6 +300,22 @@ var Switch = /** @class */ (function (_super) {
         required: false,
         validityStyles: true
     };
-    return Switch;
+    return SwitchWithoutContext;
 }(React.Component));
-export { Switch };
+export { SwitchWithoutContext };
+/**
+ * Represents the PropsContext of the `Switch` component.
+ * Used for global configuration of all `Switch` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export var SwitchPropsContext = createPropsContext();
+/* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
+/**
+ * Represents the [KendoReact Switch component]({% slug overview_switch %}).
+ *
+ * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
+ * Obtaining the `ref` returns an object of type [SwitchHandle]({% slug api_inputs_switchhandle %}).
+ */
+export var Switch = withPropsContext(SwitchPropsContext, SwitchWithoutContext);
+Switch.displayName = 'KendoReactSwitch';

package/dist/es/textarea/TextArea.d.ts

@@ -8,9 +8,20 @@ export interface TextAreaHandle {
     focus: any;
     name?: string | null;
 }
+/**
+ * Represents the PropsContext of the `TextArea` component.
+ * Used for global configuration of all `TextArea` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const TextAreaPropsContext: React.Context<(p: TextAreaProps) => TextAreaProps>;
 /**
  * Represents the [KendoReact TextArea component]({% slug overview_textarea %}).
  *
+ *
+ * Accepts properties of type [TextAreaProps]({% slug api_inputs_textareaprops %}).
+ * Obtaining the `ref` returns an object of type [TextAreaHandle]({% slug api_inputs_textareahandle %}).
+ *
  * @example
  * ```jsx
  * class App extends React.Component {

package/dist/es/textarea/TextArea.js

@@ -20,10 +20,21 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-import { guid, classNames, getTabIndex, dispatchEvent, useDir } from '@progress/kendo-react-common';
+import { guid, classNames, getTabIndex, dispatchEvent, useDir, createPropsContext, usePropsContext } from '@progress/kendo-react-common';
+/**
+ * Represents the PropsContext of the `TextArea` component.
+ * Used for global configuration of all `TextArea` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export var TextAreaPropsContext = createPropsContext();
 /**
  * Represents the [KendoReact TextArea component]({% slug overview_textarea %}).
  *
+ *
+ * Accepts properties of type [TextAreaProps]({% slug api_inputs_textareaprops %}).
+ * Obtaining the `ref` returns an object of type [TextAreaHandle]({% slug api_inputs_textareahandle %}).
+ *
  * @example
  * ```jsx
  * class App extends React.Component {
@@ -34,7 +45,8 @@ import { guid, classNames, getTabIndex, dispatchEvent, useDir } from '@progress/
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export var TextArea = React.forwardRef(function (props, target) {
+export var TextArea = React.forwardRef(function (directProps, target) {
+    var props = usePropsContext(TextAreaPropsContext, directProps);
     var _a = props, ariaDescribedBy = _a.ariaDescribedBy, ariaLabelledBy = _a.ariaLabelledBy, autoSize = _a.autoSize, className = _a.className, defaultValue = _a.defaultValue, disabled = _a.disabled, readOnly = _a.readOnly, required = _a.required, rows = _a.rows, id = _a.id, name = _a.name, placeholder = _a.placeholder, style = _a.style, tabIndex = _a.tabIndex, value = _a.value, valid = _a.valid, validationMessage = _a.validationMessage, validityStyles = _a.validityStyles, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, 
     // Removed to support direct use in Form Field component
     visited = _a.visited, touched = _a.touched, modified = _a.modified, others = __rest(_a, ["ariaDescribedBy", "ariaLabelledBy", "autoSize", "className", "defaultValue", "disabled", "readOnly", "required", "rows", "id", "name", "placeholder", "style", "tabIndex", "value", "valid", "validationMessage", "validityStyles", "onChange", "onFocus", "onBlur", "visited", "touched", "modified"]);

package/dist/es/utils.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @hidden
+ */
+export declare function nullable(subRequirement: any): any;

package/dist/es/utils.js

@@ -0,0 +1,20 @@
+// Polyfill for PropTypes.null
+/**
+ * @hidden
+ */
+export function nullable(subRequirement) {
+    var check = function (required, props, key) {
+        var rest = [];
+        for (var _i = 3; _i < arguments.length; _i++) {
+            rest[_i - 3] = arguments[_i];
+        }
+        if (props[key] === null) {
+            return null;
+        }
+        var sub = required ? subRequirement.isRequired : subRequirement;
+        return sub.apply(void 0, [props, key].concat(rest));
+    };
+    var fn = check.bind(null, false);
+    fn.isRequired = check.bind(null, true);
+    return fn;
+}

package/dist/npm/checkbox/Checkbox.d.ts

@@ -9,6 +9,13 @@ export interface CheckboxHandle {
     value?: string | number | string[] | boolean | null;
     name?: string | null;
 }
+/**
+ * Represents the PropsContext of the `Checkbox` component.
+ * Used for global configuration of all `Checkbox` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const CheckboxPropsContext: React.Context<(p: CheckboxProps) => CheckboxProps>;
 /**
  * Represents the [KendoReact Checkbox component]({% slug overview_checkbox %}).
  *

package/dist/npm/checkbox/Checkbox.js

@@ -27,6 +27,13 @@ var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../messages");
+/**
+ * Represents the PropsContext of the `Checkbox` component.
+ * Used for global configuration of all `Checkbox` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+exports.CheckboxPropsContext = kendo_react_common_1.createPropsContext();
 /**
  * Represents the [KendoReact Checkbox component]({% slug overview_checkbox %}).
  *
@@ -40,8 +47,9 @@ var messages_1 = require("./../messages");
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-exports.Checkbox = React.forwardRef(function (props, target) {
+exports.Checkbox = React.forwardRef(function (directProps, target) {
     kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+    var props = kendo_react_common_1.usePropsContext(exports.CheckboxPropsContext, directProps);
     var _a = props, ariaDescribedBy = _a.ariaDescribedBy, ariaLabelledBy = _a.ariaLabelledBy, checked = _a.checked, className = _a.className, children = _a.children, defaultChecked = _a.defaultChecked, disabled = _a.disabled, defaultValue = _a.defaultValue, id = _a.id, label = _a.label, labelPlacement = _a.labelPlacement, name = _a.name, labelOptional = _a.labelOptional, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, tabIndex = _a.tabIndex, value = _a.value, required = _a.required, valid = _a.valid, validationMessage = _a.validationMessage, validityStyles = _a.validityStyles, 
     // Removed to support direct use in Form Field component
     visited = _a.visited, touched = _a.touched, modified = _a.modified, others = __rest(_a, ["ariaDescribedBy", "ariaLabelledBy", "checked", "className", "children", "defaultChecked", "disabled", "defaultValue", "id", "label", "labelPlacement", "name", "labelOptional", "onChange", "onFocus", "onBlur", "tabIndex", "value", "required", "valid", "validationMessage", "validityStyles", "visited", "touched", "modified"]);