@progress/kendo-react-dropdowns 6.1.1 → 7.0.0-develop.1

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 (177) hide show
  1. package/{dist/es/AutoComplete → AutoComplete}/AutoComplete.d.ts +12 -8
  2. package/{dist/npm/AutoComplete → AutoComplete}/AutoCompleteProps.d.ts +4 -1
  3. package/{dist/es/ComboBox → ComboBox}/ComboBox.d.ts +12 -8
  4. package/{dist/es/ComboBox → ComboBox}/ComboBoxProps.d.ts +4 -1
  5. package/{dist/es/DropDownList → DropDownList}/DropDownList.d.ts +9 -5
  6. package/{dist/es/DropDownList → DropDownList}/DropDownListProps.d.ts +4 -1
  7. package/{dist/es/DropDownTree → DropDownTree}/DropDownTree.d.ts +4 -0
  8. package/{dist/npm/DropDownTree → DropDownTree}/DropDownTreeProps.d.ts +4 -1
  9. package/DropDownTree/ListNoData.d.ts +10 -0
  10. package/DropDownTree/useDropdownWidth.d.ts +9 -0
  11. package/LICENSE.md +1 -1
  12. package/{dist/es/MultiColumnComboBox → MultiColumnComboBox}/MultiColumnComboBox.d.ts +4 -0
  13. package/{dist/npm/MultiSelect → MultiSelect}/MultiSelect.d.ts +9 -5
  14. package/{dist/es/MultiSelect → MultiSelect}/MultiSelectProps.d.ts +4 -1
  15. package/{dist/npm/MultiSelect → MultiSelect}/TagList.d.ts +5 -1
  16. package/{dist/es/MultiSelectTree → MultiSelectTree}/MultiSelectTree.d.ts +4 -0
  17. package/{dist/es/MultiSelectTree → MultiSelectTree}/MultiSelectTreeProps.d.ts +5 -1
  18. package/{dist/npm/MultiSelectTree → MultiSelectTree}/utils.d.ts +5 -1
  19. package/{dist/npm/common → common}/AdaptiveMode.d.ts +5 -1
  20. package/common/ClearButton.d.ts +18 -0
  21. package/{dist/npm/common → common}/DropDownBase.d.ts +5 -1
  22. package/{dist/es/common → common}/GroupStickyHeader.d.ts +5 -1
  23. package/{dist/es/common → common}/List.d.ts +7 -3
  24. package/common/ListContainer.d.ts +22 -0
  25. package/common/ListDefaultItem.d.ts +20 -0
  26. package/{dist/npm/common → common}/ListFilter.d.ts +4 -0
  27. package/{dist/npm/common → common}/ListGroupItem.d.ts +5 -1
  28. package/{dist/npm/common → common}/ListItem.d.ts +5 -1
  29. package/common/MultiColumnList.d.ts +9 -0
  30. package/common/Navigation.d.ts +17 -0
  31. package/{dist/es/common → common}/SearchBar.d.ts +5 -1
  32. package/{dist/npm/common → common}/VirtualScroll.d.ts +4 -1
  33. package/common/constants.d.ts +8 -0
  34. package/{dist/es/common → common}/events.d.ts +4 -1
  35. package/{dist/npm/common → common}/filterDescriptor.d.ts +4 -0
  36. package/{dist/es/common → common}/settings.d.ts +5 -2
  37. package/{dist/npm/common → common}/utils.d.ts +4 -0
  38. package/dist/cdn/js/kendo-react-dropdowns.js +5 -1
  39. package/index.d.ts +29 -0
  40. package/index.js +5 -0
  41. package/index.mjs +4383 -0
  42. package/{dist/npm/messages → messages}/index.d.ts +4 -0
  43. package/package-metadata.d.ts +9 -0
  44. package/package.json +34 -62
  45. package/about.md +0 -3
  46. package/dist/es/AutoComplete/AutoComplete.js +0 -652
  47. package/dist/es/AutoComplete/AutoCompleteProps.d.ts +0 -243
  48. package/dist/es/AutoComplete/AutoCompleteProps.js +0 -2
  49. package/dist/es/ComboBox/ComboBox.js +0 -915
  50. package/dist/es/ComboBox/ComboBoxProps.js +0 -2
  51. package/dist/es/DropDownList/DropDownList.js +0 -887
  52. package/dist/es/DropDownList/DropDownListProps.js +0 -2
  53. package/dist/es/DropDownTree/DropDownTree.js +0 -540
  54. package/dist/es/DropDownTree/DropDownTreeProps.d.ts +0 -294
  55. package/dist/es/DropDownTree/DropDownTreeProps.js +0 -2
  56. package/dist/es/DropDownTree/ListNoData.d.ts +0 -6
  57. package/dist/es/DropDownTree/ListNoData.js +0 -8
  58. package/dist/es/DropDownTree/useDropdownWidth.d.ts +0 -5
  59. package/dist/es/DropDownTree/useDropdownWidth.js +0 -13
  60. package/dist/es/MultiColumnComboBox/MultiColumnComboBox.js +0 -213
  61. package/dist/es/MultiSelect/MultiSelect.d.ts +0 -256
  62. package/dist/es/MultiSelect/MultiSelect.js +0 -1110
  63. package/dist/es/MultiSelect/MultiSelectProps.js +0 -2
  64. package/dist/es/MultiSelect/TagList.d.ts +0 -38
  65. package/dist/es/MultiSelect/TagList.js +0 -39
  66. package/dist/es/MultiSelectTree/MultiSelectTree.js +0 -619
  67. package/dist/es/MultiSelectTree/MultiSelectTreeProps.js +0 -2
  68. package/dist/es/MultiSelectTree/utils.d.ts +0 -17
  69. package/dist/es/MultiSelectTree/utils.js +0 -191
  70. package/dist/es/common/AdaptiveMode.d.ts +0 -21
  71. package/dist/es/common/AdaptiveMode.js +0 -45
  72. package/dist/es/common/ClearButton.d.ts +0 -14
  73. package/dist/es/common/ClearButton.js +0 -39
  74. package/dist/es/common/DropDownBase.d.ts +0 -175
  75. package/dist/es/common/DropDownBase.js +0 -297
  76. package/dist/es/common/GroupStickyHeader.js +0 -34
  77. package/dist/es/common/List.js +0 -75
  78. package/dist/es/common/ListContainer.d.ts +0 -18
  79. package/dist/es/common/ListContainer.js +0 -43
  80. package/dist/es/common/ListDefaultItem.d.ts +0 -16
  81. package/dist/es/common/ListDefaultItem.js +0 -36
  82. package/dist/es/common/ListFilter.d.ts +0 -19
  83. package/dist/es/common/ListFilter.js +0 -37
  84. package/dist/es/common/ListGroupItem.d.ts +0 -33
  85. package/dist/es/common/ListGroupItem.js +0 -33
  86. package/dist/es/common/ListItem.d.ts +0 -61
  87. package/dist/es/common/ListItem.js +0 -44
  88. package/dist/es/common/MultiColumnList.d.ts +0 -6
  89. package/dist/es/common/MultiColumnList.js +0 -22
  90. package/dist/es/common/Navigation.d.ts +0 -13
  91. package/dist/es/common/Navigation.js +0 -34
  92. package/dist/es/common/SearchBar.js +0 -62
  93. package/dist/es/common/VirtualScroll.d.ts +0 -42
  94. package/dist/es/common/VirtualScroll.js +0 -161
  95. package/dist/es/common/constants.d.ts +0 -4
  96. package/dist/es/common/constants.js +0 -4
  97. package/dist/es/common/events.js +0 -1
  98. package/dist/es/common/filterDescriptor.d.ts +0 -41
  99. package/dist/es/common/filterDescriptor.js +0 -2
  100. package/dist/es/common/settings.js +0 -8
  101. package/dist/es/common/utils.d.ts +0 -62
  102. package/dist/es/common/utils.js +0 -194
  103. package/dist/es/main.d.ts +0 -25
  104. package/dist/es/main.js +0 -19
  105. package/dist/es/messages/index.d.ts +0 -40
  106. package/dist/es/messages/index.js +0 -41
  107. package/dist/es/package-metadata.d.ts +0 -5
  108. package/dist/es/package-metadata.js +0 -11
  109. package/dist/npm/AutoComplete/AutoComplete.d.ts +0 -230
  110. package/dist/npm/AutoComplete/AutoComplete.js +0 -655
  111. package/dist/npm/AutoComplete/AutoCompleteProps.js +0 -3
  112. package/dist/npm/ComboBox/ComboBox.d.ts +0 -248
  113. package/dist/npm/ComboBox/ComboBox.js +0 -918
  114. package/dist/npm/ComboBox/ComboBoxProps.d.ts +0 -313
  115. package/dist/npm/ComboBox/ComboBoxProps.js +0 -3
  116. package/dist/npm/DropDownList/DropDownList.d.ts +0 -258
  117. package/dist/npm/DropDownList/DropDownList.js +0 -890
  118. package/dist/npm/DropDownList/DropDownListProps.d.ts +0 -326
  119. package/dist/npm/DropDownList/DropDownListProps.js +0 -3
  120. package/dist/npm/DropDownTree/DropDownTree.d.ts +0 -70
  121. package/dist/npm/DropDownTree/DropDownTree.js +0 -543
  122. package/dist/npm/DropDownTree/DropDownTreeProps.js +0 -3
  123. package/dist/npm/DropDownTree/ListNoData.d.ts +0 -6
  124. package/dist/npm/DropDownTree/ListNoData.js +0 -12
  125. package/dist/npm/DropDownTree/useDropdownWidth.d.ts +0 -5
  126. package/dist/npm/DropDownTree/useDropdownWidth.js +0 -17
  127. package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.d.ts +0 -287
  128. package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.js +0 -216
  129. package/dist/npm/MultiSelect/MultiSelect.js +0 -1113
  130. package/dist/npm/MultiSelect/MultiSelectProps.d.ts +0 -314
  131. package/dist/npm/MultiSelect/MultiSelectProps.js +0 -3
  132. package/dist/npm/MultiSelect/TagList.js +0 -41
  133. package/dist/npm/MultiSelectTree/MultiSelectTree.d.ts +0 -81
  134. package/dist/npm/MultiSelectTree/MultiSelectTree.js +0 -622
  135. package/dist/npm/MultiSelectTree/MultiSelectTreeProps.d.ts +0 -320
  136. package/dist/npm/MultiSelectTree/MultiSelectTreeProps.js +0 -3
  137. package/dist/npm/MultiSelectTree/utils.js +0 -196
  138. package/dist/npm/common/AdaptiveMode.js +0 -49
  139. package/dist/npm/common/ClearButton.d.ts +0 -14
  140. package/dist/npm/common/ClearButton.js +0 -41
  141. package/dist/npm/common/DropDownBase.js +0 -299
  142. package/dist/npm/common/GroupStickyHeader.d.ts +0 -24
  143. package/dist/npm/common/GroupStickyHeader.js +0 -36
  144. package/dist/npm/common/List.d.ts +0 -45
  145. package/dist/npm/common/List.js +0 -77
  146. package/dist/npm/common/ListContainer.d.ts +0 -18
  147. package/dist/npm/common/ListContainer.js +0 -45
  148. package/dist/npm/common/ListDefaultItem.d.ts +0 -16
  149. package/dist/npm/common/ListDefaultItem.js +0 -38
  150. package/dist/npm/common/ListFilter.js +0 -39
  151. package/dist/npm/common/ListGroupItem.js +0 -35
  152. package/dist/npm/common/ListItem.js +0 -46
  153. package/dist/npm/common/MultiColumnList.d.ts +0 -6
  154. package/dist/npm/common/MultiColumnList.js +0 -26
  155. package/dist/npm/common/Navigation.d.ts +0 -13
  156. package/dist/npm/common/Navigation.js +0 -37
  157. package/dist/npm/common/SearchBar.d.ts +0 -43
  158. package/dist/npm/common/SearchBar.js +0 -64
  159. package/dist/npm/common/VirtualScroll.js +0 -163
  160. package/dist/npm/common/constants.d.ts +0 -4
  161. package/dist/npm/common/constants.js +0 -7
  162. package/dist/npm/common/events.d.ts +0 -73
  163. package/dist/npm/common/events.js +0 -2
  164. package/dist/npm/common/filterDescriptor.js +0 -3
  165. package/dist/npm/common/settings.d.ts +0 -114
  166. package/dist/npm/common/settings.js +0 -11
  167. package/dist/npm/common/utils.js +0 -211
  168. package/dist/npm/main.d.ts +0 -25
  169. package/dist/npm/main.js +0 -62
  170. package/dist/npm/messages/index.js +0 -44
  171. package/dist/npm/package-metadata.d.ts +0 -5
  172. package/dist/npm/package-metadata.js +0 -14
  173. package/dist/systemjs/kendo-react-dropdowns.js +0 -1
  174. package/e2e-next/combobox.basic.ts +0 -24
  175. package/e2e-next/dropdownlist.basic.tests.ts +0 -24
  176. package/e2e-next/dropdowntree.basic.tests.ts +0 -24
  177. 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,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { ListProps } from './List';
3
- /**
4
- * @hidden
5
- */
6
- export declare const MultiColumnList: (props: ListProps) => JSX.Element;
@@ -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,13 +0,0 @@
1
- /**
2
- * @hidden
3
- */
4
- export declare class Navigation {
5
- navigate(args: {
6
- keyCode: number;
7
- current: number;
8
- max: number;
9
- min: number;
10
- skipItems?: number;
11
- }): number | undefined;
12
- private next;
13
- }
@@ -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,4 +0,0 @@
1
- /** @hidden */
2
- export declare const MOBILE_SMALL_DEVISE: number;
3
- /** @hidden */
4
- export declare const MOBILE_MEDIUM_DEVISE: number;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.MOBILE_MEDIUM_DEVISE = exports.MOBILE_SMALL_DEVISE = void 0;
4
- /** @hidden */
5
- exports.MOBILE_SMALL_DEVISE = 500;
6
- /** @hidden */
7
- exports.MOBILE_MEDIUM_DEVISE = 768;
@@ -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,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- // tslint:enable:max-line-length
@@ -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 = {}));