@progress/kendo-react-dropdowns 11.2.0-develop.2 → 11.2.0-develop.4

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

package/DropDownTree/DropDownTree.mjs

@@ -22,8 +22,8 @@ import { Button as kt } from "@progress/kendo-react-buttons";
 import { xIcon as xt, caretAltDownIcon as wt } from "@progress/kendo-svg-icons";
 import { AdaptiveMode as Dt } from "../common/AdaptiveMode.mjs";
 import { ActionSheetContent as Ft } from "@progress/kendo-react-layout";
-const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please select a value from the list!", Mt = (y) => /* @__PURE__ */ t.createElement("span", { className: "k-input-value-text" }, y.children), Ne = (y) => y.split("_").map((D) => parseInt(D, 10)), Nt = (y, D) => {
-  const { validationMessage: j, valid: r, required: a } = y;
+const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please select a value from the list!", Mt = (E) => /* @__PURE__ */ t.createElement("span", { className: "k-input-value-text" }, E.children), Ne = (E) => E.split("_").map((D) => parseInt(D, 10)), Nt = (E, D) => {
+  const { validationMessage: j, valid: r, required: a } = E;
   return {
     customError: j !== void 0,
     valid: !!(r !== void 0 ? r : !a || D),
@@ -44,43 +44,43 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
-}, Ot = nt(), Oe = t.forwardRef((y, D) => {
-  const j = !ot(gt, { component: "DropDownTree" }), r = at(Ot, y), a = {
+}, Ot = nt(), Oe = t.forwardRef((E, D) => {
+  const j = !ot(gt, { component: "DropDownTree" }), r = at(Ot, E), a = {
     ...ie,
     ...r
   }, Ve = rt(), le = a.id || Ve, {
-    data: M,
-    dataItemKey: N,
+    data: N,
+    dataItemKey: O,
     popupSettings: b = {},
-    style: O,
+    style: V,
     opened: u,
     disabled: F,
-    onOpen: V = U,
+    onOpen: W = U,
     onClose: m = U,
-    placeholder: A,
+    placeholder: B,
     label: I,
     name: We,
     selectField: H,
-    subItemsField: W,
+    subItemsField: L,
     validationMessage: _,
     valid: Le,
     required: G,
     validityStyles: Ke
-  } = a, J = it(a.tabIndex, F), i = t.useRef(null), f = t.useRef(null), S = t.useRef(null), Q = t.useRef(null), Z = t.useRef(null), h = t.useRef(null), $ = t.useRef(!1), [se, ze] = t.useState(void 0), C = a.value !== void 0, v = C ? a.value : se !== void 0 ? se : a.defaultValue, L = ht(v), Y = L ? bt(v, a.textField) : "", ee = Nt({ validationMessage: _, valid: Le, required: G }, L), ce = t.useContext(Ie), Be = ce ? ce + Rt : Tt, qe = t.useCallback(() => f.current && f.current.focus(), []);
+  } = a, J = it(a.tabIndex, F), i = t.useRef(null), f = t.useRef(null), S = t.useRef(null), Q = t.useRef(null), Z = t.useRef(null), y = t.useRef(null), $ = t.useRef(!1), [se, ze] = t.useState(void 0), C = a.value !== void 0, v = C ? a.value : se !== void 0 ? se : a.defaultValue, K = ht(v), Y = K ? bt(v, a.textField) : "", ee = Nt({ validationMessage: _, valid: Le, required: G }, K), ce = t.useContext(Ie), qe = ce ? ce + Rt : Tt, Ae = t.useCallback(() => f.current && f.current.focus(), []);
   t.useImperativeHandle(i, () => ({
     props: a,
     element: f.current,
-    focus: qe
+    focus: Ae
   })), t.useImperativeHandle(D, () => i.current);
-  const k = lt(f, a.dir), Ae = {
+  const k = lt(f, a.dir), Be = {
     width: Et(
       f,
       ie,
       { ...ie.popupSettings, ...b },
-      O
+      V
     ),
     ...k !== void 0 ? { direction: k } : {}
-  }, [He, ue] = t.useState(!1), l = u !== void 0 ? u : He, [d, te] = t.useState(!1), [ne, _e] = t.useState(), [de, Ze] = t.useState(""), pe = st(), E = !!(ne && pe && ne <= pe.medium && a.adaptive), $e = t.useCallback(() => {
+  }, [He, ue] = t.useState(!1), l = u !== void 0 ? u : He, [p, te] = t.useState(!1), [ne, _e] = t.useState(), [de, Ze] = t.useState(""), pe = st(), h = !!(ne && pe && ne <= pe.medium && a.adaptive), $e = t.useCallback(() => {
     Z.current && Z.current.setCustomValidity && Z.current.setCustomValidity(
       ee.valid ? "" : _ === void 0 ? Pt : _
     );
@@ -94,14 +94,14 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
   const me = t.useCallback(
     (e) => {
       if (!l) {
-        if (V) {
+        if (W) {
           const o = { ...e };
-          V.call(void 0, o);
+          W.call(void 0, o);
         }
         u === void 0 && ue(!0);
       }
     },
-    [l, u, V]
+    [l, u, W]
   ), x = t.useCallback(
     (e) => {
       if (l) {
@@ -109,13 +109,13 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
           const o = { ...e };
           m.call(void 0, o);
         }
-        u === void 0 && (ue(!1), E && setTimeout(() => {
+        u === void 0 && (ue(!1), h && setTimeout(() => {
           var o;
           g((o = Q.current) == null ? void 0 : o.element);
         }, 300));
       }
     },
-    [l, u, m, E]
+    [l, u, m, h]
   ), fe = t.useCallback(
     (e) => {
       if (!e.isDefaultPrevented() && i.current) {
@@ -128,13 +128,13 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
         (l ? x : me)(o);
       }
     },
-    [l, u, V, m]
+    [l, u, W, m]
   ), T = t.useCallback((e) => {
     $.current = !0, e(), window.setTimeout(() => $.current = !1, 0);
   }, []), Ue = t.useCallback(
     (e) => {
       var w, De;
-      const { keyCode: o, altKey: s } = e, p = h.current && h.current.element;
+      const { keyCode: o, altKey: s } = e, d = y.current && y.current.element;
       if (!i.current || e.isDefaultPrevented() && ((w = S.current) == null ? void 0 : w.element) === e.target)
         return;
       const P = {
@@ -145,42 +145,43 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
       if (l)
         if (o === c.esc || s && o === c.up)
           e.preventDefault(), x(P);
-        else if (p && p.querySelector(".k-focus") && (o === c.up || o === c.down || o === c.left || o === c.right || o === c.home || o === c.end)) {
+        else if (d && d.querySelector(".k-focus") && (o === c.up || o === c.down || o === c.left || o === c.right || o === c.home || o === c.end)) {
           if (o === c.up && ((De = S.current) != null && De.element)) {
-            const B = Array.from(p.querySelectorAll(".k-treeview-item")), Fe = [...B].reverse().find((q) => !!(q && q.querySelector(".k-focus")));
-            if (Fe && B.indexOf(Fe) === 0)
+            const A = Array.from(d.querySelectorAll(".k-treeview-item")), Fe = [...A].reverse().find((M) => M == null ? void 0 : M.querySelector(".k-focus"));
+            if (Fe && A.indexOf(Fe) === 0)
               return T(() => {
-                var q;
-                g((q = S.current) == null ? void 0 : q.element);
+                var M;
+                g((M = S.current) == null ? void 0 : M.element);
               });
           }
           T(U);
         } else o === c.down && T(() => {
-          var B;
-          g(((B = S.current) == null ? void 0 : B.element) || p);
+          var A;
+          g(((A = S.current) == null ? void 0 : A.element) || d);
         });
       else s && o === c.down ? (e.preventDefault(), me(P)) : l || o === c.esc && he(e);
     },
-    [l, u, V, m]
+    [l, u, W, m]
   ), ve = t.useCallback((e) => {
     const { keyCode: o, altKey: s } = e;
     s || o !== c.up && o !== c.down || (e.preventDefault(), T(
       o === c.up ? () => {
         g(f.current);
       } : () => {
-        g(h.current && h.current.element);
+        var d;
+        g((d = y.current) == null ? void 0 : d.element);
       }
     ));
   }, []), g = t.useCallback((e) => {
     e && T(() => e.focus());
   }, []), Xe = t.useCallback(() => {
     var e;
-    !d && l && !u ? x({ target: i.current }) : r.filterable ? g((e = S.current) == null ? void 0 : e.element) : g(h.current && h.current.element);
-  }, [m, r.filterable, d, u, l]), je = t.useCallback(() => {
-    d && g(f.current);
-  }, [d]), Ge = t.useCallback(
+    !p && l && !u ? x({ target: i.current }) : r.filterable ? g((e = S.current) == null ? void 0 : e.element) : g(y.current && y.current.element);
+  }, [m, r.filterable, p, u, l]), je = t.useCallback(() => {
+    p && g(f.current);
+  }, [p]), Ge = t.useCallback(
     (e) => {
-      if (!d && !$.current && (te(!0), r.onFocus && i.current)) {
+      if (!p && !$.current && (te(!0), r.onFocus && i.current)) {
         const o = {
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
@@ -189,10 +190,10 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
         r.onFocus.call(void 0, o);
       }
     },
-    [d, r.onFocus]
+    [p, r.onFocus]
   ), Je = t.useCallback(
     (e) => {
-      if (d && !$.current && i.current) {
+      if (p && !$.current && i.current) {
         te(!1);
         const o = {
           syntheticEvent: e,
@@ -203,40 +204,40 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
           const s = { ...o };
           r.onBlur.call(void 0, s);
         }
-        E || x(o);
+        h || x(o);
       }
     },
-    [d, r.onBlur, l, u, m]
+    [p, r.onBlur, l, u, m]
   ), Qe = t.useCallback(() => {
-    d && T(U), E && setTimeout(() => {
+    p && T(U), h && setTimeout(() => {
       var e;
       g((e = Q.current) == null ? void 0 : e.element);
     }, 300);
-  }, [d, E]), ge = t.useCallback(
+  }, [p, h]), ge = t.useCallback(
     (e, o, s) => {
       if (r.onChange) {
-        const p = {
+        const d = {
           value: o,
           level: s ? Ne(s) : [],
           ...e
         };
-        r.onChange.call(void 0, p);
+        r.onChange.call(void 0, d);
       }
       C || ze(o);
     },
     [r.onChange, C]
   ), be = t.useCallback(
     (e) => {
-      if (Re(e.item, v, N) || !i.current)
+      if (Re(e.item, v, O) || !i.current)
         return;
-      const { item: o, itemHierarchicalIndex: s, nativeEvent: p, syntheticEvent: P } = e, w = {
+      const { item: o, itemHierarchicalIndex: s, nativeEvent: d, syntheticEvent: P } = e, w = {
         syntheticEvent: P,
-        nativeEvent: p,
+        nativeEvent: d,
         target: i.current
       };
       ge(w, o, s), x(w);
     },
-    [C, v, r.onChange, N, l, u, m]
+    [C, v, r.onChange, O, l, u, m]
   ), he = t.useCallback(
     (e) => {
       if (!i.current)
@@ -252,10 +253,10 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
   ), Ee = t.useCallback(
     (e) => {
       if (e.syntheticEvent.stopPropagation(), r.onExpandChange && i.current) {
-        const { item: o, itemHierarchicalIndex: s, nativeEvent: p, syntheticEvent: P } = e, w = {
+        const { item: o, itemHierarchicalIndex: s, nativeEvent: d, syntheticEvent: P } = e, w = {
           level: Ne(s),
           item: o,
-          nativeEvent: p,
+          nativeEvent: d,
           syntheticEvent: P,
           target: i.current
         };
@@ -289,9 +290,9 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
         onChange: ye,
         onKeyDown: ve,
         size: "large",
-        rounded: K,
-        fillMode: z,
-        placeholder: A
+        rounded: z,
+        fillMode: q,
+        placeholder: B
       }
     ) : null, o = {
       title: a.adaptiveTitle || I,
@@ -301,17 +302,17 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
       windowWidth: ne,
       mobileFilter: e
     };
-    return /* @__PURE__ */ t.createElement(Dt, { ...o }, /* @__PURE__ */ t.createElement(Ft, null, M.length > 0 ? /* @__PURE__ */ t.createElement(
+    return /* @__PURE__ */ t.createElement(Dt, { ...o }, /* @__PURE__ */ t.createElement(Ft, null, N.length > 0 ? /* @__PURE__ */ t.createElement(
       Te,
       {
-        ref: h,
+        ref: y,
         tabIndex: J,
         data: Ce,
-        focusIdField: N,
+        focusIdField: O,
         textField: a.textField,
         selectField: H,
         expandField: a.expandField,
-        childrenField: W,
+        childrenField: L,
         expandIcons: !0,
         onItemClick: be,
         onExpandChange: Ee,
@@ -324,18 +325,18 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
   }, et = t.useCallback((e) => {
     for (const o of e)
       _e(o.target.clientWidth);
-  }, []), Ce = t.useMemo(() => C || !L ? M : ut(
-    M,
-    W,
-    (e) => dt(e, W, { [H]: Re(e, v, N) })
-  ), [M, v, C, L, H, W]), ke = a.listNoData || yt, tt = a.valueHolder || Mt, oe = vt(), xe = !Ke || ee.valid, { size: R, rounded: K, fillMode: z } = a, we = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+  }, []), Ce = t.useMemo(() => C || !K ? N : ut(
+    N,
+    L,
+    (e) => dt(e, L, { [H]: Re(e, v, O) })
+  ), [N, v, C, K, H, L]), ke = a.listNoData || yt, tt = a.valueHolder || Mt, oe = vt(), xe = !Ke || ee.valid, { size: R, rounded: z, fillMode: q } = a, we = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
     "span",
     {
       className: ae("k-dropdowntree k-picker", a.className, {
         [`k-picker-${It[R] || R}`]: R,
-        [`k-rounded-${St[K] || K}`]: K,
-        [`k-picker-${z}`]: z,
-        "k-focus": d,
+        [`k-rounded-${St[z] || z}`]: z,
+        [`k-picker-${q}`]: q,
+        "k-focus": p,
         "k-invalid": !xe,
         "k-loading": a.loading,
         "k-required": G,
@@ -344,13 +345,13 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
       tabIndex: J,
       accessKey: a.accessKey,
       id: le,
-      style: I ? { ...O, width: void 0 } : O,
+      style: I ? { ...V, width: void 0 } : V,
       dir: k,
       ref: f,
       onKeyDown: F ? void 0 : Ue,
       onMouseDown: Qe,
       onClick: F ? void 0 : fe,
-      onFocus: E ? (e) => fe(e) : Ge,
+      onFocus: h ? (e) => fe(e) : Ge,
       onBlur: Je,
       role: "combobox",
       "aria-haspopup": "tree",
@@ -361,9 +362,9 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
       "aria-describedby": a.ariaDescribedBy,
       "aria-required": G
     },
-    /* @__PURE__ */ t.createElement("span", { className: "k-input-inner" }, (Y || A) && /* @__PURE__ */ t.createElement(tt, { item: v }, Y || A)),
+    /* @__PURE__ */ t.createElement("span", { className: "k-input-inner" }, (Y || B) && /* @__PURE__ */ t.createElement(tt, { item: v }, Y || B)),
     a.loading && /* @__PURE__ */ t.createElement(Se, { className: "k-input-loading-icon", name: "loading" }),
-    L && !F && /* @__PURE__ */ t.createElement(
+    K && !F && /* @__PURE__ */ t.createElement(
       "span",
       {
         onClick: he,
@@ -383,7 +384,7 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
         "aria-label": "select",
         className: "k-input-button",
         size: R,
-        fillMode: z,
+        fillMode: q,
         themeColor: "base",
         rounded: null,
         icon: "caret-alt-down",
@@ -402,13 +403,13 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
       },
       /* @__PURE__ */ t.createElement("option", { value: a.valueMap ? a.valueMap.call(void 0, v) : v })
     ),
-    !E && /* @__PURE__ */ t.createElement(Ie.Provider, { value: Be }, /* @__PURE__ */ t.createElement(
+    !h && /* @__PURE__ */ t.createElement(Ie.Provider, { value: qe }, /* @__PURE__ */ t.createElement(
       ft,
       {
         ...b,
         className: ae(b.className, { "k-rtl": k === "rtl" }),
         popupClass: ae(b.popupClass, "k-dropdowntree-popup k-list-container"),
-        style: Ae,
+        style: Be,
         anchor: b.anchor || f.current,
         show: l,
         onOpen: Xe,
@@ -422,24 +423,24 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
           onChange: ye,
           onKeyDown: ve,
           size: R,
-          rounded: K,
-          fillMode: z,
+          rounded: z,
+          fillMode: q,
           renderListFilterWrapper: !0,
           renderPrefixSeparator: !0
         }
       ),
-      M.length > 0 ? /* @__PURE__ */ t.createElement(
+      N.length > 0 ? /* @__PURE__ */ t.createElement(
         Te,
         {
           style: { height: b.height },
-          ref: h,
+          ref: y,
           tabIndex: J,
           data: Ce,
-          focusIdField: N,
+          focusIdField: O,
           textField: a.textField,
           selectField: H,
           expandField: a.expandField,
-          childrenField: W,
+          childrenField: L,
           expandIcons: !0,
           onItemClick: be,
           onExpandChange: Ee,
@@ -451,17 +452,17 @@ const { sizeMap: It, roundedMap: St } = mt, Tt = 12e3, Rt = 2e3, Pt = "Please se
       ) : /* @__PURE__ */ t.createElement(ke, null, oe.toLanguageString(X, re[X])),
       j && /* @__PURE__ */ t.createElement(pt, null)
     ))
-  ), E && Ye());
+  ), h && Ye());
   return I ? /* @__PURE__ */ t.createElement(
     Ct,
     {
       label: I,
       editorValue: Y,
-      editorPlaceholder: A,
+      editorPlaceholder: B,
       editorValid: xe,
       editorDisabled: F,
       editorId: le,
-      style: { width: O ? O.width : void 0 },
+      style: { width: V ? V.width : void 0 },
       children: we,
       dir: k
     }

package/DropDownTree/useDropdownWidth.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 f=require("react");function h(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const p=h(f);function a(t,n,e){const[i,o]=p.useState(n);return p.useEffect(()=>{i!==void 0&&t.current&&o(t.current.offsetWidth)},e),i}function d(t){return typeof t=="string"?Number(t.replace("px","")):t||void 0}function l(t,n,e,i){const o=d(n.popupSettings.width),c=(e.width!==void 0&&d(e.width))!==o,u=i.width!==void 0,s=c?e.width:u?i.width:o,r=d(a(t,s));return c||u?s:r&&o&&r>o?r:o}exports.useDropdownWidth=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react");function a(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const p=a(f);function h(t,n,e){const[i,o]=p.useState(n);return p.useEffect(()=>{i!==void 0&&t.current&&o(t.current.offsetWidth)},e),i}function c(t){return typeof t=="string"?Number(t.replace("px","")):t}function l(t,n,e,i){const o=c(n.popupSettings.width),d=(e.width!==void 0&&c(e.width))!==o,u=i.width!==void 0,s=d?e.width:u?i.width:o,r=c(h(t,s));return d||u?s:r&&o&&r>o?r:o}exports.useDropdownWidth=l;

package/DropDownTree/useDropdownWidth.mjs

@@ -5,19 +5,19 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as c from "react";
-function u(t, o, n) {
-  const [d, i] = c.useState(o);
-  return c.useEffect(() => {
+import * as u from "react";
+function c(t, e, n) {
+  const [d, i] = u.useState(e);
+  return u.useEffect(() => {
     d !== void 0 && t.current && i(t.current.offsetWidth);
   }, n), d;
 }
 function r(t) {
-  return typeof t == "string" ? Number(t.replace("px", "")) : t || void 0;
+  return typeof t == "string" ? Number(t.replace("px", "")) : t;
 }
-function W(t, o, n, d) {
-  const i = r(o.popupSettings.width), s = (n.width !== void 0 && r(n.width)) !== i, h = d.width !== void 0, p = s ? n.width : h ? d.width : i, e = r(u(t, p));
-  return s || h ? p : e && i && e > i ? e : i;
+function W(t, e, n, d) {
+  const i = r(e.popupSettings.width), s = (n.width !== void 0 && r(n.width)) !== i, h = d.width !== void 0, p = s ? n.width : h ? d.width : i, o = r(c(t, p));
+  return s || h ? p : o && i && o > i ? o : i;
 }
 export {
   W as useDropdownWidth

package/MultiColumnComboBox/MultiColumnComboBox.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 ue=require("react"),ie=require("prop-types"),de=require("../common/MultiColumnList.js"),l=require("@progress/kendo-react-common"),j=require("../ComboBox/ComboBox.js"),ce=require("../common/utils.js"),K=require("../common/withCustomComponent.js");function pe(a){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(d,e,c.get?c:{enumerable:!0,get:()=>a[e]})}}return d.default=a,Object.freeze(d)}const t=pe(ue),me=(a,d)=>a?typeof a=="number"?a+"px":a:d,G=l.createPropsContext(),y=t.forwardRef((a,d)=>{const e=l.usePropsContext(G,a),c=t.useRef(null),n=t.useRef(null),S=l.getScrollbarWidth(),{columns:s=i.columns,popupSettings:f=i.popupSettings,size:W=i.size,rounded:z=i.rounded,fillMode:L=i.fillMode,className:_,prefix:D=void 0,suffix:$=void 0,onOpen:w,onClose:M,onFocus:N,onBlur:E,onChange:F,onFilterChange:H,onPageChange:R,...V}=e;t.useImperativeHandle(c,()=>({element:n.current&&n.current.element,focus(){n.current&&n.current.focus()},get value(){return n.current&&n.current.value},get name(){return n.current&&n.current.name},props:e})),t.useImperativeHandle(d,()=>c.current);const g=t.useMemo(()=>{if(e.groupField!==void 0&&e.data)return ce.getItemValue(e.data[0],e.groupField)},[e.data,e.groupField]),[k,b]=t.useState(g),[q,B]=t.useState(!0),[A]=D?K(e.prefix||t.Fragment):[],[J]=$?K(e.suffix||t.Fragment):[],Q=t.useMemo(()=>{const o=t.createElement("th",{className:"k-table-th",colSpan:s.length},k);return t.createElement(t.Fragment,null,e.header,t.createElement("div",{className:"k-table-header-wrap"},t.createElement("table",{className:"k-table",role:"presentation"},t.createElement("colgroup",null,s.map((r,p)=>t.createElement("col",{key:r.uniqueKey?r.uniqueKey:p,style:{width:r.width?r.width:i.width}}))),t.createElement("thead",{className:"k-table-thead"},t.createElement("tr",{className:"k-table-row"},s.map((r,p)=>t.createElement("th",{className:"k-table-th",key:r.uniqueKey?r.uniqueKey:p},r.header||" "))),k&&q&&t.createElement("tr",{className:"k-table-group-row"},e.groupStickyHeaderItemRender?e.groupStickyHeaderItemRender.call(void 0,o,{}):o)))))},[e.header,s,k,q]),U=t.useMemo(()=>`calc(${s.map(o=>me(o.width,i.width)).filter(Boolean).join(" + ")} + ${S}px + 4px)`,[s,S]),I=e.virtual?e.virtual.skip:0,X=t.useCallback((o,r)=>{const p=s.map((m,se)=>t.createElement("span",{className:e.itemRender?void 0:"k-table-td",style:e.itemRender?void 0:{width:m.width?m.width:i.width},key:m.uniqueKey?m.uniqueKey:se},m.field?String(l.getter(m.field)(r.dataItem)):""));let C,h,v,x,O=e.data||[];const P=r.index-I;e.groupField!==void 0&&(x=l.getter(e.groupField),h=x(O[P]),v=x(O[P-1]),h&&v&&h!==v&&(C=h)),C&&e.groupMode==="classic"&&p.push(t.createElement("div",{key:"group",className:"k-table-td k-table-group-td"},t.createElement("span",null,C)));const T=t.cloneElement(o,{...o.props,className:l.classNames("k-table-row",{"k-table-alt-row":r.index%2!==0,"k-focus":r.focused,"k-selected":r.selected,"k-first":!!C,"k-disabled":r.dataItem.disabled})},p);return e.itemRender?e.itemRender.call(void 0,T,r):T},[s,e.groupField,e.itemRender,e.data,I]),u=t.useCallback((o,r)=>{o&&o.call(void 0,{...r,target:c.current})},[]),Y=t.useCallback(o=>(e.virtual||b(g),u(w,o)),[u,w,e.virtual,g]),Z=t.useCallback(o=>u(M,o),[M]),ee=t.useCallback(o=>u(N,o),[N]),te=t.useCallback(o=>u(E,o),[E]),oe=t.useCallback(o=>u(F,o),[F]),re=t.useCallback(o=>u(R,o),[R]),ae=t.useCallback(o=>(b(g),u(H,{...o,mobileMode:o.target.mobileMode})),[H]),ne=t.useCallback(o=>{b(o.group)},[]);t.useEffect(()=>{l.setScrollbarWidth()}),t.useEffect(()=>{const o=e.data;b(g),o&&o.length!==0?B(!0):B(!1)},[e.data]);const le=t.useCallback(o=>t.createElement(de.MultiColumnList,{...o}),[]);return t.createElement(j.ComboBox,{...V,list:le,popupSettings:{...f,popupClass:l.classNames("k-dropdowngrid-popup",f.popupClass),width:f.width||U,className:f.className},ref:n,header:Q,itemRender:X,groupHeaderItemRender:e.groupHeaderItemRender,size:W,rounded:z,fillMode:L,groupMode:e.groupMode,groupField:e.groupField,isMultiColumn:!0,onOpen:Y,onClose:Z,onFocus:ee,onBlur:te,onChange:oe,onFilterChange:ae,onPageChange:re,onGroupScroll:ne,className:l.classNames("k-dropdowngrid",_),required:e.required,adaptive:e.adaptive,adaptiveFilter:e.adaptiveFilter,adaptiveTitle:e.adaptiveTitle,adaptiveSubtitle:e.adaptiveSubtitle,footer:e.footer,footerClassName:"k-table-footer",prefix:A,suffix:J})}),ge={...j.ComboBoxWithoutContext.propTypes,columns:ie.any.isRequired},i={columns:[],popupSettings:{},width:"200px",size:"medium",rounded:"medium",fillMode:"solid"};y.displayName="KendoMultiColumnComboBox";y.propTypes=ge;exports.MultiColumnComboBox=y;exports.MultiColumnComboBoxPropsContext=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ue=require("react"),ie=require("prop-types"),de=require("../common/MultiColumnList.js"),n=require("@progress/kendo-react-common"),j=require("../ComboBox/ComboBox.js"),ce=require("../common/utils.js"),K=require("../common/withCustomComponent.js");function pe(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const d=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(i,e,d.get?d:{enumerable:!0,get:()=>r[e]})}}return i.default=r,Object.freeze(i)}const t=pe(ue),me=(r,i)=>r?typeof r=="number"?r+"px":r:i,G=n.createPropsContext(),y=t.forwardRef((r,i)=>{const e=n.usePropsContext(G,r),d=t.useRef(null),c=t.useRef(null),S=n.getScrollbarWidth(),{columns:l=u.columns,popupSettings:f=u.popupSettings,size:W=u.size,rounded:z=u.rounded,fillMode:L=u.fillMode,className:_,prefix:D=void 0,suffix:$=void 0,onOpen:w,onClose:M,onFocus:N,onBlur:E,onChange:F,onFilterChange:H,onPageChange:R,...V}=e;t.useImperativeHandle(d,()=>{var o;return{element:((o=c.current)==null?void 0:o.element)||null,focus(){c.current&&c.current.focus()},get value(){var a;return(a=c.current)==null?void 0:a.value},get name(){var a;return(a=c.current)==null?void 0:a.name},props:e}}),t.useImperativeHandle(i,()=>d.current);const g=t.useMemo(()=>{if(e.groupField!==void 0&&e.data)return ce.getItemValue(e.data[0],e.groupField)},[e.data,e.groupField]),[k,b]=t.useState(g),[q,B]=t.useState(!0),[A]=D?K(e.prefix||t.Fragment):[],[J]=$?K(e.suffix||t.Fragment):[],Q=t.useMemo(()=>{const o=t.createElement("th",{className:"k-table-th",colSpan:l.length},k);return t.createElement(t.Fragment,null,e.header,t.createElement("div",{className:"k-table-header-wrap"},t.createElement("table",{className:"k-table",role:"presentation"},t.createElement("colgroup",null,l.map((a,p)=>t.createElement("col",{key:a.uniqueKey?a.uniqueKey:p,style:{width:a.width?a.width:u.width}}))),t.createElement("thead",{className:"k-table-thead"},t.createElement("tr",{className:"k-table-row"},l.map((a,p)=>t.createElement("th",{className:"k-table-th",key:a.uniqueKey?a.uniqueKey:p},a.header||" "))),k&&q&&t.createElement("tr",{className:"k-table-group-row"},e.groupStickyHeaderItemRender?e.groupStickyHeaderItemRender.call(void 0,o,{}):o)))))},[e.header,l,k,q]),U=t.useMemo(()=>`calc(${l.map(o=>me(o.width,u.width)).filter(Boolean).join(" + ")} + ${S}px + 4px)`,[l,S]),I=e.virtual?e.virtual.skip:0,X=t.useCallback((o,a)=>{const p=l.map((m,se)=>t.createElement("span",{className:e.itemRender?void 0:"k-table-td",style:e.itemRender?void 0:{width:m.width?m.width:u.width},key:m.uniqueKey?m.uniqueKey:se},m.field?String(n.getter(m.field)(a.dataItem)):""));let C,h,v,x,O=e.data||[];const P=a.index-I;e.groupField!==void 0&&(x=n.getter(e.groupField),h=x(O[P]),v=x(O[P-1]),h&&v&&h!==v&&(C=h)),C&&e.groupMode==="classic"&&p.push(t.createElement("div",{key:"group",className:"k-table-td k-table-group-td"},t.createElement("span",null,C)));const T=t.cloneElement(o,{...o.props,className:n.classNames("k-table-row",{"k-table-alt-row":a.index%2!==0,"k-focus":a.focused,"k-selected":a.selected,"k-first":!!C,"k-disabled":a.dataItem.disabled})},p);return e.itemRender?e.itemRender.call(void 0,T,a):T},[l,e.groupField,e.itemRender,e.data,I]),s=t.useCallback((o,a)=>{o&&o.call(void 0,{...a,target:d.current})},[]),Y=t.useCallback(o=>(e.virtual||b(g),s(w,o)),[s,w,e.virtual,g]),Z=t.useCallback(o=>s(M,o),[M]),ee=t.useCallback(o=>s(N,o),[N]),te=t.useCallback(o=>s(E,o),[E]),oe=t.useCallback(o=>s(F,o),[F]),ae=t.useCallback(o=>s(R,o),[R]),re=t.useCallback(o=>(b(g),s(H,{...o,mobileMode:o.target.mobileMode})),[H]),ne=t.useCallback(o=>{b(o.group)},[]);t.useEffect(()=>{n.setScrollbarWidth()}),t.useEffect(()=>{const o=e.data;b(g),o&&o.length!==0?B(!0):B(!1)},[e.data]);const le=t.useCallback(o=>t.createElement(de.MultiColumnList,{...o}),[]);return t.createElement(j.ComboBox,{...V,list:le,popupSettings:{...f,popupClass:n.classNames("k-dropdowngrid-popup",f.popupClass),width:f.width||U,className:f.className},ref:c,header:Q,itemRender:X,groupHeaderItemRender:e.groupHeaderItemRender,size:W,rounded:z,fillMode:L,groupMode:e.groupMode,groupField:e.groupField,isMultiColumn:!0,onOpen:Y,onClose:Z,onFocus:ee,onBlur:te,onChange:oe,onFilterChange:re,onPageChange:ae,onGroupScroll:ne,className:n.classNames("k-dropdowngrid",_),required:e.required,adaptive:e.adaptive,adaptiveFilter:e.adaptiveFilter,adaptiveTitle:e.adaptiveTitle,adaptiveSubtitle:e.adaptiveSubtitle,footer:e.footer,footerClassName:"k-table-footer",prefix:A,suffix:J})}),ge={...j.ComboBoxWithoutContext.propTypes,columns:ie.any.isRequired},u={columns:[],popupSettings:{},width:"200px",size:"medium",rounded:"medium",fillMode:"solid"};y.displayName="KendoMultiColumnComboBox";y.propTypes=ge;exports.MultiColumnComboBox=y;exports.MultiColumnComboBoxPropsContext=G;