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

package/dist/npm/AutoComplete/AutoComplete.d.ts

@@ -24,9 +24,9 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
      * @hidden
      */
     static propTypes: {
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full">;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "outline">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
         suggest: PropTypes.Requireable<string | boolean>;
         placeholder: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<string>;
@@ -56,11 +56,13 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
             }>>;
             popupClass: PropTypes.Requireable<string>;
             className: PropTypes.Requireable<string>;
-            appendTo: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            appendTo: PropTypes.Requireable<Element>;
             width: PropTypes.Requireable<string | number>;
             height: PropTypes.Requireable<string | number>;
         }>>;
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>; /**
+         * @hidden
+         */
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
@@ -75,9 +77,9 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
      * @hidden
      */
     static defaultProps: {
-        size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "large" | "full";
-        fillMode: "solid" | "flat" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
         popupSettings: {
             height: string;
         };
@@ -102,27 +104,27 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
     /**
      * @hidden
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * The value of the AutoComplete.
      */
-    readonly value: string;
+    get value(): string;
     /**
      * Gets the `name` property of the AutoComplete.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * Represents the validity state into which the AutoComplete is set.
      */
-    readonly validity: FormComponentValidity;
+    get validity(): FormComponentValidity;
     /**
      * @hidden
      */
-    protected readonly validityStyles: boolean;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
+    protected get required(): boolean;
     /**
      * @hidden
      */

package/dist/npm/AutoComplete/AutoComplete.js

@@ -3,10 +3,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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoComplete = exports.AutoCompletePropsContext = exports.AutoCompleteWithoutContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var SearchBar_1 = require("./../common/SearchBar");
@@ -48,8 +51,10 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
          */
         _this.state = {};
         _this.base = new DropDownBase_1.default(_this);
-        _this._inputId = kendo_react_common_1.guid();
+        _this._element = null;
+        _this._inputId = (0, kendo_react_common_1.guid)();
         _this._suggested = '';
+        _this._input = null;
         /**
          * @hidden
          */
@@ -63,7 +68,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
          */
         _this.handleItemSelect = function (index, state) {
             var _a = _this.props.data, data = _a === void 0 ? [] : _a;
-            var newText = utils_1.getItemValue(data[index], _this.props.textField);
+            var newText = (0, utils_1.getItemValue)(data[index], _this.props.textField);
             _this.triggerOnChange(newText, state);
         };
         /**
@@ -72,7 +77,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         _this.itemFocus = function (index, state) {
             var _a = _this.props, _b = _a.data, data = _b === void 0 ? [] : _b, textField = _a.textField;
             var focusedItem = data[index];
-            if (!utils_1.areSame(_this.state.focusedItem, focusedItem, textField)) {
+            if (!(0, utils_1.areSame)(_this.state.focusedItem, focusedItem, textField)) {
                 state.data.focusedItem = focusedItem;
             }
         };
@@ -174,7 +179,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 _this.applyInputValue(event.currentTarget.value, state);
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "element", {
@@ -184,7 +189,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "value", {
@@ -206,7 +211,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
             }
             return '';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "name", {
@@ -216,7 +221,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "validity", {
@@ -235,7 +240,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "validityStyles", {
@@ -247,7 +252,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : AutoCompleteWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "required", {
@@ -259,7 +264,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : AutoCompleteWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -291,8 +296,8 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     AutoCompleteWithoutContext.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var _b = this.props, dir = _b.dir, disabled = _b.disabled, label = _b.label, className = _b.className, style = _b.style, loading = _b.loading, suggest = _b.suggest, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode;
         var isValid = !this.validityStyles || this.validity.valid;
         var base = this.base;
@@ -302,10 +307,10 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         if (typeof suggest === 'string') {
             this._suggested = suggest;
         }
-        var autoComplete = (React.createElement("span", { className: kendo_react_common_1.classNames('k-autocomplete k-input', className, (_a = {},
-                _a["k-input-" + (sizeMap[size] || size)] = size,
-                _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
-                _a["k-input-" + fillMode] = fillMode,
+        var autoComplete = (React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-autocomplete k-input', className, (_a = {},
+                _a["k-input-".concat(sizeMap[size] || size)] = size,
+                _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded,
+                _a["k-input-".concat(fillMode)] = fillMode,
                 _a['k-invalid'] = !isValid,
                 _a['k-loading'] = loading,
                 _a['k-required'] = this.required,
@@ -315,7 +320,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 base.wrapper = element;
             }, style: !label
                 ? style
-                : __assign({}, style, { width: undefined }), dir: dir },
+                : __assign(__assign({}, style), { width: undefined }), dir: dir },
             this.renderSearchBar(value || '', id),
             loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
             renderClearButton && !loading && React.createElement(ClearButton_1.default, { onClick: this.clearButtonClick, key: "clearbutton" }),
@@ -332,9 +337,9 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         var typedText = this.value;
         var _a = this.props, _b = _a.data, data = _b === void 0 ? [] : _b, textField = _a.textField, focusedItemIndex = _a.focusedItemIndex;
         var focusedIndex = this.state.focusedItem !== undefined ?
-            data.findIndex(function (i) { return utils_1.areSame(i, _this.state.focusedItem, textField); }) :
+            data.findIndex(function (i) { return (0, utils_1.areSame)(i, _this.state.focusedItem, textField); }) :
             (focusedItemIndex ? focusedItemIndex(data, typedText, textField) :
-                data.indexOf(utils_1.getFocusedItem(data, typedText, textField)));
+                data.indexOf((0, utils_1.getFocusedItem)(data, typedText, textField)));
         var newFocused = this.base.navigation.navigate({
             keyCode: keyCode,
             current: focusedIndex,
@@ -354,7 +359,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         var _a = this.props, _b = _a.data, data = _b === void 0 ? [] : _b, textField = _a.textField;
         this._suggested = '';
         if (opened && eventKey === kendo_react_common_1.Keys.enter) {
-            var newValue = utils_1.getItemValue(data[this.focusedIndex(value)], textField);
+            var newValue = (0, utils_1.getItemValue)(data[this.focusedIndex(value)], textField);
             this.triggerOnChange(newValue, state);
         }
         if (opened) {
@@ -381,8 +386,8 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 animate: popupSettings.animate,
                 anchor: this.element,
                 show: opened,
-                popupClass: kendo_react_common_1.classNames(popupSettings.popupClass, 'k-list', (_a = {},
-                    _a["k-list-" + (sizeMap[size] || size)] = size,
+                popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list', (_a = {},
+                    _a["k-list-".concat(sizeMap[size] || size)] = size,
                     _a)),
                 className: popupSettings.className,
                 appendTo: popupSettings.appendTo
@@ -415,9 +420,9 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         this._suggested = '';
         if (value) {
             var _a = this.props, _b = _a.data, data = _b === void 0 ? [] : _b, textField = _a.textField;
-            var suggestedItem = data[utils_1.itemIndexStartsWith(data, value, textField)];
+            var suggestedItem = data[(0, utils_1.itemIndexStartsWith)(data, value, textField)];
             if (suggestedItem) {
-                var suggestedText = utils_1.getItemValue(suggestedItem, textField);
+                var suggestedText = (0, utils_1.getItemValue)(suggestedItem, textField);
                 if (value.toLowerCase() !== suggestedText.toLowerCase()) {
                     this._suggested = suggestedText.substring(value.length);
                 }
@@ -429,19 +434,19 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         var _a = this.props, _b = _a.data, data = _b === void 0 ? [] : _b, textField = _a.textField, focusedItemIndex = _a.focusedItemIndex;
         var inputValue = value !== undefined ? value : this.value;
         return this.state.focusedItem !== undefined ?
-            data.findIndex(function (i) { return utils_1.areSame(i, _this.state.focusedItem, textField); }) :
+            data.findIndex(function (i) { return (0, utils_1.areSame)(i, _this.state.focusedItem, textField); }) :
             (focusedItemIndex ? focusedItemIndex(data, inputValue, textField) :
-                Math.max(0, data.indexOf(utils_1.getFocusedItem(data, inputValue, textField))));
+                Math.max(0, data.indexOf((0, utils_1.getFocusedItem)(data, inputValue, textField))));
     };
     AutoCompleteWithoutContext.displayName = 'AutoComplete';
     /**
      * @hidden
      */
-    AutoCompleteWithoutContext.propTypes = __assign({}, DropDownBase_1.default.basicPropTypes, { size: PropTypes.oneOf([null, 'small', 'medium', 'large']), rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']), fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline']), suggest: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]), placeholder: PropTypes.string, value: PropTypes.string, defaultValue: PropTypes.string, validationMessage: PropTypes.string, required: PropTypes.bool, readonly: PropTypes.bool, clearButton: PropTypes.bool, valueRender: PropTypes.func, id: PropTypes.string, ariaLabelledBy: PropTypes.string, ariaDescribedBy: PropTypes.string });
+    AutoCompleteWithoutContext.propTypes = __assign(__assign({}, DropDownBase_1.default.basicPropTypes), { size: PropTypes.oneOf([null, 'small', 'medium', 'large']), rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']), fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline']), suggest: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]), placeholder: PropTypes.string, value: PropTypes.string, defaultValue: PropTypes.string, validationMessage: PropTypes.string, required: PropTypes.bool, readonly: PropTypes.bool, clearButton: PropTypes.bool, valueRender: PropTypes.func, id: PropTypes.string, ariaLabelledBy: PropTypes.string, ariaDescribedBy: PropTypes.string });
     /**
      * @hidden
      */
-    AutoCompleteWithoutContext.defaultProps = __assign({}, DropDownBase_1.default.defaultProps, { size: 'medium', rounded: 'medium', fillMode: 'solid' });
+    AutoCompleteWithoutContext.defaultProps = __assign(__assign({}, DropDownBase_1.default.defaultProps), { size: 'medium', rounded: 'medium', fillMode: 'solid' });
     return AutoCompleteWithoutContext;
 }(React.Component));
 exports.AutoCompleteWithoutContext = AutoCompleteWithoutContext;
@@ -451,7 +456,7 @@ exports.AutoCompleteWithoutContext = AutoCompleteWithoutContext;
  *
  * For more information, refer to the [Dropdowns Props Context]({% slug props-context_dropdowns %}) article.
  */
-exports.AutoCompletePropsContext = kendo_react_common_1.createPropsContext();
+exports.AutoCompletePropsContext = (0, kendo_react_common_1.createPropsContext)();
 /* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
 /**
  * Represents the [KendoReact AutoComplete component]({% slug overview_autocomplete %}).
@@ -478,5 +483,5 @@ exports.AutoCompletePropsContext = kendo_react_common_1.createPropsContext();
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-exports.AutoComplete = kendo_react_common_1.withPropsContext(exports.AutoCompletePropsContext, AutoCompleteWithoutContext);
+exports.AutoComplete = (0, kendo_react_common_1.withPropsContext)(exports.AutoCompletePropsContext, AutoCompleteWithoutContext);
 exports.AutoComplete.displayName = 'KendoReactAutoComplete';

package/dist/npm/ComboBox/ComboBox.d.ts

@@ -24,9 +24,9 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
      * @hidden
      */
     static propTypes: {
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full">;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "outline">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
         dataItemKey: PropTypes.Requireable<string>;
         groupField: PropTypes.Requireable<string>;
         suggest: PropTypes.Requireable<boolean>;
@@ -69,7 +69,7 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
             }>>;
             popupClass: PropTypes.Requireable<string>;
             className: PropTypes.Requireable<string>;
-            appendTo: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            appendTo: PropTypes.Requireable<Element>;
             width: PropTypes.Requireable<string | number>;
             height: PropTypes.Requireable<string | number>;
         }>>;
@@ -88,9 +88,9 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
      * @hidden
      */
     static defaultProps: {
-        size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "large" | "full";
-        fillMode: "solid" | "flat" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
         allowCustom: boolean;
         clearButton: boolean;
         required: boolean;
@@ -119,28 +119,28 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
     /**
      * @hidden
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * The value of the ComboBox.
      */
-    readonly value: any;
+    get value(): any;
     /**
      * The index of the selected item.
      */
-    readonly index: number;
+    get index(): number;
     /**
      * Gets the `name` property of the ComboBox.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * Represents the validity state into which the component is set.
      */
-    readonly validity: FormComponentValidity;
-    protected readonly validityStyles: boolean;
+    get validity(): FormComponentValidity;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
+    protected get required(): boolean;
     /**
      * @hidden
      */