@progress/kendo-react-dropdowns 5.4.0-dev.202205271059 → 5.4.0-dev.202206061009
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.
- package/dist/cdn/js/kendo-react-dropdowns.js +1 -1
- package/dist/es/AutoComplete/AutoComplete.d.ts +6 -6
- package/dist/es/AutoComplete/AutoComplete.js +6 -4
- package/dist/es/ComboBox/ComboBox.d.ts +6 -6
- package/dist/es/ComboBox/ComboBox.js +12 -10
- package/dist/es/DropDownList/DropDownList.d.ts +3 -6
- package/dist/es/DropDownList/DropDownList.js +10 -8
- package/dist/es/DropDownTree/DropDownTree.d.ts +1 -1
- package/dist/es/DropDownTree/DropDownTree.js +15 -11
- package/dist/es/MultiColumnComboBox/MultiColumnComboBox.d.ts +2 -2
- package/dist/es/MultiColumnComboBox/MultiColumnComboBox.js +1 -1
- package/dist/es/MultiSelect/MultiSelect.d.ts +5 -5
- package/dist/es/MultiSelect/MultiSelect.js +23 -17
- package/dist/es/MultiSelect/TagList.d.ts +1 -0
- package/dist/es/MultiSelect/TagList.js +1 -1
- package/dist/es/MultiSelectTree/MultiSelectTree.d.ts +1 -1
- package/dist/es/MultiSelectTree/MultiSelectTree.js +14 -10
- package/dist/es/MultiSelectTree/utils.d.ts +1 -1
- package/dist/es/MultiSelectTree/utils.js +10 -6
- package/dist/es/common/DropDownBase.d.ts +1 -1
- package/dist/es/common/DropDownBase.js +2 -0
- package/dist/es/common/List.d.ts +2 -2
- package/dist/es/common/List.js +1 -1
- package/dist/es/common/ListContainer.d.ts +1 -0
- package/dist/es/common/ListFilter.js +6 -4
- package/dist/es/common/ListItem.d.ts +1 -1
- package/dist/es/common/Navigation.d.ts +1 -1
- package/dist/es/common/SearchBar.d.ts +1 -1
- package/dist/es/common/SearchBar.js +3 -1
- package/dist/es/common/VirtualScroll.d.ts +1 -1
- package/dist/es/common/VirtualScroll.js +5 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/AutoComplete/AutoComplete.d.ts +6 -6
- package/dist/npm/AutoComplete/AutoComplete.js +21 -19
- package/dist/npm/ComboBox/ComboBox.d.ts +6 -6
- package/dist/npm/ComboBox/ComboBox.js +46 -44
- package/dist/npm/DropDownList/DropDownList.d.ts +3 -6
- package/dist/npm/DropDownList/DropDownList.js +37 -35
- package/dist/npm/DropDownTree/DropDownTree.d.ts +1 -1
- package/dist/npm/DropDownTree/DropDownTree.js +31 -27
- package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.d.ts +2 -2
- package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.js +10 -10
- package/dist/npm/MultiSelect/MultiSelect.d.ts +5 -5
- package/dist/npm/MultiSelect/MultiSelect.js +43 -37
- package/dist/npm/MultiSelect/TagList.d.ts +1 -0
- package/dist/npm/MultiSelect/TagList.js +1 -1
- package/dist/npm/MultiSelectTree/MultiSelectTree.d.ts +1 -1
- package/dist/npm/MultiSelectTree/MultiSelectTree.js +28 -24
- package/dist/npm/MultiSelectTree/utils.d.ts +1 -1
- package/dist/npm/MultiSelectTree/utils.js +17 -13
- package/dist/npm/common/ClearButton.js +2 -2
- package/dist/npm/common/DropDownBase.d.ts +1 -1
- package/dist/npm/common/DropDownBase.js +7 -5
- package/dist/npm/common/List.d.ts +2 -2
- package/dist/npm/common/List.js +7 -7
- package/dist/npm/common/ListContainer.d.ts +1 -0
- package/dist/npm/common/ListDefaultItem.js +2 -2
- package/dist/npm/common/ListFilter.js +7 -5
- package/dist/npm/common/ListItem.d.ts +1 -1
- package/dist/npm/common/ListItem.js +2 -2
- package/dist/npm/common/Navigation.d.ts +1 -1
- package/dist/npm/common/Navigation.js +1 -1
- package/dist/npm/common/SearchBar.d.ts +1 -1
- package/dist/npm/common/SearchBar.js +3 -1
- package/dist/npm/common/VirtualScroll.d.ts +1 -1
- package/dist/npm/common/VirtualScroll.js +5 -1
- package/dist/npm/main.js +5 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-dropdowns.js +1 -1
- package/package.json +13 -13
|
@@ -29,9 +29,9 @@ var ListDefaultItem = /** @class */ (function (_super) {
|
|
|
29
29
|
}
|
|
30
30
|
ListDefaultItem.prototype.render = function () {
|
|
31
31
|
var _a = this.props, selected = _a.selected, defaultItem = _a.defaultItem, textField = _a.textField;
|
|
32
|
-
return (React.createElement("div", { onClick: this.props.onClick, onMouseDown: preventDefault, style: { position: 'unset' }, className: kendo_react_common_1.classNames('k-list-optionlabel', {
|
|
32
|
+
return (React.createElement("div", { onClick: this.props.onClick, onMouseDown: preventDefault, style: { position: 'unset' }, className: (0, kendo_react_common_1.classNames)('k-list-optionlabel', {
|
|
33
33
|
'k-selected': selected
|
|
34
|
-
}) }, utils_1.getItemValue(defaultItem, textField) || ''));
|
|
34
|
+
}) }, (0, utils_1.getItemValue)(defaultItem, textField) || ''));
|
|
35
35
|
};
|
|
36
36
|
return ListDefaultItem;
|
|
37
37
|
}(React.Component));
|
|
@@ -24,17 +24,19 @@ var sizeMap = kendo_react_common_1.kendoThemeMaps.sizeMap, roundedMap = kendo_re
|
|
|
24
24
|
var ListFilter = /** @class */ (function (_super) {
|
|
25
25
|
__extends(ListFilter, _super);
|
|
26
26
|
function ListFilter() {
|
|
27
|
-
|
|
27
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
28
|
+
_this.input = null;
|
|
29
|
+
return _this;
|
|
28
30
|
}
|
|
29
31
|
ListFilter.prototype.render = function () {
|
|
30
32
|
var _a;
|
|
31
33
|
var _this = this;
|
|
32
34
|
var _b = this.props, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode, inputRef = _b.inputRef;
|
|
33
35
|
return (React.createElement("div", { className: "k-list-filter" },
|
|
34
|
-
React.createElement("span", { className: kendo_react_common_1.classNames('k-searchbox k-input', (_a = {},
|
|
35
|
-
_a["k-input-"
|
|
36
|
-
_a["k-rounded-"
|
|
37
|
-
_a["k-input-"
|
|
36
|
+
React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-searchbox k-input', (_a = {},
|
|
37
|
+
_a["k-input-".concat(sizeMap[size] || size)] = size,
|
|
38
|
+
_a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded,
|
|
39
|
+
_a["k-input-".concat(fillMode)] = fillMode,
|
|
38
40
|
_a)) },
|
|
39
41
|
React.createElement("span", { className: "k-input-icon k-icon k-i-search" }),
|
|
40
42
|
React.createElement("input", { ref: inputRef ? inputRef : function (input) { return _this.input = input; }, value: this.props.value || '', className: "k-input-inner", onChange: this.props.onChange, onKeyDown: this.props.onKeyDown, tabIndex: this.props.tabIndex, onClick: function (e) { return e.stopPropagation(); } }))));
|
|
@@ -49,5 +49,5 @@ export interface ListItemProps {
|
|
|
49
49
|
*/
|
|
50
50
|
export default class ListItem extends React.Component<ListItemProps, {}> {
|
|
51
51
|
handleClick: React.MouseEventHandler<HTMLLIElement>;
|
|
52
|
-
render():
|
|
52
|
+
render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
|
|
53
53
|
}
|
|
@@ -31,12 +31,12 @@ var ListItem = /** @class */ (function (_super) {
|
|
|
31
31
|
}
|
|
32
32
|
ListItem.prototype.render = function () {
|
|
33
33
|
var _a = this.props, selected = _a.selected, group = _a.group, dataItem = _a.dataItem, virtual = _a.virtual, renderer = _a.render;
|
|
34
|
-
var item = (React.createElement("li", { id: this.props.id, role: "option", "aria-selected": selected, className: kendo_react_common_1.classNames('k-list-item', {
|
|
34
|
+
var item = (React.createElement("li", { id: this.props.id, role: "option", "aria-selected": selected, className: (0, kendo_react_common_1.classNames)('k-list-item', {
|
|
35
35
|
'k-selected': selected,
|
|
36
36
|
'k-focus': this.props.focused,
|
|
37
37
|
'k-first': Boolean(group)
|
|
38
38
|
}), onClick: this.handleClick, style: { position: virtual ? 'relative' : 'unset' } },
|
|
39
|
-
React.createElement("span", { className: 'k-list-item-text' }, utils_1.getItemValue(dataItem, this.props.textField).toString()),
|
|
39
|
+
React.createElement("span", { className: 'k-list-item-text' }, (0, utils_1.getItemValue)(dataItem, this.props.textField).toString()),
|
|
40
40
|
group !== undefined ? React.createElement("div", { className: "k-list-item-group-label" }, group) : null));
|
|
41
41
|
return renderer !== undefined ? renderer.call(undefined, item, this.props) : item;
|
|
42
42
|
};
|
|
@@ -36,5 +36,5 @@ export default class SearchBar extends React.Component<SearchBarProps> {
|
|
|
36
36
|
*/
|
|
37
37
|
get input(): HTMLInputElement | null;
|
|
38
38
|
componentDidUpdate(prevProps: SearchBarProps): void;
|
|
39
|
-
render():
|
|
39
|
+
render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
|
|
40
40
|
}
|
|
@@ -22,7 +22,9 @@ var React = require("react");
|
|
|
22
22
|
var SearchBar = /** @class */ (function (_super) {
|
|
23
23
|
__extends(SearchBar, _super);
|
|
24
24
|
function SearchBar() {
|
|
25
|
-
|
|
25
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
26
|
+
_this._input = null;
|
|
27
|
+
return _this;
|
|
26
28
|
}
|
|
27
29
|
Object.defineProperty(SearchBar.prototype, "input", {
|
|
28
30
|
/**
|
|
@@ -22,7 +22,7 @@ export default class VirtualScroll {
|
|
|
22
22
|
enabled: boolean;
|
|
23
23
|
pageSize: number;
|
|
24
24
|
itemHeight: number;
|
|
25
|
-
PageChange: (event: Page, syntheticEvent: React.SyntheticEvent<any>) => void;
|
|
25
|
+
PageChange: ((event: Page, syntheticEvent: React.SyntheticEvent<any>) => void) | null;
|
|
26
26
|
private prevScrollPos;
|
|
27
27
|
private listTranslate;
|
|
28
28
|
private scrollSyncing;
|
|
@@ -7,12 +7,16 @@ var maxHeightIE = 1533915;
|
|
|
7
7
|
var VirtualScroll = /** @class */ (function () {
|
|
8
8
|
function VirtualScroll() {
|
|
9
9
|
var _this = this;
|
|
10
|
+
this.container = null;
|
|
11
|
+
this.scrollElement = null;
|
|
12
|
+
this.list = null;
|
|
10
13
|
this.containerHeight = 0;
|
|
11
14
|
this.skip = 0;
|
|
12
15
|
this.total = 0;
|
|
13
16
|
this.enabled = false;
|
|
14
17
|
this.pageSize = 0;
|
|
15
18
|
this.itemHeight = 0;
|
|
19
|
+
this.PageChange = null;
|
|
16
20
|
this.prevScrollPos = 0;
|
|
17
21
|
this.listTranslate = 0;
|
|
18
22
|
this.scrollSyncing = false;
|
|
@@ -50,7 +54,7 @@ var VirtualScroll = /** @class */ (function () {
|
|
|
50
54
|
});
|
|
51
55
|
VirtualScroll.prototype.changePage = function (skip, e) {
|
|
52
56
|
var newSkip = Math.min(Math.max(0, skip), this.total - this.pageSize);
|
|
53
|
-
if (newSkip !== this.skip) {
|
|
57
|
+
if (newSkip !== this.skip && this.PageChange) {
|
|
54
58
|
this.PageChange({ skip: newSkip, take: this.pageSize }, e);
|
|
55
59
|
}
|
|
56
60
|
};
|
package/dist/npm/main.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-dropdowns',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1654509083,
|
|
12
12
|
version: '',
|
|
13
13
|
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'
|
|
14
14
|
};
|