@progress/kendo-react-inputs 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/es/switch/Switch.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 __());
@@ -65,6 +67,9 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
             dispatchEvent(_this.props.onChange, event, _this, { value: value });
             _this.valueDuringOnChange = undefined;
         };
+        _this._element = null;
+        _this._wrapper = null;
+        _this._input = null;
         _this._id = guid();
         _this.defaultValidationMessage = provideLocalizationService(_this);
         /**
@@ -136,14 +141,14 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
                     ? this.props.checked
                     : this.state.checked;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "element", {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "actionElement", {
@@ -153,7 +158,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._wrapper;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "name", {
@@ -163,7 +168,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "validity", {
@@ -184,7 +189,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "validityStyles", {
@@ -196,7 +201,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : SwitchWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "required", {
@@ -208,7 +213,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : SwitchWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -229,15 +234,15 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     SwitchWithoutContext.prototype.render = function () {
-        var _this = this;
         var _a, _b, _c;
+        var _this = this;
         var focused = this.state.focused;
         var _d = this.props, dir = _d.dir, disabled = _d.disabled, trackRounded = _d.trackRounded, thumbRounded = _d.thumbRounded, size = _d.size, id = _d.id, offLabel = _d.offLabel, onLabel = _d.onLabel, tabIndex = _d.tabIndex;
         this.dir = dir || (this._wrapper && getComputedStyle(this._wrapper).direction) || undefined;
         var isValid = !this.validityStyles || this.validity.valid;
         var switchClassName = classNames('k-switch', (_a = {},
-            _a["k-switch-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
-            _a["k-rounded-" + (kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
+            _a["k-switch-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
+            _a["k-rounded-".concat(kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
             _a['k-switch-on'] = this.value,
             _a['k-switch-off'] = !this.value,
             _a['k-focus'] = focused,
@@ -252,7 +257,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
                 _this._wrapper = span;
             }, className: switchClassName, dir: this.dir, onKeyDown: this.handleKeyDown, onClick: this.handleClick, onBlur: this.handleWrapperBlur, onFocus: this.handleWrapperFocus },
             React.createElement("span", __assign({ className: classNames('k-switch-track', (_b = {},
-                    _b["k-rounded-" + (kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
+                    _b["k-rounded-".concat(kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
                     _b)), id: id || this._id, role: 'switch' }, ariaAttributes, { "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, ref: function (span) {
                     _this._element = span;
                 }, tabIndex: getTabIndex(tabIndex, disabled, undefined), accessKey: this.props.accessKey }),
@@ -261,7 +266,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
                 React.createElement("span", { className: 'k-switch-label-off' }, offLabel),
                 React.createElement("span", { className: 'k-switch-thumb-wrap' },
                     React.createElement("span", { className: classNames('k-switch-thumb', (_c = {},
-                            _c["k-rounded-" + thumbRounded] = thumbRounded,
+                            _c["k-rounded-".concat(thumbRounded)] = thumbRounded,
                             _c)) })))));
     };
     SwitchWithoutContext.displayName = 'Switch';

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

@@ -32,4 +32,4 @@ export declare const TextAreaPropsContext: React.Context<(p: TextAreaProps) => T
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaHandle>>;
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaHandle | null>>;

package/dist/es/textarea/TextArea.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';
@@ -85,7 +87,7 @@ export var TextArea = React.forwardRef(function (directProps, target) {
     }, [isValid, validationMessage]);
     React.useLayoutEffect(function () {
         if (elementRef.current) {
-            setTextAreaHeight(elementRef.current.scrollHeight + "px");
+            setTextAreaHeight("".concat(elementRef.current.scrollHeight, "px"));
         }
     }, [currentValue]);
     var handleChange = React.useCallback(function (event) {
@@ -108,11 +110,11 @@ export var TextArea = React.forwardRef(function (directProps, target) {
             dispatchEvent(onBlur, event, getImperativeHandle(), undefined);
         }
     }, [onBlur, disabled]);
-    var textAreaProps = __assign({ id: id || calculatedId, name: name, className: 'k-input-inner !k-overflow-auto', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: getTabIndex(tabIndex, disabled), style: autoSize ? { resize: 'none', overflow: 'hidden', height: textAreaHeight } : {}, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-multiline': true, 'aria-disabled': disabled || undefined, value: isControlled ? value : stateValue }, others, { onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur });
+    var textAreaProps = __assign(__assign({ id: id || calculatedId, name: name, className: 'k-input-inner !k-overflow-auto', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: getTabIndex(tabIndex, disabled), style: autoSize ? { resize: 'none', overflow: 'hidden', height: textAreaHeight } : {}, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-multiline': true, 'aria-disabled': disabled || undefined, value: isControlled ? value : stateValue }, others), { onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur });
     return (React.createElement("span", { className: classNames('k-input', 'k-textarea', (_a = {},
-            _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
-            _a["k-input-" + fillMode] = fillMode,
-            _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+            _a["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
+            _a["k-input-".concat(fillMode)] = fillMode,
+            _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
             _a['k-invalid'] = !(isValid || validityStyles !== undefined || validityStyles === true),
             _a['k-required'] = required,
             _a['k-disabled'] = disabled,

package/dist/es/textarea/interfaces/TextAreaBlurEvent.js

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

package/dist/es/textarea/interfaces/TextAreaChangeEvent.js

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

package/dist/es/textarea/interfaces/TextAreaFocusEvent.js

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

package/dist/es/textarea/interfaces/TextAreaProps.js

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

package/dist/es/utils.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 // Polyfill for PropTypes.null
 /**
  * @hidden
@@ -12,7 +21,7 @@ export function nullable(subRequirement) {
             return null;
         }
         var sub = required ? subRequirement.isRequired : subRequirement;
-        return sub.apply(void 0, [props, key].concat(rest));
+        return sub.apply(void 0, __spreadArray([props, key], rest, false));
     };
     var fn = check.bind(null, false);
     fn.isRequired = check.bind(null, true);

package/dist/npm/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/npm/checkbox/Checkbox.js

@@ -15,11 +15,14 @@ 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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = exports.CheckboxPropsContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -33,7 +36,7 @@ var messages_1 = require("./../messages");
  *
  * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
  */
-exports.CheckboxPropsContext = kendo_react_common_1.createPropsContext();
+exports.CheckboxPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /**
  * Represents the [KendoReact Checkbox component]({% slug overview_checkbox %}).
  *
@@ -49,8 +52,8 @@ exports.CheckboxPropsContext = kendo_react_common_1.createPropsContext();
  */
 exports.Checkbox = React.forwardRef(function (directProps, target) {
     var _a;
-    kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
-    var props = kendo_react_common_1.usePropsContext(exports.CheckboxPropsContext, directProps);
+    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
+    var props = (0, kendo_react_common_1.usePropsContext)(exports.CheckboxPropsContext, directProps);
     var _b = props, ariaDescribedBy = _b.ariaDescribedBy, ariaLabelledBy = _b.ariaLabelledBy, checked = _b.checked, className = _b.className, children = _b.children, defaultChecked = _b.defaultChecked, disabled = _b.disabled, defaultValue = _b.defaultValue, id = _b.id, size = _b.size, rounded = _b.rounded, label = _b.label, labelPlacement = _b.labelPlacement, name = _b.name, labelOptional = _b.labelOptional, onChange = _b.onChange, onFocus = _b.onFocus, onBlur = _b.onBlur, tabIndex = _b.tabIndex, value = _b.value, required = _b.required, valid = _b.valid, validationMessage = _b.validationMessage, validityStyles = _b.validityStyles, 
     // Removed to support direct use in Form Field component
     visited = _b.visited, touched = _b.touched, modified = _b.modified, others = __rest(_b, ["ariaDescribedBy", "ariaLabelledBy", "checked", "className", "children", "defaultChecked", "disabled", "defaultValue", "id", "size", "rounded", "label", "labelPlacement", "name", "labelOptional", "onChange", "onFocus", "onBlur", "tabIndex", "value", "required", "valid", "validationMessage", "validityStyles", "visited", "touched", "modified"]);
@@ -77,8 +80,8 @@ exports.Checkbox = React.forwardRef(function (directProps, target) {
     var checkedProp = useValueAsChecked ? currentValue : currentChecked;
     var valueProp = (useValueAsChecked || isValueControlled) ? (value === null ? value : undefined) : value || currentValue;
     var indeterminateProp = checkedProp === null || valueProp === null;
-    var calculatedId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
-    var localizationService = kendo_react_intl_1.useLocalization();
+    var calculatedId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
+    var localizationService = (0, kendo_react_intl_1.useLocalization)();
     var localizeMessage = function (message) {
         return localizationService.toLanguageString(message, messages_1.messages[message]);
     };
@@ -104,7 +107,7 @@ exports.Checkbox = React.forwardRef(function (directProps, target) {
             }
         }
         if (onChange && !disabled) {
-            kendo_react_common_1.dispatchEvent(onChange, e, __assign({}, getImperativeHandle(), { value: val }), { value: val });
+            (0, kendo_react_common_1.dispatchEvent)(onChange, e, __assign(__assign({}, getImperativeHandle()), { value: val }), { value: val });
         }
     }, [isCheckedControlled, disabled, onChange, isValueControlled, getImperativeHandle]);
     var handleChange = React.useCallback(function (e) {
@@ -134,26 +137,26 @@ exports.Checkbox = React.forwardRef(function (directProps, target) {
     }, [disabled]);
     var handleFocus = React.useCallback(function (e) {
         if (onFocus && !disabled) {
-            kendo_react_common_1.dispatchEvent(onFocus, e, getImperativeHandle(), undefined);
+            (0, kendo_react_common_1.dispatchEvent)(onFocus, e, getImperativeHandle(), undefined);
         }
     }, [onFocus, disabled, getImperativeHandle]);
     var handleBlur = React.useCallback(function (e) {
         if (onBlur && !disabled) {
-            kendo_react_common_1.dispatchEvent(onBlur, e, getImperativeHandle(), undefined);
+            (0, kendo_react_common_1.dispatchEvent)(onBlur, e, getImperativeHandle(), undefined);
         }
     }, [onBlur, disabled, getImperativeHandle]);
-    var dir = kendo_react_common_1.useDir(elementRef, props.dir);
-    var checkboxClasses = kendo_react_common_1.classNames({ 'k-disabled': disabled }, className);
-    var inputProps = __assign({ type: 'checkbox', className: kendo_react_common_1.classNames('k-checkbox', (_a = {},
-            _a["k-checkbox-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
-            _a["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+    var dir = (0, kendo_react_common_1.useDir)(elementRef, props.dir);
+    var checkboxClasses = (0, kendo_react_common_1.classNames)({ 'k-disabled': disabled }, className);
+    var inputProps = __assign(__assign({ type: 'checkbox', className: (0, kendo_react_common_1.classNames)('k-checkbox', (_a = {},
+            _a["k-checkbox-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
+            _a["k-rounded-".concat(kendo_react_common_1.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: kendo_react_common_1.getTabIndex(tabIndex, disabled), role: 'checkbox', required: required !== undefined ? required : false, 'aria-checked': currentChecked || checkedProp ?
+            _a)), ref: elementRef, name: name, id: id || calculatedId, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, checked: Boolean(checkedProp), disabled: disabled, tabIndex: (0, kendo_react_common_1.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/npm/colors/ColorContrastLabels.js

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorContrastLabels = void 0;
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("../messages");
@@ -26,18 +29,18 @@ var ColorContrastLabels = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     ColorContrastLabels.prototype.render = function () {
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var contrastRatioMessage = localizationService.toLanguageString(messages_1.colorGradientContrastRatio, messages_1.messages[messages_1.colorGradientContrastRatio]);
         var AALevelMessage = localizationService.toLanguageString(messages_1.colorGradientAALevel, messages_1.messages[messages_1.colorGradientAALevel]);
         var AAALevelMessage = localizationService.toLanguageString(messages_1.colorGradientAAALevel, messages_1.messages[messages_1.colorGradientAAALevel]);
         var passMessage = localizationService.toLanguageString(messages_1.colorGradientPass, messages_1.messages[messages_1.colorGradientPass]);
         var failMessage = localizationService.toLanguageString(messages_1.colorGradientFail, messages_1.messages[messages_1.colorGradientFail]);
-        var contrast = color_parser_1.getContrastFromTwoRGBAs(this.props.rgba, this.props.bgColor);
+        var contrast = (0, color_parser_1.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,
             " ",
@@ -63,4 +66,4 @@ var ColorContrastLabels = /** @class */ (function (_super) {
     return ColorContrastLabels;
 }(React.Component));
 exports.ColorContrastLabels = ColorContrastLabels;
-kendo_react_intl_1.registerForLocalization(ColorContrastLabels);
+(0, kendo_react_intl_1.registerForLocalization)(ColorContrastLabels);

package/dist/npm/colors/ColorContrastSvg.js

@@ -3,16 +3,19 @@ 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 __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorContrastSvg = void 0;
 var React = require("react");
 var svg_calc_1 = require("./utils/svg-calc");
 var color_parser_1 = require("./utils/color-parser");
@@ -34,7 +37,7 @@ var ColorContrastSvg = /** @class */ (function (_super) {
         var findValue = function (contrast, saturation, low, high, comparer) {
             var mid = (low + high) / 2;
             var hsva = Object.assign({}, _this.props.hsva, { s: saturation / gradientRectMetrics.width, v: 1 - mid / gradientRectMetrics.height });
-            var currentContrast = color_parser_1.getContrastFromTwoRGBAs(color_parser_1.getRGBA(color_parser_1.getColorFromHSV(hsva)), color_parser_1.getRGBA(_this.props.backgroundColor || ''));
+            var currentContrast = (0, color_parser_1.getContrastFromTwoRGBAs)((0, color_parser_1.getRGBA)((0, color_parser_1.getColorFromHSV)(hsva)), (0, color_parser_1.getRGBA)(_this.props.backgroundColor || ''));
             if (low + 0.5 > high) {
                 if (currentContrast < contrast + 1 && currentContrast > contrast - 1) {
                     return mid;
@@ -59,11 +62,11 @@ var ColorContrastSvg = /** @class */ (function (_super) {
             }
             return points;
         };
-        var bezierCommandCalc = svg_calc_1.bezierCommand(svg_calc_1.controlPoint(svg_calc_1.line));
-        return svg_calc_1.svgPath(getPaths(AA_CONTRAST, STEP_COUNT), bezierCommandCalc) +
-            svg_calc_1.svgPath(getPaths(AA_CONTRAST, STEP_COUNT, true), bezierCommandCalc) +
-            svg_calc_1.svgPath(getPaths(AAA_CONTRAST, STEP_COUNT), bezierCommandCalc) +
-            svg_calc_1.svgPath(getPaths(AAA_CONTRAST, STEP_COUNT, true), bezierCommandCalc);
+        var bezierCommandCalc = (0, svg_calc_1.bezierCommand)((0, svg_calc_1.controlPoint)(svg_calc_1.line));
+        return (0, svg_calc_1.svgPath)(getPaths(AA_CONTRAST, STEP_COUNT), bezierCommandCalc) +
+            (0, svg_calc_1.svgPath)(getPaths(AA_CONTRAST, STEP_COUNT, true), bezierCommandCalc) +
+            (0, svg_calc_1.svgPath)(getPaths(AAA_CONTRAST, STEP_COUNT), bezierCommandCalc) +
+            (0, svg_calc_1.svgPath)(getPaths(AAA_CONTRAST, STEP_COUNT, true), bezierCommandCalc);
     };
     ColorContrastSvg.prototype.shouldComponentUpdate = function (nextProps) {
         if (nextProps.hsva.h === this.props.hsva.h &&

package/dist/npm/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
      */