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

package/dist/es/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/es/AutoComplete/AutoComplete.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 __());
@@ -46,8 +48,10 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
          */
         _this.state = {};
         _this.base = new DropDownBase(_this);
+        _this._element = null;
         _this._inputId = guid();
         _this._suggested = '';
+        _this._input = null;
         /**
          * @hidden
          */
@@ -182,7 +186,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "value", {
@@ -204,7 +208,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
             }
             return '';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "name", {
@@ -214,7 +218,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "validity", {
@@ -233,7 +237,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "validityStyles", {
@@ -245,7 +249,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : AutoCompleteWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(AutoCompleteWithoutContext.prototype, "required", {
@@ -257,7 +261,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : AutoCompleteWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -289,8 +293,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;
@@ -301,9 +305,9 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
             this._suggested = suggest;
         }
         var autoComplete = (React.createElement("span", { className: 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,
+                _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,
@@ -313,7 +317,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, { onClick: this.clearButtonClick, key: "clearbutton" }),
@@ -380,7 +384,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
                 anchor: this.element,
                 show: opened,
                 popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {},
-                    _a["k-list-" + (sizeMap[size] || size)] = size,
+                    _a["k-list-".concat(sizeMap[size] || size)] = size,
                     _a)),
                 className: popupSettings.className,
                 appendTo: popupSettings.appendTo
@@ -435,11 +439,11 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    AutoCompleteWithoutContext.propTypes = __assign({}, DropDownBase.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.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.defaultProps, { size: 'medium', rounded: 'medium', fillMode: 'solid' });
+    AutoCompleteWithoutContext.defaultProps = __assign(__assign({}, DropDownBase.defaultProps), { size: 'medium', rounded: 'medium', fillMode: 'solid' });
     return AutoCompleteWithoutContext;
 }(React.Component));
 export { AutoCompleteWithoutContext };

package/dist/es/AutoComplete/AutoCompleteProps.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

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

package/dist/es/ComboBox/ComboBox.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 __());
@@ -46,8 +48,10 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
          */
         _this.state = {};
         _this.base = new DropDownBase(_this);
+        _this._element = null;
         _this._inputId = guid();
         _this._suggested = '';
+        _this._input = null;
         _this.itemHeight = 0;
         /**
          * @hidden
@@ -223,7 +227,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "value", {
@@ -245,7 +249,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
             }
             return undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "index", {
@@ -258,7 +262,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
             // TO DO: deprecate it!
             return data.findIndex(function (i) { return areSame(i, value, dataItemKey); });
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "name", {
@@ -268,7 +272,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "validity", {
@@ -288,7 +292,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "validityStyles", {
@@ -297,7 +301,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : ComboBoxWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ComboBoxWithoutContext.prototype, "required", {
@@ -309,7 +313,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : ComboBoxWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -374,21 +378,21 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
             vs.pageSize = virtual.pageSize;
         }
         var combobox = (React.createElement("span", { className: classNames('k-combobox k-input', (_a = {},
-                _a["k-input-" + (sizeMap[size] || size)] = size,
-                _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
-                _a["k-input-" + fillMode] = fillMode,
+                _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,
                 _a['k-disabled'] = disabled,
-                _a), className), ref: this.componentRef, style: !label ? style : __assign({}, style, { width: undefined }), dir: dir },
+                _a), className), ref: this.componentRef, style: !label ? style : __assign(__assign({}, style), { width: undefined }), dir: dir },
             this.renderSearchBar(inputText || '', id),
             renderClearButton && !loading && React.createElement(ClearButton, { onClick: this.clearButtonClick, key: "clearbutton" }),
             loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
             React.createElement("button", { tabIndex: -1, type: "button", className: classNames('k-input-button k-button k-icon-button', (_b = {},
-                    _b["k-button-" + (sizeMap[size] || size)] = size,
-                    _b["k-button-" + fillMode] = fillMode,
-                    _b["k-button-" + fillMode + "-base"] = fillMode,
+                    _b["k-button-".concat(sizeMap[size] || size)] = size,
+                    _b["k-button-".concat(fillMode)] = fillMode,
+                    _b["k-button-".concat(fillMode, "-base")] = fillMode,
                     _b)), onClick: this.toggleBtnClick, onMouseDown: function (e) { return e.preventDefault(); } },
                 React.createElement("span", { className: classNames('k-button-icon k-icon k-i-arrow-s', iconClassName) })),
             this.renderListContainer()));
@@ -527,10 +531,10 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
             }, dir: dir !== undefined ? dir : this.base.dirCalculated, itemsCount: [data.length] },
             React.createElement("div", { className: classNames((_a = {},
                     _a['k-list'] = !list,
-                    _a["k-list-" + (sizeMap[size] || size)] = !list && size,
+                    _a["k-list-".concat(sizeMap[size] || size)] = !list && size,
                     _a['k-virtual-list'] = virtual,
                     _a['k-data-table'] = list,
-                    _a["k-table-" + (sizeMap[size] || size)] = list && size,
+                    _a["k-table-".concat(sizeMap[size] || size)] = list && size,
                     _a)) },
                 header && React.createElement("div", { className: "k-table-header" }, header),
                 !list && group && React.createElement("div", { className: "k-list-group-sticky-header" }, group),
@@ -538,15 +542,15 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
                 footer && React.createElement("div", { className: "k-list-footer" }, footer))));
     };
     ComboBoxWithoutContext.prototype.renderList = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var base = this.base;
         var _b = this.props, textField = _b.textField, dataItemKey = _b.dataItemKey, listNoDataRender = _b.listNoDataRender, itemRender = _b.itemRender, _c = _b.data, data = _c === void 0 ? [] : _c, _d = _b.virtual, virtual = _d === void 0 ? { skip: 0 } : _d;
         var popupSettings = base.getPopupSettings();
         var vs = base.vs;
         var skip = virtual.skip;
         var opened = this.props.opened !== undefined ? this.props.opened : this.state.opened;
-        var translate = "translateY(" + vs.translate + "px)";
+        var translate = "translateY(".concat(vs.translate, "px)");
         var focusedIndex = opened ? this.getFocusedIndex() : undefined;
         var text = this.props.filter !== undefined ? this.props.filter : this.state.text;
         var selectedItemText = getItemValue(this.value, textField);
@@ -566,7 +570,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
         if (this._suggested && !areSame(this._valueOnDidUpdate, value, dataItemKey)) {
             this._suggested = '';
         }
-        return (React.createElement(SearchBar, { id: id, placeholder: placeholder, tabIndex: tabIndex || undefined, accessKey: this.props.accessKey, value: text + this._suggested, suggestedText: this._suggested, ref: function (el) { return _this._input = el && el.input; }, onKeyDown: this.onInputKeyDown, onChange: this.inputOnChange, onFocus: this.base.handleFocus, onBlur: this.handleBlur, disabled: disabled, expanded: opened, owns: this.base.listBoxId, activedescendant: "option-" + this.base.guid + "-" + (selectedIndex + virtual.skip), role: "combobox", ariaLabelledBy: this.props.ariaLabelledBy, ariaDescribedBy: this.props.ariaDescribedBy, render: this.props.valueRender }));
+        return (React.createElement(SearchBar, { id: id, placeholder: placeholder, tabIndex: tabIndex || undefined, accessKey: this.props.accessKey, value: text + this._suggested, suggestedText: this._suggested, ref: function (el) { return _this._input = el && el.input; }, onKeyDown: this.onInputKeyDown, onChange: this.inputOnChange, onFocus: this.base.handleFocus, onBlur: this.handleBlur, disabled: disabled, expanded: opened, owns: this.base.listBoxId, activedescendant: "option-".concat(this.base.guid, "-").concat(selectedIndex + virtual.skip), role: "combobox", ariaLabelledBy: this.props.ariaLabelledBy, ariaDescribedBy: this.props.ariaDescribedBy, render: this.props.valueRender }));
     };
     ComboBoxWithoutContext.prototype.triggerOnChange = function (item, state) {
         var value = this.value;
@@ -605,11 +609,11 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    ComboBoxWithoutContext.propTypes = __assign({}, DropDownBase.propTypes, { size: PropTypes.oneOf([null, 'small', 'medium', 'large']), rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']), fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline']), dataItemKey: PropTypes.string, groupField: PropTypes.string, suggest: PropTypes.bool, placeholder: PropTypes.string, allowCustom: PropTypes.bool, clearButton: PropTypes.bool, iconClassName: PropTypes.string, validationMessage: PropTypes.string, required: PropTypes.bool, id: PropTypes.string, ariaLabelledBy: PropTypes.string, ariaDescribedBy: PropTypes.string, list: PropTypes.any, valueRender: PropTypes.func });
+    ComboBoxWithoutContext.propTypes = __assign(__assign({}, DropDownBase.propTypes), { size: PropTypes.oneOf([null, 'small', 'medium', 'large']), rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']), fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline']), dataItemKey: PropTypes.string, groupField: PropTypes.string, suggest: PropTypes.bool, placeholder: PropTypes.string, allowCustom: PropTypes.bool, clearButton: PropTypes.bool, iconClassName: PropTypes.string, validationMessage: PropTypes.string, required: PropTypes.bool, id: PropTypes.string, ariaLabelledBy: PropTypes.string, ariaDescribedBy: PropTypes.string, list: PropTypes.any, valueRender: PropTypes.func });
     /**
      * @hidden
      */
-    ComboBoxWithoutContext.defaultProps = __assign({}, DropDownBase.defaultProps, { size: 'medium', rounded: 'medium', fillMode: 'solid', allowCustom: false, clearButton: true, required: false });
+    ComboBoxWithoutContext.defaultProps = __assign(__assign({}, DropDownBase.defaultProps), { size: 'medium', rounded: 'medium', fillMode: 'solid', allowCustom: false, clearButton: true, required: false });
     return ComboBoxWithoutContext;
 }(React.Component));
 export { ComboBoxWithoutContext };

package/dist/es/ComboBox/ComboBoxProps.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/DropDownList/DropDownList.d.ts

@@ -25,9 +25,7 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
         virtual: PropTypes.Requireable<PropTypes.InferProps<{
             pageSize: PropTypes.Validator<number>;
             skip: PropTypes.Validator<number>;
-            total: PropTypes.Validator<number>; /**
-             * The value of the DropDownList.
-             */
+            total: PropTypes.Validator<number>;
         }>>;
         onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
         onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -48,7 +46,7 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
             }>>;
             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>;
         }>>;
@@ -82,9 +80,9 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
      */
     static defaultProps: {
         required: boolean;
-        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;
         };
@@ -114,28 +112,28 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
     /**
      * @hidden
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * The value of the DropDownList.
      */
-    readonly value: any;
+    get value(): any;
     /**
      * The index of the selected item.
      */
-    readonly index: number;
+    get index(): number;
     /**
      * Gets the `name` property of the DropDownList.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * Represents the validity state into which the DropDownList 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
      */