@progress/kendo-react-listbox 14.4.1-develop.9 → 14.5.0-develop.1

package/ListBox.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { ListBoxProps } from './interfaces/ListBoxProps.js';
+import { ListBoxProps } from './interfaces/ListBoxProps';
 import * as React from 'react';
 /**
  * The ListBox ref.

package/ListBox.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),u=require("prop-types"),a=require("@progress/kendo-react-common"),R=require("./interfaces/Enums.js");function U(n){const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const d in n)if(d!=="default"){const y=Object.getOwnPropertyDescriptor(n,d);Object.defineProperty(f,d,y.get?y:{enumerable:!0,get:()=>n[d]})}}return f.default=n,Object.freeze(f)}const s=U(G),k=s.forwardRef((n,f)=>{const{id:d,style:y,data:c,textField:h,className:T,valueField:S,selectedField:D,onDrop:L,onKeyDown:v,onDragStart:C,onDragLeave:N,onDragOver:F,onItemClick:z,onItemSelect:g,onKeyboardNavigate:m,size:b=E.size,draggable:_=E.draggable,toolbarPosition:K=E.toolbarPosition}=n,x=s.useRef(null),O=s.useRef(null),w=s.useRef(null),o=s.useCallback(()=>({element:w.current,props:n}),[]);s.useImperativeHandle(O,o),s.useImperativeHandle(f,()=>O.current);const P=d+"-accessibility-id",I=a.kendoThemeMaps.sizeMap[b]||b,q=t=>{if(D)return!!t[D]},A=t=>h?t[h]:t.toString(),j=t=>{v&&a.dispatchEvent(v,t,o(),void 0)},B=t=>{t.target.classList.contains("k-list-content")&&(n.data.length>0?a.dispatchEvent(n.onDrop,t,o(),{dataItem:n.data[n.data.length-1]}):a.dispatchEvent(n.onDrop,t,o(),{dataItem:null}))},M=()=>K===R.toolbarPosition.NONE||n.toolbar===void 0?`k-listbox-actions-${E.toolbarPosition}`:`k-listbox-actions-${K}`,H=t=>{N&&t.target.classList.contains("k-list-content")&&a.dispatchEvent(N,t,o(),void 0)},p=s.useMemo(()=>new a.Navigation({root:x,selectors:[".k-list-item"],tabIndex:0,keyboardEvents:{keydown:{Space:(t,i,e)=>{const r=i.elements.indexOf(t);e.metaKey&&a.dispatchEvent(g,e,o(),{dataItem:c[r]}),a.dispatchEvent(g,e,o(),{dataItem:c[r]})},ArrowDown:(t,i,e)=>{if(e.metaKey&&e.shiftKey)a.dispatchEvent(m,e,o(),{actionName:"moveDown"});else if(e.metaKey&&!e.shiftKey)e.preventDefault(),i.focusNext(t);else if(!(e.shiftKey&&!e.metaKey)){e.preventDefault();const r=i.elements.indexOf(t),l=c[r+1];l&&(a.dispatchEvent(g,e,o(),{dataItem:l}),i.focusNext(t))}},ArrowUp:(t,i,e)=>{if(e.metaKey&&e.shiftKey)a.dispatchEvent(m,e,o(),{actionName:"moveUp"});else if(e.metaKey&&!e.shiftKey)e.preventDefault(),i.focusPrevious(t);else if(!(e.shiftKey&&!e.metaKey)){e.preventDefault();const r=i.elements.indexOf(t),l=c[r-1];l&&(a.dispatchEvent(g,e,o(),{dataItem:l}),i.focusPrevious(t))}},ArrowLeft:(t,i,e)=>{e.metaKey&&e.shiftKey?a.dispatchEvent(m,e,o(),{actionName:"transferAllFrom"}):e.metaKey&&a.dispatchEvent(m,e,o(),{actionName:"transferFrom"})},ArrowRight:(t,i,e)=>{e.metaKey&&e.shiftKey?a.dispatchEvent(m,e,o(),{actionName:"transferAllTo"}):e.metaKey&&a.dispatchEvent(m,e,o(),{actionName:"transferTo"})},Backspace:(t,i,e)=>{a.dispatchEvent(m,e,o(),{actionName:"remove"})}}}}),[c]),$=s.useCallback(p.triggerKeyboardEvent.bind(p),[c]);return s.useEffect(()=>(p.initializeRovingTab(),()=>p.removeFocusListener()),[c]),s.createElement("div",{id:d,ref:w,style:y,unselectable:"on",className:a.classNames(T,"k-listbox",{[`k-listbox-${I}`]:b},M())},n.toolbar&&s.createElement(n.toolbar,null),s.createElement("div",{className:"k-list-scroller k-selectable","data-role":"selectable",ref:x,onDragOver:t=>t.preventDefault(),onDrop:B,onDragLeave:H,onKeyDown:$},s.createElement("div",{className:a.classNames("k-list",{[`k-list-${I}`]:b})},s.createElement("div",{className:"k-list-content"},s.createElement("ul",{className:"k-list-ul",role:"listbox","aria-label":"listbox-container",onKeyDown:j},c.map((t,i)=>{const e=q(t),r={className:a.classNames("k-list-item",{"k-selected":e}),role:"option",key:i,id:P+i,"aria-selected":e,"data-uid":P+i,draggable:_,onDragStart:l=>{a.dispatchEvent(C,l,o(),{dataItem:t})},onDragOver:l=>{l.preventDefault(),a.dispatchEvent(F,l,o(),{dataItem:t})},onDrop:l=>{a.dispatchEvent(L,l,o(),{dataItem:t})},onClick:l=>{a.dispatchEvent(z,l,o(),{dataItem:t})}};return n.item?s.createElement(n.item,{selected:e,dataItem:t,...r,key:r.key},s.createElement("span",{className:"k-list-item-text"},t.name)):s.createElement("li",{...r,key:r.key},s.createElement("span",{className:"k-list-item-text"},A(t)))}))))),s.createElement("select",{style:{display:"none"},multiple:!0,"data-role":"listbox"},c.map((t,i)=>{const e=t[S||h];return s.createElement("option",{key:i,value:e},e)})))}),E={toolbarPosition:R.toolbarPosition.RIGHT,draggable:!0,size:void 0};k.propTypes={size:u.oneOf(["small","medium","large"]),toolbarPosition:u.oneOf(["none","top","bottom","left","right"]),textField:u.string.isRequired,valueField:u.string,selectedField:u.string,data:u.array.isRequired};k.displayName="ListBoxInner";exports.ListBox=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),u=require("prop-types"),a=require("@progress/kendo-react-common"),J=require("@progress/kendo-react-intl"),R=require("./interfaces/Enums.js"),k=require("./messages/index.js");function Q(n){const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const d in n)if(d!=="default"){const g=Object.getOwnPropertyDescriptor(n,d);Object.defineProperty(f,d,g.get?g:{enumerable:!0,get:()=>n[d]})}}return f.default=n,Object.freeze(f)}const s=Q(V),D=s.forwardRef((n,f)=>{const{id:d,style:g,data:c,textField:h,className:S,valueField:T,selectedField:v,onDrop:z,onKeyDown:x,onDragStart:C,onDragLeave:N,onDragOver:F,onItemClick:q,onItemSelect:y,onKeyboardNavigate:m,size:b=E.size,draggable:B=E.draggable,toolbarPosition:K=E.toolbarPosition}=n,O=s.useRef(null),L=s.useRef(null),w=s.useRef(null),_=J.useLocalization(),i=s.useCallback(()=>({element:w.current,props:n}),[]);s.useImperativeHandle(L,i),s.useImperativeHandle(f,()=>L.current);const P=d+"-accessibility-id",I=a.kendoThemeMaps.sizeMap[b]||b,A=t=>{if(v)return!!t[v]},j=t=>h?t[h]:t.toString(),M=t=>{x&&a.dispatchEvent(x,t,i(),void 0)},H=t=>{t.target.classList.contains("k-list-content")&&(n.data.length>0?a.dispatchEvent(n.onDrop,t,i(),{dataItem:n.data[n.data.length-1]}):a.dispatchEvent(n.onDrop,t,i(),{dataItem:null}))},$=()=>K===R.toolbarPosition.NONE||n.toolbar===void 0?`k-listbox-actions-${E.toolbarPosition}`:`k-listbox-actions-${K}`,G=t=>{N&&t.target.classList.contains("k-list-content")&&a.dispatchEvent(N,t,i(),void 0)},p=s.useMemo(()=>new a.Navigation({root:O,selectors:[".k-list-item"],tabIndex:0,keyboardEvents:{keydown:{Space:(t,o,e)=>{const r=o.elements.indexOf(t);e.metaKey&&a.dispatchEvent(y,e,i(),{dataItem:c[r]}),a.dispatchEvent(y,e,i(),{dataItem:c[r]})},ArrowDown:(t,o,e)=>{if(e.metaKey&&e.shiftKey)a.dispatchEvent(m,e,i(),{actionName:"moveDown"});else if(e.metaKey&&!e.shiftKey)e.preventDefault(),o.focusNext(t);else if(!(e.shiftKey&&!e.metaKey)){e.preventDefault();const r=o.elements.indexOf(t),l=c[r+1];l&&(a.dispatchEvent(y,e,i(),{dataItem:l}),o.focusNext(t))}},ArrowUp:(t,o,e)=>{if(e.metaKey&&e.shiftKey)a.dispatchEvent(m,e,i(),{actionName:"moveUp"});else if(e.metaKey&&!e.shiftKey)e.preventDefault(),o.focusPrevious(t);else if(!(e.shiftKey&&!e.metaKey)){e.preventDefault();const r=o.elements.indexOf(t),l=c[r-1];l&&(a.dispatchEvent(y,e,i(),{dataItem:l}),o.focusPrevious(t))}},ArrowLeft:(t,o,e)=>{e.metaKey&&e.shiftKey?a.dispatchEvent(m,e,i(),{actionName:"transferAllFrom"}):e.metaKey&&a.dispatchEvent(m,e,i(),{actionName:"transferFrom"})},ArrowRight:(t,o,e)=>{e.metaKey&&e.shiftKey?a.dispatchEvent(m,e,i(),{actionName:"transferAllTo"}):e.metaKey&&a.dispatchEvent(m,e,i(),{actionName:"transferTo"})},Backspace:(t,o,e)=>{a.dispatchEvent(m,e,i(),{actionName:"remove"})}}}}),[c]),U=s.useCallback(p.triggerKeyboardEvent.bind(p),[c]);return s.useEffect(()=>(p.initializeRovingTab(),()=>p.removeFocusListener()),[c]),s.createElement("div",{id:d,ref:w,style:g,unselectable:"on",className:a.classNames(S,"k-listbox",{[`k-listbox-${I}`]:b},$())},n.toolbar&&s.createElement(n.toolbar,null),s.createElement("div",{className:"k-list-scroller k-selectable","data-role":"selectable",ref:O,onDragOver:t=>t.preventDefault(),onDrop:H,onDragLeave:G,onKeyDown:U},s.createElement("div",{className:a.classNames("k-list",{[`k-list-${I}`]:b})},s.createElement("div",{className:"k-list-content"},s.createElement("ul",{className:"k-list-ul",role:"listbox","aria-label":"listbox-container",onKeyDown:M},c.map((t,o)=>{const e=A(t),r={className:a.classNames("k-list-item",{"k-selected":e}),role:"option",key:o,id:P+o,"aria-selected":e,"data-uid":P+o,draggable:B,onDragStart:l=>{a.dispatchEvent(C,l,i(),{dataItem:t})},onDragOver:l=>{l.preventDefault(),a.dispatchEvent(F,l,i(),{dataItem:t})},onDrop:l=>{a.dispatchEvent(z,l,i(),{dataItem:t})},onClick:l=>{a.dispatchEvent(q,l,i(),{dataItem:t})}};return n.item?s.createElement(n.item,{selected:e,dataItem:t,...r,key:r.key},s.createElement("span",{className:"k-list-item-text"},t.name)):s.createElement("li",{...r,key:r.key},s.createElement("span",{className:"k-list-item-text"},j(t)))}))))),s.createElement("select",{style:{display:"none"},multiple:!0,"data-role":"listbox","aria-label":_.toLanguageString(k.ariaLabelListBox,k.messages[k.ariaLabelListBox])},c.map((t,o)=>{const e=t[T||h];return s.createElement("option",{key:o,value:e},e)})))}),E={toolbarPosition:R.toolbarPosition.RIGHT,draggable:!0,size:void 0};D.propTypes={size:u.oneOf(["small","medium","large"]),toolbarPosition:u.oneOf(["none","top","bottom","left","right"]),textField:u.string.isRequired,valueField:u.string,selectedField:u.string,data:u.array.isRequired};D.displayName="ListBoxInner";exports.ListBox=D;

package/ListBox.mjs

@@ -7,29 +7,31 @@
  */
 import * as a from "react";
 import f from "prop-types";
-import { kendoThemeMaps as V, Navigation as j, dispatchEvent as s, classNames as k } from "@progress/kendo-react-common";
+import { kendoThemeMaps as J, Navigation as Q, dispatchEvent as s, classNames as k } from "@progress/kendo-react-common";
+import { useLocalization as W } from "@progress/kendo-react-intl";
 import { toolbarPosition as O } from "./interfaces/Enums.mjs";
+import { ariaLabelListBox as P, messages as X } from "./messages/index.mjs";
 const R = a.forwardRef((n, T) => {
   const {
     id: D,
-    style: F,
+    style: z,
     data: c,
     textField: b,
-    className: L,
-    valueField: C,
-    selectedField: K,
+    className: F,
+    valueField: S,
+    selectedField: x,
     onDrop: v,
-    onKeyDown: x,
-    onDragStart: z,
-    onDragLeave: N,
-    onDragOver: S,
-    onItemClick: A,
+    onKeyDown: K,
+    onDragStart: C,
+    onDragLeave: p,
+    onDragOver: A,
+    onItemClick: B,
     onItemSelect: d,
     onKeyboardNavigate: m,
-    size: u = g.size,
-    draggable: $ = g.draggable,
-    toolbarPosition: p = g.toolbarPosition
-  } = n, E = a.useRef(null), h = a.useRef(null), w = a.useRef(null), o = a.useCallback(
+    size: u = y.size,
+    draggable: $ = y.draggable,
+    toolbarPosition: N = y.toolbarPosition
+  } = n, E = a.useRef(null), h = a.useRef(null), w = a.useRef(null), H = W(), o = a.useCallback(
     () => ({
       element: w.current,
       props: n
@@ -37,21 +39,21 @@ const R = a.forwardRef((n, T) => {
     []
   );
   a.useImperativeHandle(h, o), a.useImperativeHandle(T, () => h.current);
-  const I = D + "-accessibility-id", P = V.sizeMap[u] || u, B = (t) => {
-    if (K)
-      return !!t[K];
-  }, H = (t) => b ? t[b] : t.toString(), _ = (t) => {
-    x && s(x, t, o(), void 0);
-  }, M = (t) => {
+  const I = D + "-accessibility-id", L = J.sizeMap[u] || u, _ = (t) => {
+    if (x)
+      return !!t[x];
+  }, M = (t) => b ? t[b] : t.toString(), q = (t) => {
+    K && s(K, t, o(), void 0);
+  }, G = (t) => {
     t.target.classList.contains("k-list-content") && (n.data.length > 0 ? s(n.onDrop, t, o(), {
       dataItem: n.data[n.data.length - 1]
     }) : s(n.onDrop, t, o(), {
       dataItem: null
     }));
-  }, q = () => p === O.NONE || n.toolbar === void 0 ? `k-listbox-actions-${g.toolbarPosition}` : `k-listbox-actions-${p}`, G = (t) => {
-    N && t.target.classList.contains("k-list-content") && s(N, t, o(), void 0);
-  }, y = a.useMemo(
-    () => new j({
+  }, U = () => N === O.NONE || n.toolbar === void 0 ? `k-listbox-actions-${y.toolbarPosition}` : `k-listbox-actions-${N}`, V = (t) => {
+    p && t.target.classList.contains("k-list-content") && s(p, t, o(), void 0);
+  }, g = a.useMemo(
+    () => new Q({
       root: E,
       selectors: [".k-list-item"],
       tabIndex: 0,
@@ -110,19 +112,19 @@ const R = a.forwardRef((n, T) => {
       }
     }),
     [c]
-  ), U = a.useCallback(y.triggerKeyboardEvent.bind(y), [c]);
-  return a.useEffect(() => (y.initializeRovingTab(), () => y.removeFocusListener()), [c]), /* @__PURE__ */ a.createElement(
+  ), j = a.useCallback(g.triggerKeyboardEvent.bind(g), [c]);
+  return a.useEffect(() => (g.initializeRovingTab(), () => g.removeFocusListener()), [c]), /* @__PURE__ */ a.createElement(
     "div",
     {
       id: D,
       ref: w,
-      style: F,
+      style: z,
       unselectable: "on",
       className: k(
-        L,
+        F,
         "k-listbox",
-        { [`k-listbox-${P}`]: u },
-        q()
+        { [`k-listbox-${L}`]: u },
+        U()
       )
     },
     n.toolbar && /* @__PURE__ */ a.createElement(n.toolbar, null),
@@ -133,20 +135,20 @@ const R = a.forwardRef((n, T) => {
         "data-role": "selectable",
         ref: E,
         onDragOver: (t) => t.preventDefault(),
-        onDrop: M,
-        onDragLeave: G,
-        onKeyDown: U
+        onDrop: G,
+        onDragLeave: V,
+        onKeyDown: j
       },
-      /* @__PURE__ */ a.createElement("div", { className: k("k-list", { [`k-list-${P}`]: u }) }, /* @__PURE__ */ a.createElement("div", { className: "k-list-content" }, /* @__PURE__ */ a.createElement(
+      /* @__PURE__ */ a.createElement("div", { className: k("k-list", { [`k-list-${L}`]: u }) }, /* @__PURE__ */ a.createElement("div", { className: "k-list-content" }, /* @__PURE__ */ a.createElement(
         "ul",
         {
           className: "k-list-ul",
           role: "listbox",
           "aria-label": "listbox-container",
-          onKeyDown: _
+          onKeyDown: q
         },
         c.map((t, i) => {
-          const e = B(t), r = {
+          const e = _(t), r = {
             className: k("k-list-item", { "k-selected": e }),
             role: "option",
             key: i,
@@ -156,20 +158,20 @@ const R = a.forwardRef((n, T) => {
             draggable: $,
             onDragStart: (l) => {
               s(
-                z,
+                C,
                 l,
                 o(),
                 { dataItem: t }
               );
             },
             onDragOver: (l) => {
-              l.preventDefault(), s(S, l, o(), { dataItem: t });
+              l.preventDefault(), s(A, l, o(), { dataItem: t });
             },
             onDrop: (l) => {
               s(v, l, o(), { dataItem: t });
             },
             onClick: (l) => {
-              s(A, l, o(), { dataItem: t });
+              s(B, l, o(), { dataItem: t });
             }
           };
           return n.item ? /* @__PURE__ */ a.createElement(
@@ -181,16 +183,28 @@ const R = a.forwardRef((n, T) => {
               key: r.key
             },
             /* @__PURE__ */ a.createElement("span", { className: "k-list-item-text" }, t.name)
-          ) : /* @__PURE__ */ a.createElement("li", { ...r, key: r.key }, /* @__PURE__ */ a.createElement("span", { className: "k-list-item-text" }, H(t)));
+          ) : /* @__PURE__ */ a.createElement("li", { ...r, key: r.key }, /* @__PURE__ */ a.createElement("span", { className: "k-list-item-text" }, M(t)));
         })
       )))
     ),
-    /* @__PURE__ */ a.createElement("select", { style: { display: "none" }, multiple: !0, "data-role": "listbox" }, c.map((t, i) => {
-      const e = t[C || b];
-      return /* @__PURE__ */ a.createElement("option", { key: i, value: e }, e);
-    }))
+    /* @__PURE__ */ a.createElement(
+      "select",
+      {
+        style: { display: "none" },
+        multiple: !0,
+        "data-role": "listbox",
+        "aria-label": H.toLanguageString(
+          P,
+          X[P]
+        )
+      },
+      c.map((t, i) => {
+        const e = t[S || b];
+        return /* @__PURE__ */ a.createElement("option", { key: i, value: e }, e);
+      })
+    )
   );
-}), g = {
+}), y = {
   toolbarPosition: O.RIGHT,
   draggable: !0,
   size: void 0

package/ListBoxToolbar.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { ListBoxToolbarProps } from './interfaces/ListBoxToolBarProps.js';
-import { ListBoxToolbarEvent } from './interfaces/ListBoxEvents.js';
+import { ListBoxToolbarProps } from './interfaces/ListBoxToolBarProps';
+import { ListBoxToolbarEvent } from './interfaces/ListBoxEvents';
 import * as React from 'react';
 /**
  * @hidden

package/dist/cdn/js/kendo-react-listbox.js

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-intl"),require("@progress/kendo-svg-icons")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-buttons","@progress/kendo-react-intl","@progress/kendo-svg-icons"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactListbox={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactButtons,e.KendoReactIntl,e.KendoSvgIcons)}(this,function(e,t,a,o,n,r,s){"use strict";function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var i=l(t),c=(e=>(e.TOP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e.NONE="none",e))(c||{});const d=i.forwardRef((e,t)=>{const{id:a,style:n,data:r,textField:s,className:l,valueField:d,selectedField:f,onDrop:u,onKeyDown:p,onDragStart:v,onDragLeave:b,onDragOver:g,onItemClick:x,onItemSelect:h,onKeyboardNavigate:D,size:k=m.size,draggable:y=m.draggable,toolbarPosition:I=m.toolbarPosition}=e,E=i.useRef(null),w=i.useRef(null),T=i.useRef(null),N=i.useCallback(()=>({element:T.current,props:e}),[]);i.useImperativeHandle(w,N),i.useImperativeHandle(t,()=>w.current);const B=a+"-accessibility-id",O=o.kendoThemeMaps.sizeMap[k]||k,K=i.useMemo(()=>new o.Navigation({root:E,selectors:[".k-list-item"],tabIndex:0,keyboardEvents:{keydown:{Space:(e,t,a)=>{const n=t.elements.indexOf(e);a.metaKey&&o.dispatchEvent(h,a,N(),{dataItem:r[n]}),o.dispatchEvent(h,a,N(),{dataItem:r[n]})},ArrowDown:(e,t,a)=>{if(a.metaKey&&a.shiftKey)o.dispatchEvent(D,a,N(),{actionName:"moveDown"});else if(a.metaKey&&!a.shiftKey)a.preventDefault(),t.focusNext(e);else if(!a.shiftKey||a.metaKey){a.preventDefault();const n=t.elements.indexOf(e),s=r[n+1];s&&(o.dispatchEvent(h,a,N(),{dataItem:s}),t.focusNext(e))}},ArrowUp:(e,t,a)=>{if(a.metaKey&&a.shiftKey)o.dispatchEvent(D,a,N(),{actionName:"moveUp"});else if(a.metaKey&&!a.shiftKey)a.preventDefault(),t.focusPrevious(e);else if(!a.shiftKey||a.metaKey){a.preventDefault();const n=t.elements.indexOf(e),s=r[n-1];s&&(o.dispatchEvent(h,a,N(),{dataItem:s}),t.focusPrevious(e))}},ArrowLeft:(e,t,a)=>{a.metaKey&&a.shiftKey?o.dispatchEvent(D,a,N(),{actionName:"transferAllFrom"}):a.metaKey&&o.dispatchEvent(D,a,N(),{actionName:"transferFrom"})},ArrowRight:(e,t,a)=>{a.metaKey&&a.shiftKey?o.dispatchEvent(D,a,N(),{actionName:"transferAllTo"}):a.metaKey&&o.dispatchEvent(D,a,N(),{actionName:"transferTo"})},Backspace:(e,t,a)=>{o.dispatchEvent(D,a,N(),{actionName:"remove"})}}}}),[r]),A=i.useCallback(K.triggerKeyboardEvent.bind(K),[r]);return i.useEffect(()=>(K.initializeRovingTab(),()=>K.removeFocusListener()),[r]),i.createElement("div",{id:a,ref:T,style:n,unselectable:"on",className:o.classNames(l,"k-listbox",{[`k-listbox-${O}`]:k},I===c.NONE||void 0===e.toolbar?`k-listbox-actions-${m.toolbarPosition}`:`k-listbox-actions-${I}`)},e.toolbar&&i.createElement(e.toolbar,null),i.createElement("div",{className:"k-list-scroller k-selectable","data-role":"selectable",ref:E,onDragOver:e=>e.preventDefault(),onDrop:t=>{t.target.classList.contains("k-list-content")&&(e.data.length>0?o.dispatchEvent(e.onDrop,t,N(),{dataItem:e.data[e.data.length-1]}):o.dispatchEvent(e.onDrop,t,N(),{dataItem:null}))},onDragLeave:e=>{b&&e.target.classList.contains("k-list-content")&&o.dispatchEvent(b,e,N(),void 0)},onKeyDown:A},i.createElement("div",{className:o.classNames("k-list",{[`k-list-${O}`]:k})},i.createElement("div",{className:"k-list-content"},i.createElement("ul",{className:"k-list-ul",role:"listbox","aria-label":"listbox-container",onKeyDown:e=>{p&&o.dispatchEvent(p,e,N(),void 0)}},r.map((t,a)=>{const n=(e=>{if(f)return!!e[f]})(t),r={className:o.classNames("k-list-item",{"k-selected":n}),role:"option",key:a,id:B+a,"aria-selected":n,"data-uid":B+a,draggable:y,onDragStart:e=>{o.dispatchEvent(v,e,N(),{dataItem:t})},onDragOver:e=>{e.preventDefault(),o.dispatchEvent(g,e,N(),{dataItem:t})},onDrop:e=>{o.dispatchEvent(u,e,N(),{dataItem:t})},onClick:e=>{o.dispatchEvent(x,e,N(),{dataItem:t})}};return e.item?i.createElement(e.item,{selected:n,dataItem:t,...r,key:r.key},i.createElement("span",{className:"k-list-item-text"},t.name)):i.createElement("li",{...r,key:r.key},i.createElement("span",{className:"k-list-item-text"},(e=>s?e[s]:e.toString())(t)))}))))),i.createElement("select",{style:{display:"none"},multiple:!0,"data-role":"listbox"},r.map((e,t)=>{const a=e[d||s];return i.createElement("option",{key:t,value:a},a)})))}),m={toolbarPosition:c.RIGHT,draggable:!0,size:void 0};d.propTypes={size:a.oneOf(["small","medium","large"]),toolbarPosition:a.oneOf(["none","top","bottom","left","right"]),textField:a.string.isRequired,valueField:a.string,selectedField:a.string,data:a.array.isRequired},d.displayName="ListBoxInner";const f="listbox.moveUp",u="listbox.moveDown",p="listbox.transferTo",v="listbox.transferFrom",b="listbox.transferAllTo",g="listbox.transferAllFrom",x="listbox.remove",h={[f]:"Move Up",[u]:"Move Down",[p]:"Transfer To",[v]:"Transfer From",[b]:"Transfer All To",[g]:"Transfer All From",[x]:"Delete"},D=[{name:"moveUp",iconName:"caret-alt-up",svgIcon:s.caretAltUpIcon},{name:"moveDown",iconName:"caret-alt-down",svgIcon:s.caretAltDownIcon},{name:"transferTo",iconName:"caret-alt-right",svgIcon:s.caretAltRightIcon},{name:"transferFrom",iconName:"caret-alt-left",svgIcon:s.caretAltLeftIcon},{name:"transferAllTo",iconName:"caret-double-alt-right",svgIcon:s.caretDoubleAltRightIcon},{name:"transferAllFrom",iconName:"caret-double-alt-left",svgIcon:s.caretDoubleAltLeftIcon},{name:"remove",iconName:"x",svgIcon:s.xIcon}],k=i.forwardRef((e,t)=>{const{tools:a,dir:l,onToolClick:c,size:d=y.size,data:m=y.data,dataConnected:f=y.dataConnected,selectedField:u=y.selectedField}=e,p=r.useLocalization(),v=i.useRef(null),b=i.useRef(null),g=i.useCallback(()=>({onToolClick:c,props:e,context:{},state:{},refs:{}}),[]);i.useImperativeHandle(b,g),i.useImperativeHandle(t,()=>b.current);const x=(e,t,a)=>{a.preventDefault(),t.focusNext(e)},k=(e,t,a)=>{a.preventDefault(),t.focusPrevious(e)},I=i.useMemo(()=>new o.Navigation({root:v,selectors:[".k-button:not([disabled])"],tabIndex:0,keyboardEvents:{keydown:{ArrowDown:x,ArrowRight:x,ArrowUp:k,ArrowLeft:k,Enter:(e,t,a)=>{e.click(),t.focusElement(t.current,e)}}}}),[]),E=i.useCallback(I.triggerKeyboardEvent.bind(I),[]);i.useEffect(()=>(I.initializeRovingTab(),()=>I.removeFocusListener()),[]);const w=e=>{switch(e.name){case"caret-alt-right":return s.caretAltLeftIcon;case"caret-alt-left":return s.caretAltRightIcon;case"caret-double-alt-right":return s.caretDoubleAltLeftIcon;case"caret-double-alt-left":return s.caretDoubleAltRightIcon}return e},T=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},N="rtl"===l;return i.createElement("div",{className:o.classNames("k-listbox-actions"),ref:v,onKeyDown:E},a&&a.map((e,t)=>{const a=D.findIndex(t=>t.name===e),r=D[a],s=(e=>{let t=!0;const a=u||"selected",o=m.length,n=f.length,r=m.findIndex(e=>!0===e[a])>=0,s=f.findIndex(e=>!0===e[a])>=0;switch(e){case"moveUp":t=r?!(m.length>0)||m[0].selected:!s||!(f.length>0)||f[0].selected;break;case"moveDown":t=r?!m[o-1]||m[o-1].selected:!s||!(f.length>0)||f[n-1].selected;break;case"transferTo":t=!(f&&r);break;case"transferFrom":t=!f||!(f&&s);break;case"transferAllTo":t=!(f&&m.length>0);break;case"transferAllFrom":t=!(f&&f.length>0);break;case"remove":t=!(r||s)}return t})(r.name),l=`listbox.${r.name}`,v=p.toLanguageString(l,h[l]);return i.createElement(n.Button,{size:d,key:t,disabled:s,"data-command":r.name,title:v,"aria-label":v,icon:N?T(r.iconName):r.iconName,svgIcon:N?w(r.svgIcon):r.svgIcon,onClick:e=>{e.preventDefault(),((e,t)=>{o.dispatchEvent(c,e,g(),{toolName:t})})(e,r.name)}})}))}),y={data:[],dataConnected:[],selectedField:"selected",size:void 0};k.propTypes={data:a.array.isRequired,dataConnected:a.array.isRequired,tools:a.array,selectedField:a.string,dir:a.string,size:a.oneOf(["small","medium","large"])},k.displayName="ListBoxToolbarInner";const I=(e,t,a)=>{const o=a.splice(e,1)[0];return a.splice(t,0,o),a},E=o.withIdHOC(d);E.displayName="KendoReactListBox",e.ListBox=E,e.ListBoxToolbar=k,e.moveItem=I,e.processListBoxData=(e=[],t=[],a,o)=>{let n=[],r=[],s=[];const l={listBoxOneData:e,listBoxTwoData:t};switch(a){case"moveUp":n=[...e],n.forEach((e,t)=>{e[o]&&(n=I(t,t-1,n))}),s=[...t],s.forEach((e,t)=>{e[o]&&(s=I(t,t-1,s))}),l.listBoxOneData=n,l.listBoxTwoData=s;break;case"moveDown":n=e.reverse(),n.forEach((e,t)=>{e[o]&&(n=I(t,t-1,n))}),s=t.reverse(),s.forEach((e,t)=>{e[o]&&(s=I(t,t-1,s))}),l.listBoxOneData=[...n].reverse(),l.listBoxTwoData=[...s].reverse();break;case"transferTo":n=e.filter(e=>!e[o]),r=e.filter(e=>e[o]),s=t.concat(r),l.listBoxOneData=n,l.listBoxTwoData=s;break;case"transferFrom":s=t.filter(e=>!e[o]),r=t.filter(e=>e[o]),n=e.concat(r),l.listBoxOneData=n,l.listBoxTwoData=s;break;case"transferAllTo":l.listBoxOneData=[],l.listBoxTwoData=t.concat(e);break;case"transferAllFrom":l.listBoxOneData=t.concat(e),l.listBoxTwoData=[];break;case"remove":s=t.filter(e=>!e[o]),n=e.filter(e=>!e[o]),l.listBoxOneData=n,l.listBoxTwoData=s}return l},e.processListBoxDragAndDrop=(e=[],t=[],a,o,n)=>{const r=e.findIndex(e=>e[n]===a[n]),s=t.findIndex(e=>e[n]===a[n]),l=null!==o?e.findIndex(e=>e[n]===o[n]):-1,i=null!==o?t.findIndex(e=>e[n]===o[n]):-1,c=r>=0,d=s>=0,m=l>=0,f=i>=0,u=[...e],p=[...t];return c&&m?{listBoxOneData:I(r,l,e),listBoxTwoData:t}:d&&f?{listBoxOneData:e,listBoxTwoData:I(s,i,t)}:c&&(f||null===o)?(null===o?p.push(e[r]):p.splice(i+1,0,e[r]),u.splice(r,1),{listBoxOneData:u,listBoxTwoData:p}):d&&(m||null===o)?(null===o?u.push(t[s]):u.splice(l+1,0,t[s]),p.splice(s,1),{listBoxOneData:u,listBoxTwoData:p}):{listBoxOneData:e,listBoxTwoData:t}}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-intl","@progress/kendo-react-buttons","@progress/kendo-svg-icons"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactListbox={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactIntl,e.KendoReactButtons,e.KendoSvgIcons)}(this,function(e,t,a,o,n,r,s){"use strict";function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var i=l(t),c=(e=>(e.TOP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e.NONE="none",e))(c||{});const d="listbox.moveUp",m="listbox.moveDown",u="listbox.transferTo",f="listbox.transferFrom",p="listbox.transferAllTo",v="listbox.transferAllFrom",b="listbox.remove",g="listbox.ariaLabel",x={[d]:"Move Up",[m]:"Move Down",[u]:"Transfer To",[f]:"Transfer From",[p]:"Transfer All To",[v]:"Transfer All From",[b]:"Delete",[g]:"ListBox"},h=i.forwardRef((e,t)=>{const{id:a,style:r,data:s,textField:l,className:d,valueField:m,selectedField:u,onDrop:f,onKeyDown:p,onDragStart:v,onDragLeave:b,onDragOver:h,onItemClick:k,onItemSelect:y,onKeyboardNavigate:I,size:E=D.size,draggable:w=D.draggable,toolbarPosition:T=D.toolbarPosition}=e,N=i.useRef(null),B=i.useRef(null),O=i.useRef(null),K=n.useLocalization(),A=i.useCallback(()=>({element:O.current,props:e}),[]);i.useImperativeHandle(B,A),i.useImperativeHandle(t,()=>B.current);const L=a+"-accessibility-id",R=o.kendoThemeMaps.sizeMap[E]||E,F=i.useMemo(()=>new o.Navigation({root:N,selectors:[".k-list-item"],tabIndex:0,keyboardEvents:{keydown:{Space:(e,t,a)=>{const n=t.elements.indexOf(e);a.metaKey&&o.dispatchEvent(y,a,A(),{dataItem:s[n]}),o.dispatchEvent(y,a,A(),{dataItem:s[n]})},ArrowDown:(e,t,a)=>{if(a.metaKey&&a.shiftKey)o.dispatchEvent(I,a,A(),{actionName:"moveDown"});else if(a.metaKey&&!a.shiftKey)a.preventDefault(),t.focusNext(e);else if(!a.shiftKey||a.metaKey){a.preventDefault();const n=t.elements.indexOf(e),r=s[n+1];r&&(o.dispatchEvent(y,a,A(),{dataItem:r}),t.focusNext(e))}},ArrowUp:(e,t,a)=>{if(a.metaKey&&a.shiftKey)o.dispatchEvent(I,a,A(),{actionName:"moveUp"});else if(a.metaKey&&!a.shiftKey)a.preventDefault(),t.focusPrevious(e);else if(!a.shiftKey||a.metaKey){a.preventDefault();const n=t.elements.indexOf(e),r=s[n-1];r&&(o.dispatchEvent(y,a,A(),{dataItem:r}),t.focusPrevious(e))}},ArrowLeft:(e,t,a)=>{a.metaKey&&a.shiftKey?o.dispatchEvent(I,a,A(),{actionName:"transferAllFrom"}):a.metaKey&&o.dispatchEvent(I,a,A(),{actionName:"transferFrom"})},ArrowRight:(e,t,a)=>{a.metaKey&&a.shiftKey?o.dispatchEvent(I,a,A(),{actionName:"transferAllTo"}):a.metaKey&&o.dispatchEvent(I,a,A(),{actionName:"transferTo"})},Backspace:(e,t,a)=>{o.dispatchEvent(I,a,A(),{actionName:"remove"})}}}}),[s]),z=i.useCallback(F.triggerKeyboardEvent.bind(F),[s]);return i.useEffect(()=>(F.initializeRovingTab(),()=>F.removeFocusListener()),[s]),i.createElement("div",{id:a,ref:O,style:r,unselectable:"on",className:o.classNames(d,"k-listbox",{[`k-listbox-${R}`]:E},T===c.NONE||void 0===e.toolbar?`k-listbox-actions-${D.toolbarPosition}`:`k-listbox-actions-${T}`)},e.toolbar&&i.createElement(e.toolbar,null),i.createElement("div",{className:"k-list-scroller k-selectable","data-role":"selectable",ref:N,onDragOver:e=>e.preventDefault(),onDrop:t=>{t.target.classList.contains("k-list-content")&&(e.data.length>0?o.dispatchEvent(e.onDrop,t,A(),{dataItem:e.data[e.data.length-1]}):o.dispatchEvent(e.onDrop,t,A(),{dataItem:null}))},onDragLeave:e=>{b&&e.target.classList.contains("k-list-content")&&o.dispatchEvent(b,e,A(),void 0)},onKeyDown:z},i.createElement("div",{className:o.classNames("k-list",{[`k-list-${R}`]:E})},i.createElement("div",{className:"k-list-content"},i.createElement("ul",{className:"k-list-ul",role:"listbox","aria-label":"listbox-container",onKeyDown:e=>{p&&o.dispatchEvent(p,e,A(),void 0)}},s.map((t,a)=>{const n=(e=>{if(u)return!!e[u]})(t),r={className:o.classNames("k-list-item",{"k-selected":n}),role:"option",key:a,id:L+a,"aria-selected":n,"data-uid":L+a,draggable:w,onDragStart:e=>{o.dispatchEvent(v,e,A(),{dataItem:t})},onDragOver:e=>{e.preventDefault(),o.dispatchEvent(h,e,A(),{dataItem:t})},onDrop:e=>{o.dispatchEvent(f,e,A(),{dataItem:t})},onClick:e=>{o.dispatchEvent(k,e,A(),{dataItem:t})}};return e.item?i.createElement(e.item,{selected:n,dataItem:t,...r,key:r.key},i.createElement("span",{className:"k-list-item-text"},t.name)):i.createElement("li",{...r,key:r.key},i.createElement("span",{className:"k-list-item-text"},(e=>l?e[l]:e.toString())(t)))}))))),i.createElement("select",{style:{display:"none"},multiple:!0,"data-role":"listbox","aria-label":K.toLanguageString(g,x[g])},s.map((e,t)=>{const a=e[m||l];return i.createElement("option",{key:t,value:a},a)})))}),D={toolbarPosition:c.RIGHT,draggable:!0,size:void 0};h.propTypes={size:a.oneOf(["small","medium","large"]),toolbarPosition:a.oneOf(["none","top","bottom","left","right"]),textField:a.string.isRequired,valueField:a.string,selectedField:a.string,data:a.array.isRequired},h.displayName="ListBoxInner";const k=[{name:"moveUp",iconName:"caret-alt-up",svgIcon:s.caretAltUpIcon},{name:"moveDown",iconName:"caret-alt-down",svgIcon:s.caretAltDownIcon},{name:"transferTo",iconName:"caret-alt-right",svgIcon:s.caretAltRightIcon},{name:"transferFrom",iconName:"caret-alt-left",svgIcon:s.caretAltLeftIcon},{name:"transferAllTo",iconName:"caret-double-alt-right",svgIcon:s.caretDoubleAltRightIcon},{name:"transferAllFrom",iconName:"caret-double-alt-left",svgIcon:s.caretDoubleAltLeftIcon},{name:"remove",iconName:"x",svgIcon:s.xIcon}],y=i.forwardRef((e,t)=>{const{tools:a,dir:l,onToolClick:c,size:d=I.size,data:m=I.data,dataConnected:u=I.dataConnected,selectedField:f=I.selectedField}=e,p=n.useLocalization(),v=i.useRef(null),b=i.useRef(null),g=i.useCallback(()=>({onToolClick:c,props:e,context:{},state:{},refs:{}}),[]);i.useImperativeHandle(b,g),i.useImperativeHandle(t,()=>b.current);const h=(e,t,a)=>{a.preventDefault(),t.focusNext(e)},D=(e,t,a)=>{a.preventDefault(),t.focusPrevious(e)},y=i.useMemo(()=>new o.Navigation({root:v,selectors:[".k-button:not([disabled])"],tabIndex:0,keyboardEvents:{keydown:{ArrowDown:h,ArrowRight:h,ArrowUp:D,ArrowLeft:D,Enter:(e,t,a)=>{e.click(),t.focusElement(t.current,e)}}}}),[]),E=i.useCallback(y.triggerKeyboardEvent.bind(y),[]);i.useEffect(()=>(y.initializeRovingTab(),()=>y.removeFocusListener()),[]);const w=e=>{switch(e.name){case"caret-alt-right":return s.caretAltLeftIcon;case"caret-alt-left":return s.caretAltRightIcon;case"caret-double-alt-right":return s.caretDoubleAltLeftIcon;case"caret-double-alt-left":return s.caretDoubleAltRightIcon}return e},T=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},N="rtl"===l;return i.createElement("div",{className:o.classNames("k-listbox-actions"),ref:v,onKeyDown:E},a&&a.map((e,t)=>{const a=k.findIndex(t=>t.name===e),n=k[a],s=(e=>{let t=!0;const a=f||"selected",o=m.length,n=u.length,r=m.findIndex(e=>!0===e[a])>=0,s=u.findIndex(e=>!0===e[a])>=0;switch(e){case"moveUp":t=r?!(m.length>0)||m[0].selected:!s||!(u.length>0)||u[0].selected;break;case"moveDown":t=r?!m[o-1]||m[o-1].selected:!s||!(u.length>0)||u[n-1].selected;break;case"transferTo":t=!(u&&r);break;case"transferFrom":t=!u||!(u&&s);break;case"transferAllTo":t=!(u&&m.length>0);break;case"transferAllFrom":t=!(u&&u.length>0);break;case"remove":t=!(r||s)}return t})(n.name),l=`listbox.${n.name}`,v=p.toLanguageString(l,x[l]);return i.createElement(r.Button,{size:d,key:t,disabled:s,"data-command":n.name,title:v,"aria-label":v,icon:N?T(n.iconName):n.iconName,svgIcon:N?w(n.svgIcon):n.svgIcon,onClick:e=>{e.preventDefault(),((e,t)=>{o.dispatchEvent(c,e,g(),{toolName:t})})(e,n.name)}})}))}),I={data:[],dataConnected:[],selectedField:"selected",size:void 0};y.propTypes={data:a.array.isRequired,dataConnected:a.array.isRequired,tools:a.array,selectedField:a.string,dir:a.string,size:a.oneOf(["small","medium","large"])},y.displayName="ListBoxToolbarInner";const E=(e,t,a)=>{const o=a.splice(e,1)[0];return a.splice(t,0,o),a},w=o.withIdHOC(h);w.displayName="KendoReactListBox",e.ListBox=w,e.ListBoxToolbar=y,e.moveItem=E,e.processListBoxData=(e=[],t=[],a,o)=>{let n=[],r=[],s=[];const l={listBoxOneData:e,listBoxTwoData:t};switch(a){case"moveUp":n=[...e],n.forEach((e,t)=>{e[o]&&(n=E(t,t-1,n))}),s=[...t],s.forEach((e,t)=>{e[o]&&(s=E(t,t-1,s))}),l.listBoxOneData=n,l.listBoxTwoData=s;break;case"moveDown":n=e.reverse(),n.forEach((e,t)=>{e[o]&&(n=E(t,t-1,n))}),s=t.reverse(),s.forEach((e,t)=>{e[o]&&(s=E(t,t-1,s))}),l.listBoxOneData=[...n].reverse(),l.listBoxTwoData=[...s].reverse();break;case"transferTo":n=e.filter(e=>!e[o]),r=e.filter(e=>e[o]),s=t.concat(r),l.listBoxOneData=n,l.listBoxTwoData=s;break;case"transferFrom":s=t.filter(e=>!e[o]),r=t.filter(e=>e[o]),n=e.concat(r),l.listBoxOneData=n,l.listBoxTwoData=s;break;case"transferAllTo":l.listBoxOneData=[],l.listBoxTwoData=t.concat(e);break;case"transferAllFrom":l.listBoxOneData=t.concat(e),l.listBoxTwoData=[];break;case"remove":s=t.filter(e=>!e[o]),n=e.filter(e=>!e[o]),l.listBoxOneData=n,l.listBoxTwoData=s}return l},e.processListBoxDragAndDrop=(e=[],t=[],a,o,n)=>{const r=e.findIndex(e=>e[n]===a[n]),s=t.findIndex(e=>e[n]===a[n]),l=null!==o?e.findIndex(e=>e[n]===o[n]):-1,i=null!==o?t.findIndex(e=>e[n]===o[n]):-1,c=r>=0,d=s>=0,m=l>=0,u=i>=0,f=[...e],p=[...t];return c&&m?{listBoxOneData:E(r,l,e),listBoxTwoData:t}:d&&u?{listBoxOneData:e,listBoxTwoData:E(s,i,t)}:c&&(u||null===o)?(null===o?p.push(e[r]):p.splice(i+1,0,e[r]),f.splice(r,1),{listBoxOneData:f,listBoxTwoData:p}):d&&(m||null===o)?(null===o?f.push(t[s]):f.splice(l+1,0,t[s]),p.splice(s,1),{listBoxOneData:f,listBoxTwoData:p}):{listBoxOneData:e,listBoxTwoData:t}}});

package/index.d.mts

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { ListBoxProps } from './interfaces/ListBoxProps.js';
+import { ListBoxProps } from './interfaces/ListBoxProps';
 import { ListBoxToolbar } from './ListBoxToolbar.js';
-import { ListBoxToolbarProps } from './interfaces/ListBoxToolBarProps.js';
+import { ListBoxToolbarProps } from './interfaces/ListBoxToolBarProps';
 import { processListBoxData, moveItem, processListBoxDragAndDrop } from './utils.js';
-import { ListBoxDragEvent, ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxToolbarClickEvent, ListBoxEvent, ListBoxItemSelectEvent, ListBoxItemNavigateEvent } from './interfaces/ListBoxEvents.js';
+import { ListBoxDragEvent, ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxToolbarClickEvent, ListBoxEvent, ListBoxItemSelectEvent, ListBoxItemNavigateEvent } from './interfaces/ListBoxEvents';
 /**
  * Represents the KendoReact ListBox Component.
  */

package/index.d.ts

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { ListBoxProps } from './interfaces/ListBoxProps.js';
+import { ListBoxProps } from './interfaces/ListBoxProps';
 import { ListBoxToolbar } from './ListBoxToolbar.js';
-import { ListBoxToolbarProps } from './interfaces/ListBoxToolBarProps.js';
+import { ListBoxToolbarProps } from './interfaces/ListBoxToolBarProps';
 import { processListBoxData, moveItem, processListBoxDragAndDrop } from './utils.js';
-import { ListBoxDragEvent, ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxToolbarClickEvent, ListBoxEvent, ListBoxItemSelectEvent, ListBoxItemNavigateEvent } from './interfaces/ListBoxEvents.js';
+import { ListBoxDragEvent, ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxToolbarClickEvent, ListBoxEvent, ListBoxItemSelectEvent, ListBoxItemNavigateEvent } from './interfaces/ListBoxEvents';
 /**
  * Represents the KendoReact ListBox Component.
  */

package/interfaces/ListBoxProps.d.ts

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { ComponentType } from 'react';
-import { ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxDragEvent, ListBoxDragLeaveEvent, ListBoxItemSelectEvent, ListBoxItemNavigateEvent } from './ListBoxEvents.js';
+import { ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxDragEvent, ListBoxDragLeaveEvent, ListBoxItemSelectEvent, ListBoxItemNavigateEvent } from './ListBoxEvents';
 import { toolbarPosition } from './Enums.js';
 /**
  * Represents the props of the [KendoReact ListBox component](https://www.telerik.com/kendo-react-ui/components/listbox).

package/interfaces/ListBoxToolBarProps.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { ListBoxToolbarClickEvent } from './ListBoxEvents.js';
+import { ListBoxToolbarClickEvent } from './ListBoxEvents';
 export interface ListBoxToolbarProps {
     /**
      * Sets the tools of the ListBoxToolbar. By default, the ListBoxToolbar renders no tools.

package/messages/index.d.ts

@@ -33,6 +33,10 @@ export declare const transferAllFrom = "listbox.transferAllFrom";
  * @hidden
  */
 export declare const remove = "listbox.remove";
+/**
+ * @hidden
+ */
+export declare const ariaLabelListBox = "listbox.ariaLabel";
 /**
  * @hidden
  */
@@ -44,4 +48,5 @@ export declare const messages: {
     "listbox.transferAllTo": string;
     "listbox.transferAllFrom": string;
     "listbox.remove": string;
+    "listbox.ariaLabel": string;
 };

package/messages/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o="listbox.moveUp",r="listbox.moveDown",e="listbox.transferTo",s="listbox.transferFrom",t="listbox.transferAllTo",n="listbox.transferAllFrom",l="listbox.remove",a={[o]:"Move Up",[r]:"Move Down",[e]:"Transfer To",[s]:"Transfer From",[t]:"Transfer All To",[n]:"Transfer All From",[l]:"Delete"};exports.messages=a;exports.moveDown=r;exports.moveUp=o;exports.remove=l;exports.transferAllFrom=n;exports.transferAllTo=t;exports.transferFrom=s;exports.transferTo=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o="listbox.moveUp",r="listbox.moveDown",e="listbox.transferTo",s="listbox.transferFrom",t="listbox.transferAllTo",l="listbox.transferAllFrom",n="listbox.remove",a="listbox.ariaLabel",m={[o]:"Move Up",[r]:"Move Down",[e]:"Transfer To",[s]:"Transfer From",[t]:"Transfer All To",[l]:"Transfer All From",[n]:"Delete",[a]:"ListBox"};exports.ariaLabelListBox=a;exports.messages=m;exports.moveDown=r;exports.moveUp=o;exports.remove=n;exports.transferAllFrom=l;exports.transferAllTo=t;exports.transferFrom=s;exports.transferTo=e;

package/messages/index.mjs

@@ -5,17 +5,19 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const o = "listbox.moveUp", r = "listbox.moveDown", s = "listbox.transferTo", e = "listbox.transferFrom", t = "listbox.transferAllTo", n = "listbox.transferAllFrom", l = "listbox.remove", a = {
+const o = "listbox.moveUp", r = "listbox.moveDown", s = "listbox.transferTo", e = "listbox.transferFrom", t = "listbox.transferAllTo", n = "listbox.transferAllFrom", l = "listbox.remove", a = "listbox.ariaLabel", m = {
   [o]: "Move Up",
   [r]: "Move Down",
   [s]: "Transfer To",
   [e]: "Transfer From",
   [t]: "Transfer All To",
   [n]: "Transfer All From",
-  [l]: "Delete"
+  [l]: "Delete",
+  [a]: "ListBox"
 };
 export {
-  a as messages,
+  a as ariaLabelListBox,
+  m as messages,
   r as moveDown,
   o as moveUp,
   l as remove,

package/package-metadata.mjs

@@ -6,7 +6,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1776955319,
-    version: '14.4.1-develop.9',
+    publishDate: 1777910387,
+    version: '14.5.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-listbox",
-  "version": "14.4.1-develop.9",
+  "version": "14.5.0-develop.1",
   "description": "React ListBox enables you to display a list of items and manage the data between multiple lists. KendoReact ListBox package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,9 +26,9 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-buttons": "14.4.1-develop.9",
-    "@progress/kendo-react-common": "14.4.1-develop.9",
-    "@progress/kendo-react-intl": "14.4.1-develop.9",
+    "@progress/kendo-react-buttons": "14.5.0-develop.1",
+    "@progress/kendo-react-common": "14.5.0-develop.1",
+    "@progress/kendo-react-intl": "14.5.0-develop.1",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -56,7 +56,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1776955319,
+      "publishDate": 1777910387,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },