@progress/kendo-react-dropdowns 5.6.0-dev.202208291054 → 5.6.0-next.202208310638

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/cdn/js/kendo-react-dropdowns.js +1 -1
  2. package/dist/es/AutoComplete/AutoComplete.d.ts +5 -5
  3. package/dist/es/AutoComplete/AutoComplete.js +1 -1
  4. package/dist/es/ComboBox/ComboBox.d.ts +6 -13
  5. package/dist/es/ComboBox/ComboBox.js +5 -10
  6. package/dist/es/DropDownList/DropDownList.d.ts +8 -7
  7. package/dist/es/DropDownList/DropDownList.js +5 -9
  8. package/dist/es/DropDownTree/DropDownTree.js +9 -13
  9. package/dist/es/MultiSelect/MultiSelect.d.ts +4 -4
  10. package/dist/es/MultiSelect/MultiSelect.js +1 -1
  11. package/dist/es/MultiSelect/TagList.js +1 -1
  12. package/dist/es/MultiSelectTree/MultiSelectTree.js +1 -1
  13. package/dist/es/common/DropDownBase.d.ts +8 -8
  14. package/dist/es/package-metadata.js +1 -1
  15. package/dist/npm/AutoComplete/AutoComplete.d.ts +5 -5
  16. package/dist/npm/AutoComplete/AutoComplete.js +1 -1
  17. package/dist/npm/ComboBox/ComboBox.d.ts +6 -13
  18. package/dist/npm/ComboBox/ComboBox.js +5 -10
  19. package/dist/npm/DropDownList/DropDownList.d.ts +8 -7
  20. package/dist/npm/DropDownList/DropDownList.js +5 -9
  21. package/dist/npm/DropDownTree/DropDownTree.js +9 -13
  22. package/dist/npm/MultiSelect/MultiSelect.d.ts +4 -4
  23. package/dist/npm/MultiSelect/MultiSelect.js +1 -1
  24. package/dist/npm/MultiSelect/TagList.js +1 -1
  25. package/dist/npm/MultiSelectTree/MultiSelectTree.js +1 -1
  26. package/dist/npm/common/DropDownBase.d.ts +8 -8
  27. package/dist/npm/package-metadata.js +1 -1
  28. package/dist/systemjs/kendo-react-dropdowns.js +1 -1
  29. package/package.json +12 -12
package/dist/es/AutoComplete/AutoComplete.d.ts CHANGED
@@ -27,7 +27,7 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
27
27
  size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
28
28
  rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
29
29
  fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
30
- suggest: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
30
+ suggest: PropTypes.Requireable<string | boolean>;
31
31
  placeholder: PropTypes.Requireable<string>;
32
32
  value: PropTypes.Requireable<string>;
33
33
  defaultValue: PropTypes.Requireable<string>;
@@ -50,15 +50,15 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
50
50
  label: PropTypes.Requireable<string>;
51
51
  loading: PropTypes.Requireable<boolean>;
52
52
  popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
53
- animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
53
+ animate: PropTypes.Requireable<boolean | PropTypes.InferProps<{
54
54
  openDuration: PropTypes.Requireable<number>;
55
55
  closeDuration: PropTypes.Requireable<number>;
56
- }> | null | undefined>>;
56
+ }>>;
57
57
  popupClass: PropTypes.Requireable<string>;
58
58
  className: PropTypes.Requireable<string>;
59
59
  appendTo: PropTypes.Requireable<any>;
60
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
61
- height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
60
+ width: PropTypes.Requireable<string | number>;
61
+ height: PropTypes.Requireable<string | number>;
62
62
  }>>;
63
63
  onOpen: PropTypes.Requireable<(...args: any[]) => any>;
64
64
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
package/dist/es/AutoComplete/AutoComplete.js CHANGED
@@ -383,7 +383,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
383
383
  animate: popupSettings.animate,
384
384
  anchor: this.element,
385
385
  show: opened,
386
- popupClass: classNames(popupSettings.popupClass),
386
+ popupClass: classNames(popupSettings.popupClass, 'k-list-container'),
387
387
  className: popupSettings.className,
388
388
  appendTo: popupSettings.appendTo
389
389
  }, dir: dir !== undefined ? dir : this.base.dirCalculated, itemsCount: [data.length] },
package/dist/es/ComboBox/ComboBox.d.ts CHANGED
@@ -51,9 +51,6 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
51
51
  total: PropTypes.Validator<number>;
52
52
  }>>;
53
53
  onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
54
- /**
55
- * @hidden
56
- */
57
54
  onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
58
55
  opened: PropTypes.Requireable<boolean>;
59
56
  disabled: PropTypes.Requireable<boolean>;
@@ -66,22 +63,20 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
66
63
  label: PropTypes.Requireable<string>;
67
64
  loading: PropTypes.Requireable<boolean>;
68
65
  popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
69
- animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
66
+ animate: PropTypes.Requireable<boolean | PropTypes.InferProps<{
70
67
  openDuration: PropTypes.Requireable<number>;
71
68
  closeDuration: PropTypes.Requireable<number>;
72
- }> | null | undefined>>;
69
+ }>>;
73
70
  popupClass: PropTypes.Requireable<string>;
74
71
  className: PropTypes.Requireable<string>;
75
72
  appendTo: PropTypes.Requireable<any>;
76
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
77
- height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
73
+ width: PropTypes.Requireable<string | number>;
74
+ height: PropTypes.Requireable<string | number>;
78
75
  }>>;
79
76
  onOpen: PropTypes.Requireable<(...args: any[]) => any>;
80
77
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
81
78
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
82
- onBlur: PropTypes.Requireable<(...args: any[]) => any>; /**
83
- * @hidden
84
- */
79
+ onBlur: PropTypes.Requireable<(...args: any[]) => any>;
85
80
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
86
81
  itemRender: PropTypes.Requireable<(...args: any[]) => any>;
87
82
  listNoDataRender: PropTypes.Requireable<(...args: any[]) => any>;
@@ -100,9 +95,7 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
100
95
  clearButton: boolean;
101
96
  required: boolean;
102
97
  popupSettings: {
103
- height: string; /**
104
- * The value of the ComboBox.
105
- */
98
+ height: string;
106
99
  };
107
100
  validityStyles: boolean;
108
101
  };
package/dist/es/ComboBox/ComboBox.js CHANGED
@@ -36,6 +36,7 @@ import List from '../common/List';
36
36
  import { validatePackage } from '@progress/kendo-react-common';
37
37
  import { packageMetadata } from '../package-metadata';
38
38
  import ClearButton from '../common/ClearButton';
39
+ import { Button } from '@progress/kendo-react-buttons';
39
40
  var VALIDATION_MESSAGE = 'Please enter a valid value!';
40
41
  var sizeMap = kendoThemeMaps.sizeMap, roundedMap = kendoThemeMaps.roundedMap;
41
42
  /** @hidden */
@@ -361,8 +362,8 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
361
362
  * @hidden
362
363
  */
363
364
  ComboBoxWithoutContext.prototype.render = function () {
364
- var _a, _b;
365
- var _c = this.props, dir = _c.dir, disabled = _c.disabled, _d = _c.clearButton, clearButton = _d === void 0 ? ComboBoxWithoutContext.defaultProps.clearButton : _d, label = _c.label, textField = _c.textField, className = _c.className, style = _c.style, loading = _c.loading, iconClassName = _c.iconClassName, virtual = _c.virtual, size = _c.size, rounded = _c.rounded, fillMode = _c.fillMode;
365
+ var _a;
366
+ var _b = this.props, dir = _b.dir, disabled = _b.disabled, _c = _b.clearButton, clearButton = _c === void 0 ? ComboBoxWithoutContext.defaultProps.clearButton : _c, label = _b.label, textField = _b.textField, className = _b.className, style = _b.style, loading = _b.loading, iconClassName = _b.iconClassName, virtual = _b.virtual, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode;
366
367
  var isValid = !this.validityStyles || this.validity.valid;
367
368
  var text = this.props.filter !== undefined ? this.props.filter : this.state.text;
368
369
  var selectedItemText = getItemValue(this.value, textField);
@@ -389,12 +390,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
389
390
  this.renderSearchBar(inputText || '', id),
390
391
  renderClearButton && !loading && React.createElement(ClearButton, { onClick: this.clearButtonClick, key: "clearbutton" }),
391
392
  loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
392
- React.createElement("button", { tabIndex: -1, type: "button", className: classNames('k-input-button k-button k-icon-button', (_b = {},
393
- _b["k-button-".concat(sizeMap[size] || size)] = size,
394
- _b["k-button-".concat(fillMode)] = fillMode,
395
- _b["k-button-".concat(fillMode, "-base")] = fillMode,
396
- _b)), onClick: this.toggleBtnClick, onMouseDown: function (e) { return e.preventDefault(); } },
397
- React.createElement("span", { className: classNames('k-button-icon k-icon k-i-arrow-s', iconClassName) })),
393
+ React.createElement(Button, { tabIndex: -1, type: "button", icon: !iconClassName ? 'caret-alt-down' : undefined, iconClass: iconClassName, size: size, fillMode: fillMode, rounded: null, themeColor: 'base', className: "k-input-button", onClick: this.toggleBtnClick, onMouseDown: function (e) { return e.preventDefault(); } }),
398
394
  this.renderListContainer()));
399
395
  return label
400
396
  ? (React.createElement(FloatingLabel, { label: label, editorId: id, editorValue: inputText, editorValid: isValid, editorDisabled: disabled, style: { width: style ? style.width : undefined }, children: combobox }))
@@ -525,7 +521,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
525
521
  animate: popupSettings.animate,
526
522
  anchor: this.element,
527
523
  show: opened,
528
- popupClass: classNames(popupSettings.popupClass, 'k-reset'),
524
+ popupClass: classNames(popupSettings.popupClass, 'k-list-container'),
529
525
  className: popupSettings.className,
530
526
  appendTo: popupSettings.appendTo
531
527
  }, dir: dir !== undefined ? dir : this.base.dirCalculated, itemsCount: [data.length] },
@@ -558,7 +554,6 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
558
554
  var ListComponent = this.props.list || List;
559
555
  return (React.createElement(ListComponent, { id: base.listBoxId, virtual: Boolean(virtual), show: opened, data: data, focusedIndex: focusedIndex, value: value, textField: textField, valueField: dataItemKey, groupField: this.props.groupField, optionsGuid: base.guid, listRef: function (list) { vs.list = _this.base.list = list; _this.itemHeight = 0; }, wrapperStyle: { maxHeight: popupSettings.height }, wrapperCssClass: classNames('k-list-content', (_a = {},
560
556
  _a['k-list-scroller'] = !virtual,
561
- _a['k-virtual-content'] = virtual,
562
557
  _a)), listStyle: vs.enabled ? { transform: translate } : undefined, key: "listkey", skip: skip, onClick: this.handleItemClick, itemRender: itemRender, noDataRender: listNoDataRender, onMouseDown: function (e) { return e.preventDefault(); }, onScroll: this.onScroll, wrapperRef: vs.scrollerRef, scroller: this.base.renderScrollElement() }));
563
558
  };
564
559
  ComboBoxWithoutContext.prototype.renderSearchBar = function (text, id) {
package/dist/es/DropDownList/DropDownList.d.ts CHANGED
@@ -19,14 +19,15 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
19
19
  */
20
20
  static propTypes: {
21
21
  value: PropTypes.Requireable<any>;
22
- defaultValue: PropTypes.Requireable<any>; /**
23
- * @hidden
24
- */
22
+ defaultValue: PropTypes.Requireable<any>;
25
23
  filterable: PropTypes.Requireable<boolean>;
26
24
  filter: PropTypes.Requireable<string>;
27
25
  virtual: PropTypes.Requireable<PropTypes.InferProps<{
28
26
  pageSize: PropTypes.Validator<number>;
29
27
  skip: PropTypes.Validator<number>;
28
+ /**
29
+ * @hidden
30
+ */
30
31
  total: PropTypes.Validator<number>;
31
32
  }>>;
32
33
  onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -42,15 +43,15 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
42
43
  label: PropTypes.Requireable<string>;
43
44
  loading: PropTypes.Requireable<boolean>;
44
45
  popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
45
- animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
46
+ animate: PropTypes.Requireable<boolean | PropTypes.InferProps<{
46
47
  openDuration: PropTypes.Requireable<number>;
47
48
  closeDuration: PropTypes.Requireable<number>;
48
- }> | null | undefined>>;
49
+ }>>;
49
50
  popupClass: PropTypes.Requireable<string>;
50
51
  className: PropTypes.Requireable<string>;
51
52
  appendTo: PropTypes.Requireable<any>;
52
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
53
- height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
53
+ width: PropTypes.Requireable<string | number>;
54
+ height: PropTypes.Requireable<string | number>;
54
55
  }>>;
55
56
  onOpen: PropTypes.Requireable<(...args: any[]) => any>;
56
57
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
package/dist/es/DropDownList/DropDownList.js CHANGED
@@ -36,6 +36,7 @@ import DropDownBase from '../common/DropDownBase';
36
36
  import { isPresent, getItemValue, sameCharsOnly, shuffleData, matchText, areSame, preventDefaultNonInputs, getFocusedItem } from '../common/utils';
37
37
  import { validatePackage } from '@progress/kendo-react-common';
38
38
  import { packageMetadata } from '../package-metadata';
39
+ import { Button } from '@progress/kendo-react-buttons';
39
40
  var VALIDATION_MESSAGE = 'Please select a value from the list!';
40
41
  var sizeMap = kendoThemeMaps.sizeMap, roundedMap = kendoThemeMaps.roundedMap;
41
42
  /**
@@ -484,8 +485,8 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
484
485
  * @hidden
485
486
  */
486
487
  DropDownListWithoutContext.prototype.render = function () {
487
- var _a, _b;
488
- var _c = this.props, style = _c.style, className = _c.className, label = _c.label, dir = _c.dir, virtual = _c.virtual, size = _c.size, rounded = _c.rounded, fillMode = _c.fillMode;
488
+ var _a;
489
+ var _b = this.props, style = _b.style, className = _b.className, label = _b.label, dir = _b.dir, virtual = _b.virtual, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode;
489
490
  var opened = this.props.opened !== undefined ? this.props.opened : this.state.opened;
490
491
  var value = this.value;
491
492
  var text = getItemValue(value, this.props.textField);
@@ -498,7 +499,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
498
499
  base.vs.total = virtual.total;
499
500
  base.vs.pageSize = virtual.pageSize;
500
501
  }
501
- var _d = this.props, dataItemKey = _d.dataItemKey, _e = _d.data, data = _e === void 0 ? [] : _e, disabled = _d.disabled, tabIndex = _d.tabIndex, loading = _d.loading, iconClassName = _d.iconClassName, valueRender = _d.valueRender;
502
+ var _c = this.props, dataItemKey = _c.dataItemKey, _d = _c.data, data = _d === void 0 ? [] : _d, disabled = _c.disabled, tabIndex = _c.tabIndex, loading = _c.loading, iconClassName = _c.iconClassName, valueRender = _c.valueRender;
502
503
  var focused = this.state.focused;
503
504
  var selectedIndex = data.findIndex(function (i) { return areSame(i, value, dataItemKey); });
504
505
  var valueDefaultRendering = (React.createElement("span", { className: "k-input-inner" },
@@ -519,12 +520,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
519
520
  : __assign(__assign({}, style), { width: undefined }), dir: dir, onMouseDown: opened ? preventDefaultNonInputs : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: getTabIndex(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'combobox', "aria-required": this.required, "aria-disabled": disabled || undefined, "aria-haspopup": 'listbox', "aria-expanded": opened || false, "aria-owns": this.base.listBoxId, "aria-activedescendant": opened ? ('option-' + this.base.guid + '-' + (selectedIndex + (virtual ? virtual.skip : 0))) : undefined, "aria-label": this.props.ariaLabel || this.props.label, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, id: this.props.id, title: this.props.title },
520
521
  valueElement,
521
522
  loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
522
- React.createElement("button", { tabIndex: -1, type: "button", "aria-hidden": true, className: classNames('k-input-button k-button k-icon-button', (_b = {},
523
- _b["k-button-".concat(sizeMap[size] || size)] = size,
524
- _b["k-button-".concat(fillMode)] = fillMode,
525
- _b["k-button-".concat(fillMode, "-base")] = fillMode,
526
- _b)) },
527
- React.createElement("span", { className: classNames('k-button-icon k-icon k-i-arrow-s', iconClassName) })),
523
+ React.createElement(Button, { tabIndex: -1, type: "button", "aria-hidden": true, size: size, fillMode: fillMode, iconClass: iconClassName, className: "k-input-button", themeColor: 'base', icon: "caret-alt-down" }),
528
524
  this.dummySelect(value),
529
525
  this.renderListContainer()));
530
526
  return label ? (React.createElement(FloatingLabel, { label: label, editorValue: text, editorValid: isValid, editorDisabled: this.props.disabled, style: { width: style ? style.width : undefined }, children: dropdownlist })) : dropdownlist;
package/dist/es/DropDownTree/DropDownTree.js CHANGED
@@ -32,6 +32,7 @@ import { ListNoData } from './ListNoData';
32
32
  import { messages, clear, nodata } from './../messages';
33
33
  import { FloatingLabel } from '@progress/kendo-react-labels';
34
34
  import ListFilter from '../common/ListFilter';
35
+ import { Button } from '@progress/kendo-react-buttons';
35
36
  var sizeMap = kendoThemeMaps.sizeMap, roundedMap = kendoThemeMaps.roundedMap;
36
37
  var VALIDATION_MESSAGE = 'Please select a value from the list!';
37
38
  var ValueHolder = function (props) {
@@ -76,12 +77,12 @@ export var DropDownTreePropsContext = createPropsContext();
76
77
  * Obtaining the `ref` returns an object of type [DropDownTreeHandle]({% slug api_dropdowns_dropdowntreehandle %}).
77
78
  */
78
79
  export var DropDownTree = React.forwardRef(function (directProps, ref) {
79
- var _a, _b;
80
+ var _a;
80
81
  validatePackage(packageMetadata);
81
82
  var props = usePropsContext(DropDownTreePropsContext, directProps);
82
83
  var calculatedId = React.useMemo(function () { return guid(); }, []);
83
84
  var id = props.id || calculatedId;
84
- var _c = props.data, data = _c === void 0 ? [] : _c, dataItemKey = props.dataItemKey, _d = props.popupSettings, popupSettings = _d === void 0 ? {} : _d, _e = props.style, style = _e === void 0 ? {} : _e, opened = props.opened, disabled = props.disabled, _f = props.onOpen, onOpen = _f === void 0 ? noop : _f, _g = props.onClose, onClose = _g === void 0 ? noop : _g, placeholder = props.placeholder, label = props.label, name = props.name, _h = props.selectField, selectField = _h === void 0 ? defaultProps.selectField : _h, _j = props.subItemsField, subItemsField = _j === void 0 ? defaultProps.subItemsField : _j, validationMessage = props.validationMessage, valid = props.valid, required = props.required, validityStyles = props.validityStyles;
85
+ var _b = props.data, data = _b === void 0 ? [] : _b, dataItemKey = props.dataItemKey, _c = props.popupSettings, popupSettings = _c === void 0 ? {} : _c, _d = props.style, style = _d === void 0 ? {} : _d, opened = props.opened, disabled = props.disabled, _e = props.onOpen, onOpen = _e === void 0 ? noop : _e, _f = props.onClose, onClose = _f === void 0 ? noop : _f, placeholder = props.placeholder, label = props.label, name = props.name, _g = props.selectField, selectField = _g === void 0 ? defaultProps.selectField : _g, _h = props.subItemsField, subItemsField = _h === void 0 ? defaultProps.subItemsField : _h, validationMessage = props.validationMessage, valid = props.valid, required = props.required, validityStyles = props.validityStyles;
85
86
  var tabIndex = getTabIndex(props.tabIndex, disabled);
86
87
  var target = React.useRef(null);
87
88
  var elementRef = React.useRef(null);
@@ -89,7 +90,7 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
89
90
  var selectRef = React.useRef(null);
90
91
  var treeViewRef = React.useRef(null);
91
92
  var skipFocusRef = React.useRef(false);
92
- var _k = React.useState(undefined), stateValue = _k[0], setStateValue = _k[1];
93
+ var _j = React.useState(undefined), stateValue = _j[0], setStateValue = _j[1];
93
94
  var controlled = props.value !== undefined;
94
95
  var value = controlled ? props.value : (stateValue !== undefined ? stateValue : props.defaultValue);
95
96
  var hasValue = isPresent(value);
@@ -107,10 +108,10 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
107
108
  popupSettings.width : (style.width !== undefined ? style.width : defaultProps.popupSettings.width);
108
109
  var popupWidth = useDropdownWidth(elementRef, initialStyleWidth);
109
110
  var popupStyles = __assign({ width: popupWidth }, (dir !== undefined ? { direction: dir } : {}));
110
- var _l = React.useState(false), open = _l[0], setOpen = _l[1];
111
+ var _k = React.useState(false), open = _k[0], setOpen = _k[1];
111
112
  var isOpen = opened !== undefined ? opened : open;
112
- var _m = React.useState(false), focused = _m[0], setFocused = _m[1];
113
- var _o = React.useState(''), filter = _o[0], setFilter = _o[1];
113
+ var _l = React.useState(false), focused = _l[0], setFocused = _l[1];
114
+ var _m = React.useState(''), filter = _m[0], setFilter = _m[1];
114
115
  var setValidity = React.useCallback(function () {
115
116
  if (selectRef.current && selectRef.current.setCustomValidity) {
116
117
  selectRef.current.setCustomValidity(validity.valid
@@ -356,15 +357,10 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
356
357
  props.loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
357
358
  hasValue && !disabled && (React.createElement("span", { onClick: onClear, className: "k-clear-value", title: localization.toLanguageString(clear, messages[clear]), role: "button", tabIndex: -1, onMouseDown: function (e) { return e.preventDefault(); } },
358
359
  React.createElement("span", { className: "k-icon k-i-x" }))),
359
- React.createElement("button", { tabIndex: -1, type: "button", "aria-label": "select", className: classNames('k-input-button k-button k-icon-button', (_b = {},
360
- _b["k-button-".concat(sizeMap[size] || size)] = size,
361
- _b["k-button-".concat(fillMode)] = fillMode,
362
- _b["k-button-".concat(fillMode, "-base")] = fillMode,
363
- _b)) },
364
- React.createElement("span", { className: "k-button-icon k-icon k-i-arrow-s" })),
360
+ React.createElement(Button, { tabIndex: -1, type: "button", "aria-label": "select", className: "k-input-button", size: size, fillMode: fillMode, themeColor: "base", rounded: null, icon: "caret-alt-down" }),
365
361
  React.createElement("select", { name: name, ref: selectRef, tabIndex: -1, "aria-hidden": true, title: label, style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: 'absolute', left: '50%' } },
366
362
  React.createElement("option", { value: props.valueMap ? props.valueMap.call(undefined, value) : value })),
367
- React.createElement(Popup, { className: classNames(popupSettings.className, { 'k-rtl': dir === 'rtl' }), popupClass: popupSettings.popupClass, style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo },
363
+ React.createElement(Popup, { className: classNames(popupSettings.className, { 'k-rtl': dir === 'rtl' }), popupClass: classNames(popupSettings.popupClass, 'k-list-container'), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo },
368
364
  props.filterable && (React.createElement(ListFilter, { value: props.filter === undefined ? filter : props.filter, inputRef: inputRef, onChange: onFilterChange, onKeyDown: onInputKeyDown, size: size, rounded: rounded, fillMode: fillMode })),
369
365
  data.length > 0 ? (React.createElement(TreeView, { ref: treeViewRef, tabIndex: tabIndex, data: treeViewData, focusIdField: dataItemKey, textField: props.textField, selectField: selectField, expandField: props.expandField, childrenField: subItemsField, expandIcons: true, onItemClick: onChange, onExpandChange: onExpand, size: size, item: props.item })) : (React.createElement(NoData, null, localization.toLanguageString(nodata, messages[nodata]))))));
370
366
  return label ? (React.createElement(FloatingLabel, { label: label, editorValue: currentValueText, editorPlaceholder: placeholder, editorValid: isValid, editorDisabled: disabled, editorId: id, style: { width: style ? style.width : undefined }, children: dropdowntree, dir: dir })) : dropdowntree;
package/dist/es/MultiSelect/MultiSelect.d.ts CHANGED
@@ -61,15 +61,15 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
61
61
  label: PropTypes.Requireable<string>;
62
62
  loading: PropTypes.Requireable<boolean>;
63
63
  popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
64
- animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
64
+ animate: PropTypes.Requireable<boolean | PropTypes.InferProps<{
65
65
  openDuration: PropTypes.Requireable<number>;
66
66
  closeDuration: PropTypes.Requireable<number>;
67
- }> | null | undefined>>;
67
+ }>>;
68
68
  popupClass: PropTypes.Requireable<string>;
69
69
  className: PropTypes.Requireable<string>;
70
70
  appendTo: PropTypes.Requireable<any>;
71
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
72
- height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
71
+ width: PropTypes.Requireable<string | number>;
72
+ height: PropTypes.Requireable<string | number>;
73
73
  }>>;
74
74
  onOpen: PropTypes.Requireable<(...args: any[]) => any>;
75
75
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
package/dist/es/MultiSelect/MultiSelect.js CHANGED
@@ -258,7 +258,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
258
258
  dir: dir !== undefined ? dir : base.dirCalculated,
259
259
  width: popupWidth,
260
260
  popupSettings: {
261
- popupClass: classNames(popupSettings.popupClass),
261
+ popupClass: classNames(popupSettings.popupClass, 'k-list-container'),
262
262
  className: popupSettings.className,
263
263
  animate: popupSettings.animate,
264
264
  anchor: _this.element,
package/dist/es/MultiSelect/TagList.js CHANGED
@@ -29,7 +29,7 @@ var TagList = /** @class */ (function (_super) {
29
29
  var _a = this.props, data = _a.data, guid = _a.guid, focused = _a.focused, tagRender = _a.tagRender, TagComponent = _a.tag, onTagDelete = _a.onTagDelete, size = _a.size;
30
30
  return (React.createElement(React.Fragment, null,
31
31
  data.map(function (tagData, index) {
32
- var tag = TagComponent ? (React.createElement(TagComponent, { key: tagData.text + index, tagData: tagData, guid: guid, focusedTag: focused, onTagDelete: onTagDelete })) : (React.createElement(Chip, { id: "tag-".concat(guid, "-").concat(tagData.text.replace(/\s+/g, '-')), "aria-selected": true, role: "option", "aria-setsize": data.length, key: tagData.text + index, text: tagData.text, removable: true, removeIcon: 'k-i-close', onRemove: function (e) { return onTagDelete.call(undefined, tagData.data, e.syntheticEvent); }, onMouseDown: preventDefault, onClick: stopPropagation, className: tagData === focused ? 'k-focus' : undefined, size: size }));
32
+ var tag = TagComponent ? (React.createElement(TagComponent, { key: tagData.text + index, tagData: tagData, guid: guid, focusedTag: focused, onTagDelete: onTagDelete })) : (React.createElement(Chip, { id: "tag-".concat(guid, "-").concat(tagData.text.replace(/\s+/g, '-')), "aria-selected": true, role: "option", "aria-setsize": data.length, key: tagData.text + index, text: tagData.text, removable: true, onRemove: function (e) { return onTagDelete.call(undefined, tagData.data, e.syntheticEvent); }, onMouseDown: preventDefault, onClick: stopPropagation, className: tagData === focused ? 'k-focus' : undefined, size: size }));
33
33
  return tagRender ? tagRender(tagData, tag) : tag;
34
34
  }),
35
35
  this.props.children));
package/dist/es/MultiSelectTree/MultiSelectTree.js CHANGED
@@ -409,7 +409,7 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
409
409
  hasValue && !disabled && React.createElement(ClearButton, { onClick: onClear }),
410
410
  React.createElement("select", { name: name, ref: selectRef, tabIndex: -1, "aria-hidden": true, title: label, style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: 'absolute', left: '50%' } },
411
411
  React.createElement("option", { value: props.valueMap ? props.valueMap.call(undefined, value) : value })),
412
- React.createElement(Popup, { popupClass: popupSettings.popupClass, className: classNames(popupSettings.className, { 'k-rtl': dir === 'rtl' }), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo, ref: popupRef },
412
+ React.createElement(Popup, { popupClass: classNames(popupSettings.popupClass, 'k-list-container'), className: classNames(popupSettings.className, { 'k-rtl': dir === 'rtl' }), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo, ref: popupRef },
413
413
  props.filterable && (React.createElement(ListFilter, { value: props.filter === undefined ? filterState : props.filter, inputRef: inputRef, onChange: onFilterChange, onKeyDown: onInputKeyDown, tabIndex: tabIndex, size: size, rounded: rounded, fillMode: fillMode })),
414
414
  data.length > 0 ? (React.createElement(TreeView, { ref: treeViewRef, tabIndex: tabIndex, data: data, focusIdField: dataItemKey, textField: props.textField, checkField: checkField, checkIndeterminateField: checkIndeterminateField, expandField: props.expandField, childrenField: subItemsField, expandIcons: true, onItemClick: onChange, onCheckChange: onChange, onExpandChange: onExpand, checkboxes: true, size: size, item: props.item })) : (React.createElement(NoData, null, localization.toLanguageString(nodata, messages[nodata]))))));
415
415
  return label ? (React.createElement(FloatingLabel, { label: label, editorValue: hasValue, editorPlaceholder: placeholder, editorValid: isValid, editorDisabled: disabled, editorId: id, style: { width: style ? style.width : undefined }, children: multiselecttree, dir: dir })) : multiselecttree;
package/dist/es/common/DropDownBase.d.ts CHANGED
@@ -62,15 +62,15 @@ export default class DropDownBase {
62
62
  label: PropTypes.Requireable<string>;
63
63
  loading: PropTypes.Requireable<boolean>;
64
64
  popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
65
- animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
65
+ animate: PropTypes.Requireable<boolean | PropTypes.InferProps<{
66
66
  openDuration: PropTypes.Requireable<number>;
67
67
  closeDuration: PropTypes.Requireable<number>;
68
- }> | null | undefined>>;
68
+ }>>;
69
69
  popupClass: PropTypes.Requireable<string>;
70
70
  className: PropTypes.Requireable<string>;
71
71
  appendTo: PropTypes.Requireable<any>;
72
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
73
- height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
72
+ width: PropTypes.Requireable<string | number>;
73
+ height: PropTypes.Requireable<string | number>;
74
74
  }>>;
75
75
  onOpen: PropTypes.Requireable<(...args: any[]) => any>;
76
76
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
@@ -106,15 +106,15 @@ export default class DropDownBase {
106
106
  label: PropTypes.Requireable<string>;
107
107
  loading: PropTypes.Requireable<boolean>;
108
108
  popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
109
- animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
109
+ animate: PropTypes.Requireable<boolean | PropTypes.InferProps<{
110
110
  openDuration: PropTypes.Requireable<number>;
111
111
  closeDuration: PropTypes.Requireable<number>;
112
- }> | null | undefined>>;
112
+ }>>;
113
113
  popupClass: PropTypes.Requireable<string>;
114
114
  className: PropTypes.Requireable<string>;
115
115
  appendTo: PropTypes.Requireable<any>;
116
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
117
- height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
116
+ width: PropTypes.Requireable<string | number>;
117
+ height: PropTypes.Requireable<string | number>;
118
118
  }>>;
119
119
  onOpen: PropTypes.Requireable<(...args: any[]) => any>;
120
120
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-dropdowns',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1661769243,
8
+ publishDate: 1661926803,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
11
11
  };
package/dist/npm/AutoComplete/AutoComplete.d.ts CHANGED
@@ -27,7 +27,7 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
27
27
  size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
28
28
  rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
29
29
  fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
30
- suggest: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
30
+ suggest: PropTypes.Requireable<string | boolean>;
31
31
  placeholder: PropTypes.Requireable<string>;
32
32
  value: PropTypes.Requireable<string>;
33
33
  defaultValue: PropTypes.Requireable<string>;
@@ -50,15 +50,15 @@ export declare class AutoCompleteWithoutContext extends React.Component<AutoComp
50
50
  label: PropTypes.Requireable<string>;
51
51
  loading: PropTypes.Requireable<boolean>;
52
52
  popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
53
- animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
53
+ animate: PropTypes.Requireable<boolean | PropTypes.InferProps<{
54
54
  openDuration: PropTypes.Requireable<number>;
55
55
  closeDuration: PropTypes.Requireable<number>;
56
- }> | null | undefined>>;
56
+ }>>;
57
57
  popupClass: PropTypes.Requireable<string>;
58
58
  className: PropTypes.Requireable<string>;
59
59
  appendTo: PropTypes.Requireable<any>;
60
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
61
- height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
60
+ width: PropTypes.Requireable<string | number>;
61
+ height: PropTypes.Requireable<string | number>;
62
62
  }>>;
63
63
  onOpen: PropTypes.Requireable<(...args: any[]) => any>;
64
64
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
package/dist/npm/AutoComplete/AutoComplete.js CHANGED
@@ -386,7 +386,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
386
386
  animate: popupSettings.animate,
387
387
  anchor: this.element,
388
388
  show: opened,
389
- popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass),
389
+ popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container'),
390
390
  className: popupSettings.className,
391
391
  appendTo: popupSettings.appendTo
392
392
  }, dir: dir !== undefined ? dir : this.base.dirCalculated, itemsCount: [data.length] },
package/dist/npm/ComboBox/ComboBox.d.ts CHANGED
@@ -51,9 +51,6 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
51
51
  total: PropTypes.Validator<number>;
52
52
  }>>;
53
53
  onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
54
- /**
55
- * @hidden
56
- */
57
54
  onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
58
55
  opened: PropTypes.Requireable<boolean>;
59
56
  disabled: PropTypes.Requireable<boolean>;
@@ -66,22 +63,20 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
66
63
  label: PropTypes.Requireable<string>;
67
64
  loading: PropTypes.Requireable<boolean>;
68
65
  popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
69
- animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
66
+ animate: PropTypes.Requireable<boolean | PropTypes.InferProps<{
70
67
  openDuration: PropTypes.Requireable<number>;
71
68
  closeDuration: PropTypes.Requireable<number>;
72
- }> | null | undefined>>;
69
+ }>>;
73
70
  popupClass: PropTypes.Requireable<string>;
74
71
  className: PropTypes.Requireable<string>;
75
72
  appendTo: PropTypes.Requireable<any>;
76
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
77
- height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
73
+ width: PropTypes.Requireable<string | number>;
74
+ height: PropTypes.Requireable<string | number>;
78
75
  }>>;
79
76
  onOpen: PropTypes.Requireable<(...args: any[]) => any>;
80
77
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
81
78
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
82
- onBlur: PropTypes.Requireable<(...args: any[]) => any>; /**
83
- * @hidden
84
- */
79
+ onBlur: PropTypes.Requireable<(...args: any[]) => any>;
85
80
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
86
81
  itemRender: PropTypes.Requireable<(...args: any[]) => any>;
87
82
  listNoDataRender: PropTypes.Requireable<(...args: any[]) => any>;
@@ -100,9 +95,7 @@ export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProp
100
95
  clearButton: boolean;
101
96
  required: boolean;
102
97
  popupSettings: {
103
- height: string; /**
104
- * The value of the ComboBox.
105
- */
98
+ height: string;
106
99
  };
107
100
  validityStyles: boolean;
108
101
  };
package/dist/npm/ComboBox/ComboBox.js CHANGED
@@ -39,6 +39,7 @@ var List_1 = require("../common/List");
39
39
  var kendo_react_common_2 = require("@progress/kendo-react-common");
40
40
  var package_metadata_1 = require("../package-metadata");
41
41
  var ClearButton_1 = require("../common/ClearButton");
42
+ var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
42
43
  var VALIDATION_MESSAGE = 'Please enter a valid value!';
43
44
  var sizeMap = kendo_react_common_1.kendoThemeMaps.sizeMap, roundedMap = kendo_react_common_1.kendoThemeMaps.roundedMap;
44
45
  /** @hidden */
@@ -364,8 +365,8 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
364
365
  * @hidden
365
366
  */
366
367
  ComboBoxWithoutContext.prototype.render = function () {
367
- var _a, _b;
368
- var _c = this.props, dir = _c.dir, disabled = _c.disabled, _d = _c.clearButton, clearButton = _d === void 0 ? ComboBoxWithoutContext.defaultProps.clearButton : _d, label = _c.label, textField = _c.textField, className = _c.className, style = _c.style, loading = _c.loading, iconClassName = _c.iconClassName, virtual = _c.virtual, size = _c.size, rounded = _c.rounded, fillMode = _c.fillMode;
368
+ var _a;
369
+ var _b = this.props, dir = _b.dir, disabled = _b.disabled, _c = _b.clearButton, clearButton = _c === void 0 ? ComboBoxWithoutContext.defaultProps.clearButton : _c, label = _b.label, textField = _b.textField, className = _b.className, style = _b.style, loading = _b.loading, iconClassName = _b.iconClassName, virtual = _b.virtual, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode;
369
370
  var isValid = !this.validityStyles || this.validity.valid;
370
371
  var text = this.props.filter !== undefined ? this.props.filter : this.state.text;
371
372
  var selectedItemText = (0, utils_1.getItemValue)(this.value, textField);
@@ -392,12 +393,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
392
393
  this.renderSearchBar(inputText || '', id),
393
394
  renderClearButton && !loading && React.createElement(ClearButton_1.default, { onClick: this.clearButtonClick, key: "clearbutton" }),
394
395
  loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
395
- React.createElement("button", { tabIndex: -1, type: "button", className: (0, kendo_react_common_1.classNames)('k-input-button k-button k-icon-button', (_b = {},
396
- _b["k-button-".concat(sizeMap[size] || size)] = size,
397
- _b["k-button-".concat(fillMode)] = fillMode,
398
- _b["k-button-".concat(fillMode, "-base")] = fillMode,
399
- _b)), onClick: this.toggleBtnClick, onMouseDown: function (e) { return e.preventDefault(); } },
400
- React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-button-icon k-icon k-i-arrow-s', iconClassName) })),
396
+ React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: !iconClassName ? 'caret-alt-down' : undefined, iconClass: iconClassName, size: size, fillMode: fillMode, rounded: null, themeColor: 'base', className: "k-input-button", onClick: this.toggleBtnClick, onMouseDown: function (e) { return e.preventDefault(); } }),
401
397
  this.renderListContainer()));
402
398
  return label
403
399
  ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: label, editorId: id, editorValue: inputText, editorValid: isValid, editorDisabled: disabled, style: { width: style ? style.width : undefined }, children: combobox }))
@@ -528,7 +524,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
528
524
  animate: popupSettings.animate,
529
525
  anchor: this.element,
530
526
  show: opened,
531
- popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-reset'),
527
+ popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container'),
532
528
  className: popupSettings.className,
533
529
  appendTo: popupSettings.appendTo
534
530
  }, dir: dir !== undefined ? dir : this.base.dirCalculated, itemsCount: [data.length] },
@@ -561,7 +557,6 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
561
557
  var ListComponent = this.props.list || List_1.default;
562
558
  return (React.createElement(ListComponent, { id: base.listBoxId, virtual: Boolean(virtual), show: opened, data: data, focusedIndex: focusedIndex, value: value, textField: textField, valueField: dataItemKey, groupField: this.props.groupField, optionsGuid: base.guid, listRef: function (list) { vs.list = _this.base.list = list; _this.itemHeight = 0; }, wrapperStyle: { maxHeight: popupSettings.height }, wrapperCssClass: (0, kendo_react_common_1.classNames)('k-list-content', (_a = {},
563
559
  _a['k-list-scroller'] = !virtual,
564
- _a['k-virtual-content'] = virtual,
565
560
  _a)), listStyle: vs.enabled ? { transform: translate } : undefined, key: "listkey", skip: skip, onClick: this.handleItemClick, itemRender: itemRender, noDataRender: listNoDataRender, onMouseDown: function (e) { return e.preventDefault(); }, onScroll: this.onScroll, wrapperRef: vs.scrollerRef, scroller: this.base.renderScrollElement() }));
566
561
  };
567
562
  ComboBoxWithoutContext.prototype.renderSearchBar = function (text, id) {
package/dist/npm/DropDownList/DropDownList.d.ts CHANGED
@@ -19,14 +19,15 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
19
19
  */
20
20
  static propTypes: {
21
21
  value: PropTypes.Requireable<any>;
22
- defaultValue: PropTypes.Requireable<any>; /**
23
- * @hidden
24
- */
22
+ defaultValue: PropTypes.Requireable<any>;
25
23
  filterable: PropTypes.Requireable<boolean>;
26
24
  filter: PropTypes.Requireable<string>;
27
25
  virtual: PropTypes.Requireable<PropTypes.InferProps<{
28
26
  pageSize: PropTypes.Validator<number>;
29
27
  skip: PropTypes.Validator<number>;
28
+ /**
29
+ * @hidden
30
+ */
30
31
  total: PropTypes.Validator<number>;
31
32
  }>>;
32
33
  onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -42,15 +43,15 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
42
43
  label: PropTypes.Requireable<string>;
43
44
  loading: PropTypes.Requireable<boolean>;
44
45
  popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
45
- animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
46
+ animate: PropTypes.Requireable<boolean | PropTypes.InferProps<{
46
47
  openDuration: PropTypes.Requireable<number>;
47
48
  closeDuration: PropTypes.Requireable<number>;
48
- }> | null | undefined>>;
49
+ }>>;
49
50
  popupClass: PropTypes.Requireable<string>;
50
51
  className: PropTypes.Requireable<string>;
51
52
  appendTo: PropTypes.Requireable<any>;
52
- width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
53
- height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
53
+ width: PropTypes.Requireable<string | number>;
54
+ height: PropTypes.Requireable<string | number>;
54
55
  }>>;
55
56
  onOpen: PropTypes.Requireable<(...args: any[]) => any>;
56
57
  onClose: PropTypes.Requireable<(...args: any[]) => any>;