@progress/kendo-react-listbox 6.1.1 → 7.0.0-develop.2

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 (51) hide show
  1. package/LICENSE.md +1 -1
  2. package/{dist/es/ListBox.d.ts → ListBox.d.ts} +5 -1
  3. package/{dist/npm/ListBoxToolbar.d.ts → ListBoxToolbar.d.ts} +5 -1
  4. package/dist/cdn/js/kendo-react-listbox.js +5 -1
  5. package/index.d.ts +11 -0
  6. package/index.js +5 -0
  7. package/index.mjs +294 -0
  8. package/interfaces/Enums.d.ts +11 -0
  9. package/{dist/es/interfaces → interfaces}/ListBoxEvents.d.ts +4 -0
  10. package/{dist/es/interfaces → interfaces}/ListBoxProps.d.ts +4 -0
  11. package/{dist/es/interfaces → interfaces}/ListBoxToolBarProps.d.ts +4 -0
  12. package/{dist/es/messages → messages}/index.d.ts +4 -0
  13. package/package-metadata.d.ts +9 -0
  14. package/package.json +28 -34
  15. package/{dist/npm/utils.d.ts → utils.d.ts} +4 -0
  16. package/about.md +0 -3
  17. package/dist/es/ListBox.js +0 -141
  18. package/dist/es/ListBoxToolbar.d.ts +0 -32
  19. package/dist/es/ListBoxToolbar.js +0 -172
  20. package/dist/es/interfaces/Enums.d.ts +0 -7
  21. package/dist/es/interfaces/Enums.js +0 -8
  22. package/dist/es/interfaces/ListBoxEvents.js +0 -1
  23. package/dist/es/interfaces/ListBoxProps.js +0 -2
  24. package/dist/es/interfaces/ListBoxToolBarProps.js +0 -1
  25. package/dist/es/main.d.ts +0 -7
  26. package/dist/es/main.js +0 -4
  27. package/dist/es/messages/index.js +0 -41
  28. package/dist/es/package-metadata.d.ts +0 -5
  29. package/dist/es/package-metadata.js +0 -11
  30. package/dist/es/utils.d.ts +0 -31
  31. package/dist/es/utils.js +0 -169
  32. package/dist/npm/ListBox.d.ts +0 -36
  33. package/dist/npm/ListBox.js +0 -144
  34. package/dist/npm/ListBoxToolbar.js +0 -175
  35. package/dist/npm/interfaces/Enums.d.ts +0 -7
  36. package/dist/npm/interfaces/Enums.js +0 -11
  37. package/dist/npm/interfaces/ListBoxEvents.d.ts +0 -16
  38. package/dist/npm/interfaces/ListBoxEvents.js +0 -2
  39. package/dist/npm/interfaces/ListBoxProps.d.ts +0 -90
  40. package/dist/npm/interfaces/ListBoxProps.js +0 -3
  41. package/dist/npm/interfaces/ListBoxToolBarProps.d.ts +0 -36
  42. package/dist/npm/interfaces/ListBoxToolBarProps.js +0 -2
  43. package/dist/npm/main.d.ts +0 -7
  44. package/dist/npm/main.js +0 -11
  45. package/dist/npm/messages/index.d.ts +0 -40
  46. package/dist/npm/messages/index.js +0 -44
  47. package/dist/npm/package-metadata.d.ts +0 -5
  48. package/dist/npm/package-metadata.js +0 -14
  49. package/dist/npm/utils.js +0 -175
  50. package/dist/systemjs/kendo-react-listbox.js +0 -1
  51. package/e2e-next/basic.tests.ts +0 -24
@@ -1,144 +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
- var __assign = (this && this.__assign) || function () {
18
- __assign = Object.assign || function(t) {
19
- for (var s, i = 1, n = arguments.length; i < n; i++) {
20
- s = arguments[i];
21
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
22
- t[p] = s[p];
23
- }
24
- return t;
25
- };
26
- return __assign.apply(this, arguments);
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.ListBox = void 0;
30
- var React = require("react");
31
- var PropTypes = require("prop-types");
32
- var kendo_react_common_1 = require("@progress/kendo-react-common");
33
- var Enums_1 = require("./interfaces/Enums");
34
- var kendo_react_common_2 = require("@progress/kendo-react-common");
35
- var package_metadata_1 = require("./package-metadata");
36
- var ListBox = /** @class */ (function (_super) {
37
- __extends(ListBox, _super);
38
- function ListBox(props) {
39
- var _this = _super.call(this, props) || this;
40
- _this.setSelected = function (item) {
41
- if (_this.props.selectedField) {
42
- return item[_this.props.selectedField] ? true : false;
43
- }
44
- };
45
- _this.renderItem = function (item) {
46
- return _this.props.textField ? item[_this.props.textField] : item.toString();
47
- };
48
- _this.handleKeyDown = function (event) {
49
- if (_this.props.onKeyDown) {
50
- (0, kendo_react_common_1.dispatchEvent)(_this.props.onKeyDown, event, _this, undefined);
51
- }
52
- ;
53
- };
54
- _this.handleContainerDrop = function (event) {
55
- var targetElement = event.target;
56
- var isTargetContainer = targetElement.classList.contains('k-list-scroller');
57
- if (isTargetContainer) {
58
- _this.props.data.length > 0 ?
59
- (0, kendo_react_common_1.dispatchEvent)(_this.props.onDrop, event, _this, { dataItem: _this.props.data[_this.props.data.length - 1] }) :
60
- (0, kendo_react_common_1.dispatchEvent)(_this.props.onDrop, event, _this, { dataItem: null });
61
- }
62
- };
63
- _this.setToolbarPosition = function () {
64
- if (_this.props.toolbarPosition === Enums_1.toolbarPosition.NONE || _this.props.toolbar === undefined) {
65
- return '';
66
- }
67
- return "k-listbox-actions-".concat(_this.props.toolbarPosition);
68
- };
69
- _this.handleOnDragLeave = function (event) {
70
- if (_this.props.onDragLeave && event.target.classList.contains('k-list-scroller')) {
71
- (0, kendo_react_common_1.dispatchEvent)(_this.props.onDragLeave, event, _this, undefined);
72
- }
73
- };
74
- (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
75
- return _this;
76
- }
77
- /**
78
- * @hidden
79
- */
80
- ListBox.prototype.render = function () {
81
- var _a;
82
- var _this = this;
83
- return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)(this.props.className, 'k-listbox', this.setToolbarPosition()), style: this.props.style, unselectable: "on" },
84
- this.props.toolbar && this.props.toolbarPosition !== 'bottom' && React.createElement(this.props.toolbar, null),
85
- React.createElement("div", { className: 'k-list-scroller k-selectable', "data-role": 'selectable', onDragOver: function (e) { return e.preventDefault(); }, onDrop: this.handleContainerDrop, onDragLeave: this.handleOnDragLeave },
86
- React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-list', (_a = {},
87
- _a["k-list-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
88
- _a)) },
89
- React.createElement("div", { className: 'k-list-content' },
90
- React.createElement("ul", { className: 'k-list-ul', role: 'listbox', "aria-label": 'listbox-container', tabIndex: 0, onKeyDown: this.handleKeyDown }, this.props.data.map(function (item, index) {
91
- var selectedValue = _this.setSelected(item);
92
- var itemGuid = (0, kendo_react_common_1.guid)();
93
- var itemOptions = {
94
- className: (0, kendo_react_common_1.classNames)('k-list-item', {
95
- 'k-selected': selectedValue
96
- }),
97
- role: 'option',
98
- 'aria-selected': selectedValue,
99
- key: index,
100
- id: itemGuid + index,
101
- 'data-uid': itemGuid + index,
102
- draggable: _this.props.draggable,
103
- onDragStart: function (event) { return (0, kendo_react_common_1.dispatchEvent)(_this.props.onDragStart, event, _this, { dataItem: item }); },
104
- onDragOver: function (event) {
105
- event.preventDefault();
106
- (0, kendo_react_common_1.dispatchEvent)(_this.props.onDragOver, event, _this, { dataItem: item });
107
- },
108
- onDrop: function (event) { return (0, kendo_react_common_1.dispatchEvent)(_this.props.onDrop, event, _this, { dataItem: item }); },
109
- onClick: function (event) { return (0, kendo_react_common_1.dispatchEvent)(_this.props.onItemClick, event, _this, { dataItem: item }); }
110
- };
111
- return (_this.props.item
112
- ? React.createElement(_this.props.item, __assign({ selected: selectedValue, dataItem: item }, itemOptions),
113
- React.createElement("span", { className: 'k-list-item-text' }, item.name))
114
- : React.createElement("li", __assign({}, itemOptions),
115
- React.createElement("span", { className: 'k-list-item-text' }, _this.renderItem(item))));
116
- }))))),
117
- this.props.toolbar && this.props.toolbarPosition === 'bottom' && React.createElement(this.props.toolbar, null),
118
- React.createElement("select", { style: { display: 'none' }, multiple: true, "data-role": "listbox" }, this.props.data.map(function (item, index) {
119
- var value = item[_this.props.valueField || _this.props.textField];
120
- return React.createElement("option", { key: index, value: value }, value);
121
- }))));
122
- };
123
- /**
124
- * @hidden
125
- */
126
- ListBox.propTypes = {
127
- size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
128
- toolbarPosition: PropTypes.oneOf(['none', 'top', 'bottom', 'left', 'right']),
129
- textField: PropTypes.string,
130
- valueField: PropTypes.string,
131
- selectedField: PropTypes.string,
132
- data: PropTypes.array
133
- };
134
- /**
135
- * @hidden
136
- */
137
- ListBox.defaultProps = {
138
- toolbarPosition: Enums_1.toolbarPosition.RIGHT,
139
- draggable: true,
140
- size: 'medium'
141
- };
142
- return ListBox;
143
- }(React.PureComponent));
144
- exports.ListBox = ListBox;
@@ -1,175 +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
- exports.ListBoxToolbar = void 0;
19
- var React = require("react");
20
- var kendo_react_common_1 = require("@progress/kendo-react-common");
21
- var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
22
- var kendo_react_intl_1 = require("@progress/kendo-react-intl");
23
- var messages_1 = require("./messages");
24
- var PropTypes = require("prop-types");
25
- var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
26
- var tools = [
27
- { name: 'moveUp', iconName: 'caret-alt-up', svgIcon: kendo_svg_icons_1.caretAltUpIcon },
28
- { name: 'moveDown', iconName: 'caret-alt-down', svgIcon: kendo_svg_icons_1.caretAltDownIcon },
29
- { name: 'transferTo', iconName: 'caret-alt-right', svgIcon: kendo_svg_icons_1.caretAltRightIcon },
30
- { name: 'transferFrom', iconName: 'caret-alt-left', svgIcon: kendo_svg_icons_1.caretAltLeftIcon },
31
- { name: 'transferAllTo', iconName: 'caret-double-alt-right', svgIcon: kendo_svg_icons_1.caretDoubleAltRightIcon },
32
- { name: 'transferAllFrom', iconName: 'caret-double-alt-left', svgIcon: kendo_svg_icons_1.caretDoubleAltLeftIcon },
33
- { name: 'remove', iconName: 'x', svgIcon: kendo_svg_icons_1.xIcon }
34
- ];
35
- var ListBoxToolbar = /** @class */ (function (_super) {
36
- __extends(ListBoxToolbar, _super);
37
- function ListBoxToolbar() {
38
- var _this = _super !== null && _super.apply(this, arguments) || this;
39
- _this.checkSvgIcon = function (toolIcon) {
40
- switch (toolIcon.name) {
41
- case 'caret-alt-right':
42
- return kendo_svg_icons_1.caretAltLeftIcon;
43
- case 'caret-alt-left':
44
- return kendo_svg_icons_1.caretAltRightIcon;
45
- case 'caret-double-alt-right':
46
- return kendo_svg_icons_1.caretDoubleAltLeftIcon;
47
- case 'caret-double-alt-left':
48
- return kendo_svg_icons_1.caretDoubleAltRightIcon;
49
- default:
50
- }
51
- return toolIcon;
52
- };
53
- _this.checkFontIcon = function (toolIcon) {
54
- switch (toolIcon) {
55
- case 'caret-alt-right':
56
- return 'caret-alt-left';
57
- case 'caret-alt-left':
58
- return 'caret-alt-right';
59
- case 'caret-double-alt-right':
60
- return 'caret-double-alt-left';
61
- case 'caret-double-alt-left':
62
- return 'caret-double-alt-right';
63
- default:
64
- }
65
- return toolIcon;
66
- };
67
- _this.handleToolClick = function (event, name) {
68
- (0, kendo_react_common_1.dispatchEvent)(_this.props.onToolClick, event, _this, { toolName: name });
69
- };
70
- _this.isItemDisabled = function (tool) {
71
- var disabled = true;
72
- var selectedField = _this.props.selectedField || 'selected';
73
- var dataLength = _this.props.data.length;
74
- var dataConnectedLength = _this.props.dataConnected.length;
75
- var hasSelected = _this.props.data.findIndex(function (item) { return item[selectedField] === true; }) >= 0;
76
- var hasSelectedTwo = _this.props.dataConnected.findIndex(function (item) { return item[selectedField] === true; }) >= 0;
77
- switch (tool) {
78
- case 'moveUp':
79
- if (hasSelected) {
80
- disabled = _this.props.data.length > 0 ? _this.props.data[0].selected : true;
81
- }
82
- else if (hasSelectedTwo) {
83
- disabled = _this.props.dataConnected.length > 0 ? _this.props.dataConnected[0].selected : true;
84
- }
85
- else {
86
- disabled = true;
87
- }
88
- break;
89
- case 'moveDown':
90
- if (hasSelected) {
91
- disabled = _this.props.data[dataLength - 1] ? _this.props.data[dataLength - 1].selected : true;
92
- }
93
- else if (hasSelectedTwo) {
94
- disabled = _this.props.dataConnected.length > 0 ?
95
- _this.props.dataConnected[dataConnectedLength - 1].selected :
96
- true;
97
- }
98
- else {
99
- disabled = true;
100
- }
101
- break;
102
- case 'transferTo':
103
- disabled = !(_this.props.dataConnected && hasSelected);
104
- break;
105
- case 'transferFrom':
106
- if (_this.props.dataConnected) {
107
- disabled = !(_this.props.dataConnected && hasSelectedTwo);
108
- }
109
- else {
110
- disabled = true;
111
- }
112
- break;
113
- case 'transferAllTo':
114
- disabled = !(_this.props.dataConnected && _this.props.data.length > 0);
115
- break;
116
- case 'transferAllFrom':
117
- disabled = !(_this.props.dataConnected && _this.props.dataConnected.length > 0);
118
- break;
119
- case 'remove':
120
- disabled = !(hasSelected || hasSelectedTwo);
121
- break;
122
- default:
123
- }
124
- return disabled;
125
- };
126
- return _this;
127
- }
128
- Object.defineProperty(ListBoxToolbar.prototype, "isRtl", {
129
- get: function () {
130
- return this.props.dir === 'rtl';
131
- },
132
- enumerable: false,
133
- configurable: true
134
- });
135
- ;
136
- /**
137
- * @hidden
138
- */
139
- ListBoxToolbar.prototype.render = function () {
140
- var _this = this;
141
- var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
142
- return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-listbox-actions') }, this.props.tools && this.props.tools.map(function (tool, index) {
143
- var indexOfTool = tools.findIndex(function (x) { return x.name === tool; });
144
- var currentTool = tools[indexOfTool];
145
- var isDisabled = _this.isItemDisabled(currentTool.name);
146
- var toolKey = "listbox.".concat(currentTool.name);
147
- var title = localizationService.toLanguageString(toolKey, messages_1.messages[toolKey]);
148
- return (React.createElement(kendo_react_buttons_1.Button, { key: index, disabled: isDisabled, "data-command": currentTool.name, title: title, "aria-label": title, icon: _this.isRtl ? _this.checkFontIcon(currentTool.iconName) : currentTool.iconName, svgIcon: _this.isRtl ? _this.checkSvgIcon(currentTool.svgIcon) : currentTool.svgIcon, onClick: function (e) {
149
- e.preventDefault();
150
- _this.handleToolClick(e, currentTool.name || null);
151
- } }));
152
- })));
153
- };
154
- /**
155
- * @hidden
156
- */
157
- ListBoxToolbar.propTypes = {
158
- data: PropTypes.array,
159
- dataConnected: PropTypes.array,
160
- tools: PropTypes.array,
161
- selectedField: PropTypes.string,
162
- dir: PropTypes.string
163
- };
164
- /**
165
- * @hidden
166
- */
167
- ListBoxToolbar.defaultProps = {
168
- data: [],
169
- dataConnected: [],
170
- selectedField: 'selected'
171
- };
172
- return ListBoxToolbar;
173
- }(React.PureComponent));
174
- exports.ListBoxToolbar = ListBoxToolbar;
175
- (0, kendo_react_intl_1.registerForLocalization)(ListBoxToolbar);
@@ -1,7 +0,0 @@
1
- export declare enum toolbarPosition {
2
- TOP = "top",
3
- BOTTOM = "bottom",
4
- LEFT = "left",
5
- RIGHT = "right",
6
- NONE = "none"
7
- }
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.toolbarPosition = void 0;
4
- var toolbarPosition;
5
- (function (toolbarPosition) {
6
- toolbarPosition["TOP"] = "top";
7
- toolbarPosition["BOTTOM"] = "bottom";
8
- toolbarPosition["LEFT"] = "left";
9
- toolbarPosition["RIGHT"] = "right";
10
- toolbarPosition["NONE"] = "none";
11
- })(toolbarPosition = exports.toolbarPosition || (exports.toolbarPosition = {}));
@@ -1,16 +0,0 @@
1
- import { BaseEvent } from '@progress/kendo-react-common';
2
- import { ListBox } from '../ListBox';
3
- import { ListBoxToolbar } from '../ListBoxToolbar';
4
- export interface ListBoxItemClickEvent extends BaseEvent<ListBox> {
5
- dataItem?: any;
6
- }
7
- export interface ListBoxKeyDownEvent extends BaseEvent<ListBox> {
8
- }
9
- export interface ListBoxDragLeaveEvent extends BaseEvent<ListBox> {
10
- }
11
- export interface ListBoxToolbarClickEvent extends BaseEvent<ListBoxToolbar> {
12
- toolName?: string;
13
- }
14
- export interface ListBoxDragEvent extends BaseEvent<ListBox> {
15
- dataItem?: any;
16
- }
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,90 +0,0 @@
1
- import { ComponentType } from 'react';
2
- import { ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxDragEvent, ListBoxDragLeaveEvent } from './ListBoxEvents';
3
- import { toolbarPosition } from './Enums';
4
- /**
5
- * Represents the props of the [KendoReact ListBox component]({% slug overview_listbox %}).
6
- */
7
- export interface ListBoxProps {
8
- /**
9
- * Sets a class of the Tooltip animation container.
10
- */
11
- className?: string;
12
- /**
13
- * Configures the `size` of the ListBox.
14
- *
15
- * The available options are:
16
- * - small
17
- * - medium
18
- * - large
19
- * - null&mdash;Does not set a size `className`.
20
- *
21
- * @default `medium`
22
- */
23
- size?: null | 'small' | 'medium' | 'large';
24
- /**
25
- * Specifies the styles which are set to the Tooltip animation container.
26
- */
27
- style?: React.CSSProperties;
28
- /**
29
- * Set the data of the ListBox.
30
- */
31
- data: Array<any>;
32
- /**
33
- * Makes the items of the ListBox draggable. The items are draggable by default.
34
- */
35
- draggable?: boolean;
36
- /**
37
- * Set the selected field of the ListBox. Based on that value of that field, an item will be selected or not.
38
- */
39
- selectedField?: string;
40
- /**
41
- * Sets the data item field that represents the item text. If the data contains only primitive values, do not define it.
42
- */
43
- textField: string;
44
- /**
45
- * The field that be used during form submit. Defaults to the textField if not set.
46
- */
47
- valueField?: string;
48
- /**
49
- * Sets the position of the toolbar of the ListBox if one is set. The ListBox may have no toolbar.
50
- * * The possible values are:
51
- * * `top`
52
- * * `bottom`
53
- * * `left`
54
- * * `right` (Default)
55
- * * `none`
56
- */
57
- toolbarPosition?: toolbarPosition | string;
58
- /**
59
- * Renders a toolbar component next to the ListBox.
60
- */
61
- toolbar?: null | ComponentType<any>;
62
- /**
63
- * Defines the component that will be rendered for each item of the data collection.
64
- */
65
- item?: React.ComponentType<any>;
66
- /**
67
- * Fires when an item from the ListBox is clicked. Contains the clicked item.
68
- */
69
- onItemClick?: (event: ListBoxItemClickEvent) => void;
70
- /**
71
- * Fires on keydown over the ListBox list items. It can be use to add keyboard extra keyboard navigation option.
72
- */
73
- onKeyDown?: (event: ListBoxKeyDownEvent) => void;
74
- /**
75
- * Fires when an the user start to drag an item from the ListBox. The event contains information for the item that is being dragged.
76
- */
77
- onDragStart?: (event: ListBoxDragEvent) => void;
78
- /**
79
- * Fires when an the user drags over an item from the ListBox. The event contains information for the item that is dragged over.
80
- */
81
- onDragOver?: (event: ListBoxDragEvent) => void;
82
- /**
83
- * Fires when an the user drops an item. The event contains information for the drop target item.
84
- */
85
- onDrop?: (event: ListBoxDragEvent) => void;
86
- /**
87
- * Fires when a dragged element or text selection leaves the ListBox element.
88
- */
89
- onDragLeave?: (event: ListBoxDragLeaveEvent) => void;
90
- }
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- // tslint:enable:max-line-length
@@ -1,36 +0,0 @@
1
- import { ListBoxToolbarClickEvent } from './ListBoxEvents';
2
- export interface ListBoxToolbarProps {
3
- /**
4
- * Sets the tools of the ListBoxToolbar. By default, the ListBoxToolbar renders no tools.
5
- * The built-in tools are:
6
- * * `moveUp`
7
- * * `moveDown`
8
- * * `transferTo`
9
- * * `transferFrom`
10
- * * `transferAllTo`
11
- * * `transferAllFrom`
12
- * * `remove`
13
- */
14
- tools?: Array<string>;
15
- /**
16
- * The data of the main ListBox.
17
- */
18
- data: Array<any>;
19
- /**
20
- * The data of the connected ListBox.
21
- */
22
- dataConnected: Array<any>;
23
- /**
24
- * Set the selected field of the ListBoxToolbar.
25
- * Based on that value of that field the ListBoxToolbar will determine which actions are allowed and which disabled.
26
- */
27
- selectedField?: string;
28
- /**
29
- * Fires when one of the ListBoxToolbar tools is clicked.
30
- */
31
- onToolClick?: (event: ListBoxToolbarClickEvent) => void;
32
- /**
33
- * @hidden
34
- */
35
- dir?: string;
36
- }
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,7 +0,0 @@
1
- import { ListBox } from './ListBox';
2
- import { ListBoxProps } from './interfaces/ListBoxProps';
3
- import { ListBoxToolbar } from './ListBoxToolbar';
4
- import { ListBoxToolbarProps } from './interfaces/ListBoxToolBarProps';
5
- import { processListBoxData, moveItem, processListBoxDragAndDrop } from './utils';
6
- import { ListBoxDragEvent, ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxToolbarClickEvent } from './interfaces/ListBoxEvents';
7
- export { ListBox, ListBoxProps, ListBoxToolbar, ListBoxToolbarProps, processListBoxData, moveItem, processListBoxDragAndDrop, ListBoxDragEvent, ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxToolbarClickEvent };
package/dist/npm/main.js DELETED
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.processListBoxDragAndDrop = exports.moveItem = exports.processListBoxData = exports.ListBoxToolbar = exports.ListBox = void 0;
4
- var ListBox_1 = require("./ListBox");
5
- Object.defineProperty(exports, "ListBox", { enumerable: true, get: function () { return ListBox_1.ListBox; } });
6
- var ListBoxToolbar_1 = require("./ListBoxToolbar");
7
- Object.defineProperty(exports, "ListBoxToolbar", { enumerable: true, get: function () { return ListBoxToolbar_1.ListBoxToolbar; } });
8
- var utils_1 = require("./utils");
9
- Object.defineProperty(exports, "processListBoxData", { enumerable: true, get: function () { return utils_1.processListBoxData; } });
10
- Object.defineProperty(exports, "moveItem", { enumerable: true, get: function () { return utils_1.moveItem; } });
11
- Object.defineProperty(exports, "processListBoxDragAndDrop", { enumerable: true, get: function () { return utils_1.processListBoxDragAndDrop; } });
@@ -1,40 +0,0 @@
1
- /**
2
- * @hidden
3
- */
4
- export declare const moveUp = "listbox.moveUp";
5
- /**
6
- * @hidden
7
- */
8
- export declare const moveDown = "listbox.moveDown";
9
- /**
10
- * @hidden
11
- */
12
- export declare const transferTo = "listbox.transferTo";
13
- /**
14
- * @hidden
15
- */
16
- export declare const transferFrom = "listbox.transferFrom";
17
- /**
18
- * @hidden
19
- */
20
- export declare const transferAllTo = "listbox.transferAllTo";
21
- /**
22
- * @hidden
23
- */
24
- export declare const transferAllFrom = "listbox.transferAllFrom";
25
- /**
26
- * @hidden
27
- */
28
- export declare const remove = "listbox.remove";
29
- /**
30
- * @hidden
31
- */
32
- export declare const messages: {
33
- "listbox.moveUp": string;
34
- "listbox.moveDown": string;
35
- "listbox.transferTo": string;
36
- "listbox.transferFrom": string;
37
- "listbox.transferAllTo": string;
38
- "listbox.transferAllFrom": string;
39
- "listbox.remove": string;
40
- };
@@ -1,44 +0,0 @@
1
- "use strict";
2
- var _a;
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.messages = exports.remove = exports.transferAllFrom = exports.transferAllTo = exports.transferFrom = exports.transferTo = exports.moveDown = exports.moveUp = void 0;
5
- /**
6
- * @hidden
7
- */
8
- exports.moveUp = 'listbox.moveUp';
9
- /**
10
- * @hidden
11
- */
12
- exports.moveDown = 'listbox.moveDown';
13
- /**
14
- * @hidden
15
- */
16
- exports.transferTo = 'listbox.transferTo';
17
- /**
18
- * @hidden
19
- */
20
- exports.transferFrom = 'listbox.transferFrom';
21
- /**
22
- * @hidden
23
- */
24
- exports.transferAllTo = 'listbox.transferAllTo';
25
- /**
26
- * @hidden
27
- */
28
- exports.transferAllFrom = 'listbox.transferAllFrom';
29
- /**
30
- * @hidden
31
- */
32
- exports.remove = 'listbox.remove';
33
- /**
34
- * @hidden
35
- */
36
- exports.messages = (_a = {},
37
- _a[exports.moveUp] = 'Move Up',
38
- _a[exports.moveDown] = 'Move Down',
39
- _a[exports.transferTo] = 'Transfer To',
40
- _a[exports.transferFrom] = 'Transfer From',
41
- _a[exports.transferAllTo] = 'Transfer All To',
42
- _a[exports.transferAllFrom] = 'Transfer All From',
43
- _a[exports.remove] = 'Delete',
44
- _a);
@@ -1,5 +0,0 @@
1
- import { PackageMetadata } from '@progress/kendo-licensing';
2
- /**
3
- * @hidden
4
- */
5
- export declare const packageMetadata: PackageMetadata;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.packageMetadata = void 0;
4
- /**
5
- * @hidden
6
- */
7
- exports.packageMetadata = {
8
- name: '@progress/kendo-react-listbox',
9
- productName: 'KendoReact',
10
- productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1700064772,
12
- version: '',
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
- };