@progress/kendo-react-listbox 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/es/ListBox.d.ts

@@ -7,7 +7,7 @@ export declare class ListBox extends React.PureComponent<ListBoxProps, {}> {
      * @hidden
      */
     static propTypes: {
-        size: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<string | null>;
         toolbarPosition: PropTypes.Requireable<string>;
         textField: PropTypes.Requireable<string>;
         valueField: PropTypes.Requireable<string>;

package/dist/es/ListBox.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -59,7 +61,7 @@ var ListBox = /** @class */ (function (_super) {
             if (_this.props.toolbarPosition === toolbarPosition.NONE || _this.props.toolbar === undefined) {
                 return '';
             }
-            return "k-listbox-toolbar-" + _this.props.toolbarPosition;
+            return "k-listbox-toolbar-".concat(_this.props.toolbarPosition);
         };
         _this.handleOnDragLeave = function (event) {
             if (_this.props.onDragLeave && event.target.classList.contains('k-list-scroller')) {
@@ -73,13 +75,13 @@ var ListBox = /** @class */ (function (_super) {
      * @hidden
      */
     ListBox.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         return (React.createElement("div", { className: classNames(this.props.className, 'k-listbox', this.setToolbarPosition()), style: this.props.style, unselectable: "on" },
             this.props.toolbar && this.props.toolbarPosition !== 'bottom' && React.createElement(this.props.toolbar, null),
             React.createElement("div", { className: 'k-list-scroller k-selectable', "data-role": 'selectable', onDragOver: function (e) { return e.preventDefault(); }, onDrop: this.handleContainerDrop, onDragLeave: this.handleOnDragLeave },
                 React.createElement("div", { className: classNames('k-list', (_a = {},
-                        _a["k-list-" + (kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
+                        _a["k-list-".concat(kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
                         _a)) },
                     React.createElement("div", { className: 'k-list-content' },
                         React.createElement("ul", { className: 'k-list-ul', role: 'listbox', tabIndex: 0, onKeyDown: this.handleKeyDown }, this.props.data.map(function (item, index) {

package/dist/es/ListBoxToolbar.d.ts

@@ -15,8 +15,8 @@ export declare class ListBoxToolbar extends React.PureComponent<ListBoxToolbarPr
      * @hidden
      */
     static defaultProps: {
-        data: any[];
-        dataConnected: any[];
+        data: never[];
+        dataConnected: never[];
         selectedField: string;
     };
     /**

package/dist/es/ListBoxToolbar.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -102,7 +104,7 @@ var ListBoxToolbar = /** @class */ (function (_super) {
                 var indexOfTool = tools.findIndex(function (x) { return x.name === tool; });
                 var currentTool = tools[indexOfTool];
                 var isDisabled = _this.isItemDisabled(currentTool.name);
-                var toolKey = "listbox." + currentTool.name;
+                var toolKey = "listbox.".concat(currentTool.name);
                 return (React.createElement("li", { key: index },
                     React.createElement(Button, { disabled: isDisabled, "data-command": currentTool.name, title: localizationService.toLanguageString(toolKey, messages[toolKey]), "aria-label": localizationService.toLanguageString(toolKey, messages[toolKey]), iconClass: currentTool.iconClassName, onClick: function (e) {
                             e.preventDefault();

package/dist/es/interfaces/ListBoxEvents.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/ListBoxProps.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/interfaces/ListBoxToolBarProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/messages/index.d.ts

@@ -30,11 +30,11 @@ export declare const remove = "listbox.remove";
  * @hidden
  */
 export declare const messages: {
-    [moveUp]: string;
-    [moveDown]: string;
-    [transferTo]: string;
-    [transferFrom]: string;
-    [transferAllTo]: string;
-    [transferAllFrom]: string;
-    [remove]: string;
+    "listbox.moveUp": string;
+    "listbox.moveDown": string;
+    "listbox.transferTo": string;
+    "listbox.transferFrom": string;
+    "listbox.transferAllTo": string;
+    "listbox.transferAllFrom": string;
+    "listbox.remove": string;
 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-listbox',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653030581,
+    publishDate: 1654509613,
     version: '',
     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'
 };

package/dist/es/utils.d.ts

@@ -7,14 +7,14 @@
  * @param {string} selectedField - The field that contains the selected information in the data object.
  * @returns {{listBoxOneData: T[], listBoxTwoData: t[]}} - The object that contains the new data collections.
  */
-export declare const processListBoxData: (listBoxOneData: any[], listBoxTwoData: any[], toolName: string, selectedField: string) => {
+export declare const processListBoxData: (listBoxOneData: any[] | undefined, listBoxTwoData: any[] | undefined, toolName: string, selectedField: string) => {
     listBoxOneData: any[];
     listBoxTwoData: any[];
 };
 /**
  * @hidden
  */
-export declare const moveItem: (from: number, to: number, data: any[]) => any[];
+export declare const moveItem: (from: number, to: number, data: Array<any>) => any[];
 /**
  * Process the data collection/s based on the dragged and drop item.
  *
@@ -25,7 +25,7 @@ export declare const moveItem: (from: number, to: number, data: any[]) => any[];
  * @param {string} valueField - The field which points to the unique value of each data item.
  * @returns {{listBoxOneData: T[], listBoxTwoData: t[]}} - The object that contains the new data collections.
  */
-export declare const processListBoxDragAndDrop: (listBoxOneData: any[], listBoxTwoData: any[], dragItem: any, dropItem: any, valueField: string) => {
+export declare const processListBoxDragAndDrop: (listBoxOneData: any[] | undefined, listBoxTwoData: any[] | undefined, dragItem: any, dropItem: any, valueField: string) => {
     listBoxOneData: any[];
     listBoxTwoData: any[];
 };

package/dist/es/utils.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 /**
  * Process the data collection/s based on the clicked ListBoxToolbar tool.
  *
@@ -20,13 +29,13 @@ export var processListBoxData = function (listBoxOneData, listBoxTwoData, toolNa
     };
     switch (toolName) {
         case 'moveUp':
-            newFirstData = listBoxOneData.slice();
+            newFirstData = __spreadArray([], listBoxOneData, true);
             newFirstData.forEach(function (item, index) {
                 if (item[selectedField]) {
                     newFirstData = moveItem(index, index - 1, newFirstData);
                 }
             });
-            newSecondData = listBoxTwoData.slice();
+            newSecondData = __spreadArray([], listBoxTwoData, true);
             newSecondData.forEach(function (item, index) {
                 if (item[selectedField]) {
                     newSecondData = moveItem(index, index - 1, newSecondData);
@@ -48,8 +57,8 @@ export var processListBoxData = function (listBoxOneData, listBoxTwoData, toolNa
                     newSecondData = moveItem(index, index - 1, newSecondData);
                 }
             });
-            result.listBoxOneData = newFirstData.slice().reverse();
-            result.listBoxTwoData = newSecondData.slice().reverse();
+            result.listBoxOneData = __spreadArray([], newFirstData, true).reverse();
+            result.listBoxTwoData = __spreadArray([], newSecondData, true).reverse();
             break;
         case 'transferTo':
             newFirstData = listBoxOneData.filter(function (item) { return !item[selectedField]; });
@@ -113,8 +122,8 @@ export var processListBoxDragAndDrop = function (listBoxOneData, listBoxTwoData,
     var isDragItemInSecondList = dragItemIndexInSecondList >= 0 ? true : false;
     var isDropItemInFirstList = dropItemIndexInFirstList >= 0 ? true : false;
     var isDropItemInSecondList = dropItemIndexInSecondList >= 0 ? true : false;
-    var firstDataSet = listBoxOneData.slice();
-    var secondDataSet = listBoxTwoData.slice();
+    var firstDataSet = __spreadArray([], listBoxOneData, true);
+    var secondDataSet = __spreadArray([], listBoxTwoData, true);
     if (isDragItemInFirstList && isDropItemInFirstList) {
         return {
             listBoxOneData: moveItem(dragItemIndexInFirstList, dropItemIndexInFirstList, listBoxOneData),

package/dist/npm/ListBox.d.ts

@@ -7,7 +7,7 @@ export declare class ListBox extends React.PureComponent<ListBoxProps, {}> {
      * @hidden
      */
     static propTypes: {
-        size: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<string | null>;
         toolbarPosition: PropTypes.Requireable<string>;
         textField: PropTypes.Requireable<string>;
         valueField: PropTypes.Requireable<string>;

package/dist/npm/ListBox.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListBox = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -44,7 +47,7 @@ var ListBox = /** @class */ (function (_super) {
         };
         _this.handleKeyDown = function (event) {
             if (_this.props.onKeyDown) {
-                kendo_react_common_1.dispatchEvent(_this.props.onKeyDown, event, _this, undefined);
+                (0, kendo_react_common_1.dispatchEvent)(_this.props.onKeyDown, event, _this, undefined);
             }
             ;
         };
@@ -53,42 +56,42 @@ var ListBox = /** @class */ (function (_super) {
             var isTargetContainer = targetElement.classList.contains('k-list-scroller');
             if (isTargetContainer) {
                 _this.props.data.length > 0 ?
-                    kendo_react_common_1.dispatchEvent(_this.props.onDrop, event, _this, { dataItem: _this.props.data[_this.props.data.length - 1] }) :
-                    kendo_react_common_1.dispatchEvent(_this.props.onDrop, event, _this, { dataItem: null });
+                    (0, kendo_react_common_1.dispatchEvent)(_this.props.onDrop, event, _this, { dataItem: _this.props.data[_this.props.data.length - 1] }) :
+                    (0, kendo_react_common_1.dispatchEvent)(_this.props.onDrop, event, _this, { dataItem: null });
             }
         };
         _this.setToolbarPosition = function () {
             if (_this.props.toolbarPosition === Enums_1.toolbarPosition.NONE || _this.props.toolbar === undefined) {
                 return '';
             }
-            return "k-listbox-toolbar-" + _this.props.toolbarPosition;
+            return "k-listbox-toolbar-".concat(_this.props.toolbarPosition);
         };
         _this.handleOnDragLeave = function (event) {
             if (_this.props.onDragLeave && event.target.classList.contains('k-list-scroller')) {
-                kendo_react_common_1.dispatchEvent(_this.props.onDragLeave, event, _this, undefined);
+                (0, kendo_react_common_1.dispatchEvent)(_this.props.onDragLeave, event, _this, undefined);
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     /**
      * @hidden
      */
     ListBox.prototype.render = function () {
-        var _this = this;
         var _a;
-        return (React.createElement("div", { className: kendo_react_common_1.classNames(this.props.className, 'k-listbox', this.setToolbarPosition()), style: this.props.style, unselectable: "on" },
+        var _this = this;
+        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)(this.props.className, 'k-listbox', this.setToolbarPosition()), style: this.props.style, unselectable: "on" },
             this.props.toolbar && this.props.toolbarPosition !== 'bottom' && React.createElement(this.props.toolbar, null),
             React.createElement("div", { className: 'k-list-scroller k-selectable', "data-role": 'selectable', onDragOver: function (e) { return e.preventDefault(); }, onDrop: this.handleContainerDrop, onDragLeave: this.handleOnDragLeave },
-                React.createElement("div", { className: kendo_react_common_1.classNames('k-list', (_a = {},
-                        _a["k-list-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
+                React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-list', (_a = {},
+                        _a["k-list-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
                         _a)) },
                     React.createElement("div", { className: 'k-list-content' },
                         React.createElement("ul", { className: 'k-list-ul', role: 'listbox', tabIndex: 0, onKeyDown: this.handleKeyDown }, this.props.data.map(function (item, index) {
                             var selectedValue = _this.setSelected(item);
-                            var itemGuid = kendo_react_common_1.guid();
+                            var itemGuid = (0, kendo_react_common_1.guid)();
                             var itemOptions = {
-                                className: kendo_react_common_1.classNames('k-list-item', {
+                                className: (0, kendo_react_common_1.classNames)('k-list-item', {
                                     'k-selected': selectedValue
                                 }),
                                 role: 'option',
@@ -97,13 +100,13 @@ var ListBox = /** @class */ (function (_super) {
                                 id: itemGuid + index,
                                 'data-uid': itemGuid + index,
                                 draggable: _this.props.draggable,
-                                onDragStart: function (event) { return kendo_react_common_1.dispatchEvent(_this.props.onDragStart, event, _this, { dataItem: item }); },
+                                onDragStart: function (event) { return (0, kendo_react_common_1.dispatchEvent)(_this.props.onDragStart, event, _this, { dataItem: item }); },
                                 onDragOver: function (event) {
                                     event.preventDefault();
-                                    kendo_react_common_1.dispatchEvent(_this.props.onDragOver, event, _this, { dataItem: item });
+                                    (0, kendo_react_common_1.dispatchEvent)(_this.props.onDragOver, event, _this, { dataItem: item });
                                 },
-                                onDrop: function (event) { return kendo_react_common_1.dispatchEvent(_this.props.onDrop, event, _this, { dataItem: item }); },
-                                onClick: function (event) { return kendo_react_common_1.dispatchEvent(_this.props.onItemClick, event, _this, { dataItem: item }); }
+                                onDrop: function (event) { return (0, kendo_react_common_1.dispatchEvent)(_this.props.onDrop, event, _this, { dataItem: item }); },
+                                onClick: function (event) { return (0, kendo_react_common_1.dispatchEvent)(_this.props.onItemClick, event, _this, { dataItem: item }); }
                             };
                             return (_this.props.item
                                 ? React.createElement(_this.props.item, __assign({ selected: selectedValue, dataItem: item }, itemOptions),

package/dist/npm/ListBoxToolbar.d.ts

@@ -15,8 +15,8 @@ export declare class ListBoxToolbar extends React.PureComponent<ListBoxToolbarPr
      * @hidden
      */
     static defaultProps: {
-        data: any[];
-        dataConnected: any[];
+        data: never[];
+        dataConnected: never[];
         selectedField: string;
     };
     /**

package/dist/npm/ListBoxToolbar.js

@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListBoxToolbar = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
@@ -33,7 +36,7 @@ var ListBoxToolbar = /** @class */ (function (_super) {
     function ListBoxToolbar() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.handleToolClick = function (event, name) {
-            kendo_react_common_1.dispatchEvent(_this.props.onToolClick, event, _this, { toolName: name });
+            (0, kendo_react_common_1.dispatchEvent)(_this.props.onToolClick, event, _this, { toolName: name });
         };
         _this.isItemDisabled = function (tool) {
             var disabled = true;
@@ -98,13 +101,13 @@ var ListBoxToolbar = /** @class */ (function (_super) {
      */
     ListBoxToolbar.prototype.render = function () {
         var _this = this;
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
-        return (React.createElement("div", { className: kendo_react_common_1.classNames('k-listbox-toolbar') },
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
+        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-listbox-toolbar') },
             React.createElement("ul", { className: "k-reset" }, this.props.tools && this.props.tools.map(function (tool, index) {
                 var indexOfTool = tools.findIndex(function (x) { return x.name === tool; });
                 var currentTool = tools[indexOfTool];
                 var isDisabled = _this.isItemDisabled(currentTool.name);
-                var toolKey = "listbox." + currentTool.name;
+                var toolKey = "listbox.".concat(currentTool.name);
                 return (React.createElement("li", { key: index },
                     React.createElement(kendo_react_buttons_1.Button, { disabled: isDisabled, "data-command": currentTool.name, title: localizationService.toLanguageString(toolKey, messages_1.messages[toolKey]), "aria-label": localizationService.toLanguageString(toolKey, messages_1.messages[toolKey]), iconClass: currentTool.iconClassName, onClick: function (e) {
                             e.preventDefault();
@@ -132,4 +135,4 @@ var ListBoxToolbar = /** @class */ (function (_super) {
     return ListBoxToolbar;
 }(React.PureComponent));
 exports.ListBoxToolbar = ListBoxToolbar;
-kendo_react_intl_1.registerForLocalization(ListBoxToolbar);
+(0, kendo_react_intl_1.registerForLocalization)(ListBoxToolbar);

package/dist/npm/interfaces/Enums.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.toolbarPosition = void 0;
 var toolbarPosition;
 (function (toolbarPosition) {
     toolbarPosition["TOP"] = "top";

package/dist/npm/main.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.processListBoxDragAndDrop = exports.moveItem = exports.processListBoxData = exports.ListBoxToolbar = exports.ListBox = void 0;
 var ListBox_1 = require("./ListBox");
-exports.ListBox = ListBox_1.ListBox;
+Object.defineProperty(exports, "ListBox", { enumerable: true, get: function () { return ListBox_1.ListBox; } });
 var ListBoxToolbar_1 = require("./ListBoxToolbar");
-exports.ListBoxToolbar = ListBoxToolbar_1.ListBoxToolbar;
+Object.defineProperty(exports, "ListBoxToolbar", { enumerable: true, get: function () { return ListBoxToolbar_1.ListBoxToolbar; } });
 var utils_1 = require("./utils");
-exports.processListBoxData = utils_1.processListBoxData;
-exports.moveItem = utils_1.moveItem;
-exports.processListBoxDragAndDrop = utils_1.processListBoxDragAndDrop;
+Object.defineProperty(exports, "processListBoxData", { enumerable: true, get: function () { return utils_1.processListBoxData; } });
+Object.defineProperty(exports, "moveItem", { enumerable: true, get: function () { return utils_1.moveItem; } });
+Object.defineProperty(exports, "processListBoxDragAndDrop", { enumerable: true, get: function () { return utils_1.processListBoxDragAndDrop; } });

package/dist/npm/messages/index.d.ts

@@ -30,11 +30,11 @@ export declare const remove = "listbox.remove";
  * @hidden
  */
 export declare const messages: {
-    [moveUp]: string;
-    [moveDown]: string;
-    [transferTo]: string;
-    [transferFrom]: string;
-    [transferAllTo]: string;
-    [transferAllFrom]: string;
-    [remove]: string;
+    "listbox.moveUp": string;
+    "listbox.moveDown": string;
+    "listbox.transferTo": string;
+    "listbox.transferFrom": string;
+    "listbox.transferAllTo": string;
+    "listbox.transferAllFrom": string;
+    "listbox.remove": string;
 };

package/dist/npm/messages/index.js

@@ -1,6 +1,7 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messages = exports.remove = exports.transferAllFrom = exports.transferAllTo = exports.transferFrom = exports.transferTo = exports.moveDown = exports.moveUp = void 0;
 /**
  * @hidden
  */

package/dist/npm/package-metadata.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageMetadata = void 0;
 /**
  * @hidden
  */
@@ -7,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-listbox',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653030581,
+    publishDate: 1654509613,
     version: '',
     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'
 };

package/dist/npm/utils.d.ts

@@ -7,14 +7,14 @@
  * @param {string} selectedField - The field that contains the selected information in the data object.
  * @returns {{listBoxOneData: T[], listBoxTwoData: t[]}} - The object that contains the new data collections.
  */
-export declare const processListBoxData: (listBoxOneData: any[], listBoxTwoData: any[], toolName: string, selectedField: string) => {
+export declare const processListBoxData: (listBoxOneData: any[] | undefined, listBoxTwoData: any[] | undefined, toolName: string, selectedField: string) => {
     listBoxOneData: any[];
     listBoxTwoData: any[];
 };
 /**
  * @hidden
  */
-export declare const moveItem: (from: number, to: number, data: any[]) => any[];
+export declare const moveItem: (from: number, to: number, data: Array<any>) => any[];
 /**
  * Process the data collection/s based on the dragged and drop item.
  *
@@ -25,7 +25,7 @@ export declare const moveItem: (from: number, to: number, data: any[]) => any[];
  * @param {string} valueField - The field which points to the unique value of each data item.
  * @returns {{listBoxOneData: T[], listBoxTwoData: t[]}} - The object that contains the new data collections.
  */
-export declare const processListBoxDragAndDrop: (listBoxOneData: any[], listBoxTwoData: any[], dragItem: any, dropItem: any, valueField: string) => {
+export declare const processListBoxDragAndDrop: (listBoxOneData: any[] | undefined, listBoxTwoData: any[] | undefined, dragItem: any, dropItem: any, valueField: string) => {
     listBoxOneData: any[];
     listBoxTwoData: any[];
 };

package/dist/npm/utils.js

@@ -1,5 +1,15 @@
 "use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.processListBoxDragAndDrop = exports.moveItem = exports.processListBoxData = void 0;
 /**
  * Process the data collection/s based on the clicked ListBoxToolbar tool.
  *
@@ -10,7 +20,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @returns {{listBoxOneData: T[], listBoxTwoData: t[]}} - The object that contains the new data collections.
  */
 // tslint:disable-next-line: max-line-length
-exports.processListBoxData = function (listBoxOneData, listBoxTwoData, toolName, selectedField) {
+var processListBoxData = function (listBoxOneData, listBoxTwoData, toolName, selectedField) {
     if (listBoxOneData === void 0) { listBoxOneData = []; }
     if (listBoxTwoData === void 0) { listBoxTwoData = []; }
     var newFirstData = [];
@@ -22,16 +32,16 @@ exports.processListBoxData = function (listBoxOneData, listBoxTwoData, toolName,
     };
     switch (toolName) {
         case 'moveUp':
-            newFirstData = listBoxOneData.slice();
+            newFirstData = __spreadArray([], listBoxOneData, true);
             newFirstData.forEach(function (item, index) {
                 if (item[selectedField]) {
-                    newFirstData = exports.moveItem(index, index - 1, newFirstData);
+                    newFirstData = (0, exports.moveItem)(index, index - 1, newFirstData);
                 }
             });
-            newSecondData = listBoxTwoData.slice();
+            newSecondData = __spreadArray([], listBoxTwoData, true);
             newSecondData.forEach(function (item, index) {
                 if (item[selectedField]) {
-                    newSecondData = exports.moveItem(index, index - 1, newSecondData);
+                    newSecondData = (0, exports.moveItem)(index, index - 1, newSecondData);
                 }
             });
             result.listBoxOneData = newFirstData;
@@ -41,17 +51,17 @@ exports.processListBoxData = function (listBoxOneData, listBoxTwoData, toolName,
             newFirstData = listBoxOneData.reverse();
             newFirstData.forEach(function (item, index) {
                 if (item[selectedField]) {
-                    newFirstData = exports.moveItem(index, index - 1, newFirstData);
+                    newFirstData = (0, exports.moveItem)(index, index - 1, newFirstData);
                 }
             });
             newSecondData = listBoxTwoData.reverse();
             newSecondData.forEach(function (item, index) {
                 if (item[selectedField]) {
-                    newSecondData = exports.moveItem(index, index - 1, newSecondData);
+                    newSecondData = (0, exports.moveItem)(index, index - 1, newSecondData);
                 }
             });
-            result.listBoxOneData = newFirstData.slice().reverse();
-            result.listBoxTwoData = newSecondData.slice().reverse();
+            result.listBoxOneData = __spreadArray([], newFirstData, true).reverse();
+            result.listBoxTwoData = __spreadArray([], newSecondData, true).reverse();
             break;
         case 'transferTo':
             newFirstData = listBoxOneData.filter(function (item) { return !item[selectedField]; });
@@ -85,14 +95,16 @@ exports.processListBoxData = function (listBoxOneData, listBoxTwoData, toolName,
     }
     return result;
 };
+exports.processListBoxData = processListBoxData;
 /**
  * @hidden
  */
-exports.moveItem = function (from, to, data) {
+var moveItem = function (from, to, data) {
     var f = data.splice(from, 1)[0];
     data.splice(to, 0, f);
     return data;
 };
+exports.moveItem = moveItem;
 /**
  * Process the data collection/s based on the dragged and drop item.
  *
@@ -104,7 +116,7 @@ exports.moveItem = function (from, to, data) {
  * @returns {{listBoxOneData: T[], listBoxTwoData: t[]}} - The object that contains the new data collections.
  */
 // tslint:disable-next-line: max-line-length
-exports.processListBoxDragAndDrop = function (listBoxOneData, listBoxTwoData, dragItem, dropItem, valueField) {
+var processListBoxDragAndDrop = function (listBoxOneData, listBoxTwoData, dragItem, dropItem, valueField) {
     if (listBoxOneData === void 0) { listBoxOneData = []; }
     if (listBoxTwoData === void 0) { listBoxTwoData = []; }
     var dragItemIndexInFirstList = listBoxOneData.findIndex(function (item) { return item[valueField] === dragItem[valueField]; });
@@ -115,18 +127,18 @@ exports.processListBoxDragAndDrop = function (listBoxOneData, listBoxTwoData, dr
     var isDragItemInSecondList = dragItemIndexInSecondList >= 0 ? true : false;
     var isDropItemInFirstList = dropItemIndexInFirstList >= 0 ? true : false;
     var isDropItemInSecondList = dropItemIndexInSecondList >= 0 ? true : false;
-    var firstDataSet = listBoxOneData.slice();
-    var secondDataSet = listBoxTwoData.slice();
+    var firstDataSet = __spreadArray([], listBoxOneData, true);
+    var secondDataSet = __spreadArray([], listBoxTwoData, true);
     if (isDragItemInFirstList && isDropItemInFirstList) {
         return {
-            listBoxOneData: exports.moveItem(dragItemIndexInFirstList, dropItemIndexInFirstList, listBoxOneData),
+            listBoxOneData: (0, exports.moveItem)(dragItemIndexInFirstList, dropItemIndexInFirstList, listBoxOneData),
             listBoxTwoData: listBoxTwoData
         };
     }
     if (isDragItemInSecondList && isDropItemInSecondList) {
         return {
             listBoxOneData: listBoxOneData,
-            listBoxTwoData: exports.moveItem(dragItemIndexInSecondList, dropItemIndexInSecondList, listBoxTwoData)
+            listBoxTwoData: (0, exports.moveItem)(dragItemIndexInSecondList, dropItemIndexInSecondList, listBoxTwoData)
         };
     }
     if (isDragItemInFirstList && (isDropItemInSecondList || dropItem === null)) {
@@ -160,3 +172,4 @@ exports.processListBoxDragAndDrop = function (listBoxOneData, listBoxTwoData, dr
         listBoxTwoData: listBoxTwoData
     };
 };
+exports.processListBoxDragAndDrop = processListBoxDragAndDrop;