@progress/kendo-react-listbox 5.14.0 → 5.14.1

package/dist/es/ListBoxToolbar.d.ts

@@ -10,6 +10,7 @@ export declare class ListBoxToolbar extends React.PureComponent<ListBoxToolbarPr
         dataConnected: PropTypes.Requireable<any[]>;
         tools: PropTypes.Requireable<any[]>;
         selectedField: PropTypes.Requireable<string>;
+        dir: PropTypes.Requireable<string>;
     };
     /**
      * @hidden
@@ -19,12 +20,7 @@ export declare class ListBoxToolbar extends React.PureComponent<ListBoxToolbarPr
         dataConnected: never[];
         selectedField: string;
     };
-    private isRtl;
-    private element;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
+    private get isRtl();
     /**
      * @hidden
      */

package/dist/es/ListBoxToolbar.js

@@ -20,12 +20,6 @@ import { provideLocalizationService, registerForLocalization } from '@progress/k
 import { messages } from './messages';
 import * as PropTypes from 'prop-types';
 import { caretAltUpIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, caretDoubleAltRightIcon, caretDoubleAltLeftIcon, xIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-function isRtl(element) {
-    return Boolean(element && getComputedStyle(element).direction === 'rtl');
-}
 var tools = [
     { name: 'moveUp', iconName: 'caret-alt-up', svgIcon: caretAltUpIcon },
     { name: 'moveDown', iconName: 'caret-alt-down', svgIcon: caretAltDownIcon },
@@ -39,8 +33,6 @@ var ListBoxToolbar = /** @class */ (function (_super) {
     __extends(ListBoxToolbar, _super);
     function ListBoxToolbar() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.isRtl = false;
-        _this.element = null;
         _this.checkSvgIcon = function (toolIcon) {
             switch (toolIcon.name) {
                 case 'caret-alt-right':
@@ -130,23 +122,21 @@ var ListBoxToolbar = /** @class */ (function (_super) {
         };
         return _this;
     }
-    /**
-     * @hidden
-     */
-    ListBoxToolbar.prototype.componentDidMount = function () {
-        var rtl = isRtl(this.element);
-        this.isRtl = rtl;
-        if (this.isRtl) {
-            this.forceUpdate();
-        }
-    };
+    Object.defineProperty(ListBoxToolbar.prototype, "isRtl", {
+        get: function () {
+            return this.props.dir === 'rtl';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ;
     /**
      * @hidden
      */
     ListBoxToolbar.prototype.render = function () {
         var _this = this;
         var localizationService = provideLocalizationService(this);
-        return (React.createElement("div", { className: classNames('k-listbox-actions'), ref: function (element) { return _this.element = element; } }, this.props.tools && this.props.tools.map(function (tool, index) {
+        return (React.createElement("div", { className: classNames('k-listbox-actions') }, 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);
@@ -165,7 +155,8 @@ var ListBoxToolbar = /** @class */ (function (_super) {
         data: PropTypes.array,
         dataConnected: PropTypes.array,
         tools: PropTypes.array,
-        selectedField: PropTypes.string
+        selectedField: PropTypes.string,
+        dir: PropTypes.string
     };
     /**
      * @hidden

package/dist/es/interfaces/ListBoxToolBarProps.d.ts

@@ -29,4 +29,8 @@ export interface ListBoxToolbarProps {
      * Fires when one of the ListBoxToolbar tools is clicked.
      */
     onToolClick?: (event: ListBoxToolbarClickEvent) => void;
+    /**
+     * @hidden
+     */
+    dir?: 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: 1685989773,
+    publishDate: 1686226422,
     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/ListBoxToolbar.d.ts

@@ -10,6 +10,7 @@ export declare class ListBoxToolbar extends React.PureComponent<ListBoxToolbarPr
         dataConnected: PropTypes.Requireable<any[]>;
         tools: PropTypes.Requireable<any[]>;
         selectedField: PropTypes.Requireable<string>;
+        dir: PropTypes.Requireable<string>;
     };
     /**
      * @hidden
@@ -19,12 +20,7 @@ export declare class ListBoxToolbar extends React.PureComponent<ListBoxToolbarPr
         dataConnected: never[];
         selectedField: string;
     };
-    private isRtl;
-    private element;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
+    private get isRtl();
     /**
      * @hidden
      */

package/dist/npm/ListBoxToolbar.js

@@ -23,12 +23,6 @@ var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./messages");
 var PropTypes = require("prop-types");
 var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @hidden
- */
-function isRtl(element) {
-    return Boolean(element && getComputedStyle(element).direction === 'rtl');
-}
 var tools = [
     { name: 'moveUp', iconName: 'caret-alt-up', svgIcon: kendo_svg_icons_1.caretAltUpIcon },
     { name: 'moveDown', iconName: 'caret-alt-down', svgIcon: kendo_svg_icons_1.caretAltDownIcon },
@@ -42,8 +36,6 @@ var ListBoxToolbar = /** @class */ (function (_super) {
     __extends(ListBoxToolbar, _super);
     function ListBoxToolbar() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.isRtl = false;
-        _this.element = null;
         _this.checkSvgIcon = function (toolIcon) {
             switch (toolIcon.name) {
                 case 'caret-alt-right':
@@ -133,23 +125,21 @@ var ListBoxToolbar = /** @class */ (function (_super) {
         };
         return _this;
     }
-    /**
-     * @hidden
-     */
-    ListBoxToolbar.prototype.componentDidMount = function () {
-        var rtl = isRtl(this.element);
-        this.isRtl = rtl;
-        if (this.isRtl) {
-            this.forceUpdate();
-        }
-    };
+    Object.defineProperty(ListBoxToolbar.prototype, "isRtl", {
+        get: function () {
+            return this.props.dir === 'rtl';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ;
     /**
      * @hidden
      */
     ListBoxToolbar.prototype.render = function () {
         var _this = this;
         var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-listbox-actions'), ref: function (element) { return _this.element = element; } }, this.props.tools && this.props.tools.map(function (tool, index) {
+        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-listbox-actions') }, 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);
@@ -168,7 +158,8 @@ var ListBoxToolbar = /** @class */ (function (_super) {
         data: PropTypes.array,
         dataConnected: PropTypes.array,
         tools: PropTypes.array,
-        selectedField: PropTypes.string
+        selectedField: PropTypes.string,
+        dir: PropTypes.string
     };
     /**
      * @hidden

package/dist/npm/interfaces/ListBoxToolBarProps.d.ts

@@ -29,4 +29,8 @@ export interface ListBoxToolbarProps {
      * Fires when one of the ListBoxToolbar tools is clicked.
      */
     onToolClick?: (event: ListBoxToolbarClickEvent) => void;
+    /**
+     * @hidden
+     */
+    dir?: string;
 }

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-listbox',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1685989773,
+    publishDate: 1686226422,
     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/systemjs/kendo-react-listbox.js

@@ -1 +1 @@
-System.register("@progress/kendo-react-listbox",["@progress/kendo-react-buttons","@progress/kendo-react-common","@progress/kendo-react-intl","@progress/kendo-svg-icons","prop-types","react"],function(e,t){var l={},c={},p={},u={},d={},f={};return Object.defineProperty(l,"__esModule",{value:!0}),Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(p,"__esModule",{value:!0}),Object.defineProperty(u,"__esModule",{value:!0}),Object.defineProperty(d,"__esModule",{value:!0}),Object.defineProperty(f,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){l[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){c[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){p[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){u[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){d[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){f[e]=t[e]})}],execute:function(){e((()=>{"use strict";var o={873:function(e,t,o){var r,n,a=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),s=this&&this.__assign||function(){return(s=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},i=(Object.defineProperty(t,"__esModule",{value:!0}),t.ListBox=void 0,o(954)),l=o(895),c=o(811),p=o(719),u=o(811),d=o(363),o=(n=i.PureComponent,a(f,n),f.prototype.render=function(){var e,n=this;return i.createElement("div",{className:(0,c.classNames)(this.props.className,"k-listbox",this.setToolbarPosition()),style:this.props.style,unselectable:"on"},this.props.toolbar&&"bottom"!==this.props.toolbarPosition&&i.createElement(this.props.toolbar,null),i.createElement("div",{className:"k-list-scroller k-selectable","data-role":"selectable",onDragOver:function(e){return e.preventDefault()},onDrop:this.handleContainerDrop,onDragLeave:this.handleOnDragLeave},i.createElement("div",{className:(0,c.classNames)("k-list",((e={})["k-list-".concat(c.kendoThemeMaps.sizeMap[this.props.size]||this.props.size)]=this.props.size,e))},i.createElement("div",{className:"k-list-content"},i.createElement("ul",{className:"k-list-ul",role:"listbox","aria-label":"listbox-container",tabIndex:0,onKeyDown:this.handleKeyDown},this.props.data.map(function(t,e){var o=n.setSelected(t),r=(0,c.guid)(),r={className:(0,c.classNames)("k-list-item",{"k-selected":o}),role:"option","aria-selected":o,key:e,id:r+e,"data-uid":r+e,draggable:n.props.draggable,onDragStart:function(e){return(0,c.dispatchEvent)(n.props.onDragStart,e,n,{dataItem:t})},onDragOver:function(e){e.preventDefault(),(0,c.dispatchEvent)(n.props.onDragOver,e,n,{dataItem:t})},onDrop:function(e){return(0,c.dispatchEvent)(n.props.onDrop,e,n,{dataItem:t})},onClick:function(e){return(0,c.dispatchEvent)(n.props.onItemClick,e,n,{dataItem:t})}};return n.props.item?i.createElement(n.props.item,s({selected:o,dataItem:t},r),i.createElement("span",{className:"k-list-item-text"},t.name)):i.createElement("li",s({},r),i.createElement("span",{className:"k-list-item-text"},n.renderItem(t)))}))))),this.props.toolbar&&"bottom"===this.props.toolbarPosition&&i.createElement(this.props.toolbar,null),i.createElement("select",{style:{display:"none"},multiple:!0,"data-role":"listbox"},this.props.data.map(function(e,t){e=e[n.props.valueField||n.props.textField];return i.createElement("option",{key:t,value:e},e)})))},f.propTypes={size:l.oneOf([null,"small","medium","large"]),toolbarPosition:l.oneOf(["none","top","bottom","left","right"]),textField:l.string,valueField:l.string,selectedField:l.string,data:l.array},f.defaultProps={toolbarPosition:p.toolbarPosition.RIGHT,draggable:!0,size:"medium"},f);function f(e){var t=n.call(this,e)||this;return t.setSelected=function(e){if(t.props.selectedField)return!!e[t.props.selectedField]},t.renderItem=function(e){return t.props.textField?e[t.props.textField]:e.toString()},t.handleKeyDown=function(e){t.props.onKeyDown&&(0,c.dispatchEvent)(t.props.onKeyDown,e,t,void 0)},t.handleContainerDrop=function(e){e.target.classList.contains("k-list-scroller")&&(0<t.props.data.length?(0,c.dispatchEvent)(t.props.onDrop,e,t,{dataItem:t.props.data[t.props.data.length-1]}):(0,c.dispatchEvent)(t.props.onDrop,e,t,{dataItem:null}))},t.setToolbarPosition=function(){return t.props.toolbarPosition===p.toolbarPosition.NONE||void 0===t.props.toolbar?"":"k-listbox-actions-".concat(t.props.toolbarPosition)},t.handleOnDragLeave=function(e){t.props.onDragLeave&&e.target.classList.contains("k-list-scroller")&&(0,c.dispatchEvent)(t.props.onDragLeave,e,t,void 0)},(0,u.validatePackage)(d.packageMetadata),t}t.ListBox=o},943:function(e,t,o){var r,n,a=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),i=(Object.defineProperty(t,"__esModule",{value:!0}),t.ListBoxToolbar=void 0,o(954)),l=o(811),c=o(536),p=o(987),u=o(364),s=o(895),d=o(233),f=[{name:"moveUp",iconName:"caret-alt-up",svgIcon:d.caretAltUpIcon},{name:"moveDown",iconName:"caret-alt-down",svgIcon:d.caretAltDownIcon},{name:"transferTo",iconName:"caret-alt-right",svgIcon:d.caretAltRightIcon},{name:"transferFrom",iconName:"caret-alt-left",svgIcon:d.caretAltLeftIcon},{name:"transferAllTo",iconName:"caret-double-alt-right",svgIcon:d.caretDoubleAltRightIcon},{name:"transferAllFrom",iconName:"caret-double-alt-left",svgIcon:d.caretDoubleAltLeftIcon},{name:"remove",iconName:"x",svgIcon:d.xIcon}],o=(n=i.PureComponent,a(m,n),m.prototype.componentDidMount=function(){e=this.element;var e=Boolean(e&&"rtl"===getComputedStyle(e).direction);this.isRtl=e,this.isRtl&&this.forceUpdate()},m.prototype.render=function(){var a=this,s=(0,p.provideLocalizationService)(this);return i.createElement("div",{className:(0,l.classNames)("k-listbox-actions"),ref:function(e){return a.element=e}},this.props.tools&&this.props.tools.map(function(t,e){var o=f.findIndex(function(e){return e.name===t}),r=f[o],o=a.isItemDisabled(r.name),n="listbox.".concat(r.name),n=s.toLanguageString(n,u.messages[n]);return i.createElement(c.Button,{key:e,disabled:o,"data-command":r.name,title:n,"aria-label":n,icon:a.isRtl?a.checkFontIcon(r.iconName):r.iconName,svgIcon:a.isRtl?a.checkSvgIcon(r.svgIcon):r.svgIcon,onClick:function(e){e.preventDefault(),a.handleToolClick(e,r.name||null)}})}))},m.propTypes={data:s.array,dataConnected:s.array,tools:s.array,selectedField:s.string},m.defaultProps={data:[],dataConnected:[],selectedField:"selected"},m);function m(){var i=null!==n&&n.apply(this,arguments)||this;return i.isRtl=!1,i.element=null,i.checkSvgIcon=function(e){switch(e.name){case"caret-alt-right":return d.caretAltLeftIcon;case"caret-alt-left":return d.caretAltRightIcon;case"caret-double-alt-right":return d.caretDoubleAltLeftIcon;case"caret-double-alt-left":return d.caretDoubleAltRightIcon}return e},i.checkFontIcon=function(e){switch(e){case"caret-alt-right":return"caret-alt-left";case"caret-alt-left":return"caret-alt-right";case"caret-double-alt-right":return"caret-double-alt-left";case"caret-double-alt-left":return"caret-double-alt-right"}return e},i.handleToolClick=function(e,t){(0,l.dispatchEvent)(i.props.onToolClick,e,i,{toolName:t})},i.isItemDisabled=function(e){var t=!0,o=i.props.selectedField||"selected",r=i.props.data.length,n=i.props.dataConnected.length,a=0<=i.props.data.findIndex(function(e){return!0===e[o]}),s=0<=i.props.dataConnected.findIndex(function(e){return!0===e[o]});switch(e){case"moveUp":t=a?!(0<i.props.data.length)||i.props.data[0].selected:!s||!(0<i.props.dataConnected.length)||i.props.dataConnected[0].selected;break;case"moveDown":t=a?!i.props.data[r-1]||i.props.data[r-1].selected:!s||!(0<i.props.dataConnected.length)||i.props.dataConnected[n-1].selected;break;case"transferTo":t=!(i.props.dataConnected&&a);break;case"transferFrom":t=!i.props.dataConnected||!(i.props.dataConnected&&s);break;case"transferAllTo":t=!(i.props.dataConnected&&0<i.props.data.length);break;case"transferAllFrom":t=!(i.props.dataConnected&&0<i.props.dataConnected.length);break;case"remove":t=!(a||s)}return t},i}t.ListBoxToolbar=o,(0,p.registerForLocalization)(o)},719:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.toolbarPosition=void 0,(t=t.toolbarPosition||(t.toolbarPosition={})).TOP="top",t.BOTTOM="bottom",t.LEFT="left",t.RIGHT="right",t.NONE="none"},364:(e,t)=>{var o;Object.defineProperty(t,"__esModule",{value:!0}),t.messages=t.remove=t.transferAllFrom=t.transferAllTo=t.transferFrom=t.transferTo=t.moveDown=t.moveUp=void 0,t.moveUp="listbox.moveUp",t.moveDown="listbox.moveDown",t.transferTo="listbox.transferTo",t.transferFrom="listbox.transferFrom",t.transferAllTo="listbox.transferAllTo",t.transferAllFrom="listbox.transferAllFrom",t.remove="listbox.remove",t.messages=((o={})[t.moveUp]="Move Up",o[t.moveDown]="Move Down",o[t.transferTo]="Transfer To",o[t.transferFrom]="Transfer From",o[t.transferAllTo]="Transfer All To",o[t.transferAllFrom]="Transfer All From",o[t.remove]="Delete",o)},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-listbox",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1685989773,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"}},706:function(e,v){var b=this&&this.__spreadArray||function(e,t,o){if(o||2===arguments.length)for(var r,n=0,a=t.length;n<a;n++)!r&&n in t||((r=r||Array.prototype.slice.call(t,0,n))[n]=t[n]);return e.concat(r||Array.prototype.slice.call(t))};Object.defineProperty(v,"__esModule",{value:!0}),v.processListBoxDragAndDrop=v.moveItem=v.processListBoxData=void 0,v.processListBoxData=function(e,t,o,r){var n=[],a=[],s=[],i={listBoxOneData:e=void 0===e?[]:e,listBoxTwoData:t=void 0===t?[]:t};switch(o){case"moveUp":(n=b([],e,!0)).forEach(function(e,t){e[r]&&(n=(0,v.moveItem)(t,t-1,n))}),(s=b([],t,!0)).forEach(function(e,t){e[r]&&(s=(0,v.moveItem)(t,t-1,s))}),i.listBoxOneData=n,i.listBoxTwoData=s;break;case"moveDown":(n=e.reverse()).forEach(function(e,t){e[r]&&(n=(0,v.moveItem)(t,t-1,n))}),(s=t.reverse()).forEach(function(e,t){e[r]&&(s=(0,v.moveItem)(t,t-1,s))}),i.listBoxOneData=b([],n,!0).reverse(),i.listBoxTwoData=b([],s,!0).reverse();break;case"transferTo":n=e.filter(function(e){return!e[r]}),a=e.filter(function(e){return e[r]}),s=t.concat(a),i.listBoxOneData=n,i.listBoxTwoData=s;break;case"transferFrom":s=t.filter(function(e){return!e[r]}),a=t.filter(function(e){return e[r]}),n=e.concat(a),i.listBoxOneData=n,i.listBoxTwoData=s;break;case"transferAllTo":i.listBoxOneData=[],i.listBoxTwoData=t.concat(e);break;case"transferAllFrom":i.listBoxOneData=t.concat(e),i.listBoxTwoData=[];break;case"remove":s=t.filter(function(e){return!e[r]}),n=e.filter(function(e){return!e[r]}),i.listBoxOneData=n,i.listBoxTwoData=s}return i},v.moveItem=function(e,t,o){e=o.splice(e,1)[0];return o.splice(t,0,e),o},v.processListBoxDragAndDrop=function(e,t,o,r,n){void 0===t&&(t=[]);var a=(e=void 0===e?[]:e).findIndex(function(e){return e[n]===o[n]}),s=t.findIndex(function(e){return e[n]===o[n]}),i=null!==r?e.findIndex(function(e){return e[n]===r[n]}):-1,l=null!==r?t.findIndex(function(e){return e[n]===r[n]}):-1,c=0<=a,p=0<=s,u=0<=i,d=0<=l,f=b([],e,!0),m=b([],t,!0);return c&&u?{listBoxOneData:(0,v.moveItem)(a,i,e),listBoxTwoData:t}:p&&d?{listBoxOneData:e,listBoxTwoData:(0,v.moveItem)(s,l,t)}:c&&(d||null===r)?(null===r?m.push(e[a]):m.splice(l+1,0,e[a]),f.splice(a,1),{listBoxOneData:f,listBoxTwoData:m}):p&&(u||null===r)?(null===r?f.push(t[s]):f.splice(i+1,0,t[s]),m.splice(s,1),{listBoxOneData:f,listBoxTwoData:m}):{listBoxOneData:e,listBoxTwoData:t}}},536:e=>{e.exports=l},811:e=>{e.exports=c},987:e=>{e.exports=p},233:e=>{e.exports=u},895:e=>{e.exports=d},954:e=>{e.exports=f}},r={};function n(e){var t=r[e];return void 0!==t||(t=r[e]={exports:{}},o[e].call(t.exports,t,t.exports,n)),t.exports}var e,t,a,s,i={};return e=i,Object.defineProperty(e,"__esModule",{value:!0}),e.processListBoxDragAndDrop=e.moveItem=e.processListBoxData=e.ListBoxToolbar=e.ListBox=void 0,t=n(873),Object.defineProperty(e,"ListBox",{enumerable:!0,get:function(){return t.ListBox}}),a=n(943),Object.defineProperty(e,"ListBoxToolbar",{enumerable:!0,get:function(){return a.ListBoxToolbar}}),s=n(706),Object.defineProperty(e,"processListBoxData",{enumerable:!0,get:function(){return s.processListBoxData}}),Object.defineProperty(e,"moveItem",{enumerable:!0,get:function(){return s.moveItem}}),Object.defineProperty(e,"processListBoxDragAndDrop",{enumerable:!0,get:function(){return s.processListBoxDragAndDrop}}),i})())}}});
+System.register("@progress/kendo-react-listbox",["@progress/kendo-react-buttons","@progress/kendo-react-common","@progress/kendo-react-intl","@progress/kendo-svg-icons","prop-types","react"],function(e,t){var l={},c={},p={},u={},d={},f={};return Object.defineProperty(l,"__esModule",{value:!0}),Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(p,"__esModule",{value:!0}),Object.defineProperty(u,"__esModule",{value:!0}),Object.defineProperty(d,"__esModule",{value:!0}),Object.defineProperty(f,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){l[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){c[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){p[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){u[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){d[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){f[e]=t[e]})}],execute:function(){e((()=>{"use strict";var o={873:function(e,t,o){var r,n,a=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),s=this&&this.__assign||function(){return(s=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},i=(Object.defineProperty(t,"__esModule",{value:!0}),t.ListBox=void 0,o(954)),l=o(895),c=o(811),p=o(719),u=o(811),d=o(363),o=(n=i.PureComponent,a(f,n),f.prototype.render=function(){var e,n=this;return i.createElement("div",{className:(0,c.classNames)(this.props.className,"k-listbox",this.setToolbarPosition()),style:this.props.style,unselectable:"on"},this.props.toolbar&&"bottom"!==this.props.toolbarPosition&&i.createElement(this.props.toolbar,null),i.createElement("div",{className:"k-list-scroller k-selectable","data-role":"selectable",onDragOver:function(e){return e.preventDefault()},onDrop:this.handleContainerDrop,onDragLeave:this.handleOnDragLeave},i.createElement("div",{className:(0,c.classNames)("k-list",((e={})["k-list-".concat(c.kendoThemeMaps.sizeMap[this.props.size]||this.props.size)]=this.props.size,e))},i.createElement("div",{className:"k-list-content"},i.createElement("ul",{className:"k-list-ul",role:"listbox","aria-label":"listbox-container",tabIndex:0,onKeyDown:this.handleKeyDown},this.props.data.map(function(t,e){var o=n.setSelected(t),r=(0,c.guid)(),r={className:(0,c.classNames)("k-list-item",{"k-selected":o}),role:"option","aria-selected":o,key:e,id:r+e,"data-uid":r+e,draggable:n.props.draggable,onDragStart:function(e){return(0,c.dispatchEvent)(n.props.onDragStart,e,n,{dataItem:t})},onDragOver:function(e){e.preventDefault(),(0,c.dispatchEvent)(n.props.onDragOver,e,n,{dataItem:t})},onDrop:function(e){return(0,c.dispatchEvent)(n.props.onDrop,e,n,{dataItem:t})},onClick:function(e){return(0,c.dispatchEvent)(n.props.onItemClick,e,n,{dataItem:t})}};return n.props.item?i.createElement(n.props.item,s({selected:o,dataItem:t},r),i.createElement("span",{className:"k-list-item-text"},t.name)):i.createElement("li",s({},r),i.createElement("span",{className:"k-list-item-text"},n.renderItem(t)))}))))),this.props.toolbar&&"bottom"===this.props.toolbarPosition&&i.createElement(this.props.toolbar,null),i.createElement("select",{style:{display:"none"},multiple:!0,"data-role":"listbox"},this.props.data.map(function(e,t){e=e[n.props.valueField||n.props.textField];return i.createElement("option",{key:t,value:e},e)})))},f.propTypes={size:l.oneOf([null,"small","medium","large"]),toolbarPosition:l.oneOf(["none","top","bottom","left","right"]),textField:l.string,valueField:l.string,selectedField:l.string,data:l.array},f.defaultProps={toolbarPosition:p.toolbarPosition.RIGHT,draggable:!0,size:"medium"},f);function f(e){var t=n.call(this,e)||this;return t.setSelected=function(e){if(t.props.selectedField)return!!e[t.props.selectedField]},t.renderItem=function(e){return t.props.textField?e[t.props.textField]:e.toString()},t.handleKeyDown=function(e){t.props.onKeyDown&&(0,c.dispatchEvent)(t.props.onKeyDown,e,t,void 0)},t.handleContainerDrop=function(e){e.target.classList.contains("k-list-scroller")&&(0<t.props.data.length?(0,c.dispatchEvent)(t.props.onDrop,e,t,{dataItem:t.props.data[t.props.data.length-1]}):(0,c.dispatchEvent)(t.props.onDrop,e,t,{dataItem:null}))},t.setToolbarPosition=function(){return t.props.toolbarPosition===p.toolbarPosition.NONE||void 0===t.props.toolbar?"":"k-listbox-actions-".concat(t.props.toolbarPosition)},t.handleOnDragLeave=function(e){t.props.onDragLeave&&e.target.classList.contains("k-list-scroller")&&(0,c.dispatchEvent)(t.props.onDragLeave,e,t,void 0)},(0,u.validatePackage)(d.packageMetadata),t}t.ListBox=o},943:function(e,t,o){var r,n,a=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),i=(Object.defineProperty(t,"__esModule",{value:!0}),t.ListBoxToolbar=void 0,o(954)),l=o(811),c=o(536),p=o(987),u=o(364),s=o(895),d=o(233),f=[{name:"moveUp",iconName:"caret-alt-up",svgIcon:d.caretAltUpIcon},{name:"moveDown",iconName:"caret-alt-down",svgIcon:d.caretAltDownIcon},{name:"transferTo",iconName:"caret-alt-right",svgIcon:d.caretAltRightIcon},{name:"transferFrom",iconName:"caret-alt-left",svgIcon:d.caretAltLeftIcon},{name:"transferAllTo",iconName:"caret-double-alt-right",svgIcon:d.caretDoubleAltRightIcon},{name:"transferAllFrom",iconName:"caret-double-alt-left",svgIcon:d.caretDoubleAltLeftIcon},{name:"remove",iconName:"x",svgIcon:d.xIcon}],o=(n=i.PureComponent,a(m,n),Object.defineProperty(m.prototype,"isRtl",{get:function(){return"rtl"===this.props.dir},enumerable:!1,configurable:!0}),m.prototype.render=function(){var a=this,s=(0,p.provideLocalizationService)(this);return i.createElement("div",{className:(0,l.classNames)("k-listbox-actions")},this.props.tools&&this.props.tools.map(function(t,e){var o=f.findIndex(function(e){return e.name===t}),r=f[o],o=a.isItemDisabled(r.name),n="listbox.".concat(r.name),n=s.toLanguageString(n,u.messages[n]);return i.createElement(c.Button,{key:e,disabled:o,"data-command":r.name,title:n,"aria-label":n,icon:a.isRtl?a.checkFontIcon(r.iconName):r.iconName,svgIcon:a.isRtl?a.checkSvgIcon(r.svgIcon):r.svgIcon,onClick:function(e){e.preventDefault(),a.handleToolClick(e,r.name||null)}})}))},m.propTypes={data:s.array,dataConnected:s.array,tools:s.array,selectedField:s.string,dir:s.string},m.defaultProps={data:[],dataConnected:[],selectedField:"selected"},m);function m(){var i=null!==n&&n.apply(this,arguments)||this;return i.checkSvgIcon=function(e){switch(e.name){case"caret-alt-right":return d.caretAltLeftIcon;case"caret-alt-left":return d.caretAltRightIcon;case"caret-double-alt-right":return d.caretDoubleAltLeftIcon;case"caret-double-alt-left":return d.caretDoubleAltRightIcon}return e},i.checkFontIcon=function(e){switch(e){case"caret-alt-right":return"caret-alt-left";case"caret-alt-left":return"caret-alt-right";case"caret-double-alt-right":return"caret-double-alt-left";case"caret-double-alt-left":return"caret-double-alt-right"}return e},i.handleToolClick=function(e,t){(0,l.dispatchEvent)(i.props.onToolClick,e,i,{toolName:t})},i.isItemDisabled=function(e){var t=!0,o=i.props.selectedField||"selected",r=i.props.data.length,n=i.props.dataConnected.length,a=0<=i.props.data.findIndex(function(e){return!0===e[o]}),s=0<=i.props.dataConnected.findIndex(function(e){return!0===e[o]});switch(e){case"moveUp":t=a?!(0<i.props.data.length)||i.props.data[0].selected:!s||!(0<i.props.dataConnected.length)||i.props.dataConnected[0].selected;break;case"moveDown":t=a?!i.props.data[r-1]||i.props.data[r-1].selected:!s||!(0<i.props.dataConnected.length)||i.props.dataConnected[n-1].selected;break;case"transferTo":t=!(i.props.dataConnected&&a);break;case"transferFrom":t=!i.props.dataConnected||!(i.props.dataConnected&&s);break;case"transferAllTo":t=!(i.props.dataConnected&&0<i.props.data.length);break;case"transferAllFrom":t=!(i.props.dataConnected&&0<i.props.dataConnected.length);break;case"remove":t=!(a||s)}return t},i}t.ListBoxToolbar=o,(0,p.registerForLocalization)(o)},719:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.toolbarPosition=void 0,(t=t.toolbarPosition||(t.toolbarPosition={})).TOP="top",t.BOTTOM="bottom",t.LEFT="left",t.RIGHT="right",t.NONE="none"},364:(e,t)=>{var o;Object.defineProperty(t,"__esModule",{value:!0}),t.messages=t.remove=t.transferAllFrom=t.transferAllTo=t.transferFrom=t.transferTo=t.moveDown=t.moveUp=void 0,t.moveUp="listbox.moveUp",t.moveDown="listbox.moveDown",t.transferTo="listbox.transferTo",t.transferFrom="listbox.transferFrom",t.transferAllTo="listbox.transferAllTo",t.transferAllFrom="listbox.transferAllFrom",t.remove="listbox.remove",t.messages=((o={})[t.moveUp]="Move Up",o[t.moveDown]="Move Down",o[t.transferTo]="Transfer To",o[t.transferFrom]="Transfer From",o[t.transferAllTo]="Transfer All To",o[t.transferAllFrom]="Transfer All From",o[t.remove]="Delete",o)},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-listbox",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1686226422,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"}},706:function(e,v){var b=this&&this.__spreadArray||function(e,t,o){if(o||2===arguments.length)for(var r,n=0,a=t.length;n<a;n++)!r&&n in t||((r=r||Array.prototype.slice.call(t,0,n))[n]=t[n]);return e.concat(r||Array.prototype.slice.call(t))};Object.defineProperty(v,"__esModule",{value:!0}),v.processListBoxDragAndDrop=v.moveItem=v.processListBoxData=void 0,v.processListBoxData=function(e,t,o,r){var n=[],a=[],s=[],i={listBoxOneData:e=void 0===e?[]:e,listBoxTwoData:t=void 0===t?[]:t};switch(o){case"moveUp":(n=b([],e,!0)).forEach(function(e,t){e[r]&&(n=(0,v.moveItem)(t,t-1,n))}),(s=b([],t,!0)).forEach(function(e,t){e[r]&&(s=(0,v.moveItem)(t,t-1,s))}),i.listBoxOneData=n,i.listBoxTwoData=s;break;case"moveDown":(n=e.reverse()).forEach(function(e,t){e[r]&&(n=(0,v.moveItem)(t,t-1,n))}),(s=t.reverse()).forEach(function(e,t){e[r]&&(s=(0,v.moveItem)(t,t-1,s))}),i.listBoxOneData=b([],n,!0).reverse(),i.listBoxTwoData=b([],s,!0).reverse();break;case"transferTo":n=e.filter(function(e){return!e[r]}),a=e.filter(function(e){return e[r]}),s=t.concat(a),i.listBoxOneData=n,i.listBoxTwoData=s;break;case"transferFrom":s=t.filter(function(e){return!e[r]}),a=t.filter(function(e){return e[r]}),n=e.concat(a),i.listBoxOneData=n,i.listBoxTwoData=s;break;case"transferAllTo":i.listBoxOneData=[],i.listBoxTwoData=t.concat(e);break;case"transferAllFrom":i.listBoxOneData=t.concat(e),i.listBoxTwoData=[];break;case"remove":s=t.filter(function(e){return!e[r]}),n=e.filter(function(e){return!e[r]}),i.listBoxOneData=n,i.listBoxTwoData=s}return i},v.moveItem=function(e,t,o){e=o.splice(e,1)[0];return o.splice(t,0,e),o},v.processListBoxDragAndDrop=function(e,t,o,r,n){void 0===t&&(t=[]);var a=(e=void 0===e?[]:e).findIndex(function(e){return e[n]===o[n]}),s=t.findIndex(function(e){return e[n]===o[n]}),i=null!==r?e.findIndex(function(e){return e[n]===r[n]}):-1,l=null!==r?t.findIndex(function(e){return e[n]===r[n]}):-1,c=0<=a,p=0<=s,u=0<=i,d=0<=l,f=b([],e,!0),m=b([],t,!0);return c&&u?{listBoxOneData:(0,v.moveItem)(a,i,e),listBoxTwoData:t}:p&&d?{listBoxOneData:e,listBoxTwoData:(0,v.moveItem)(s,l,t)}:c&&(d||null===r)?(null===r?m.push(e[a]):m.splice(l+1,0,e[a]),f.splice(a,1),{listBoxOneData:f,listBoxTwoData:m}):p&&(u||null===r)?(null===r?f.push(t[s]):f.splice(i+1,0,t[s]),m.splice(s,1),{listBoxOneData:f,listBoxTwoData:m}):{listBoxOneData:e,listBoxTwoData:t}}},536:e=>{e.exports=l},811:e=>{e.exports=c},987:e=>{e.exports=p},233:e=>{e.exports=u},895:e=>{e.exports=d},954:e=>{e.exports=f}},r={};function n(e){var t=r[e];return void 0!==t||(t=r[e]={exports:{}},o[e].call(t.exports,t,t.exports,n)),t.exports}var e,t,a,s,i={};return e=i,Object.defineProperty(e,"__esModule",{value:!0}),e.processListBoxDragAndDrop=e.moveItem=e.processListBoxData=e.ListBoxToolbar=e.ListBox=void 0,t=n(873),Object.defineProperty(e,"ListBox",{enumerable:!0,get:function(){return t.ListBox}}),a=n(943),Object.defineProperty(e,"ListBoxToolbar",{enumerable:!0,get:function(){return a.ListBoxToolbar}}),s=n(706),Object.defineProperty(e,"processListBoxData",{enumerable:!0,get:function(){return s.processListBoxData}}),Object.defineProperty(e,"moveItem",{enumerable:!0,get:function(){return s.moveItem}}),Object.defineProperty(e,"processListBoxDragAndDrop",{enumerable:!0,get:function(){return s.processListBoxDragAndDrop}}),i})())}}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-listbox",
-  "version": "5.14.0",
+  "version": "5.14.1",
   "description": "React ListBox enables you to display a list of items and manage the data between multiple lists. KendoReact ListBox package",
   "repository": {
     "type": "git",
@@ -39,13 +39,13 @@
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@progress/kendo-react-common": "5.14.0",
+    "@progress/kendo-react-common": "5.14.1",
     "prop-types": "^15.6.0"
   },
   "devDependencies": {
     "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-buttons": "5.14.0",
-    "@progress/kendo-react-intl": "5.14.0",
+    "@progress/kendo-react-buttons": "5.14.1",
+    "@progress/kendo-react-intl": "5.14.1",
     "@progress/kendo-svg-icons": "^1.0.0"
   },
   "@progress": {