@progress/kendo-react-dropdowns 11.4.0-develop.6 → 11.4.0-develop.7

package/MultiSelectTree/MultiSelectTree.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 et=require("react"),a=require("prop-types"),i=require("@progress/kendo-react-common"),tt=require("@progress/kendo-react-popup"),nt=require("@progress/kendo-react-intl"),Ie=require("@progress/kendo-react-treeview"),at=require("../package-metadata.js"),Z=require("../common/utils.js"),rt=require("../DropDownTree/useDropdownWidth.js"),it=require("../DropDownTree/ListNoData.js"),P=require("../messages/index.js"),st=require("@progress/kendo-react-labels"),ot=require("../MultiSelect/TagList.js"),lt=require("../common/ClearButton.js"),Te=require("../common/ListFilter.js"),ct=require("../common/AdaptiveMode.js"),ut=require("@progress/kendo-react-layout");function dt(v){const h=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(v){for(const t in v)if(t!=="default"){const w=Object.getOwnPropertyDescriptor(v,t);Object.defineProperty(h,t,w.get?w:{enumerable:!0,get:()=>v[t]})}}return h.default=v,Object.freeze(h)}const n=dt(et),pt="Please select a value from the list!",{sizeMap:Ke,roundedMap:ft}=i.kendoThemeMaps,gt=v=>v.split("_").map(h=>parseInt(h,10)),mt=(v,h)=>{const{validationMessage:t,valid:w,required:ee}=v;return{customError:t!==void 0,valid:!!(w!==void 0?w:!ee||h),valueMissing:!h}},k={checkField:"checkField",checkIndeterminateField:"checkIndeterminateField",subItemsField:"items",popupSettings:{animate:!0,width:"200px",height:"200px"},size:"medium",rounded:"medium",fillMode:"solid",required:!1,validityStyles:!0},Re=i.createPropsContext(),ce=n.forwardRef((v,h)=>{const t=i.usePropsContext(Re,v),w=!i.validatePackage(at.packageMetadata,{component:"MultiSelectTree"}),ee=i.useId(),N=t.id||ee,{data:B=[],dataItemKey:I,style:L={},placeholder:te,label:V,name:De,validationMessage:z,valid:Me,tags:ue,value:g,opened:T,disabled:F,popupSettings:q=k.popupSettings,checkField:de=k.checkField,checkIndeterminateField:pe=k.checkIndeterminateField,subItemsField:fe=k.subItemsField,size:C=k.size,rounded:W=k.rounded,fillMode:A=k.fillMode,required:ge=k.required,validityStyles:qe=k.validityStyles,onOpen:ne=i.noop,onClose:j=i.noop}=t,_=i.getTabIndex(t.tabIndex,F),s=n.useRef(null),E=n.useRef(null),K=n.useRef(null),ae=n.useRef(null),$=n.useRef(null),x=n.useRef(null),H=n.useRef(!1),G=n.useRef([]),U=n.useRef(null),[O,Oe]=n.useState(),[Pe,me]=n.useState(!1),[d,re]=n.useState(!1),[ie,Ne]=n.useState(),[Le,Ve]=n.useState([]),[ve,We]=n.useState(""),l=T!==void 0?T:Pe,se=!!(Array.isArray(g)&&g.length),oe=mt({validationMessage:z,valid:Me,required:ge},se),R=i.useRtl(E,t.dir),Be={width:rt.useDropdownWidth(E,k,q,L),...R!==void 0?{direction:R}:{}},ze=n.useCallback(()=>E.current&&E.current.focus(),[]),he=i.useAdaptiveModeContext(),D=!!(ie&&he&&ie<=he.medium&&t.adaptive);G.current=ue===void 0?(g||[]).map(e=>({text:Z.getItemValue(e,t.textField),data:[e]})):[...ue],n.useImperativeHandle(s,()=>({props:t,element:E.current,focus:ze})),n.useImperativeHandle(h,()=>s.current);const Ae=n.useCallback(()=>{$.current&&$.current.setCustomValidity&&$.current.setCustomValidity(oe.valid?"":z===void 0?pt:z)},[z,oe]);n.useEffect(Ae),n.useEffect(()=>{const e=i.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(Ye.bind(void 0));return document!=null&&document.body&&e&&e.observe(document.body),()=>{e&&e.disconnect()}},[]),n.useEffect(()=>{U.current&&l&&U.current.setPosition(U.current.element)},[g,l]);const S=n.useCallback((e,r,o)=>{if(t.onChange){const b={items:r,operation:o,...e};t.onChange.call(void 0,b)}},[t.onChange]),J=n.useCallback(e=>{if(Z.areSame(e.item,g,I)||!s.current)return;const{item:r,nativeEvent:o,syntheticEvent:b}=e,M={syntheticEvent:b,nativeEvent:o,target:s.current};S(M,[r],"toggle")},[g,I,S]),Q=n.useCallback(e=>{if(!l){if(ne){const r={...e};ne.call(void 0,r)}T===void 0&&(me(!0),Ve(g||[]),D&&setTimeout(()=>{var r;u((r=ae.current)==null?void 0:r.element)},300))}},[l,T,ne,D,ae]),m=n.useCallback(e=>{if(l){if(j){const r={...e};j.call(void 0,r)}T===void 0&&me(!1)}},[l,T,j]),y=n.useCallback(e=>{H.current=!0,e(),window.setTimeout(()=>H.current=!1,0)},[]),u=n.useCallback(e=>{e&&y(()=>e.focus())},[y]),je=n.useCallback(()=>{var e;!d&&l?m({target:s.current}):t.filterable?u((e=K.current)==null?void 0:e.element):u(x.current&&x.current.element)},[d,l,u,m,t.filterable]),_e=n.useCallback(()=>{d&&u(E.current)},[d,u]),$e=n.useCallback(e=>{if(!d&&!H.current&&(re(!0),t.onFocus&&s.current)){const r={syntheticEvent:e,nativeEvent:e.nativeEvent,target:s.current};t.onFocus.call(void 0,r)}},[d,t.onFocus]),He=n.useCallback(e=>{if(d&&!H.current&&s.current){re(!1);const r={syntheticEvent:e,nativeEvent:e.nativeEvent,target:s.current};if(t.onBlur){const o={...r};t.onBlur.call(void 0,o)}D||m(r)}},[d,t.onBlur,l,T,j]),Ge=n.useCallback(()=>{d&&y(i.noop)},[d,y]),ye=n.useCallback(e=>{if(!e.isDefaultPrevented()&&s.current){re(!0);const r={syntheticEvent:e,nativeEvent:e.nativeEvent,target:s.current};l||Q(r)}},[l,Q]),Ue=n.useCallback(e=>{var Y,we;const{keyCode:r,altKey:o}=e,b=x.current&&x.current.element;if(!s.current||e.isDefaultPrevented()&&((Y=K.current)==null?void 0:Y.element)===e.target)return;const M={syntheticEvent:e,nativeEvent:e.nativeEvent,target:s.current};if(g&&g.length>0&&(r===i.Keys.left||r===i.Keys.right||r===i.Keys.home||r===i.Keys.end||r===i.Keys.delete)){const c=G.current;let p=O?c.findIndex(Ze=>Z.matchTags(Ze,O,I)):-1,f;const le=p!==-1;r===i.Keys.left?(le?p=Math.max(0,p-1):p=c.length-1,f=c[p]):r===i.Keys.right?p===c.length-1?f=void 0:le&&(p=Math.min(c.length-1,p+1),f=c[p]):r===i.Keys.home?f=c[0]:r===i.Keys.end?f=c[c.length-1]:r===i.Keys.delete&&le&&S(M,c[p].data,"delete"),f!==O&&Oe(f)}if(l)if(r===i.Keys.esc||o&&r===i.Keys.up)e.preventDefault(),m(M);else if(b&&b.querySelector(".k-focus")&&(r===i.Keys.up||r===i.Keys.down||r===i.Keys.left||r===i.Keys.right||r===i.Keys.home||r===i.Keys.end)){if(r===i.Keys.up&&((we=K.current)!=null&&we.element)){const c=Array.from(b.querySelectorAll(".k-treeview-item")),p=[...c].reverse().find(f=>!!(f&&f.querySelector(".k-focus")));if(p&&c.indexOf(p)===0)return y(()=>{var f;u((f=K.current)==null?void 0:f.element)})}y(i.noop)}else r===i.Keys.down&&y(()=>{var c;u(((c=K.current)==null?void 0:c.element)||b)});else o&&r===i.Keys.down&&(e.preventDefault(),Q(M))},[l,m,u,y,Q,O,I,g,S]),be=n.useCallback(e=>{const{keyCode:r,altKey:o}=e;o||r!==i.Keys.up&&r!==i.Keys.down||(e.preventDefault(),y(r===i.Keys.up?()=>{u(E.current)}:()=>{u(x.current&&x.current.element)}))},[u,y]),Je=n.useCallback(e=>{if(!s.current)return;const r={syntheticEvent:e,nativeEvent:e.nativeEvent,target:s.current};S(r,[],"clear"),m(r),e.preventDefault()},[S,m]),Qe=n.useCallback((e,r)=>{var o;m({target:s.current}),d||u((o=K.current)==null?void 0:o.element),S({syntheticEvent:r,nativeEvent:r.nativeEvent,target:s.current},e,"delete")},[S,m,u,d]),ke=n.useCallback(e=>{if(t.onExpandChange&&s.current){const{item:r,itemHierarchicalIndex:o,nativeEvent:b,syntheticEvent:M}=e,Y={level:gt(o),item:r,nativeEvent:b,syntheticEvent:M,target:s.current};t.onExpandChange.call(void 0,Y)}},[t.onExpandChange]),Ce=n.useCallback(e=>{if(t.onFilterChange&&s.current){const o={filter:{field:t.textField,operator:"contains",value:e.target.value},syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,target:s.current};t.onFilterChange.call(void 0,o),t.filter===void 0&&We(e.target.value)}},[t.onFilterChange,t.filter,t.textField]);n.useCallback(e=>{if(!s.current)return;const r={syntheticEvent:e,nativeEvent:e.nativeEvent,target:s.current};t.onCancel&&t.onCancel.call(void 0,r),m(r),e.preventDefault()},[t.onCancel,m]);const Xe=()=>{const e=t.filterable?n.createElement(Te,{value:t.filter===void 0?ve:t.filter,ref:ae,onChange:Ce,onKeyDown:be,size:"large",rounded:W,fillMode:A,placeholder:te}):null,r={title:t.adaptiveTitle||t.label,subTitle:t.adaptiveSubtitle,expand:l,onClose:o=>m(o),windowWidth:ie,mobileFilter:e};return n.createElement(ct.AdaptiveMode,{...r},n.createElement(ut.ActionSheetContent,null,B.length>0?n.createElement(Ie.TreeView,{ref:x,tabIndex:_,data:B,focusIdField:I,textField:t.textField,checkField:de,checkIndeterminateField:pe,expandField:t.expandField,childrenField:fe,expandIcons:!0,onItemClick:J,onCheckChange:J,onExpandChange:ke,checkboxes:!0,size:"large",item:t.item,dir:R}):n.createElement(Ee,null,Fe.toLanguageString(P.nodata,P.messages[P.nodata]))))},Ye=n.useCallback(e=>{for(const r of e)Ne(r.target.clientWidth)},[]),Ee=t.listNoData||it.ListNoData,Fe=nt.useLocalization(),xe=!qe||oe.valid,X=D&&l?Le:G.current,Se=n.createElement(n.Fragment,null,n.createElement("span",{className:i.classNames("k-multiselecttree k-input",t.className,{[`k-input-${Ke[C]||C}`]:C,[`k-rounded-${ft[W]||W}`]:W,[`k-input-${A}`]:A,"k-focus":d&&!F,"k-invalid":!xe,"k-disabled":F,"k-loading":t.loading,"k-required":ge}),tabIndex:_,accessKey:t.accessKey,id:N,style:V?{...L,width:void 0}:L,dir:R,ref:E,onKeyDown:F?void 0:Ue,onMouseDown:Ge,onFocus:e=>{D?ye(e):$e(e)},onBlur:He,role:"combobox","aria-haspopup":"tree","aria-expanded":l,"aria-disabled":F,"aria-label":V,"aria-labelledby":t.ariaLabelledBy,"aria-describedby":t.ariaDescribedBy?t.ariaDescribedBy:"tagslist-"+N,"aria-required":t.required,onClick:F?void 0:ye},n.createElement("div",{id:"tagslist-"+N,className:i.classNames("k-input-values k-chip-list",{[`k-chip-list-${Ke[C]||C}`]:C})},X.length>0&&n.createElement(ot,{tag:t.tag,onTagDelete:Qe,data:X,guid:N,focused:O?G.current.find(e=>Z.matchTags(e,O,I)):void 0,size:C})),n.createElement("span",{className:"k-input-inner"},X.length===0&&n.createElement("span",{className:"k-input-value-text"},te)),t.loading&&n.createElement(i.IconWrap,{className:"k-input-loading-icon",name:"loading"}),se&&!F&&X.length>0&&n.createElement(lt,{onClick:Je}),n.createElement("select",{name:De,ref:$,tabIndex:-1,"aria-hidden":!0,title:V,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"}},n.createElement("option",{value:t.valueMap?t.valueMap.call(void 0,g):g})),!D&&n.createElement(tt.Popup,{...q,popupClass:i.classNames(q.popupClass,"k-multiselecttree-popup"),className:i.classNames(q.className,{"k-rtl":R==="rtl"}),style:Be,anchor:q.anchor||E.current,show:l,onOpen:je,onClose:_e,ref:U},t.filterable&&n.createElement(Te,{value:t.filter===void 0?ve:t.filter,ref:K,onChange:Ce,onKeyDown:be,tabIndex:_,size:C,rounded:W,fillMode:A,renderListFilterWrapper:!0,renderPrefixSeparator:!0}),B.length>0?n.createElement(Ie.TreeView,{style:{height:q.height},ref:x,tabIndex:_,data:B,focusIdField:I,textField:t.textField,checkField:de,checkIndeterminateField:pe,expandField:t.expandField,childrenField:fe,expandIcons:!0,onItemClick:J,onCheckChange:J,onExpandChange:ke,checkboxes:!0,size:C,item:t.item,dir:R}):n.createElement(Ee,null,Fe.toLanguageString(P.nodata,P.messages[P.nodata])),w&&n.createElement(i.WatermarkOverlay,null))),D&&Xe());return V?n.createElement(st.FloatingLabel,{label:V,editorValue:se,editorPlaceholder:te,editorValid:xe,editorDisabled:F,editorId:N,style:{width:L?L.width:void 0},children:Se,dir:R}):Se}),vt={opened:a.bool,disabled:a.bool,dir:a.string,tabIndex:a.number,accessKey:a.string,data:a.array,value:a.any,valueMap:a.func,placeholder:a.string,dataItemKey:a.string.isRequired,textField:a.string.isRequired,checkField:a.string,checkIndeterminateField:a.string,expandField:a.string,subItemsField:a.string,className:a.string,style:a.object,label:a.string,validationMessage:a.string,validityStyles:a.bool,valid:a.bool,required:a.bool,name:a.string,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,filterable:a.bool,filter:a.string,loading:a.bool,tags:a.arrayOf(a.shape({text:a.string,data:a.arrayOf(a.any)})),popupSettings:a.shape({animate:a.oneOfType([a.bool,a.shape({openDuration:a.number,closeDuration:a.number})]),popupClass:a.string,className:a.string,appendTo:a.any,width:a.oneOfType([a.string,a.number]),height:a.oneOfType([a.string,a.number])}),onOpen:a.func,onClose:a.func,onFocus:a.func,onBlur:a.func,onChange:a.func,onFilterChange:a.func,onExpandChange:a.func,onCancel:a.func,item:a.func,listNoData:a.func,adaptiveTitle:a.string,adaptiveSubtitle:a.string,adaptive:a.bool};ce.displayName="KendoReactMultiSelectTree";ce.propTypes=vt;exports.MultiSelectTree=ce;exports.MultiSelectTreePropsContext=Re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const nt=require("react"),a=require("prop-types"),s=require("@progress/kendo-react-common"),at=require("@progress/kendo-react-popup"),rt=require("@progress/kendo-react-intl"),Ie=require("@progress/kendo-react-treeview"),Te=require("../package-metadata.js"),Z=require("../common/utils.js"),st=require("../DropDownTree/useDropdownWidth.js"),it=require("../DropDownTree/ListNoData.js"),P=require("../messages/index.js"),ot=require("@progress/kendo-react-labels"),lt=require("../MultiSelect/TagList.js"),ct=require("../common/ClearButton.js"),Ke=require("../common/ListFilter.js"),ut=require("../common/AdaptiveMode.js"),dt=require("@progress/kendo-react-layout");function pt(v){const h=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(v){for(const t in v)if(t!=="default"){const w=Object.getOwnPropertyDescriptor(v,t);Object.defineProperty(h,t,w.get?w:{enumerable:!0,get:()=>v[t]})}}return h.default=v,Object.freeze(h)}const n=pt(nt),ft="Please select a value from the list!",{sizeMap:Me,roundedMap:gt}=s.kendoThemeMaps,mt=v=>v.split("_").map(h=>parseInt(h,10)),vt=(v,h)=>{const{validationMessage:t,valid:w,required:ee}=v;return{customError:t!==void 0,valid:!!(w!==void 0?w:!ee||h),valueMissing:!h}},k={checkField:"checkField",checkIndeterminateField:"checkIndeterminateField",subItemsField:"items",popupSettings:{animate:!0,width:"200px",height:"200px"},size:"medium",rounded:"medium",fillMode:"solid",required:!1,validityStyles:!0},Re=s.createPropsContext(),ce=n.forwardRef((v,h)=>{const t=s.usePropsContext(Re,v),w=!s.validatePackage(Te.packageMetadata,{component:"MultiSelectTree"}),ee=s.getLicenseMessage(Te.packageMetadata),De=s.useId(),N=t.id||De,{data:B=[],dataItemKey:I,style:L={},placeholder:te,label:V,name:qe,validationMessage:z,valid:Oe,tags:ue,value:g,opened:T,disabled:F,popupSettings:q=k.popupSettings,checkField:de=k.checkField,checkIndeterminateField:pe=k.checkIndeterminateField,subItemsField:fe=k.subItemsField,size:C=k.size,rounded:W=k.rounded,fillMode:A=k.fillMode,required:ge=k.required,validityStyles:Pe=k.validityStyles,onOpen:ne=s.noop,onClose:j=s.noop}=t,_=s.getTabIndex(t.tabIndex,F),i=n.useRef(null),E=n.useRef(null),K=n.useRef(null),ae=n.useRef(null),$=n.useRef(null),x=n.useRef(null),H=n.useRef(!1),G=n.useRef([]),U=n.useRef(null),[O,Ne]=n.useState(),[Le,me]=n.useState(!1),[d,re]=n.useState(!1),[se,Ve]=n.useState(),[We,Be]=n.useState([]),[ve,ze]=n.useState(""),l=T!==void 0?T:Le,ie=!!(Array.isArray(g)&&g.length),oe=vt({validationMessage:z,valid:Oe,required:ge},ie),M=s.useRtl(E,t.dir),Ae={width:st.useDropdownWidth(E,k,q,L),...M!==void 0?{direction:M}:{}},je=n.useCallback(()=>E.current&&E.current.focus(),[]),he=s.useAdaptiveModeContext(),R=!!(se&&he&&se<=he.medium&&t.adaptive);G.current=ue===void 0?(g||[]).map(e=>({text:Z.getItemValue(e,t.textField),data:[e]})):[...ue],n.useImperativeHandle(i,()=>({props:t,element:E.current,focus:je})),n.useImperativeHandle(h,()=>i.current);const _e=n.useCallback(()=>{$.current&&$.current.setCustomValidity&&$.current.setCustomValidity(oe.valid?"":z===void 0?ft:z)},[z,oe]);n.useEffect(_e),n.useEffect(()=>{const e=s.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(et.bind(void 0));return document!=null&&document.body&&e&&e.observe(document.body),()=>{e&&e.disconnect()}},[]),n.useEffect(()=>{U.current&&l&&U.current.setPosition(U.current.element)},[g,l]);const S=n.useCallback((e,r,o)=>{if(t.onChange){const b={items:r,operation:o,...e};t.onChange.call(void 0,b)}},[t.onChange]),J=n.useCallback(e=>{if(Z.areSame(e.item,g,I)||!i.current)return;const{item:r,nativeEvent:o,syntheticEvent:b}=e,D={syntheticEvent:b,nativeEvent:o,target:i.current};S(D,[r],"toggle")},[g,I,S]),Q=n.useCallback(e=>{if(!l){if(ne){const r={...e};ne.call(void 0,r)}T===void 0&&(me(!0),Be(g||[]),R&&setTimeout(()=>{var r;u((r=ae.current)==null?void 0:r.element)},300))}},[l,T,ne,R,ae]),m=n.useCallback(e=>{if(l){if(j){const r={...e};j.call(void 0,r)}T===void 0&&me(!1)}},[l,T,j]),y=n.useCallback(e=>{H.current=!0,e(),window.setTimeout(()=>H.current=!1,0)},[]),u=n.useCallback(e=>{e&&y(()=>e.focus())},[y]),$e=n.useCallback(()=>{var e;!d&&l?m({target:i.current}):t.filterable?u((e=K.current)==null?void 0:e.element):u(x.current&&x.current.element)},[d,l,u,m,t.filterable]),He=n.useCallback(()=>{d&&u(E.current)},[d,u]),Ge=n.useCallback(e=>{if(!d&&!H.current&&(re(!0),t.onFocus&&i.current)){const r={syntheticEvent:e,nativeEvent:e.nativeEvent,target:i.current};t.onFocus.call(void 0,r)}},[d,t.onFocus]),Ue=n.useCallback(e=>{if(d&&!H.current&&i.current){re(!1);const r={syntheticEvent:e,nativeEvent:e.nativeEvent,target:i.current};if(t.onBlur){const o={...r};t.onBlur.call(void 0,o)}R||m(r)}},[d,t.onBlur,l,T,j]),Je=n.useCallback(()=>{d&&y(s.noop)},[d,y]),ye=n.useCallback(e=>{if(!e.isDefaultPrevented()&&i.current){re(!0);const r={syntheticEvent:e,nativeEvent:e.nativeEvent,target:i.current};l||Q(r)}},[l,Q]),Qe=n.useCallback(e=>{var Y,we;const{keyCode:r,altKey:o}=e,b=x.current&&x.current.element;if(!i.current||e.isDefaultPrevented()&&((Y=K.current)==null?void 0:Y.element)===e.target)return;const D={syntheticEvent:e,nativeEvent:e.nativeEvent,target:i.current};if(g&&g.length>0&&(r===s.Keys.left||r===s.Keys.right||r===s.Keys.home||r===s.Keys.end||r===s.Keys.delete)){const c=G.current;let p=O?c.findIndex(tt=>Z.matchTags(tt,O,I)):-1,f;const le=p!==-1;r===s.Keys.left?(le?p=Math.max(0,p-1):p=c.length-1,f=c[p]):r===s.Keys.right?p===c.length-1?f=void 0:le&&(p=Math.min(c.length-1,p+1),f=c[p]):r===s.Keys.home?f=c[0]:r===s.Keys.end?f=c[c.length-1]:r===s.Keys.delete&&le&&S(D,c[p].data,"delete"),f!==O&&Ne(f)}if(l)if(r===s.Keys.esc||o&&r===s.Keys.up)e.preventDefault(),m(D);else if(b&&b.querySelector(".k-focus")&&(r===s.Keys.up||r===s.Keys.down||r===s.Keys.left||r===s.Keys.right||r===s.Keys.home||r===s.Keys.end)){if(r===s.Keys.up&&((we=K.current)!=null&&we.element)){const c=Array.from(b.querySelectorAll(".k-treeview-item")),p=[...c].reverse().find(f=>!!(f&&f.querySelector(".k-focus")));if(p&&c.indexOf(p)===0)return y(()=>{var f;u((f=K.current)==null?void 0:f.element)})}y(s.noop)}else r===s.Keys.down&&y(()=>{var c;u(((c=K.current)==null?void 0:c.element)||b)});else o&&r===s.Keys.down&&(e.preventDefault(),Q(D))},[l,m,u,y,Q,O,I,g,S]),be=n.useCallback(e=>{const{keyCode:r,altKey:o}=e;o||r!==s.Keys.up&&r!==s.Keys.down||(e.preventDefault(),y(r===s.Keys.up?()=>{u(E.current)}:()=>{u(x.current&&x.current.element)}))},[u,y]),Xe=n.useCallback(e=>{if(!i.current)return;const r={syntheticEvent:e,nativeEvent:e.nativeEvent,target:i.current};S(r,[],"clear"),m(r),e.preventDefault()},[S,m]),Ye=n.useCallback((e,r)=>{var o;m({target:i.current}),d||u((o=K.current)==null?void 0:o.element),S({syntheticEvent:r,nativeEvent:r.nativeEvent,target:i.current},e,"delete")},[S,m,u,d]),ke=n.useCallback(e=>{if(t.onExpandChange&&i.current){const{item:r,itemHierarchicalIndex:o,nativeEvent:b,syntheticEvent:D}=e,Y={level:mt(o),item:r,nativeEvent:b,syntheticEvent:D,target:i.current};t.onExpandChange.call(void 0,Y)}},[t.onExpandChange]),Ce=n.useCallback(e=>{if(t.onFilterChange&&i.current){const o={filter:{field:t.textField,operator:"contains",value:e.target.value},syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,target:i.current};t.onFilterChange.call(void 0,o),t.filter===void 0&&ze(e.target.value)}},[t.onFilterChange,t.filter,t.textField]);n.useCallback(e=>{if(!i.current)return;const r={syntheticEvent:e,nativeEvent:e.nativeEvent,target:i.current};t.onCancel&&t.onCancel.call(void 0,r),m(r),e.preventDefault()},[t.onCancel,m]);const Ze=()=>{const e=t.filterable?n.createElement(Ke,{value:t.filter===void 0?ve:t.filter,ref:ae,onChange:Ce,onKeyDown:be,size:"large",rounded:W,fillMode:A,placeholder:te}):null,r={title:t.adaptiveTitle||t.label,subTitle:t.adaptiveSubtitle,expand:l,onClose:o=>m(o),windowWidth:se,mobileFilter:e};return n.createElement(ut.AdaptiveMode,{...r},n.createElement(dt.ActionSheetContent,null,B.length>0?n.createElement(Ie.TreeView,{ref:x,tabIndex:_,data:B,focusIdField:I,textField:t.textField,checkField:de,checkIndeterminateField:pe,expandField:t.expandField,childrenField:fe,expandIcons:!0,onItemClick:J,onCheckChange:J,onExpandChange:ke,checkboxes:!0,size:"large",item:t.item,dir:M}):n.createElement(Ee,null,Fe.toLanguageString(P.nodata,P.messages[P.nodata]))))},et=n.useCallback(e=>{for(const r of e)Ve(r.target.clientWidth)},[]),Ee=t.listNoData||it.ListNoData,Fe=rt.useLocalization(),xe=!Pe||oe.valid,X=R&&l?We:G.current,Se=n.createElement(n.Fragment,null,n.createElement("span",{className:s.classNames("k-multiselecttree k-input",t.className,{[`k-input-${Me[C]||C}`]:C,[`k-rounded-${gt[W]||W}`]:W,[`k-input-${A}`]:A,"k-focus":d&&!F,"k-invalid":!xe,"k-disabled":F,"k-loading":t.loading,"k-required":ge}),tabIndex:_,accessKey:t.accessKey,id:N,style:V?{...L,width:void 0}:L,dir:M,ref:E,onKeyDown:F?void 0:Qe,onMouseDown:Je,onFocus:e=>{R?ye(e):Ge(e)},onBlur:Ue,role:"combobox","aria-haspopup":"tree","aria-expanded":l,"aria-disabled":F,"aria-label":V,"aria-labelledby":t.ariaLabelledBy,"aria-describedby":t.ariaDescribedBy?t.ariaDescribedBy:"tagslist-"+N,"aria-required":t.required,onClick:F?void 0:ye},n.createElement("div",{id:"tagslist-"+N,className:s.classNames("k-input-values k-chip-list",{[`k-chip-list-${Me[C]||C}`]:C})},X.length>0&&n.createElement(lt,{tag:t.tag,onTagDelete:Ye,data:X,guid:N,focused:O?G.current.find(e=>Z.matchTags(e,O,I)):void 0,size:C})),n.createElement("span",{className:"k-input-inner"},X.length===0&&n.createElement("span",{className:"k-input-value-text"},te)),t.loading&&n.createElement(s.IconWrap,{className:"k-input-loading-icon",name:"loading"}),ie&&!F&&X.length>0&&n.createElement(ct,{onClick:Xe}),n.createElement("select",{name:qe,ref:$,tabIndex:-1,"aria-hidden":!0,title:V,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"}},n.createElement("option",{value:t.valueMap?t.valueMap.call(void 0,g):g})),!R&&n.createElement(at.Popup,{...q,popupClass:s.classNames(q.popupClass,"k-multiselecttree-popup"),className:s.classNames(q.className,{"k-rtl":M==="rtl"}),style:Ae,anchor:q.anchor||E.current,show:l,onOpen:$e,onClose:He,ref:U},t.filterable&&n.createElement(Ke,{value:t.filter===void 0?ve:t.filter,ref:K,onChange:Ce,onKeyDown:be,tabIndex:_,size:C,rounded:W,fillMode:A,renderListFilterWrapper:!0,renderPrefixSeparator:!0}),B.length>0?n.createElement(Ie.TreeView,{style:{height:q.height},ref:x,tabIndex:_,data:B,focusIdField:I,textField:t.textField,checkField:de,checkIndeterminateField:pe,expandField:t.expandField,childrenField:fe,expandIcons:!0,onItemClick:J,onCheckChange:J,onExpandChange:ke,checkboxes:!0,size:C,item:t.item,dir:M}):n.createElement(Ee,null,Fe.toLanguageString(P.nodata,P.messages[P.nodata])),w&&n.createElement(s.WatermarkOverlay,{message:ee}))),R&&Ze());return V?n.createElement(ot.FloatingLabel,{label:V,editorValue:ie,editorPlaceholder:te,editorValid:xe,editorDisabled:F,editorId:N,style:{width:L?L.width:void 0},children:Se,dir:M}):Se}),ht={opened:a.bool,disabled:a.bool,dir:a.string,tabIndex:a.number,accessKey:a.string,data:a.array,value:a.any,valueMap:a.func,placeholder:a.string,dataItemKey:a.string.isRequired,textField:a.string.isRequired,checkField:a.string,checkIndeterminateField:a.string,expandField:a.string,subItemsField:a.string,className:a.string,style:a.object,label:a.string,validationMessage:a.string,validityStyles:a.bool,valid:a.bool,required:a.bool,name:a.string,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,filterable:a.bool,filter:a.string,loading:a.bool,tags:a.arrayOf(a.shape({text:a.string,data:a.arrayOf(a.any)})),popupSettings:a.shape({animate:a.oneOfType([a.bool,a.shape({openDuration:a.number,closeDuration:a.number})]),popupClass:a.string,className:a.string,appendTo:a.any,width:a.oneOfType([a.string,a.number]),height:a.oneOfType([a.string,a.number])}),onOpen:a.func,onClose:a.func,onFocus:a.func,onBlur:a.func,onChange:a.func,onFilterChange:a.func,onExpandChange:a.func,onCancel:a.func,item:a.func,listNoData:a.func,adaptiveTitle:a.string,adaptiveSubtitle:a.string,adaptive:a.bool};ce.displayName="KendoReactMultiSelectTree";ce.propTypes=ht;exports.MultiSelectTree=ce;exports.MultiSelectTreePropsContext=Re;

package/MultiSelectTree/MultiSelectTree.mjs

@@ -7,27 +7,27 @@
  */
 import * as t from "react";
 import n from "prop-types";
-import { createPropsContext as nt, usePropsContext as at, validatePackage as it, useId as rt, getTabIndex as ot, useRtl as lt, useAdaptiveModeContext as st, canUseDOM as ct, noop as Y, Keys as r, classNames as Z, IconWrap as ut, WatermarkOverlay as dt, kendoThemeMaps as pt } from "@progress/kendo-react-common";
-import { Popup as ft } from "@progress/kendo-react-popup";
-import { useLocalization as mt } from "@progress/kendo-react-intl";
+import { createPropsContext as it, usePropsContext as rt, validatePackage as ot, getLicenseMessage as lt, useId as st, getTabIndex as ct, useRtl as ut, useAdaptiveModeContext as dt, canUseDOM as pt, noop as Y, Keys as r, classNames as Z, IconWrap as ft, WatermarkOverlay as mt, kendoThemeMaps as gt } from "@progress/kendo-react-common";
+import { Popup as vt } from "@progress/kendo-react-popup";
+import { useLocalization as ht } from "@progress/kendo-react-intl";
 import { TreeView as Ie } from "@progress/kendo-react-treeview";
-import { packageMetadata as gt } from "../package-metadata.mjs";
-import { getItemValue as vt, areSame as ht, matchTags as Te } from "../common/utils.mjs";
-import { useDropdownWidth as bt } from "../DropDownTree/useDropdownWidth.mjs";
-import { ListNoData as yt } from "../DropDownTree/ListNoData.mjs";
-import { nodata as ee, messages as De } from "../messages/index.mjs";
-import { FloatingLabel as Ct } from "@progress/kendo-react-labels";
-import Et from "../MultiSelect/TagList.mjs";
-import kt from "../common/ClearButton.mjs";
+import { packageMetadata as Te } from "../package-metadata.mjs";
+import { getItemValue as bt, areSame as yt, matchTags as De } from "../common/utils.mjs";
+import { useDropdownWidth as Ct } from "../DropDownTree/useDropdownWidth.mjs";
+import { ListNoData as Et } from "../DropDownTree/ListNoData.mjs";
+import { nodata as ee, messages as Me } from "../messages/index.mjs";
+import { FloatingLabel as kt } from "@progress/kendo-react-labels";
+import Ft from "../MultiSelect/TagList.mjs";
+import xt from "../common/ClearButton.mjs";
 import Re from "../common/ListFilter.mjs";
-import { AdaptiveMode as Ft } from "../common/AdaptiveMode.mjs";
-import { ActionSheetContent as xt } from "@progress/kendo-react-layout";
-const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt } = pt, It = (N) => N.split("_").map((R) => parseInt(R, 10)), Tt = (N, R) => {
+import { AdaptiveMode as St } from "../common/AdaptiveMode.mjs";
+import { ActionSheetContent as wt } from "@progress/kendo-react-layout";
+const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt } = gt, Dt = (N) => N.split("_").map((M) => parseInt(M, 10)), Mt = (N, M) => {
   const { validationMessage: a, valid: V, required: te } = N;
   return {
     customError: a !== void 0,
-    valid: !!(V !== void 0 ? V : !te || R),
-    valueMissing: !R
+    valid: !!(V !== void 0 ? V : !te || M),
+    valueMissing: !M
   };
 }, b = {
   checkField: "checkField",
@@ -43,51 +43,51 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
   fillMode: "solid",
   required: !1,
   validityStyles: !0
-}, Dt = nt(), Pe = t.forwardRef(
-  (N, R) => {
-    const a = at(Dt, N), V = !it(gt, { component: "MultiSelectTree" }), te = rt(), O = a.id || te, {
+}, Rt = it(), Ne = t.forwardRef(
+  (N, M) => {
+    const a = rt(Rt, N), V = !ot(Te, { component: "MultiSelectTree" }), te = lt(Te), Oe = st(), O = a.id || Oe, {
       data: W = [],
       dataItemKey: x,
-      style: B = {},
+      style: L = {},
       placeholder: ne,
-      label: K,
-      name: Ne,
+      label: B,
+      name: Le,
       validationMessage: q,
-      valid: Oe,
+      valid: Be,
       tags: ue,
       value: m,
       opened: S,
       disabled: E,
-      popupSettings: M = b.popupSettings,
+      popupSettings: R = b.popupSettings,
       checkField: de = b.checkField,
       checkIndeterminateField: pe = b.checkIndeterminateField,
       subItemsField: fe = b.subItemsField,
       size: y = b.size,
-      rounded: L = b.rounded,
+      rounded: K = b.rounded,
       fillMode: z = b.fillMode,
       required: me = b.required,
-      validityStyles: Be = b.validityStyles,
+      validityStyles: Ke = b.validityStyles,
       onOpen: ae = Y,
       onClose: A = Y
-    } = a, $ = ot(a.tabIndex, E), o = t.useRef(null), C = t.useRef(null), w = t.useRef(null), ie = t.useRef(null), H = t.useRef(null), k = t.useRef(null), G = t.useRef(!1), _ = t.useRef([]), j = t.useRef(null), [P, Ke] = t.useState(), [Le, ge] = t.useState(!1), [d, re] = t.useState(!1), [oe, Ve] = t.useState(), [We, qe] = t.useState([]), [ve, ze] = t.useState(""), s = S !== void 0 ? S : Le, le = !!(Array.isArray(m) && m.length), se = Tt({ validationMessage: q, valid: Oe, required: me }, le), I = lt(C, a.dir), Ae = {
-      width: bt(C, b, M, B),
+    } = a, $ = ct(a.tabIndex, E), o = t.useRef(null), C = t.useRef(null), w = t.useRef(null), ie = t.useRef(null), H = t.useRef(null), k = t.useRef(null), G = t.useRef(!1), _ = t.useRef([]), j = t.useRef(null), [P, Ve] = t.useState(), [We, ge] = t.useState(!1), [d, re] = t.useState(!1), [oe, qe] = t.useState(), [ze, Ae] = t.useState([]), [ve, $e] = t.useState(""), s = S !== void 0 ? S : We, le = !!(Array.isArray(m) && m.length), se = Mt({ validationMessage: q, valid: Be, required: me }, le), I = ut(C, a.dir), He = {
+      width: Ct(C, b, R, L),
       ...I !== void 0 ? { direction: I } : {}
-    }, $e = t.useCallback(() => C.current && C.current.focus(), []), he = st(), T = !!(oe && he && oe <= he.medium && a.adaptive);
-    _.current = ue === void 0 ? (m || []).map((e) => ({ text: vt(e, a.textField), data: [e] })) : [...ue], t.useImperativeHandle(o, () => ({
+    }, Ge = t.useCallback(() => C.current && C.current.focus(), []), he = dt(), T = !!(oe && he && oe <= he.medium && a.adaptive);
+    _.current = ue === void 0 ? (m || []).map((e) => ({ text: bt(e, a.textField), data: [e] })) : [...ue], t.useImperativeHandle(o, () => ({
       props: a,
       element: C.current,
-      focus: $e
+      focus: Ge
     })), t.useImperativeHandle(
-      R,
+      M,
       () => o.current
     );
-    const He = t.useCallback(() => {
+    const _e = t.useCallback(() => {
       H.current && H.current.setCustomValidity && H.current.setCustomValidity(
-        se.valid ? "" : q === void 0 ? St : q
+        se.valid ? "" : q === void 0 ? It : q
       );
     }, [q, se]);
-    t.useEffect(He), t.useEffect(() => {
-      const e = ct && window.ResizeObserver && new window.ResizeObserver(et.bind(void 0));
+    t.useEffect(_e), t.useEffect(() => {
+      const e = pt && window.ResizeObserver && new window.ResizeObserver(nt.bind(void 0));
       return document != null && document.body && e && e.observe(document.body), () => {
         e && e.disconnect();
       };
@@ -108,7 +108,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
       [a.onChange]
     ), U = t.useCallback(
       (e) => {
-        if (ht(e.item, m, x) || !o.current)
+        if (yt(e.item, m, x) || !o.current)
           return;
         const { item: i, nativeEvent: l, syntheticEvent: h } = e, D = {
           syntheticEvent: h,
@@ -125,7 +125,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
             const i = { ...e };
             ae.call(void 0, i);
           }
-          S === void 0 && (ge(!0), qe(m || []), T && setTimeout(() => {
+          S === void 0 && (ge(!0), Ae(m || []), T && setTimeout(() => {
             var i;
             u((i = ie.current) == null ? void 0 : i.element);
           }, 300));
@@ -150,12 +150,12 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
         e && v(() => e.focus());
       },
       [v]
-    ), Ge = t.useCallback(() => {
+    ), je = t.useCallback(() => {
       var e;
       !d && s ? g({ target: o.current }) : a.filterable ? u((e = w.current) == null ? void 0 : e.element) : u(k.current && k.current.element);
-    }, [d, s, u, g, a.filterable]), _e = t.useCallback(() => {
+    }, [d, s, u, g, a.filterable]), Ue = t.useCallback(() => {
       d && u(C.current);
-    }, [d, u]), je = t.useCallback(
+    }, [d, u]), Je = t.useCallback(
       (e) => {
         if (!d && !G.current && (re(!0), a.onFocus && o.current)) {
           const i = {
@@ -167,7 +167,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
         }
       },
       [d, a.onFocus]
-    ), Ue = t.useCallback(
+    ), Qe = t.useCallback(
       (e) => {
         if (d && !G.current && o.current) {
           re(!1);
@@ -184,7 +184,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
         }
       },
       [d, a.onBlur, s, S, A]
-    ), Je = t.useCallback(() => {
+    ), Xe = t.useCallback(() => {
       d && v(Y);
     }, [d, v]), be = t.useCallback(
       (e) => {
@@ -199,7 +199,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
         }
       },
       [s, J]
-    ), Qe = t.useCallback(
+    ), Ye = t.useCallback(
       (e) => {
         var X, we;
         const { keyCode: i, altKey: l } = e, h = k.current && k.current.element;
@@ -212,9 +212,9 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
         };
         if (m && m.length > 0 && (i === r.left || i === r.right || i === r.home || i === r.end || i === r.delete)) {
           const c = _.current;
-          let p = P ? c.findIndex((tt) => Te(tt, P, x)) : -1, f;
+          let p = P ? c.findIndex((at) => De(at, P, x)) : -1, f;
           const ce = p !== -1;
-          i === r.left ? (ce ? p = Math.max(0, p - 1) : p = c.length - 1, f = c[p]) : i === r.right ? p === c.length - 1 ? f = void 0 : ce && (p = Math.min(c.length - 1, p + 1), f = c[p]) : i === r.home ? f = c[0] : i === r.end ? f = c[c.length - 1] : i === r.delete && ce && F(D, c[p].data, "delete"), f !== P && Ke(f);
+          i === r.left ? (ce ? p = Math.max(0, p - 1) : p = c.length - 1, f = c[p]) : i === r.right ? p === c.length - 1 ? f = void 0 : ce && (p = Math.min(c.length - 1, p + 1), f = c[p]) : i === r.home ? f = c[0] : i === r.end ? f = c[c.length - 1] : i === r.delete && ce && F(D, c[p].data, "delete"), f !== P && Ve(f);
         }
         if (s)
           if (i === r.esc || l && i === r.up)
@@ -249,7 +249,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
         ));
       },
       [u, v]
-    ), Xe = t.useCallback(
+    ), Ze = t.useCallback(
       (e) => {
         if (!o.current)
           return;
@@ -261,7 +261,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
         F(i, [], "clear"), g(i), e.preventDefault();
       },
       [F, g]
-    ), Ye = t.useCallback(
+    ), et = t.useCallback(
       (e, i) => {
         var l;
         g({ target: o.current }), d || u((l = w.current) == null ? void 0 : l.element), F(
@@ -279,7 +279,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
       (e) => {
         if (a.onExpandChange && o.current) {
           const { item: i, itemHierarchicalIndex: l, nativeEvent: h, syntheticEvent: D } = e, X = {
-            level: It(l),
+            level: Dt(l),
             item: i,
             nativeEvent: h,
             syntheticEvent: D,
@@ -302,7 +302,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
             nativeEvent: e.nativeEvent,
             target: o.current
           };
-          a.onFilterChange.call(void 0, l), a.filter === void 0 && ze(e.target.value);
+          a.onFilterChange.call(void 0, l), a.filter === void 0 && $e(e.target.value);
         }
       },
       [a.onFilterChange, a.filter, a.textField]
@@ -320,7 +320,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
       },
       [a.onCancel, g]
     );
-    const Ze = () => {
+    const tt = () => {
       const e = a.filterable ? /* @__PURE__ */ t.createElement(
         Re,
         {
@@ -329,7 +329,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
           onChange: Ee,
           onKeyDown: ye,
           size: "large",
-          rounded: L,
+          rounded: K,
           fillMode: z,
           placeholder: ne
         }
@@ -341,7 +341,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
         windowWidth: oe,
         mobileFilter: e
       };
-      return /* @__PURE__ */ t.createElement(Ft, { ...i }, /* @__PURE__ */ t.createElement(xt, null, W.length > 0 ? /* @__PURE__ */ t.createElement(
+      return /* @__PURE__ */ t.createElement(St, { ...i }, /* @__PURE__ */ t.createElement(wt, null, W.length > 0 ? /* @__PURE__ */ t.createElement(
         Ie,
         {
           ref: k,
@@ -362,16 +362,16 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
           item: a.item,
           dir: I
         }
-      ) : /* @__PURE__ */ t.createElement(ke, null, Fe.toLanguageString(ee, De[ee]))));
-    }, et = t.useCallback((e) => {
+      ) : /* @__PURE__ */ t.createElement(ke, null, Fe.toLanguageString(ee, Me[ee]))));
+    }, nt = t.useCallback((e) => {
       for (const i of e)
-        Ve(i.target.clientWidth);
-    }, []), ke = a.listNoData || yt, Fe = mt(), xe = !Be || se.valid, Q = T && s ? We : _.current, Se = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+        qe(i.target.clientWidth);
+    }, []), ke = a.listNoData || Et, Fe = ht(), xe = !Ke || se.valid, Q = T && s ? ze : _.current, Se = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
       "span",
       {
         className: Z("k-multiselecttree k-input", a.className, {
-          [`k-input-${Me[y] || y}`]: y,
-          [`k-rounded-${wt[L] || L}`]: L,
+          [`k-input-${Pe[y] || y}`]: y,
+          [`k-rounded-${Tt[K] || K}`]: K,
           [`k-input-${z}`]: z,
           "k-focus": d && !E,
           "k-invalid": !xe,
@@ -382,20 +382,20 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
         tabIndex: $,
         accessKey: a.accessKey,
         id: O,
-        style: K ? { ...B, width: void 0 } : B,
+        style: B ? { ...L, width: void 0 } : L,
         dir: I,
         ref: C,
-        onKeyDown: E ? void 0 : Qe,
-        onMouseDown: Je,
+        onKeyDown: E ? void 0 : Ye,
+        onMouseDown: Xe,
         onFocus: (e) => {
-          T ? be(e) : je(e);
+          T ? be(e) : Je(e);
         },
-        onBlur: Ue,
+        onBlur: Qe,
         role: "combobox",
         "aria-haspopup": "tree",
         "aria-expanded": s,
         "aria-disabled": E,
-        "aria-label": K,
+        "aria-label": B,
         "aria-labelledby": a.ariaLabelledBy,
         "aria-describedby": a.ariaDescribedBy ? a.ariaDescribedBy : "tagslist-" + O,
         "aria-required": a.required,
@@ -406,49 +406,49 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
         {
           id: "tagslist-" + O,
           className: Z("k-input-values k-chip-list", {
-            [`k-chip-list-${Me[y] || y}`]: y
+            [`k-chip-list-${Pe[y] || y}`]: y
           })
         },
         Q.length > 0 && /* @__PURE__ */ t.createElement(
-          Et,
+          Ft,
           {
             tag: a.tag,
-            onTagDelete: Ye,
+            onTagDelete: et,
             data: Q,
             guid: O,
             focused: P ? _.current.find(
-              (e) => Te(e, P, x)
+              (e) => De(e, P, x)
             ) : void 0,
             size: y
           }
         )
       ),
       /* @__PURE__ */ t.createElement("span", { className: "k-input-inner" }, Q.length === 0 && /* @__PURE__ */ t.createElement("span", { className: "k-input-value-text" }, ne)),
-      a.loading && /* @__PURE__ */ t.createElement(ut, { className: "k-input-loading-icon", name: "loading" }),
-      le && !E && Q.length > 0 && /* @__PURE__ */ t.createElement(kt, { onClick: Xe }),
+      a.loading && /* @__PURE__ */ t.createElement(ft, { className: "k-input-loading-icon", name: "loading" }),
+      le && !E && Q.length > 0 && /* @__PURE__ */ t.createElement(xt, { onClick: Ze }),
       /* @__PURE__ */ t.createElement(
         "select",
         {
-          name: Ne,
+          name: Le,
           ref: H,
           tabIndex: -1,
           "aria-hidden": !0,
-          title: K,
+          title: B,
           style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: "absolute", left: "50%" }
         },
         /* @__PURE__ */ t.createElement("option", { value: a.valueMap ? a.valueMap.call(void 0, m) : m })
       ),
       !T && /* @__PURE__ */ t.createElement(
-        ft,
+        vt,
         {
-          ...M,
-          popupClass: Z(M.popupClass, "k-multiselecttree-popup"),
-          className: Z(M.className, { "k-rtl": I === "rtl" }),
-          style: Ae,
-          anchor: M.anchor || C.current,
+          ...R,
+          popupClass: Z(R.popupClass, "k-multiselecttree-popup"),
+          className: Z(R.className, { "k-rtl": I === "rtl" }),
+          style: He,
+          anchor: R.anchor || C.current,
           show: s,
-          onOpen: Ge,
-          onClose: _e,
+          onOpen: je,
+          onClose: Ue,
           ref: j
         },
         a.filterable && /* @__PURE__ */ t.createElement(
@@ -460,7 +460,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
             onKeyDown: ye,
             tabIndex: $,
             size: y,
-            rounded: L,
+            rounded: K,
             fillMode: z,
             renderListFilterWrapper: !0,
             renderPrefixSeparator: !0
@@ -469,7 +469,7 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
         W.length > 0 ? /* @__PURE__ */ t.createElement(
           Ie,
           {
-            style: { height: M.height },
+            style: { height: R.height },
             ref: k,
             tabIndex: $,
             data: W,
@@ -488,26 +488,26 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
             item: a.item,
             dir: I
           }
-        ) : /* @__PURE__ */ t.createElement(ke, null, Fe.toLanguageString(ee, De[ee])),
-        V && /* @__PURE__ */ t.createElement(dt, null)
+        ) : /* @__PURE__ */ t.createElement(ke, null, Fe.toLanguageString(ee, Me[ee])),
+        V && /* @__PURE__ */ t.createElement(mt, { message: te })
       )
-    ), T && Ze());
-    return K ? /* @__PURE__ */ t.createElement(
-      Ct,
+    ), T && tt());
+    return B ? /* @__PURE__ */ t.createElement(
+      kt,
       {
-        label: K,
+        label: B,
         editorValue: le,
         editorPlaceholder: ne,
         editorValid: xe,
         editorDisabled: E,
         editorId: O,
-        style: { width: B ? B.width : void 0 },
+        style: { width: L ? L.width : void 0 },
         children: Se,
         dir: I
       }
     ) : Se;
   }
-), Rt = {
+), Pt = {
   opened: n.bool,
   disabled: n.bool,
   dir: n.string,
@@ -571,9 +571,9 @@ const St = "Please select a value from the list!", { sizeMap: Me, roundedMap: wt
   adaptiveSubtitle: n.string,
   adaptive: n.bool
 };
-Pe.displayName = "KendoReactMultiSelectTree";
-Pe.propTypes = Rt;
+Ne.displayName = "KendoReactMultiSelectTree";
+Ne.propTypes = Pt;
 export {
-  Pe as MultiSelectTree,
-  Dt as MultiSelectTreePropsContext
+  Ne as MultiSelectTree,
+  Rt as MultiSelectTreePropsContext
 };