@progress/kendo-react-dropdowns 6.1.1 → 7.0.0-develop.10
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/es/AutoComplete → AutoComplete}/AutoComplete.d.ts +12 -8
- package/{dist/npm/AutoComplete → AutoComplete}/AutoCompleteProps.d.ts +4 -1
- package/{dist/es/ComboBox → ComboBox}/ComboBox.d.ts +12 -8
- package/{dist/es/ComboBox → ComboBox}/ComboBoxProps.d.ts +4 -1
- package/{dist/es/DropDownList → DropDownList}/DropDownList.d.ts +9 -5
- package/{dist/es/DropDownList → DropDownList}/DropDownListProps.d.ts +4 -1
- package/{dist/es/DropDownTree → DropDownTree}/DropDownTree.d.ts +4 -0
- package/{dist/npm/DropDownTree → DropDownTree}/DropDownTreeProps.d.ts +4 -1
- package/DropDownTree/ListNoData.d.ts +10 -0
- package/DropDownTree/useDropdownWidth.d.ts +9 -0
- package/LICENSE.md +1 -1
- package/{dist/es/MultiColumnComboBox → MultiColumnComboBox}/MultiColumnComboBox.d.ts +4 -0
- package/{dist/npm/MultiSelect → MultiSelect}/MultiSelect.d.ts +9 -5
- package/{dist/es/MultiSelect → MultiSelect}/MultiSelectProps.d.ts +4 -1
- package/{dist/npm/MultiSelect → MultiSelect}/TagList.d.ts +5 -1
- package/{dist/es/MultiSelectTree → MultiSelectTree}/MultiSelectTree.d.ts +4 -0
- package/{dist/es/MultiSelectTree → MultiSelectTree}/MultiSelectTreeProps.d.ts +5 -1
- package/{dist/npm/MultiSelectTree → MultiSelectTree}/utils.d.ts +5 -1
- package/{dist/npm/common → common}/AdaptiveMode.d.ts +5 -1
- package/common/ClearButton.d.ts +18 -0
- package/{dist/npm/common → common}/DropDownBase.d.ts +5 -1
- package/{dist/es/common → common}/GroupStickyHeader.d.ts +5 -1
- package/{dist/es/common → common}/List.d.ts +8 -3
- package/common/ListContainer.d.ts +22 -0
- package/common/ListDefaultItem.d.ts +20 -0
- package/{dist/npm/common → common}/ListFilter.d.ts +4 -0
- package/{dist/npm/common → common}/ListGroupItem.d.ts +5 -1
- package/{dist/npm/common → common}/ListItem.d.ts +5 -1
- package/common/MultiColumnList.d.ts +9 -0
- package/common/Navigation.d.ts +17 -0
- package/{dist/es/common → common}/SearchBar.d.ts +5 -1
- package/{dist/npm/common → common}/VirtualScroll.d.ts +4 -1
- package/common/constants.d.ts +8 -0
- package/{dist/es/common → common}/events.d.ts +4 -1
- package/{dist/npm/common → common}/filterDescriptor.d.ts +4 -0
- package/{dist/es/common → common}/settings.d.ts +5 -2
- package/{dist/npm/common → common}/utils.d.ts +4 -0
- package/dist/cdn/js/kendo-react-dropdowns.js +5 -1
- package/index.d.ts +29 -0
- package/index.js +5 -0
- package/index.mjs +4397 -0
- package/{dist/npm/messages → messages}/index.d.ts +4 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +34 -62
- package/about.md +0 -3
- package/dist/es/AutoComplete/AutoComplete.js +0 -652
- package/dist/es/AutoComplete/AutoCompleteProps.d.ts +0 -243
- package/dist/es/AutoComplete/AutoCompleteProps.js +0 -2
- package/dist/es/ComboBox/ComboBox.js +0 -915
- package/dist/es/ComboBox/ComboBoxProps.js +0 -2
- package/dist/es/DropDownList/DropDownList.js +0 -887
- package/dist/es/DropDownList/DropDownListProps.js +0 -2
- package/dist/es/DropDownTree/DropDownTree.js +0 -540
- package/dist/es/DropDownTree/DropDownTreeProps.d.ts +0 -294
- package/dist/es/DropDownTree/DropDownTreeProps.js +0 -2
- package/dist/es/DropDownTree/ListNoData.d.ts +0 -6
- package/dist/es/DropDownTree/ListNoData.js +0 -8
- package/dist/es/DropDownTree/useDropdownWidth.d.ts +0 -5
- package/dist/es/DropDownTree/useDropdownWidth.js +0 -13
- package/dist/es/MultiColumnComboBox/MultiColumnComboBox.js +0 -213
- package/dist/es/MultiSelect/MultiSelect.d.ts +0 -256
- package/dist/es/MultiSelect/MultiSelect.js +0 -1110
- package/dist/es/MultiSelect/MultiSelectProps.js +0 -2
- package/dist/es/MultiSelect/TagList.d.ts +0 -38
- package/dist/es/MultiSelect/TagList.js +0 -39
- package/dist/es/MultiSelectTree/MultiSelectTree.js +0 -619
- package/dist/es/MultiSelectTree/MultiSelectTreeProps.js +0 -2
- package/dist/es/MultiSelectTree/utils.d.ts +0 -17
- package/dist/es/MultiSelectTree/utils.js +0 -191
- package/dist/es/common/AdaptiveMode.d.ts +0 -21
- package/dist/es/common/AdaptiveMode.js +0 -45
- package/dist/es/common/ClearButton.d.ts +0 -14
- package/dist/es/common/ClearButton.js +0 -39
- package/dist/es/common/DropDownBase.d.ts +0 -175
- package/dist/es/common/DropDownBase.js +0 -297
- package/dist/es/common/GroupStickyHeader.js +0 -34
- package/dist/es/common/List.js +0 -75
- package/dist/es/common/ListContainer.d.ts +0 -18
- package/dist/es/common/ListContainer.js +0 -43
- package/dist/es/common/ListDefaultItem.d.ts +0 -16
- package/dist/es/common/ListDefaultItem.js +0 -36
- package/dist/es/common/ListFilter.d.ts +0 -19
- package/dist/es/common/ListFilter.js +0 -37
- package/dist/es/common/ListGroupItem.d.ts +0 -33
- package/dist/es/common/ListGroupItem.js +0 -33
- package/dist/es/common/ListItem.d.ts +0 -61
- package/dist/es/common/ListItem.js +0 -44
- package/dist/es/common/MultiColumnList.d.ts +0 -6
- package/dist/es/common/MultiColumnList.js +0 -22
- package/dist/es/common/Navigation.d.ts +0 -13
- package/dist/es/common/Navigation.js +0 -34
- package/dist/es/common/SearchBar.js +0 -62
- package/dist/es/common/VirtualScroll.d.ts +0 -42
- package/dist/es/common/VirtualScroll.js +0 -161
- package/dist/es/common/constants.d.ts +0 -4
- package/dist/es/common/constants.js +0 -4
- package/dist/es/common/events.js +0 -1
- package/dist/es/common/filterDescriptor.d.ts +0 -41
- package/dist/es/common/filterDescriptor.js +0 -2
- package/dist/es/common/settings.js +0 -8
- package/dist/es/common/utils.d.ts +0 -62
- package/dist/es/common/utils.js +0 -194
- package/dist/es/main.d.ts +0 -25
- package/dist/es/main.js +0 -19
- package/dist/es/messages/index.d.ts +0 -40
- package/dist/es/messages/index.js +0 -41
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/npm/AutoComplete/AutoComplete.d.ts +0 -230
- package/dist/npm/AutoComplete/AutoComplete.js +0 -655
- package/dist/npm/AutoComplete/AutoCompleteProps.js +0 -3
- package/dist/npm/ComboBox/ComboBox.d.ts +0 -248
- package/dist/npm/ComboBox/ComboBox.js +0 -918
- package/dist/npm/ComboBox/ComboBoxProps.d.ts +0 -313
- package/dist/npm/ComboBox/ComboBoxProps.js +0 -3
- package/dist/npm/DropDownList/DropDownList.d.ts +0 -258
- package/dist/npm/DropDownList/DropDownList.js +0 -890
- package/dist/npm/DropDownList/DropDownListProps.d.ts +0 -326
- package/dist/npm/DropDownList/DropDownListProps.js +0 -3
- package/dist/npm/DropDownTree/DropDownTree.d.ts +0 -70
- package/dist/npm/DropDownTree/DropDownTree.js +0 -543
- package/dist/npm/DropDownTree/DropDownTreeProps.js +0 -3
- package/dist/npm/DropDownTree/ListNoData.d.ts +0 -6
- package/dist/npm/DropDownTree/ListNoData.js +0 -12
- package/dist/npm/DropDownTree/useDropdownWidth.d.ts +0 -5
- package/dist/npm/DropDownTree/useDropdownWidth.js +0 -17
- package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.d.ts +0 -287
- package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.js +0 -216
- package/dist/npm/MultiSelect/MultiSelect.js +0 -1113
- package/dist/npm/MultiSelect/MultiSelectProps.d.ts +0 -314
- package/dist/npm/MultiSelect/MultiSelectProps.js +0 -3
- package/dist/npm/MultiSelect/TagList.js +0 -41
- package/dist/npm/MultiSelectTree/MultiSelectTree.d.ts +0 -81
- package/dist/npm/MultiSelectTree/MultiSelectTree.js +0 -622
- package/dist/npm/MultiSelectTree/MultiSelectTreeProps.d.ts +0 -320
- package/dist/npm/MultiSelectTree/MultiSelectTreeProps.js +0 -3
- package/dist/npm/MultiSelectTree/utils.js +0 -196
- package/dist/npm/common/AdaptiveMode.js +0 -49
- package/dist/npm/common/ClearButton.d.ts +0 -14
- package/dist/npm/common/ClearButton.js +0 -41
- package/dist/npm/common/DropDownBase.js +0 -299
- package/dist/npm/common/GroupStickyHeader.d.ts +0 -24
- package/dist/npm/common/GroupStickyHeader.js +0 -36
- package/dist/npm/common/List.d.ts +0 -45
- package/dist/npm/common/List.js +0 -77
- package/dist/npm/common/ListContainer.d.ts +0 -18
- package/dist/npm/common/ListContainer.js +0 -45
- package/dist/npm/common/ListDefaultItem.d.ts +0 -16
- package/dist/npm/common/ListDefaultItem.js +0 -38
- package/dist/npm/common/ListFilter.js +0 -39
- package/dist/npm/common/ListGroupItem.js +0 -35
- package/dist/npm/common/ListItem.js +0 -46
- package/dist/npm/common/MultiColumnList.d.ts +0 -6
- package/dist/npm/common/MultiColumnList.js +0 -26
- package/dist/npm/common/Navigation.d.ts +0 -13
- package/dist/npm/common/Navigation.js +0 -37
- package/dist/npm/common/SearchBar.d.ts +0 -43
- package/dist/npm/common/SearchBar.js +0 -64
- package/dist/npm/common/VirtualScroll.js +0 -163
- package/dist/npm/common/constants.d.ts +0 -4
- package/dist/npm/common/constants.js +0 -7
- package/dist/npm/common/events.d.ts +0 -73
- package/dist/npm/common/events.js +0 -2
- package/dist/npm/common/filterDescriptor.js +0 -3
- package/dist/npm/common/settings.d.ts +0 -114
- package/dist/npm/common/settings.js +0 -11
- package/dist/npm/common/utils.js +0 -211
- package/dist/npm/main.d.ts +0 -25
- package/dist/npm/main.js +0 -62
- package/dist/npm/messages/index.js +0 -44
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/systemjs/kendo-react-dropdowns.js +0 -1
- package/e2e-next/combobox.basic.ts +0 -24
- package/e2e-next/dropdownlist.basic.tests.ts +0 -24
- package/e2e-next/dropdowntree.basic.tests.ts +0 -24
- package/e2e-next/multicolumncombobox.basic.tests.ts +0 -24
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
var React = require("react");
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
var ListGroupItem = /** @class */ (function (_super) {
|
|
23
|
-
__extends(ListGroupItem, _super);
|
|
24
|
-
function ListGroupItem() {
|
|
25
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
26
|
-
}
|
|
27
|
-
ListGroupItem.prototype.render = function () {
|
|
28
|
-
var _a = this.props, group = _a.group, virtual = _a.virtual, renderer = _a.render, _b = _a.isMultiColumn, isMultiColumn = _b === void 0 ? false : _b;
|
|
29
|
-
var item = (React.createElement("li", { id: this.props.id, role: "group", className: isMultiColumn ? 'k-table-group-row' : 'k-list-group-item', style: isMultiColumn ? { 'boxSizing': 'inherit' } : { position: virtual ? 'relative' : 'unset' } },
|
|
30
|
-
React.createElement("span", { className: !renderer ? isMultiColumn ? 'k-table-th' : 'k-list-item-text' : undefined }, group)));
|
|
31
|
-
return renderer !== undefined ? renderer.call(undefined, item, this.props) : item;
|
|
32
|
-
};
|
|
33
|
-
return ListGroupItem;
|
|
34
|
-
}(React.Component));
|
|
35
|
-
exports.default = ListGroupItem;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
var React = require("react");
|
|
19
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
20
|
-
var utils_1 = require("./utils");
|
|
21
|
-
// tslint:enable:max-line-length
|
|
22
|
-
/**
|
|
23
|
-
* @hidden
|
|
24
|
-
*/
|
|
25
|
-
var ListItem = /** @class */ (function (_super) {
|
|
26
|
-
__extends(ListItem, _super);
|
|
27
|
-
function ListItem() {
|
|
28
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
29
|
-
_this.handleClick = function (e) { return _this.props.onClick(_this.props.index, e); };
|
|
30
|
-
return _this;
|
|
31
|
-
}
|
|
32
|
-
ListItem.prototype.render = function () {
|
|
33
|
-
var _a = this.props, selected = _a.selected, group = _a.group, dataItem = _a.dataItem, virtual = _a.virtual, groupMode = _a.groupMode, disabled = _a.disabled, renderer = _a.render;
|
|
34
|
-
var item = (React.createElement("li", { id: this.props.id, role: "option", "aria-selected": selected, "aria-disabled": disabled ? true : undefined, className: (0, kendo_react_common_1.classNames)('k-list-item', {
|
|
35
|
-
'k-selected': selected,
|
|
36
|
-
'k-focus': this.props.focused,
|
|
37
|
-
'k-first': Boolean(group) && groupMode === 'classic',
|
|
38
|
-
'k-disabled': disabled
|
|
39
|
-
}), onClick: this.handleClick, style: { position: virtual ? 'relative' : 'unset' } },
|
|
40
|
-
React.createElement("span", { className: 'k-list-item-text' }, (0, utils_1.getItemValue)(dataItem, this.props.textField).toString()),
|
|
41
|
-
group !== undefined && groupMode === 'classic' ? React.createElement("div", { className: "k-list-item-group-label" }, group) : null));
|
|
42
|
-
return renderer !== undefined ? renderer.call(undefined, item, this.props) : item;
|
|
43
|
-
};
|
|
44
|
-
return ListItem;
|
|
45
|
-
}(React.Component));
|
|
46
|
-
exports.default = ListItem;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.MultiColumnList = void 0;
|
|
15
|
-
var React = require("react");
|
|
16
|
-
var List_1 = require("./List");
|
|
17
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
var MultiColumnList = function (props) {
|
|
22
|
-
return (React.createElement(List_1.default, __assign({}, props, { wrapperCssClass: "k-table-body k-table-scroller", listClassName: (0, kendo_react_common_1.classNames)('k-table k-table-list', {
|
|
23
|
-
'k-virtual-table': props.virtual !== undefined
|
|
24
|
-
}), listStyle: __assign({}, props.listStyle) })));
|
|
25
|
-
};
|
|
26
|
-
exports.MultiColumnList = MultiColumnList;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Navigation = void 0;
|
|
4
|
-
var utils_1 = require("./utils");
|
|
5
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
var Navigation = /** @class */ (function () {
|
|
10
|
-
function Navigation() {
|
|
11
|
-
}
|
|
12
|
-
Navigation.prototype.navigate = function (args) {
|
|
13
|
-
var keyCode = args.keyCode;
|
|
14
|
-
if (keyCode === kendo_react_common_1.Keys.up || keyCode === kendo_react_common_1.Keys.left) {
|
|
15
|
-
return this.next({ current: args.current, min: args.min, max: args.max, step: args.skipItems ? args.skipItems : -1 });
|
|
16
|
-
}
|
|
17
|
-
else if (keyCode === kendo_react_common_1.Keys.down || keyCode === kendo_react_common_1.Keys.right) {
|
|
18
|
-
return this.next({ current: args.current, min: args.min, max: args.max, step: args.skipItems ? args.skipItems : 1 });
|
|
19
|
-
}
|
|
20
|
-
else if (keyCode === kendo_react_common_1.Keys.home) {
|
|
21
|
-
return 0;
|
|
22
|
-
}
|
|
23
|
-
else if (keyCode === kendo_react_common_1.Keys.end) {
|
|
24
|
-
return args.max;
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
Navigation.prototype.next = function (args) {
|
|
28
|
-
if (!(0, utils_1.isPresent)(args.current)) {
|
|
29
|
-
return args.min;
|
|
30
|
-
}
|
|
31
|
-
else {
|
|
32
|
-
return Math.min(args.max, Math.max(args.current + args.step, args.min));
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
return Navigation;
|
|
36
|
-
}());
|
|
37
|
-
exports.Navigation = Navigation;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export interface SearchBarProps {
|
|
6
|
-
value: string;
|
|
7
|
-
onChange: React.FormEventHandler<HTMLInputElement>;
|
|
8
|
-
render?: (rendering: React.ReactElement<HTMLSpanElement>) => React.ReactNode;
|
|
9
|
-
id?: string;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
title?: string;
|
|
12
|
-
tabIndex?: number;
|
|
13
|
-
size?: number;
|
|
14
|
-
suggestedText?: string;
|
|
15
|
-
focused?: boolean;
|
|
16
|
-
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
|
|
17
|
-
onFocus?: React.FocusEventHandler<HTMLInputElement>;
|
|
18
|
-
onBlur?: React.FocusEventHandler<HTMLInputElement>;
|
|
19
|
-
onClick?: React.MouseEventHandler<HTMLInputElement>;
|
|
20
|
-
disabled?: boolean;
|
|
21
|
-
readOnly?: boolean;
|
|
22
|
-
expanded?: boolean;
|
|
23
|
-
owns?: string;
|
|
24
|
-
role?: string;
|
|
25
|
-
name?: string;
|
|
26
|
-
activedescendant?: string;
|
|
27
|
-
accessKey?: string;
|
|
28
|
-
ariaLabelledBy?: string;
|
|
29
|
-
ariaDescribedBy?: string;
|
|
30
|
-
ariaRequired?: boolean;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* @hidden
|
|
34
|
-
*/
|
|
35
|
-
export default class SearchBar extends React.Component<SearchBarProps> {
|
|
36
|
-
private _input;
|
|
37
|
-
/**
|
|
38
|
-
* @hidden
|
|
39
|
-
*/
|
|
40
|
-
get input(): HTMLInputElement | null;
|
|
41
|
-
componentDidUpdate(prevProps: SearchBarProps): void;
|
|
42
|
-
render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
|
|
43
|
-
}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
19
|
-
var React = require("react");
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
var SearchBar = /** @class */ (function (_super) {
|
|
24
|
-
__extends(SearchBar, _super);
|
|
25
|
-
function SearchBar() {
|
|
26
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
27
|
-
_this._input = null;
|
|
28
|
-
return _this;
|
|
29
|
-
}
|
|
30
|
-
Object.defineProperty(SearchBar.prototype, "input", {
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
get: function () {
|
|
35
|
-
return this._input;
|
|
36
|
-
},
|
|
37
|
-
enumerable: false,
|
|
38
|
-
configurable: true
|
|
39
|
-
});
|
|
40
|
-
SearchBar.prototype.componentDidUpdate = function (prevProps) {
|
|
41
|
-
var prevValue = prevProps.value;
|
|
42
|
-
var prevSuggestedText = prevProps.suggestedText;
|
|
43
|
-
var _a = this.props, value = _a.value, suggestedText = _a.suggestedText, focused = _a.focused;
|
|
44
|
-
var input = this.input;
|
|
45
|
-
var valueChanged = prevValue !== value || suggestedText !== prevSuggestedText;
|
|
46
|
-
var deleting = valueChanged && prevValue.startsWith(value) &&
|
|
47
|
-
!(prevSuggestedText && suggestedText && prevSuggestedText.endsWith(suggestedText));
|
|
48
|
-
var activeElement = (0, kendo_react_common_1.getActiveElement)(document);
|
|
49
|
-
if (focused && input && activeElement !== input) {
|
|
50
|
-
input.focus();
|
|
51
|
-
}
|
|
52
|
-
if (suggestedText && valueChanged && !deleting && input) {
|
|
53
|
-
input.setSelectionRange(value.length - suggestedText.length, value.length);
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
SearchBar.prototype.render = function () {
|
|
57
|
-
var _this = this;
|
|
58
|
-
var _a = this.props, _b = _a.expanded, expanded = _b === void 0 ? false : _b, disabled = _a.disabled, _c = _a.role, role = _c === void 0 ? 'listbox' : _c, render = _a.render;
|
|
59
|
-
var searchbar = (React.createElement("input", { autoComplete: "off", id: this.props.id, type: "text", key: "searchbar", size: this.props.size, placeholder: this.props.placeholder, className: "k-input-inner", tabIndex: this.props.tabIndex, accessKey: this.props.accessKey, role: role, name: this.props.name, value: this.props.value, onChange: this.props.onChange, ref: function (input) { return _this._input = input; }, onKeyDown: this.props.onKeyDown, onFocus: this.props.onFocus, onBlur: this.props.onBlur, onClick: this.props.onClick, "aria-disabled": disabled || undefined, disabled: disabled || undefined, readOnly: this.props.readOnly || undefined, title: this.props.title, "aria-haspopup": "listbox", "aria-expanded": expanded, "aria-owns": this.props.owns, "aria-activedescendant": expanded ? this.props.activedescendant : undefined, "aria-describedby": this.props.ariaDescribedBy, "aria-labelledby": this.props.ariaLabelledBy, "aria-required": this.props.ariaRequired }));
|
|
60
|
-
return render ? render.call(undefined, searchbar) : searchbar;
|
|
61
|
-
};
|
|
62
|
-
return SearchBar;
|
|
63
|
-
}(React.Component));
|
|
64
|
-
exports.default = SearchBar;
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var maxHeightIE = 1533915;
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
var VirtualScroll = /** @class */ (function () {
|
|
8
|
-
function VirtualScroll() {
|
|
9
|
-
var _this = this;
|
|
10
|
-
this.container = null;
|
|
11
|
-
this.scrollElement = null;
|
|
12
|
-
this.list = null;
|
|
13
|
-
this.containerHeight = 0;
|
|
14
|
-
this.skip = 0;
|
|
15
|
-
this.total = 0;
|
|
16
|
-
this.enabled = false;
|
|
17
|
-
this.pageSize = 0;
|
|
18
|
-
this.itemHeight = 0;
|
|
19
|
-
this.PageChange = null;
|
|
20
|
-
this.prevScrollPos = 0;
|
|
21
|
-
this.listTranslate = 0;
|
|
22
|
-
this.scrollSyncing = false;
|
|
23
|
-
this.scrollerRef = function (element) {
|
|
24
|
-
var vs = _this;
|
|
25
|
-
vs.container = element;
|
|
26
|
-
if (element) {
|
|
27
|
-
element.setAttribute('unselectable', 'on');
|
|
28
|
-
window.setTimeout(vs.calcScrollElementHeight.bind(vs), 0);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
this.calcScrollElementHeight = function () {
|
|
32
|
-
_this.scrollSyncing = true;
|
|
33
|
-
var heightChanged = false;
|
|
34
|
-
_this.itemHeight = _this.list ? _this.list.children[0].offsetHeight : _this.itemHeight;
|
|
35
|
-
_this.containerHeight = Math.min(maxHeightIE, _this.itemHeight * _this.total);
|
|
36
|
-
var newHeight = _this.containerHeight;
|
|
37
|
-
if (_this.scrollElement) {
|
|
38
|
-
heightChanged = _this.scrollElement.style.height !== newHeight + 'px';
|
|
39
|
-
if (heightChanged) {
|
|
40
|
-
_this.scrollElement.style.height = newHeight + 'px';
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
_this.scrollSyncing = false;
|
|
44
|
-
return heightChanged;
|
|
45
|
-
};
|
|
46
|
-
this.scrollHandler = this.scrollHandler.bind(this);
|
|
47
|
-
}
|
|
48
|
-
Object.defineProperty(VirtualScroll.prototype, "translate", {
|
|
49
|
-
get: function () {
|
|
50
|
-
return this.listTranslate;
|
|
51
|
-
},
|
|
52
|
-
enumerable: false,
|
|
53
|
-
configurable: true
|
|
54
|
-
});
|
|
55
|
-
VirtualScroll.prototype.changePage = function (skip, e) {
|
|
56
|
-
var newSkip = Math.min(Math.max(0, skip), this.total - this.pageSize);
|
|
57
|
-
if (newSkip !== this.skip && this.PageChange) {
|
|
58
|
-
this.PageChange({ skip: newSkip, take: this.pageSize }, e);
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
VirtualScroll.prototype.translateTo = function (dY) {
|
|
62
|
-
this.listTranslate = dY;
|
|
63
|
-
if (this.list) {
|
|
64
|
-
this.list.style.transform = 'translateY(' + dY + 'px)';
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
VirtualScroll.prototype.reset = function () {
|
|
68
|
-
if (this.container) {
|
|
69
|
-
this.calcScrollElementHeight();
|
|
70
|
-
this.container.scrollTop = 0;
|
|
71
|
-
this.translateTo(0);
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
VirtualScroll.prototype.scrollToEnd = function () {
|
|
75
|
-
if (this.container && this.list) {
|
|
76
|
-
this.calcScrollElementHeight();
|
|
77
|
-
this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;
|
|
78
|
-
this.translateTo(this.container.scrollHeight); // - this.list.offsetHeight
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
VirtualScroll.prototype.localScrollUp = function (e) {
|
|
82
|
-
var height = this.itemHeight;
|
|
83
|
-
var scrollTop = this.container.scrollTop;
|
|
84
|
-
var targetTranslate = this.listTranslate;
|
|
85
|
-
var items;
|
|
86
|
-
var additionalOnTop = scrollTop - targetTranslate;
|
|
87
|
-
if (additionalOnTop > height) {
|
|
88
|
-
return;
|
|
89
|
-
}
|
|
90
|
-
for (items = 0; items < this.skip; items++) {
|
|
91
|
-
if (targetTranslate + height + additionalOnTop <= scrollTop) {
|
|
92
|
-
break;
|
|
93
|
-
}
|
|
94
|
-
targetTranslate -= height;
|
|
95
|
-
}
|
|
96
|
-
targetTranslate = this.validateTranslate(targetTranslate);
|
|
97
|
-
if (this.skip - items <= 0 && targetTranslate >= scrollTop) {
|
|
98
|
-
this.translateTo(0);
|
|
99
|
-
this.changePage(0, e);
|
|
100
|
-
this.container.scrollTop = 0;
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
if (targetTranslate !== this.listTranslate) {
|
|
104
|
-
this.translateTo(targetTranslate);
|
|
105
|
-
this.changePage(this.skip - items, e);
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
|
-
VirtualScroll.prototype.localScrollDown = function (e) {
|
|
109
|
-
var height = this.itemHeight;
|
|
110
|
-
var scrollTop = this.container.scrollTop;
|
|
111
|
-
var targetTranslate = this.listTranslate;
|
|
112
|
-
var itemsLenght = this.list.children.length;
|
|
113
|
-
var items;
|
|
114
|
-
for (items = 0; items < itemsLenght; items++) {
|
|
115
|
-
if (targetTranslate + height >= scrollTop) {
|
|
116
|
-
break;
|
|
117
|
-
}
|
|
118
|
-
targetTranslate += height;
|
|
119
|
-
}
|
|
120
|
-
targetTranslate = this.validateTranslate(targetTranslate);
|
|
121
|
-
if (items >= itemsLenght && this.skip + items >= this.total) {
|
|
122
|
-
this.translateTo(targetTranslate);
|
|
123
|
-
this.changePage(this.total - 1, e);
|
|
124
|
-
}
|
|
125
|
-
else if (targetTranslate !== this.listTranslate) {
|
|
126
|
-
this.translateTo(targetTranslate);
|
|
127
|
-
this.changePage(this.skip + items, e);
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
VirtualScroll.prototype.scrollNonStrict = function (e) {
|
|
131
|
-
var floatItemIndex = this.total * this.prevScrollPos / (this.containerHeight);
|
|
132
|
-
var itemIndex = Math.min(Math.floor(floatItemIndex), this.total - 1);
|
|
133
|
-
var targetTranslate = this.containerHeight * floatItemIndex / this.total;
|
|
134
|
-
targetTranslate = this.validateTranslate(targetTranslate);
|
|
135
|
-
this.translateTo(targetTranslate);
|
|
136
|
-
this.changePage(itemIndex, e);
|
|
137
|
-
};
|
|
138
|
-
VirtualScroll.prototype.scrollHandler = function (e) {
|
|
139
|
-
var scrollTop = this.container ? this.container.scrollTop : 0;
|
|
140
|
-
var prev = this.prevScrollPos;
|
|
141
|
-
this.prevScrollPos = scrollTop;
|
|
142
|
-
if (!this.enabled || !this.list || !this.container || this.scrollSyncing) {
|
|
143
|
-
return;
|
|
144
|
-
}
|
|
145
|
-
if (scrollTop - prev <= 0 && scrollTop > this.listTranslate - this.list.scrollHeight / 10) {
|
|
146
|
-
this.localScrollUp(e);
|
|
147
|
-
}
|
|
148
|
-
else if (scrollTop - prev > 0 && scrollTop < this.listTranslate + this.list.scrollHeight * 2 / 3) {
|
|
149
|
-
this.localScrollDown(e);
|
|
150
|
-
}
|
|
151
|
-
else {
|
|
152
|
-
this.scrollNonStrict(e);
|
|
153
|
-
}
|
|
154
|
-
};
|
|
155
|
-
VirtualScroll.prototype.validateTranslate = function (translate) {
|
|
156
|
-
translate = Math.max(0, translate);
|
|
157
|
-
// translate = Math.min(this.containerHeight - this.list!.offsetHeight, translate);
|
|
158
|
-
translate = Math.min(this.containerHeight, translate);
|
|
159
|
-
return translate;
|
|
160
|
-
};
|
|
161
|
-
return VirtualScroll;
|
|
162
|
-
}());
|
|
163
|
-
exports.default = VirtualScroll;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FilterDescriptor } from './filterDescriptor';
|
|
3
|
-
import { Page } from './settings';
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
export interface DropdownEvent<T> {
|
|
8
|
-
/**
|
|
9
|
-
* A native DOM event.
|
|
10
|
-
*/
|
|
11
|
-
nativeEvent: Event;
|
|
12
|
-
/**
|
|
13
|
-
* A React [`SyntheticEvent`](https://reactjs.org/docs/events.html).
|
|
14
|
-
*/
|
|
15
|
-
syntheticEvent: React.SyntheticEvent<HTMLElement>;
|
|
16
|
-
/**
|
|
17
|
-
* An event target.
|
|
18
|
-
*/
|
|
19
|
-
target: T;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* @hidden
|
|
23
|
-
*/
|
|
24
|
-
export interface FilterChangeEvent<T> extends DropdownEvent<T> {
|
|
25
|
-
/**
|
|
26
|
-
* A React [`SyntheticEvent`](https://reactjs.org/docs/events.html).
|
|
27
|
-
*/
|
|
28
|
-
syntheticEvent: React.ChangeEvent<HTMLInputElement>;
|
|
29
|
-
/**
|
|
30
|
-
* The default `FilterDescriptor` object.
|
|
31
|
-
*/
|
|
32
|
-
filter: FilterDescriptor;
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* @hidden
|
|
36
|
-
*/
|
|
37
|
-
export interface ChangeEvent<T> extends DropdownEvent<T> {
|
|
38
|
-
/**
|
|
39
|
-
* The current value of the component.
|
|
40
|
-
*/
|
|
41
|
-
value: any;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* @hidden
|
|
45
|
-
*/
|
|
46
|
-
export interface OpenEvent<T> extends DropdownEvent<T> {
|
|
47
|
-
}
|
|
48
|
-
/**
|
|
49
|
-
* @hidden
|
|
50
|
-
*/
|
|
51
|
-
export interface CloseEvent<T> extends DropdownEvent<T> {
|
|
52
|
-
}
|
|
53
|
-
/**
|
|
54
|
-
* @hidden
|
|
55
|
-
*/
|
|
56
|
-
export interface FocusEvent<T> extends DropdownEvent<T> {
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* @hidden
|
|
60
|
-
*/
|
|
61
|
-
export interface BlurEvent<T> extends DropdownEvent<T> {
|
|
62
|
-
}
|
|
63
|
-
/**
|
|
64
|
-
* @hidden
|
|
65
|
-
*/
|
|
66
|
-
export interface CancelEvent<T> extends DropdownEvent<T> {
|
|
67
|
-
}
|
|
68
|
-
/**
|
|
69
|
-
* @hidden
|
|
70
|
-
*/
|
|
71
|
-
export interface PageChangeEvent<T> extends DropdownEvent<T> {
|
|
72
|
-
page: Page;
|
|
73
|
-
}
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { PopupAnimation } from '@progress/kendo-react-popup';
|
|
3
|
-
/**
|
|
4
|
-
* Represents the `skip` and `take` configurations which are wrapped in the `page` object.
|
|
5
|
-
*/
|
|
6
|
-
export interface Page {
|
|
7
|
-
/**
|
|
8
|
-
* The number of records to skip.
|
|
9
|
-
*/
|
|
10
|
-
skip: number;
|
|
11
|
-
/**
|
|
12
|
-
* The number of records to take.
|
|
13
|
-
*/
|
|
14
|
-
take: number;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* The virtualization settings.
|
|
18
|
-
*/
|
|
19
|
-
export interface VirtualizationSettings {
|
|
20
|
-
/**
|
|
21
|
-
* The number of the requested records.
|
|
22
|
-
*/
|
|
23
|
-
pageSize: number;
|
|
24
|
-
/**
|
|
25
|
-
* The number of records to skip.
|
|
26
|
-
*/
|
|
27
|
-
skip: number;
|
|
28
|
-
/**
|
|
29
|
-
* The number of all records.
|
|
30
|
-
*/
|
|
31
|
-
total: number;
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* The settings of the popup container.
|
|
35
|
-
*/
|
|
36
|
-
export interface DropDownsPopupSettings {
|
|
37
|
-
/**
|
|
38
|
-
* Controls the popup animation. By default, the open and close animations are enabled.
|
|
39
|
-
*/
|
|
40
|
-
animate?: boolean | PopupAnimation;
|
|
41
|
-
/**
|
|
42
|
-
* Specifies a list of CSS classes that will be added to the Popup element.
|
|
43
|
-
*/
|
|
44
|
-
className?: string | Array<string>;
|
|
45
|
-
/**
|
|
46
|
-
* Specifies a list of CSS classes that are used for styling the popup inner element.
|
|
47
|
-
*/
|
|
48
|
-
popupClass?: string;
|
|
49
|
-
/**
|
|
50
|
-
* Sets the width of the popup container. By default, the width of the host element is used.
|
|
51
|
-
*/
|
|
52
|
-
width?: string | number;
|
|
53
|
-
/**
|
|
54
|
-
* Sets the height of the popup container. By default, the height is 200px.
|
|
55
|
-
*/
|
|
56
|
-
height?: string | number;
|
|
57
|
-
/**
|
|
58
|
-
* Defines the container to which the Popup will be appended.
|
|
59
|
-
* Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
|
|
60
|
-
* * If set to `null` the Popup will be rendered without React Portal.
|
|
61
|
-
*/
|
|
62
|
-
appendTo?: HTMLElement | null;
|
|
63
|
-
}
|
|
64
|
-
import { FilterDescriptor } from './filterDescriptor';
|
|
65
|
-
/**
|
|
66
|
-
* @hidden
|
|
67
|
-
*/
|
|
68
|
-
export interface EventData {
|
|
69
|
-
type?: string;
|
|
70
|
-
filter?: FilterDescriptor;
|
|
71
|
-
page?: Page;
|
|
72
|
-
suggestion?: Suggestion;
|
|
73
|
-
}
|
|
74
|
-
/**
|
|
75
|
-
* Represents the `Suggestion` object of the AutoComplete.
|
|
76
|
-
*/
|
|
77
|
-
export interface Suggestion {
|
|
78
|
-
/**
|
|
79
|
-
* Represents the typed text of the user.
|
|
80
|
-
*/
|
|
81
|
-
readonly userInput: string;
|
|
82
|
-
/**
|
|
83
|
-
* Represents the suggested text without the user input.
|
|
84
|
-
*/
|
|
85
|
-
readonly value: string;
|
|
86
|
-
}
|
|
87
|
-
/**
|
|
88
|
-
* @hidden
|
|
89
|
-
*/
|
|
90
|
-
export interface InternalState {
|
|
91
|
-
data: DropDownStateBase;
|
|
92
|
-
events: Array<EventData>;
|
|
93
|
-
syntheticEvent: React.MouseEvent<HTMLElement> | React.FocusEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement> | React.FormEvent<HTMLInputElement> | React.KeyboardEvent<HTMLElement> | undefined;
|
|
94
|
-
}
|
|
95
|
-
/**
|
|
96
|
-
* @hidden
|
|
97
|
-
*/
|
|
98
|
-
export interface DropDownStateBase {
|
|
99
|
-
/**
|
|
100
|
-
* Input element text of the Component.
|
|
101
|
-
*/
|
|
102
|
-
text?: string;
|
|
103
|
-
value?: any;
|
|
104
|
-
focused?: boolean;
|
|
105
|
-
opened?: boolean;
|
|
106
|
-
group?: string;
|
|
107
|
-
}
|
|
108
|
-
/**
|
|
109
|
-
* @hidden
|
|
110
|
-
*/
|
|
111
|
-
export declare enum ActiveDescendant {
|
|
112
|
-
PopupList = 0,
|
|
113
|
-
TagsList = 1
|
|
114
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ActiveDescendant = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
var ActiveDescendant;
|
|
8
|
-
(function (ActiveDescendant) {
|
|
9
|
-
ActiveDescendant[ActiveDescendant["PopupList"] = 0] = "PopupList";
|
|
10
|
-
ActiveDescendant[ActiveDescendant["TagsList"] = 1] = "TagsList";
|
|
11
|
-
})(ActiveDescendant = exports.ActiveDescendant || (exports.ActiveDescendant = {}));
|