@progress/kendo-react-inputs 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

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

@@ -29,4 +29,4 @@ export declare const CheckboxPropsContext: React.Context<(p: CheckboxProps) => C
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<CheckboxHandle>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<CheckboxHandle | null>>;

package/dist/es/checkbox/Checkbox.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -102,7 +104,7 @@ export var Checkbox = React.forwardRef(function (directProps, target) {
             }
         }
         if (onChange && !disabled) {
-            dispatchEvent(onChange, e, __assign({}, getImperativeHandle(), { value: val }), { value: val });
+            dispatchEvent(onChange, e, __assign(__assign({}, getImperativeHandle()), { value: val }), { value: val });
         }
     }, [isCheckedControlled, disabled, onChange, isValueControlled, getImperativeHandle]);
     var handleChange = React.useCallback(function (e) {
@@ -142,16 +144,16 @@ export var Checkbox = React.forwardRef(function (directProps, target) {
     }, [onBlur, disabled, getImperativeHandle]);
     var dir = useDir(elementRef, props.dir);
     var checkboxClasses = classNames({ 'k-disabled': disabled }, className);
-    var inputProps = __assign({ type: 'checkbox', className: classNames('k-checkbox', (_a = {},
-            _a["k-checkbox-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
-            _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+    var inputProps = __assign(__assign({ type: 'checkbox', className: classNames('k-checkbox', (_a = {},
+            _a["k-checkbox-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
+            _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
             _a['k-indeterminate'] = indeterminateProp,
             _a['k-invalid k-invalid'] = !(isValid || validityStyles !== undefined || validityStyles === true),
             _a)), ref: elementRef, name: name, id: id || calculatedId, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, checked: Boolean(checkedProp), disabled: disabled, tabIndex: getTabIndex(tabIndex, disabled), role: 'checkbox', required: required !== undefined ? required : false, 'aria-checked': currentChecked || checkedProp ?
             true :
             indeterminateProp ?
                 'mixed' :
-                false, 'aria-disabled': disabled || undefined }, others, { onChange: handleChange, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onFocus: handleFocus, onBlur: handleBlur });
+                false, 'aria-disabled': disabled || undefined }, others), { onChange: handleChange, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onFocus: handleFocus, onBlur: handleBlur });
     var checkboxInput = (React.createElement(React.Fragment, null, 
     // removing value prop is required due to bug in react where
     // value set to undefined override default submit value

package/dist/es/checkbox/interfaces/CheckboxBlurEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/checkbox/interfaces/CheckboxChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/checkbox/interfaces/CheckboxFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/checkbox/interfaces/CheckboxProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/ColorContrastLabels.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -33,9 +35,9 @@ var ColorContrastLabels = /** @class */ (function (_super) {
         var contrast = getContrastFromTwoRGBAs(this.props.rgba, this.props.bgColor);
         var requiredAAContrast = (4.5).toFixed(1);
         var requiredAAAContrast = (7.0).toFixed(1);
-        var contrastText = contrastRatioMessage + ": " + contrast.toFixed(2);
-        var aaText = AALevelMessage + ": " + requiredAAContrast;
-        var aaaText = AAALevelMessage + ": " + requiredAAAContrast;
+        var contrastText = "".concat(contrastRatioMessage, ": ").concat(contrast.toFixed(2));
+        var aaText = "".concat(AALevelMessage, ": ").concat(requiredAAContrast);
+        var aaaText = "".concat(AAALevelMessage, ": ").concat(requiredAAAContrast);
         var success = (React.createElement("span", { className: "k-contrast-validation k-text-success" },
             passMessage,
             " ",

package/dist/es/colors/ColorContrastSvg.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/colors/ColorGradient.d.ts

@@ -56,7 +56,7 @@ export declare class ColorGradientWithoutContext extends React.Component<ColorGr
         backgroundColor: string;
         rgba: any;
         hex: any;
-    };
+    } | null;
     /**
      * @hidden
      */
@@ -96,7 +96,7 @@ export declare class ColorGradientWithoutContext extends React.Component<ColorGr
     /**
      * @hidden
      */
-    onGradientWrapperClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onGradientWrapperClick: (event: React.MouseEvent<HTMLDivElement>) => void;
     /**
      * @hidden
      */
@@ -133,7 +133,7 @@ export declare class ColorGradientWithoutContext extends React.Component<ColorGr
     /**
      * @hidden
      */
-    readonly isUncontrolled: boolean;
+    get isUncontrolled(): boolean;
     /**
      * @hidden
      */

package/dist/es/colors/ColorGradient.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -30,6 +32,10 @@ var ColorGradientWithoutContext = /** @class */ (function (_super) {
     __extends(ColorGradientWithoutContext, _super);
     function ColorGradientWithoutContext(props) {
         var _this = _super.call(this, props) || this;
+        /**
+         * @hidden
+         */
+        _this.wrapper = null;
         /**
          * @hidden
          */
@@ -162,8 +168,8 @@ var ColorGradientWithoutContext = /** @class */ (function (_super) {
             var gradientRectMetrics = this.getGradientRectMetrics();
             var top_1 = (1 - this.state.hsva.v) * gradientRectMetrics.height;
             var left = this.state.hsva.s * gradientRectMetrics.width;
-            style.top = top_1 + "px";
-            style.left = left + "px";
+            style.top = "".concat(top_1, "px");
+            style.left = "".concat(left, "px");
         }
         return React.createElement("div", { className: "k-hsv-draghandle k-draghandle", style: style });
     };
@@ -208,7 +214,7 @@ var ColorGradientWithoutContext = /** @class */ (function (_super) {
      */
     ColorGradientWithoutContext.prototype.setAlphaSliderBackground = function (backgroundColor) {
         if (this.props.opacity && this.alphaSlider && this.alphaSlider.sliderTrack) {
-            this.alphaSlider.sliderTrack.style.background = "linear-gradient(to top, transparent, " + backgroundColor + ")";
+            this.alphaSlider.sliderTrack.style.background = "linear-gradient(to top, transparent, ".concat(backgroundColor, ")");
         }
     };
     Object.defineProperty(ColorGradientWithoutContext.prototype, "isUncontrolled", {
@@ -218,7 +224,7 @@ var ColorGradientWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.value === undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**

package/dist/es/colors/ColorInput.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/colors/ColorPalette.d.ts

@@ -67,12 +67,15 @@ export declare class ColorPaletteWithoutContext extends React.Component<ColorPal
      * @hidden
      */
     static getDerivedStateFromProps(props: ColorPaletteProps, state: ColorPaletteState): {
+        selectedColor: undefined;
+        isFirstRender?: undefined;
+    } | {
         selectedColor: string;
         isFirstRender?: undefined;
     } | {
         isFirstRender: boolean;
         selectedColor?: undefined;
-    };
+    } | null;
     private onKeyDown;
     private onColorClick;
     private onFocus;
@@ -80,8 +83,8 @@ export declare class ColorPaletteWithoutContext extends React.Component<ColorPal
     private handleCellNavigation;
     private handleEnter;
     private dispatchChangeEvent;
-    private readonly focusedColorCooridanates;
-    private readonly isUncontrolled;
+    private get focusedColorCooridanates();
+    private get isUncontrolled();
     private getPaletteInfo;
     private renderRows;
     private renderColumns;

package/dist/es/colors/ColorPalette.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -41,6 +43,7 @@ var ColorPaletteWithoutContext = /** @class */ (function (_super) {
          * @hidden
          */
         _this.wrapper = null;
+        _this.paletteService = null;
         _this.guid = guid();
         /**
          * @hidden
@@ -81,9 +84,12 @@ var ColorPaletteWithoutContext = /** @class */ (function (_super) {
             _this.dispatchChangeEvent(color, event);
         };
         _this.onFocus = function (nativeEvent) {
+            if (!_this.paletteService) {
+                return;
+            }
             _this.setState({ focusedColor: _this.state.selectedColor || _this.paletteService.colorRows[0][0] });
             if (_this.props.onFocus) {
-                _this.props.onFocus.call(undefined, { nativeEvent: nativeEvent, target: _this });
+                _this.props.onFocus.call(undefined, nativeEvent);
             }
         };
         _this.onBlur = function () {
@@ -140,6 +146,9 @@ var ColorPaletteWithoutContext = /** @class */ (function (_super) {
         return null;
     };
     ColorPaletteWithoutContext.prototype.handleCellNavigation = function (horizontalStep, verticalStep) {
+        if (!this.paletteService) {
+            return;
+        }
         if (this.focusedColorCooridanates) {
             var newCoords = this.paletteService.getNextCell(this.focusedColorCooridanates, horizontalStep, verticalStep);
             this.setState({ focusedColor: this.paletteService.getColorAt(newCoords) });
@@ -159,16 +168,16 @@ var ColorPaletteWithoutContext = /** @class */ (function (_super) {
     };
     Object.defineProperty(ColorPaletteWithoutContext.prototype, "focusedColorCooridanates", {
         get: function () {
-            return this.state.focusedColor ? this.paletteService.getCellCoordsFor(this.state.focusedColor) : undefined;
+            return this.state.focusedColor && this.paletteService ? this.paletteService.getCellCoordsFor(this.state.focusedColor) : undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ColorPaletteWithoutContext.prototype, "isUncontrolled", {
         get: function () {
             return this.props.value === undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     ColorPaletteWithoutContext.prototype.getPaletteInfo = function () {
@@ -214,7 +223,7 @@ var ColorPaletteWithoutContext = /** @class */ (function (_super) {
         });
     };
     ColorPaletteWithoutContext.prototype.createCellId = function (cellCoords) {
-        return this.guid + "_" + cellCoords.row + "_" + cellCoords.col;
+        return "".concat(this.guid, "_").concat(cellCoords.row, "_").concat(cellCoords.col);
     };
     ColorPaletteWithoutContext.displayName = 'ColorPalette';
     /**

package/dist/es/colors/ColorPicker.d.ts

@@ -26,4 +26,4 @@ export declare const ColorPickerPropsContext: React.Context<(p: ColorPickerProps
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<ColorPickerHandle>>;
+export declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<ColorPickerHandle | null>>;

package/dist/es/colors/ColorPicker.js

@@ -197,9 +197,9 @@ export var ColorPicker = React.forwardRef(function (directProps, target) {
     var dir = useDir(focusableElementRef, props.dir);
     var isValid = valid !== false;
     return (React.createElement("span", { id: props.id, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, className: classNames('k-colorpicker', 'k-picker', 'k-icon-picker', (_a = {},
-            _a["k-picker-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
-            _a["k-picker-" + fillMode] = fillMode,
-            _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+            _a["k-picker-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
+            _a["k-picker-".concat(fillMode)] = fillMode,
+            _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
             _a['k-invalid'] = !isValid,
             _a['k-disabled'] = disabled,
             _a['k-focus'] = focused,
@@ -210,7 +210,7 @@ export var ColorPicker = React.forwardRef(function (directProps, target) {
                         'k-icon-color-preview': (icon || iconClassName)
                     }) },
                     (iconClassName || icon) && React.createElement("span", { className: classNames('k-color-preview-icon', iconClassName, (_b = {},
-                            _b["k-icon k-i-" + icon] = (icon && !iconClassName),
+                            _b["k-icon k-i-".concat(icon)] = (icon && !iconClassName),
                             _b)) }),
                     React.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: value } })))), button: (React.createElement(Button, { tabIndex: -1, type: "button", onClick: onClickHandler, className: "k-input-button", rounded: null, icon: 'arrow-s', "aria-label": localization.toLanguageString(colorPickerDropdownButtonAriaLabel, messages[colorPickerDropdownButtonAriaLabel]) })), content: (React.createElement(React.Fragment, null,
                 (view === 'combo' || view === 'gradient') && (React.createElement(ColorGradient, __assign({}, gradientSettings, { tabIndex: 0, ref: gradientRef, value: value, onChange: onChangeHandler }))),

package/dist/es/colors/FlatColorPicker.d.ts

@@ -68,4 +68,4 @@ export interface FlatColorPickerHandle {
 /**
  * Represents the FlatColorPicker component.
  */
-export declare const FlatColorPicker: React.ForwardRefExoticComponent<FlatColorPickerProps & React.RefAttributes<FlatColorPickerHandle>>;
+export declare const FlatColorPicker: React.ForwardRefExoticComponent<FlatColorPickerProps & React.RefAttributes<FlatColorPickerHandle | null>>;

package/dist/es/colors/FlatColorPicker.js

@@ -60,30 +60,31 @@ export var FlatColorPicker = React.forwardRef(function (props, ref) {
     return (React.createElement("div", { id: props.id, style: props.style, ref: flatColorPickerRef, tabIndex: getTabIndex(props.tabIndex, props.disabled), className: classNames('k-flatcolorpicker k-coloreditor', {
             'k-disabled': props.disabled
         }, props.className), onBlur: handleFlatColorPickerBlur },
-        props.header ||
-            React.createElement("div", { className: "k-coloreditor-header k-hstack" },
-                React.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
-                    React.createElement(ButtonGroup, null,
-                        React.createElement(Button, { type: "button", togglable: true, fillMode: 'flat', selected: colorGradientView, onClick: function () { return handleViewChange('ColorGradient'); } },
-                            React.createElement("span", { className: "k-icon k-i-color-canvas" })),
-                        React.createElement(Button, { type: "button", togglable: true, fillMode: 'flat', selected: !colorGradientView, onClick: function () { return handleViewChange('ColorPalette'); } },
-                            React.createElement("span", { className: "k-icon k-i-palette" })))),
-                React.createElement("div", { className: "k-spacer" }),
-                React.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
-                    (props.showClearButton && defaultProps.showClearButton) &&
-                        React.createElement(Button, { type: "button", fillMode: 'flat', onClick: handleResetColor },
-                            React.createElement("span", { className: "k-icon k-i-reset-color" })),
-                    (props.showPreview && defaultProps.showPreview) &&
-                        React.createElement("div", { className: "k-coloreditor-preview k-vstack" },
-                            React.createElement("span", { className: "k-coloreditor-preview-color k-color-preview", style: { background: colorValue } }),
-                            React.createElement("span", { className: "k-coloreditor-current-color k-color-preview", style: { background: prevColor }, onClick: handlePrevColorClick })))),
-        React.createElement("div", { className: "k-coloreditor-views k-vstack" }, colorGradientView
-            ? React.createElement(ColorGradient, { ref: colorGradientRef, value: colorValue, onChange: handleColorChange, onFocus: handleFocus })
-            : React.createElement(ColorPalette, { value: colorValue, onChange: handleColorChange, onFocus: handleFocus })),
-        (props.showButtons && defaultProps.showButtons) &&
-            React.createElement("div", { className: "k-coloreditor-footer k-actions k-actions-end" },
-                React.createElement(Button, { type: "button", className: "k-coloreditor-cancel", onClick: handleCancelBtnClick }, messages[flatColorPickerCancelBtn]),
-                React.createElement(Button, { type: "button", className: "k-coloreditor-apply k-primary", onClick: handleApplyBtnClick }, messages[flatColorPickerApplyBtn]))));
+        React.createElement(React.Fragment, null,
+            props.header ||
+                React.createElement("div", { className: "k-coloreditor-header k-hstack" },
+                    React.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
+                        React.createElement(ButtonGroup, null,
+                            React.createElement(Button, { type: "button", togglable: true, fillMode: 'flat', selected: colorGradientView, onClick: function () { return handleViewChange('ColorGradient'); } },
+                                React.createElement("span", { className: "k-icon k-i-color-canvas" })),
+                            React.createElement(Button, { type: "button", togglable: true, fillMode: 'flat', selected: !colorGradientView, onClick: function () { return handleViewChange('ColorPalette'); } },
+                                React.createElement("span", { className: "k-icon k-i-palette" })))),
+                    React.createElement("div", { className: "k-spacer" }),
+                    React.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
+                        (props.showClearButton && defaultProps.showClearButton) &&
+                            React.createElement(Button, { type: "button", fillMode: 'flat', onClick: handleResetColor },
+                                React.createElement("span", { className: "k-icon k-i-reset-color" })),
+                        (props.showPreview && defaultProps.showPreview) &&
+                            React.createElement("div", { className: "k-coloreditor-preview k-vstack" },
+                                React.createElement("span", { className: "k-coloreditor-preview-color k-color-preview", style: { background: colorValue } }),
+                                React.createElement("span", { className: "k-coloreditor-current-color k-color-preview", style: { background: prevColor }, onClick: handlePrevColorClick })))),
+            React.createElement("div", { className: "k-coloreditor-views k-vstack" }, colorGradientView
+                ? React.createElement(ColorGradient, { ref: colorGradientRef, value: colorValue, onChange: handleColorChange, onFocus: handleFocus })
+                : React.createElement(ColorPalette, { value: colorValue, onChange: handleColorChange, onFocus: handleFocus })),
+            (props.showButtons && defaultProps.showButtons) &&
+                React.createElement("div", { className: "k-coloreditor-footer k-actions k-actions-end" },
+                    React.createElement(Button, { type: "button", className: "k-coloreditor-cancel", onClick: handleCancelBtnClick }, messages[flatColorPickerCancelBtn]),
+                    React.createElement(Button, { type: "button", className: "k-coloreditor-apply k-primary", onClick: handleApplyBtnClick }, messages[flatColorPickerApplyBtn])))));
 });
 var propTypes = {
     id: PropTypes.string,

package/dist/es/colors/HexInput.d.ts

@@ -23,7 +23,7 @@ export default class HexInput extends React.Component<HexInputProps, HexInputSta
     static getDerivedStateFromProps(props: HexInputProps, state: HexInputState): {
         hex: string;
         originalHex: string;
-    };
+    } | null;
     private onChange;
     private onBlur;
 }

package/dist/es/colors/HexInput.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/colors/Picker.js

@@ -31,6 +31,6 @@ export var Picker = function (props) {
     return (React.createElement(React.Fragment, null,
         props.input,
         props.button,
-        React.createElement(Popup, __assign({ style: __assign({}, (popupSettings || {}).style, { direction: props.dir }) }, popupSettings, { anchor: props.popupAnchor, anchorAlign: anchorAlign, popupAlign: popupAlign, show: props.open, onOpen: props.onOpen, onClose: props.onClose, className: classNames('k-reset', popupSettings.className) }), props.content)));
+        React.createElement(Popup, __assign({ style: __assign(__assign({}, (popupSettings || {}).style), { direction: props.dir }) }, popupSettings, { anchor: props.popupAnchor, anchorAlign: anchorAlign, popupAlign: popupAlign, show: props.open, onOpen: props.onOpen, onClose: props.onClose, className: classNames('k-reset', popupSettings.className) }), props.content)));
 };
 Picker.displayName = 'KendoPickerComponent';

package/dist/es/colors/interfaces/ColorGradientChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorGradientProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPaletteChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPaletteProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerActiveColorClick.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerBlurEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerGradientSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerPaletteSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerPopupSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerView.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/PickerPopupSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/PickerProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/hsva.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/output-format.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/rgb.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/rgba.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/table-cell.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/tile-size.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/utils/color-parser.d.ts

@@ -7,7 +7,7 @@ import { RGBA } from '../models/rgba';
  *
  * Returns the hex or RGBA string representation of the color.
  */
-export declare const parseColor: (value: string, format: OutputFormat, safe?: boolean) => string;
+export declare const parseColor: (value: string, format: OutputFormat, safe?: boolean) => string | undefined;
 /**
  * @hidden
  *

package/dist/es/colors/utils/color-parser.js

@@ -10,7 +10,7 @@ export var parseColor = function (value, format, safe) {
     var allowedFormats = ['hex', 'rgba']; // TODO: constant?
     // Angular supports third type: name : const allowedFormats: Array<string> = ['hex', 'rgba', 'name'];
     if (allowedFormats.indexOf(format) === -1) {
-        throw new Error("Unsupported color output format '" + format + "'. The available options are 'hex' or 'rgba'.");
+        throw new Error("Unsupported color output format '".concat(format, "'. The available options are 'hex' or 'rgba'."));
     }
     if (!isPresent(value)) {
         return;
@@ -105,7 +105,7 @@ export var getRGBFromRGBA = function (foregroundColor, backgroundColor) {
  * Returns the relative luminance.
  */
 export var getLuminance = function (rgb) {
-    var a = [rgb.r, rgb.g, rgb.b].map(function (v) {
+    var a = [rgb.r || 0, rgb.g || 0, rgb.b || 0].map(function (v) {
         v /= 255;
         return v <= 0.03928
             ? v / 12.92

package/dist/es/colors/utils/misc.d.ts

@@ -12,4 +12,4 @@ export declare const isPresent: (value: any) => boolean;
  * @param min The inclusive lower bound number.
  * @param max The inclusive upper bound number.
  */
-export declare const fitIntoBounds: (contender: number, min: number, max: number) => number;
+export declare const fitIntoBounds: (contender: number | undefined, min: number, max: number) => number;

package/dist/es/colors/utils/svg-calc.js

@@ -19,11 +19,11 @@ export var svgPath = function (points, command) {
     var d = points.reduce(function (acc, point, i, a) {
         return i === 0 ?
             // if first point
-            "M " + point[0] + "," + point[1] :
+            "M ".concat(point[0], ",").concat(point[1]) :
             // else
-            acc + " " + command(point, i, a);
+            "".concat(acc, " ").concat(command(point, i, a));
     }, '');
-    return "<path d=\"" + d + "\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"/>";
+    return "<path d=\"".concat(d, "\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"/>");
 };
 /**
  * @hidden
@@ -99,5 +99,5 @@ export var bezierCommand = function (controlPointCalc) { return function (point,
     var _a = controlPointCalc(a[i - 1], a[i - 2], point), cpsX = _a[0], cpsY = _a[1];
     // end control point
     var _b = controlPointCalc(point, a[i - 1], a[i + 1], true), cpeX = _b[0], cpeY = _b[1];
-    return "C " + cpsX + "," + cpsY + " " + cpeX + "," + cpeY + " " + point[0] + "," + point[1];
+    return "C ".concat(cpsX, ",").concat(cpsY, " ").concat(cpeX, ",").concat(cpeY, " ").concat(point[0], ",").concat(point[1]);
 }; };

package/dist/es/common/SliderTooltip.js

@@ -15,8 +15,8 @@ export var SliderTooltip = function (props) {
             var top_1 = props.position === 'right'
                 ? (anchorRect.height / 2) - (rect.height / 2)
                 : -(rect.height * 1.5);
-            tooltipRef.current.style.left = left + "px";
-            tooltipRef.current.style.top = top_1 + "px";
+            tooltipRef.current.style.left = "".concat(left, "px");
+            tooltipRef.current.style.top = "".concat(top_1, "px");
         }
     };
     var handleAnimationStart = function () {
@@ -35,7 +35,7 @@ export var SliderTooltip = function (props) {
         if (!tooltipRef.current) {
             return;
         }
-        tooltipRef.current.style.opacity = "" + (props.show ? progress : 1 - progress);
+        tooltipRef.current.style.opacity = "".concat(props.show ? progress : 1 - progress);
     };
     React.useEffect(position);
     useAnimation({

package/dist/es/common/SwitchController.d.ts

@@ -18,14 +18,14 @@ declare class SwitchController {
     overrideChecked: (checked: boolean) => void;
     updateState({ wrapperOffset, handleOffset, checked, animate, coords, handleMargin, reverse }: any): void;
     change: (checked: boolean, event?: any) => void;
-    readonly isChecked: boolean;
+    get isChecked(): boolean;
     addAnimation: (model: any) => any;
     onPress: (event: any) => void;
     onRelease: (event: any) => void;
     onDrag: (event: any) => void;
     updateModel(position: any, animate?: boolean): SwitchModel;
     private limit;
-    readonly constrain: number;
-    readonly checked: boolean;
+    get constrain(): number;
+    get checked(): boolean;
 }
 export default SwitchController;