@progress/kendo-react-listbox 9.4.0-develop.6 → 9.4.0-develop.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/ListBox.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"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"),U=require("./package-metadata.js");function V(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=V(G),h=s.forwardRef((n,f)=>{a.validatePackage(U.packageMetadata);const{id:d,style:g,data:c,textField:k,className:T,valueField:S,selectedField:D,onDrop:L,onKeyDown:v,onDragStart:C,onDragLeave:N,onDragOver:F,onItemClick:z,onItemSelect:y,onKeyboardNavigate:m,size:p=E.size,draggable:q=E.draggable,toolbarPosition:K=E.toolbarPosition}=n,x=s.useRef(null),O=s.useRef(null),P=s.useRef(null),i=s.useCallback(()=>({element:P.current,props:n}),[]);s.useImperativeHandle(O,i),s.useImperativeHandle(f,()=>O.current);const w=d+"-accessibility-id",I=a.kendoThemeMaps.sizeMap[p]||p,M=t=>{if(D)return!!t[D]},_=t=>k?t[k]:t.toString(),A=t=>{v&&a.dispatchEvent(v,t,i(),void 0)},j=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}))},B=()=>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,i(),void 0)},b=s.useMemo(()=>new a.Navigation({root:x,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]),$=s.useCallback(b.triggerKeyboardEvent.bind(b),[c]);return s.useEffect(()=>(b.initializeRovingTab(),()=>b.removeFocusListener()),[c]),s.createElement("div",{id:d,ref:P,style:g,unselectable:"on",className:a.classNames(T,"k-listbox",{[`k-listbox-${I}`]:p},B())},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:j,onDragLeave:H,onKeyDown:$},s.createElement("div",{className:a.classNames("k-list",{[`k-list-${I}`]:p})},s.createElement("div",{className:"k-list-content"},s.createElement("ul",{className:"k-list-ul",role:"listbox","aria-label":"listbox-container",onKeyDown:A},c.map((t,o)=>{const e=M(t),r={className:a.classNames("k-list-item",{"k-selected":e}),role:"option",key:o,id:w+o,"aria-selected":e,"data-uid":w+o,draggable:q,onDragStart:l=>{a.dispatchEvent(C,l,i(),{dataItem:t})},onDragOver:l=>{l.preventDefault(),a.dispatchEvent(F,l,i(),{dataItem:t})},onDrop:l=>{a.dispatchEvent(L,l,i(),{dataItem:t})},onClick:l=>{a.dispatchEvent(z,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"},_(t)))}))))),s.createElement("select",{style:{display:"none"},multiple:!0,"data-role":"listbox"},c.map((t,o)=>{const e=t[S||k];return s.createElement("option",{key:o,value:e},e)})))}),E={toolbarPosition:R.toolbarPosition.RIGHT,draggable:!0,size:"medium"};h.propTypes={size:u.oneOf([null,"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};h.displayName="ListBoxInner";exports.ListBox=h;
8
+ "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"),U=require("./package-metadata.js");function V(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=V(G),h=s.forwardRef((n,f)=>{a.validatePackage(U.packageMetadata);const{id:d,style:g,data:c,textField:k,className:T,valueField:S,selectedField:D,onDrop:L,onKeyDown:v,onDragStart:C,onDragLeave:N,onDragOver:F,onItemClick:z,onItemSelect:y,onKeyboardNavigate:m,size:p=E.size,draggable:q=E.draggable,toolbarPosition:K=E.toolbarPosition}=n,x=s.useRef(null),O=s.useRef(null),P=s.useRef(null),i=s.useCallback(()=>({element:P.current,props:n}),[]);s.useImperativeHandle(O,i),s.useImperativeHandle(f,()=>O.current);const w=d+"-accessibility-id",I=a.kendoThemeMaps.sizeMap[p]||p,M=t=>{if(D)return!!t[D]},_=t=>k?t[k]:t.toString(),A=t=>{v&&a.dispatchEvent(v,t,i(),void 0)},j=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}))},B=()=>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,i(),void 0)},b=s.useMemo(()=>new a.Navigation({root:x,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]),$=s.useCallback(b.triggerKeyboardEvent.bind(b),[c]);return s.useEffect(()=>(b.initializeRovingTab(),()=>b.removeFocusListener()),[c]),s.createElement("div",{id:d,ref:P,style:g,unselectable:"on",className:a.classNames(T,"k-listbox",{[`k-listbox-${I}`]:p},B())},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:j,onDragLeave:H,onKeyDown:$},s.createElement("div",{className:a.classNames("k-list",{[`k-list-${I}`]:p})},s.createElement("div",{className:"k-list-content"},s.createElement("ul",{className:"k-list-ul",role:"listbox","aria-label":"listbox-container",onKeyDown:A},c.map((t,o)=>{const e=M(t),r={className:a.classNames("k-list-item",{"k-selected":e}),role:"option",key:o,id:w+o,"aria-selected":e,"data-uid":w+o,draggable:q,onDragStart:l=>{a.dispatchEvent(C,l,i(),{dataItem:t})},onDragOver:l=>{l.preventDefault(),a.dispatchEvent(F,l,i(),{dataItem:t})},onDrop:l=>{a.dispatchEvent(L,l,i(),{dataItem:t})},onClick:l=>{a.dispatchEvent(z,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"},_(t)))}))))),s.createElement("select",{style:{display:"none"},multiple:!0,"data-role":"listbox"},c.map((t,o)=>{const e=t[S||k];return s.createElement("option",{key:o,value:e},e)})))}),E={toolbarPosition:R.toolbarPosition.RIGHT,draggable:!0,size:"medium"};h.propTypes={size:u.oneOf([null,"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};h.displayName="ListBoxInner";exports.ListBox=h;
package/ListBox.mjs CHANGED
@@ -5,7 +5,6 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";
9
8
  import * as a from "react";
10
9
  import f from "prop-types";
11
10
  import { validatePackage as V, kendoThemeMaps as j, Navigation as J, dispatchEvent as s, classNames as k } from "@progress/kendo-react-common";
package/ListBoxToolbar.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),f=require("prop-types"),k=require("@progress/kendo-react-common"),B=require("@progress/kendo-react-buttons"),j=require("@progress/kendo-react-intl"),o=require("@progress/kendo-svg-icons"),U=require("./messages/index.js");function _(l){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const i in l)if(i!=="default"){const b=Object.getOwnPropertyDescriptor(l,i);Object.defineProperty(g,i,b.get?b:{enumerable:!0,get:()=>l[i]})}}return g.default=l,Object.freeze(g)}const r=_(P),D=[{name:"moveUp",iconName:"caret-alt-up",svgIcon:o.caretAltUpIcon},{name:"moveDown",iconName:"caret-alt-down",svgIcon:o.caretAltDownIcon},{name:"transferTo",iconName:"caret-alt-right",svgIcon:o.caretAltRightIcon},{name:"transferFrom",iconName:"caret-alt-left",svgIcon:o.caretAltLeftIcon},{name:"transferAllTo",iconName:"caret-double-alt-right",svgIcon:o.caretDoubleAltRightIcon},{name:"transferAllFrom",iconName:"caret-double-alt-left",svgIcon:o.caretDoubleAltLeftIcon},{name:"remove",iconName:"x",svgIcon:o.xIcon}],p=r.forwardRef((l,g)=>{const{tools:i,dir:b,onToolClick:w,size:L=h.size,data:d=h.data,dataConnected:n=h.dataConnected,selectedField:C=h.selectedField}=l,F=j.useLocalization(),A=r.useRef(null),T=r.useRef(null),x=r.useCallback(()=>({onToolClick:w,props:l,context:{},state:{},refs:{}}),[]);r.useImperativeHandle(T,x),r.useImperativeHandle(g,()=>T.current);const y=(t,e,c)=>{c.preventDefault(),e.focusNext(t)},N=(t,e,c)=>{c.preventDefault(),e.focusPrevious(t)},v=r.useMemo(()=>new k.Navigation({root:A,selectors:[".k-button:not([disabled])"],tabIndex:0,keyboardEvents:{keydown:{ArrowDown:y,ArrowRight:y,ArrowUp:N,ArrowLeft:N,Enter:(t,e,c)=>{t.click(),e.focusElement(e.current,t)}}}}),[]),S=r.useCallback(v.triggerKeyboardEvent.bind(v),[]);r.useEffect(()=>(v.initializeRovingTab(),()=>v.removeFocusListener()),[]);const q=t=>{switch(t.name){case"caret-alt-right":return o.caretAltLeftIcon;case"caret-alt-left":return o.caretAltRightIcon;case"caret-double-alt-right":return o.caretDoubleAltLeftIcon;case"caret-double-alt-left":return o.caretDoubleAltRightIcon}return t},E=t=>{switch(t){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 t},O=(t,e)=>{k.dispatchEvent(w,t,x(),{toolName:e})},z=t=>{let e=!0;const c=C||"selected",a=d.length,I=n.length,u=d.findIndex(s=>s[c]===!0)>=0,m=n.findIndex(s=>s[c]===!0)>=0;switch(t){case"moveUp":u?e=d.length>0?d[0].selected:!0:m?e=n.length>0?n[0].selected:!0:e=!0;break;case"moveDown":u?e=d[a-1]?d[a-1].selected:!0:m?e=n.length>0?n[I-1].selected:!0:e=!0;break;case"transferTo":e=!(n&&u);break;case"transferFrom":n?e=!(n&&m):e=!0;break;case"transferAllTo":e=!(n&&d.length>0);break;case"transferAllFrom":e=!(n&&n.length>0);break;case"remove":e=!(u||m);break}return e},R=b==="rtl";return r.createElement("div",{className:k.classNames("k-listbox-actions"),ref:A,onKeyDown:S},i&&i.map((t,e)=>{const c=D.findIndex(s=>s.name===t),a=D[c],I=z(a.name),u=`listbox.${a.name}`,m=F.toLanguageString(u,U.messages[u]);return r.createElement(B.Button,{size:L,key:e,disabled:I,"data-command":a.name,title:m,"aria-label":m,icon:R?E(a.iconName):a.iconName,svgIcon:R?q(a.svgIcon):a.svgIcon,onClick:s=>{s.preventDefault(),O(s,a.name)}})}))}),h={data:[],dataConnected:[],selectedField:"selected",size:"medium"};p.propTypes={data:f.array.isRequired,dataConnected:f.array.isRequired,tools:f.array,selectedField:f.string,dir:f.string,size:f.oneOf([null,"small","medium","large"])};p.displayName="ListBoxToolbarInner";exports.ListBoxToolbar=p;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),f=require("prop-types"),k=require("@progress/kendo-react-common"),B=require("@progress/kendo-react-buttons"),j=require("@progress/kendo-react-intl"),o=require("@progress/kendo-svg-icons"),U=require("./messages/index.js");function _(l){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const i in l)if(i!=="default"){const b=Object.getOwnPropertyDescriptor(l,i);Object.defineProperty(g,i,b.get?b:{enumerable:!0,get:()=>l[i]})}}return g.default=l,Object.freeze(g)}const r=_(P),D=[{name:"moveUp",iconName:"caret-alt-up",svgIcon:o.caretAltUpIcon},{name:"moveDown",iconName:"caret-alt-down",svgIcon:o.caretAltDownIcon},{name:"transferTo",iconName:"caret-alt-right",svgIcon:o.caretAltRightIcon},{name:"transferFrom",iconName:"caret-alt-left",svgIcon:o.caretAltLeftIcon},{name:"transferAllTo",iconName:"caret-double-alt-right",svgIcon:o.caretDoubleAltRightIcon},{name:"transferAllFrom",iconName:"caret-double-alt-left",svgIcon:o.caretDoubleAltLeftIcon},{name:"remove",iconName:"x",svgIcon:o.xIcon}],p=r.forwardRef((l,g)=>{const{tools:i,dir:b,onToolClick:w,size:L=h.size,data:d=h.data,dataConnected:n=h.dataConnected,selectedField:C=h.selectedField}=l,F=j.useLocalization(),A=r.useRef(null),T=r.useRef(null),x=r.useCallback(()=>({onToolClick:w,props:l,context:{},state:{},refs:{}}),[]);r.useImperativeHandle(T,x),r.useImperativeHandle(g,()=>T.current);const y=(t,e,c)=>{c.preventDefault(),e.focusNext(t)},N=(t,e,c)=>{c.preventDefault(),e.focusPrevious(t)},v=r.useMemo(()=>new k.Navigation({root:A,selectors:[".k-button:not([disabled])"],tabIndex:0,keyboardEvents:{keydown:{ArrowDown:y,ArrowRight:y,ArrowUp:N,ArrowLeft:N,Enter:(t,e,c)=>{t.click(),e.focusElement(e.current,t)}}}}),[]),S=r.useCallback(v.triggerKeyboardEvent.bind(v),[]);r.useEffect(()=>(v.initializeRovingTab(),()=>v.removeFocusListener()),[]);const q=t=>{switch(t.name){case"caret-alt-right":return o.caretAltLeftIcon;case"caret-alt-left":return o.caretAltRightIcon;case"caret-double-alt-right":return o.caretDoubleAltLeftIcon;case"caret-double-alt-left":return o.caretDoubleAltRightIcon}return t},E=t=>{switch(t){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 t},O=(t,e)=>{k.dispatchEvent(w,t,x(),{toolName:e})},z=t=>{let e=!0;const c=C||"selected",a=d.length,I=n.length,u=d.findIndex(s=>s[c]===!0)>=0,m=n.findIndex(s=>s[c]===!0)>=0;switch(t){case"moveUp":u?e=d.length>0?d[0].selected:!0:m?e=n.length>0?n[0].selected:!0:e=!0;break;case"moveDown":u?e=d[a-1]?d[a-1].selected:!0:m?e=n.length>0?n[I-1].selected:!0:e=!0;break;case"transferTo":e=!(n&&u);break;case"transferFrom":n?e=!(n&&m):e=!0;break;case"transferAllTo":e=!(n&&d.length>0);break;case"transferAllFrom":e=!(n&&n.length>0);break;case"remove":e=!(u||m);break}return e},R=b==="rtl";return r.createElement("div",{className:k.classNames("k-listbox-actions"),ref:A,onKeyDown:S},i&&i.map((t,e)=>{const c=D.findIndex(s=>s.name===t),a=D[c],I=z(a.name),u=`listbox.${a.name}`,m=F.toLanguageString(u,U.messages[u]);return r.createElement(B.Button,{size:L,key:e,disabled:I,"data-command":a.name,title:m,"aria-label":m,icon:R?E(a.iconName):a.iconName,svgIcon:R?q(a.svgIcon):a.svgIcon,onClick:s=>{s.preventDefault(),O(s,a.name)}})}))}),h={data:[],dataConnected:[],selectedField:"selected",size:"medium"};p.propTypes={data:f.array.isRequired,dataConnected:f.array.isRequired,tools:f.array,selectedField:f.string,dir:f.string,size:f.oneOf([null,"small","medium","large"])};p.displayName="ListBoxToolbarInner";exports.ListBoxToolbar=p;
@@ -5,7 +5,6 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";
9
8
  import * as n from "react";
10
9
  import d from "prop-types";
11
10
  import { Navigation as K, classNames as q, dispatchEvent as O } from "@progress/kendo-react-common";
@@ -26,10 +25,10 @@ const N = [
26
25
  tools: b,
27
26
  dir: R,
28
27
  onToolClick: v,
29
- size: C = m.size,
30
- data: l = m.data,
31
- dataConnected: a = m.dataConnected,
32
- selectedField: E = m.selectedField
28
+ size: C = u.size,
29
+ data: l = u.data,
30
+ dataConnected: a = u.dataConnected,
31
+ selectedField: E = u.selectedField
33
32
  } = g, z = _(), h = n.useRef(null), p = n.useRef(null), I = n.useCallback(
34
33
  () => ({
35
34
  onToolClick: v,
@@ -48,7 +47,7 @@ const N = [
48
47
  o.preventDefault(), e.focusNext(t);
49
48
  }, w = (t, e, o) => {
50
49
  o.preventDefault(), e.focusPrevious(t);
51
- }, u = n.useMemo(
50
+ }, m = n.useMemo(
52
51
  () => new K({
53
52
  root: h,
54
53
  selectors: [".k-button:not([disabled])"],
@@ -66,8 +65,8 @@ const N = [
66
65
  }
67
66
  }),
68
67
  []
69
- ), S = n.useCallback(u.triggerKeyboardEvent.bind(u), []);
70
- n.useEffect(() => (u.initializeRovingTab(), () => u.removeFocusListener()), []);
68
+ ), S = n.useCallback(m.triggerKeyboardEvent.bind(m), []);
69
+ n.useEffect(() => (m.initializeRovingTab(), () => m.removeFocusListener()), []);
71
70
  const B = (t) => {
72
71
  switch (t.name) {
73
72
  case "caret-alt-right":
@@ -141,7 +140,7 @@ const N = [
141
140
  }
142
141
  );
143
142
  }));
144
- }), m = {
143
+ }), u = {
145
144
  data: [],
146
145
  dataConnected: [],
147
146
  selectedField: "selected",
package/index.js CHANGED
@@ -5,4 +5,5 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ListBox.js"),s=require("./ListBoxToolbar.js"),o=require("./utils.js"),i=require("@progress/kendo-react-common"),t=i.withIdHOC(e.ListBox);t.displayName="KendoReactListBox";exports.ListBoxToolbar=s.ListBoxToolbar;exports.moveItem=o.moveItem;exports.processListBoxData=o.processListBoxData;exports.processListBoxDragAndDrop=o.processListBoxDragAndDrop;exports.ListBox=t;
8
+ "use client";
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./ListBox.js"),e=require("./ListBoxToolbar.js"),o=require("./utils.js"),r=require("@progress/kendo-react-common"),t=r.withIdHOC(s.ListBox);t.displayName="KendoReactListBox";exports.ListBoxToolbar=e.ListBoxToolbar;exports.moveItem=o.moveItem;exports.processListBoxData=o.processListBoxData;exports.processListBoxDragAndDrop=o.processListBoxDragAndDrop;exports.ListBox=t;
package/index.mjs CHANGED
@@ -10,10 +10,10 @@ import { ListBox as o } from "./ListBox.mjs";
10
10
  import { ListBoxToolbar as m } from "./ListBoxToolbar.mjs";
11
11
  import { moveItem as a, processListBoxData as B, processListBoxDragAndDrop as L } from "./utils.mjs";
12
12
  import { withIdHOC as t } from "@progress/kendo-react-common";
13
- const s = t(o);
14
- s.displayName = "KendoReactListBox";
13
+ const r = t(o);
14
+ r.displayName = "KendoReactListBox";
15
15
  export {
16
- s as ListBox,
16
+ r as ListBox,
17
17
  m as ListBoxToolbar,
18
18
  a as moveItem,
19
19
  B as processListBoxData,
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(e=>(e.TOP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e.NONE="none",e))(t||{});exports.toolbarPosition=t;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(e=>(e.TOP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e.NONE="none",e))(t||{});exports.toolbarPosition=t;
@@ -5,8 +5,7 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";
9
- var T = /* @__PURE__ */ ((e) => (e.TOP = "top", e.BOTTOM = "bottom", e.LEFT = "left", e.RIGHT = "right", e.NONE = "none", e))(T || {});
8
+ var e = /* @__PURE__ */ ((T) => (T.TOP = "top", T.BOTTOM = "bottom", T.LEFT = "left", T.RIGHT = "right", T.NONE = "none", T))(e || {});
10
9
  export {
11
- T as toolbarPosition
10
+ e as toolbarPosition
12
11
  };
package/messages/index.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"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;
8
+ "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;
@@ -5,7 +5,6 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";
9
8
  const o = "listbox.moveUp", r = "listbox.moveDown", s = "listbox.transferTo", e = "listbox.transferFrom", t = "listbox.transferAllTo", n = "listbox.transferAllFrom", l = "listbox.remove", a = {
10
9
  [o]: "Move Up",
11
10
  [r]: "Move Down",
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-listbox",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1737926164,version:"9.4.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-listbox",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1738137403,version:"9.4.0-develop.8",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
@@ -5,14 +5,13 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";
9
8
  const e = {
10
9
  name: "@progress/kendo-react-listbox",
11
10
  productName: "KendoReact",
12
11
  productCode: "KENDOUIREACT",
13
12
  productCodes: ["KENDOUIREACT"],
14
- publishDate: 1737926164,
15
- version: "9.4.0-develop.6",
13
+ publishDate: 1738137403,
14
+ version: "9.4.0-develop.8",
16
15
  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
17
16
  };
18
17
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-listbox",
3
- "version": "9.4.0-develop.6",
3
+ "version": "9.4.0-develop.8",
4
4
  "description": "React ListBox enables you to display a list of items and manage the data between multiple lists. KendoReact ListBox package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -26,9 +26,9 @@
26
26
  "sideEffects": false,
27
27
  "peerDependencies": {
28
28
  "@progress/kendo-licensing": "^1.3.4",
29
- "@progress/kendo-react-buttons": "9.4.0-develop.6",
30
- "@progress/kendo-react-common": "9.4.0-develop.6",
31
- "@progress/kendo-react-intl": "9.4.0-develop.6",
29
+ "@progress/kendo-react-buttons": "9.4.0-develop.8",
30
+ "@progress/kendo-react-common": "9.4.0-develop.8",
31
+ "@progress/kendo-react-intl": "9.4.0-develop.8",
32
32
  "@progress/kendo-svg-icons": "^4.0.0",
33
33
  "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
34
34
  "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -54,7 +54,7 @@
54
54
  "package": {
55
55
  "productName": "KendoReact",
56
56
  "productCode": "KENDOUIREACT",
57
- "publishDate": 1737926164,
57
+ "publishDate": 1738137403,
58
58
  "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
59
59
  }
60
60
  },
package/utils.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=(e=[],c=[],a,t)=>{let r=[],i=[],n=[];const f={listBoxOneData:e,listBoxTwoData:c};switch(a){case"moveUp":r=[...e],r.forEach((s,o)=>{s[t]&&(r=u(o,o-1,r))}),n=[...c],n.forEach((s,o)=>{s[t]&&(n=u(o,o-1,n))}),f.listBoxOneData=r,f.listBoxTwoData=n;break;case"moveDown":r=e.reverse(),r.forEach((s,o)=>{s[t]&&(r=u(o,o-1,r))}),n=c.reverse(),n.forEach((s,o)=>{s[t]&&(n=u(o,o-1,n))}),f.listBoxOneData=[...r].reverse(),f.listBoxTwoData=[...n].reverse();break;case"transferTo":r=e.filter(s=>!s[t]),i=e.filter(s=>s[t]),n=c.concat(i),f.listBoxOneData=r,f.listBoxTwoData=n;break;case"transferFrom":n=c.filter(s=>!s[t]),i=c.filter(s=>s[t]),r=e.concat(i),f.listBoxOneData=r,f.listBoxTwoData=n;break;case"transferAllTo":f.listBoxOneData=[],f.listBoxTwoData=c.concat(e);break;case"transferAllFrom":f.listBoxOneData=c.concat(e),f.listBoxTwoData=[];break;case"remove":n=c.filter(s=>!s[t]),r=e.filter(s=>!s[t]),f.listBoxOneData=r,f.listBoxTwoData=n;break}return f},u=(e,c,a)=>{const t=a.splice(e,1)[0];return a.splice(c,0,t),a},h=(e=[],c=[],a,t,r)=>{const i=e.findIndex(I=>I[r]===a[r]),n=c.findIndex(I=>I[r]===a[r]),f=t!==null?e.findIndex(I=>I[r]===t[r]):-1,s=t!==null?c.findIndex(I=>I[r]===t[r]):-1,o=i>=0,m=n>=0,b=f>=0,S=s>=0,p=[...e],L=[...c];return o&&b?{listBoxOneData:u(i,f,e),listBoxTwoData:c}:m&&S?{listBoxOneData:e,listBoxTwoData:u(n,s,c)}:o&&(S||t===null)?(t===null?L.push(e[i]):L.splice(s+1,0,e[i]),p.splice(i,1),{listBoxOneData:p,listBoxTwoData:L}):m&&(b||t===null)?(t===null?p.push(c[n]):p.splice(f+1,0,c[n]),L.splice(n,1),{listBoxOneData:p,listBoxTwoData:L}):{listBoxOneData:e,listBoxTwoData:c}};exports.moveItem=u;exports.processListBoxData=g;exports.processListBoxDragAndDrop=h;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=(e=[],c=[],a,t)=>{let r=[],i=[],n=[];const f={listBoxOneData:e,listBoxTwoData:c};switch(a){case"moveUp":r=[...e],r.forEach((s,o)=>{s[t]&&(r=u(o,o-1,r))}),n=[...c],n.forEach((s,o)=>{s[t]&&(n=u(o,o-1,n))}),f.listBoxOneData=r,f.listBoxTwoData=n;break;case"moveDown":r=e.reverse(),r.forEach((s,o)=>{s[t]&&(r=u(o,o-1,r))}),n=c.reverse(),n.forEach((s,o)=>{s[t]&&(n=u(o,o-1,n))}),f.listBoxOneData=[...r].reverse(),f.listBoxTwoData=[...n].reverse();break;case"transferTo":r=e.filter(s=>!s[t]),i=e.filter(s=>s[t]),n=c.concat(i),f.listBoxOneData=r,f.listBoxTwoData=n;break;case"transferFrom":n=c.filter(s=>!s[t]),i=c.filter(s=>s[t]),r=e.concat(i),f.listBoxOneData=r,f.listBoxTwoData=n;break;case"transferAllTo":f.listBoxOneData=[],f.listBoxTwoData=c.concat(e);break;case"transferAllFrom":f.listBoxOneData=c.concat(e),f.listBoxTwoData=[];break;case"remove":n=c.filter(s=>!s[t]),r=e.filter(s=>!s[t]),f.listBoxOneData=r,f.listBoxTwoData=n;break}return f},u=(e,c,a)=>{const t=a.splice(e,1)[0];return a.splice(c,0,t),a},h=(e=[],c=[],a,t,r)=>{const i=e.findIndex(I=>I[r]===a[r]),n=c.findIndex(I=>I[r]===a[r]),f=t!==null?e.findIndex(I=>I[r]===t[r]):-1,s=t!==null?c.findIndex(I=>I[r]===t[r]):-1,o=i>=0,m=n>=0,b=f>=0,S=s>=0,p=[...e],L=[...c];return o&&b?{listBoxOneData:u(i,f,e),listBoxTwoData:c}:m&&S?{listBoxOneData:e,listBoxTwoData:u(n,s,c)}:o&&(S||t===null)?(t===null?L.push(e[i]):L.splice(s+1,0,e[i]),p.splice(i,1),{listBoxOneData:p,listBoxTwoData:L}):m&&(b||t===null)?(t===null?p.push(c[n]):p.splice(f+1,0,c[n]),L.splice(n,1),{listBoxOneData:p,listBoxTwoData:L}):{listBoxOneData:e,listBoxTwoData:c}};exports.moveItem=u;exports.processListBoxData=g;exports.processListBoxDragAndDrop=h;
package/utils.mjs CHANGED
@@ -5,7 +5,6 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";
9
8
  const k = (t = [], e = [], I, c) => {
10
9
  let r = [], i = [], s = [];
11
10
  const f = { listBoxOneData: t, listBoxTwoData: e };