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

package/dist/npm/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/npm/range-slider/RangeSlider.js

@@ -34,11 +34,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.
  */
-exports.RangeSlider = React.forwardRef(function (props, ref) {
+exports.RangeSliderPropsContext = kendo_react_common_1.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 %}).
+ */
+exports.RangeSlider = React.forwardRef(function (directProps, ref) {
     var _a, _b, _c, _d;
     kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+    var props = kendo_react_common_1.usePropsContext(exports.RangeSliderPropsContext, directProps);
     var target = React.useRef(null);
     var sliderRef = React.useRef(null);
     var sliderSelectionRef = React.useRef(null);

package/dist/npm/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/npm/rating/Rating.js

@@ -32,10 +32,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.
  */
-exports.Rating = React.forwardRef(function (props, ref) {
+exports.RatingPropsContext = kendo_react_common_1.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 %}).
+ */
+exports.Rating = React.forwardRef(function (directProps, ref) {
     var _a, _b, _c, _d;
+    var props = kendo_react_common_1.usePropsContext(exports.RatingPropsContext, directProps);
     var target = React.useRef(null);
     var ratingRef = React.useRef(null);
     var dir = kendo_react_common_1.useDir(ratingRef, props.dir);

package/dist/npm/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/npm/slider/Slider.js

@@ -32,12 +32,10 @@ var messages_1 = require("./../messages");
 var SliderLabel_1 = require("./SliderLabel");
 var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../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
@@ -147,7 +145,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 :
@@ -156,7 +154,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;
@@ -168,7 +166,7 @@ var Slider = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Slider.prototype.render = function () {
+    SliderWithoutContext.prototype.render = function () {
         var _this = this;
         var _a, _b;
         var lS = kendo_react_intl_1.provideLocalizationService(this);
@@ -215,7 +213,7 @@ var Slider = /** @class */ (function (_super) {
                                             _b.zIndex = 1,
                                             _b) }))))))));
     };
-    Object.defineProperty(Slider.prototype, "sliderTrack", {
+    Object.defineProperty(SliderWithoutContext.prototype, "sliderTrack", {
         /**
          * @hidden
          */
@@ -225,15 +223,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 });
         kendo_react_common_1.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,
@@ -243,7 +242,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));
-exports.Slider = Slider;
-kendo_react_intl_1.registerForLocalization(Slider);
+exports.SliderWithoutContext = 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.
+ */
+exports.SliderPropsContext = kendo_react_common_1.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 %}).
+ */
+exports.Slider = kendo_react_common_1.withPropsContext(exports.SliderPropsContext, SliderWithoutContext);
+exports.Slider.displayName = 'KendoReactSlider';
+kendo_react_intl_1.registerForLocalization(SliderWithoutContext);

package/dist/npm/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/npm/switch/Switch.js

@@ -35,15 +35,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
@@ -128,12 +126,12 @@ var Switch = /** @class */ (function (_super) {
         };
         kendo_react_common_2.validatePackage(package_metadata_1.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.
          */
@@ -147,14 +145,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
          */
@@ -164,7 +162,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.
          */
@@ -174,7 +172,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.
          */
@@ -195,26 +193,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
@@ -222,7 +220,7 @@ var Switch = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Switch.prototype.componentDidMount = function () {
+    SwitchWithoutContext.prototype.componentDidMount = function () {
         this.setValidity();
         // Due to dynamic dir calculation
         this.forceUpdate();
@@ -230,13 +228,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;
@@ -266,10 +264,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,
@@ -293,7 +292,7 @@ var Switch = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    Switch.defaultProps = {
+    SwitchWithoutContext.defaultProps = {
         disabled: false,
         defaultChecked: false,
         offLabel: 'OFF',
@@ -303,6 +302,22 @@ var Switch = /** @class */ (function (_super) {
         required: false,
         validityStyles: true
     };
-    return Switch;
+    return SwitchWithoutContext;
 }(React.Component));
-exports.Switch = Switch;
+exports.SwitchWithoutContext = 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.
+ */
+exports.SwitchPropsContext = kendo_react_common_1.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 %}).
+ */
+exports.Switch = kendo_react_common_1.withPropsContext(exports.SwitchPropsContext, SwitchWithoutContext);
+exports.Switch.displayName = 'KendoReactSwitch';

package/dist/npm/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/npm/textarea/TextArea.js

@@ -23,9 +23,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@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.
+ */
+exports.TextAreaPropsContext = kendo_react_common_1.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 {
@@ -36,7 +47,8 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-exports.TextArea = React.forwardRef(function (props, target) {
+exports.TextArea = React.forwardRef(function (directProps, target) {
+    var props = kendo_react_common_1.usePropsContext(exports.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/npm/utils.d.ts

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

package/dist/npm/utils.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Polyfill for PropTypes.null
+/**
+ * @hidden
+ */
+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;
+}
+exports.nullable = nullable;