@progress/kendo-react-dropdowns 13.4.0-develop.3 → 13.4.0-develop.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AutoComplete/AutoComplete.d.ts +4 -2
- package/AutoComplete/AutoComplete.js +1 -1
- package/AutoComplete/AutoComplete.mjs +59 -44
- package/AutoComplete/AutoCompleteProps.d.ts +1 -1
- package/ComboBox/ComboBox.d.ts +4 -2
- package/ComboBox/ComboBox.js +1 -1
- package/ComboBox/ComboBox.mjs +166 -145
- package/ComboBox/ComboBoxProps.d.ts +1 -1
- package/DropDownList/DropDownList.d.ts +1 -1
- package/DropDownList/DropDownList.js +1 -1
- package/DropDownList/DropDownList.mjs +295 -276
- package/DropDownList/DropDownListProps.d.ts +1 -1
- package/DropDownTree/DropDownTreeProps.d.ts +1 -1
- package/MultiColumnComboBox/MultiColumnComboBox.d.ts +1 -1
- package/MultiSelect/MultiSelect.d.ts +3 -1
- package/MultiSelect/MultiSelect.js +1 -1
- package/MultiSelect/MultiSelect.mjs +283 -261
- package/MultiSelect/MultiSelectProps.d.ts +1 -1
- package/MultiSelect/TagList.js +1 -1
- package/MultiSelect/TagList.mjs +17 -17
- package/MultiSelectTree/MultiSelectTreeProps.d.ts +1 -1
- package/common/ListFilter.d.ts +1 -1
- package/common/ListFilter.js +1 -1
- package/common/ListFilter.mjs +1 -1
- package/dist/cdn/js/kendo-react-dropdowns.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +1 -1
- package/package.json +10 -10
|
@@ -535,7 +535,7 @@ export interface ComboBoxProps extends FormComponentProps {
|
|
|
535
535
|
* <ComboBox rounded="full" />
|
|
536
536
|
* ```
|
|
537
537
|
*/
|
|
538
|
-
rounded?: 'small' | 'medium' | 'large' | 'full';
|
|
538
|
+
rounded?: 'small' | 'medium' | 'large' | 'full' | 'none';
|
|
539
539
|
/**
|
|
540
540
|
* Configures the `fillMode` of the ComboBox.
|
|
541
541
|
*
|
|
@@ -22,7 +22,7 @@ export declare const DropDownList: React.ForwardRefExoticComponent<DropDownListP
|
|
|
22
22
|
export declare const dropDownListDefaultProps: {
|
|
23
23
|
required: boolean;
|
|
24
24
|
size: "small" | "medium" | "large" | undefined;
|
|
25
|
-
rounded: "small" | "medium" | "large" | "full" | undefined;
|
|
25
|
+
rounded: "small" | "none" | "medium" | "large" | "full" | undefined;
|
|
26
26
|
fillMode: "flat" | "solid" | "outline" | undefined;
|
|
27
27
|
popupSettings: {
|
|
28
28
|
height: string;
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Bt=require("react"),L=require("prop-types"),o=require("@progress/kendo-react-common"),Wt=require("@progress/kendo-react-labels"),_t=require("@progress/kendo-svg-icons"),Ut=require("../common/ListContainer.js"),Gt=require("../common/ListFilter.js"),tt=require("../common/GroupStickyHeader.js"),jt=require("../common/ListDefaultItem.js"),$t=require("../common/List.js"),rt=require("../common/DropDownBase.js"),d=require("../common/utils.js"),nt=require("../package-metadata.js"),Yt=require("@progress/kendo-react-buttons"),Jt=require("@progress/kendo-react-intl"),$=require("../messages/index.js"),Qt=require("@progress/kendo-react-layout"),Rt=require("../common/AdaptiveMode.js");function Xt(M){const Y=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(M){for(const T in M)if(T!=="default"){const ne=Object.getOwnPropertyDescriptor(M,T);Object.defineProperty(Y,T,ne.get?ne:{enumerable:!0,get:()=>M[T]})}}return Y.default=M,Object.freeze(Y)}const i=Xt(Bt),Zt="Please select a value from the list!",me=i.forwardRef((M,Y)=>{let T=!1;const ne=o.getLicenseMessage(nt.packageMetadata),n=o.usePropsContext(ot,M),{delay:st=P.delay,tabIndex:at=P.tabIndex,ignoreCase:ge=P.ignoreCase,size:O=P.size,rounded:Me=P.rounded,fillMode:fe=P.fillMode}=n;if(n.filterable||n.virtual){const e=[];n.filterable&&e.push("filterable"),n.virtual&&e.push("virtualization"),T=!o.validatePackage(nt.packageMetadata,{component:"DropDownList",features:e})}const E=o.useUnstyled(),ve=o.useId(n.id),ye=()=>{var e;if(o.canUseDOM)return((e=Q.current)==null?void 0:e.ownerDocument)||window.document},it=()=>{var e,r;(e=t==null?void 0:t.current)!=null&&e.wrapper&&((r=t==null?void 0:t.current)==null||r.wrapper.focus({preventScroll:!0}))},k=()=>{let e;return z.current!==void 0&&z.current!==null?e=z.current:n.value!==void 0?e=n.value:g.value!==void 0&&g.value!==null?e=g.value:n.defaultValue!==void 0&&n.defaultValue!==null&&(e=n.defaultValue),!d.isPresent(e)&&n.defaultItem!==void 0&&n.defaultItem!==null&&(e=n.defaultItem),e},lt=()=>{const{dataItemKey:e}=n,r=d.getFilteredData(n),s=k();return r.findIndex(c=>d.areSame(c,s,e))},De=()=>n.required!==void 0?n.required:P.required,Ie=()=>{const e=n.validationMessage!==void 0,r=k(),s=!De()||r!==null&&r!==""&&r!==void 0,c=n.valid!==void 0?n.valid:s;return{customError:e,valid:c,valueMissing:r===null}},dt=()=>n.validityStyles!==void 0?n.validityStyles:P.validityStyles,re=e=>{oe.current=!0,e.focus(),window.setTimeout(()=>oe.current=!1,30)},we=()=>{R.current&&re(R.current),n.adaptive&&setTimeout(()=>{R.current&&re(R.current)},300)},ct=i.useCallback(e=>{for(const r of e)Ft(r.target.clientWidth)},[]),Te=()=>{var e;(e=Ce.current)!=null&&e.setCustomValidity&&Ce.current.setCustomValidity(Ie().valid?"":n.validationMessage||Zt)},_=(e,r)=>{const s=k();d.areSame(s,e,n.dataItemKey)||(n.value===void 0&&(r.data.value=e),t.current.updateComponentArgs({value:e}),z.current=e,r.events.push({type:"onChange"}))},b=e=>{var r;(r=t==null?void 0:t.current)==null||r.applyState(e),z.current=void 0},J=(e,r)=>{var p;const{virtual:s,dataItemKey:c,defaultItem:u}=n,m=d.getFilteredData(n),y=s?s.skip:0,f=k(),a=e===-1&&u!==void 0?u:m[e-y],v=!d.areSame(a,f,c);_(a,r),v&&((p=t==null?void 0:t.current)==null||p.triggerPageChangeCornerItems(a,r))},q=(e,r,s)=>{var x,I;const{defaultItem:c,dataItemKey:u,virtual:m={skip:0,total:0,pageSize:0}}=n,y=k(),f=d.getFilteredData(n),a=(x=t==null?void 0:t.current)==null?void 0:x.vs,v=f.findIndex(h=>d.areSame(h,y,u)),p=(I=t==null?void 0:t.current)==null?void 0:I.navigation.navigate({current:m.skip+v,max:(a!=null&&a.enabled?m.total:f.length)-1,min:c!==void 0?-1:0,keyCode:r,skipItems:s||void 0});p!==void 0&&J(p,e),b(e)},ut=e=>{Q.current=e,t.current.wrapper=e},pt=e=>i.createElement("select",{name:n.name,ref:r=>{Ce.current=r},tabIndex:-1,"aria-hidden":!0,title:n.label,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"}},i.createElement("option",{value:n.valueMap?n.valueMap.call(void 0,e):e})),he=()=>{const{textField:e,dataItemKey:r,virtual:s={skip:0},focusedItemIndex:c=d.itemIndexStartsWith,filterable:u,skipDisabledItems:m=!0}=n,y=k(),f=d.getFilteredData(n),a=n.filter?n.filter:g.text;return m&&e&&!a&&!y?f.findIndex(v=>!v.disabled&&v[e]):d.isPresent(y)&&a===void 0||u&&a===""?f.findIndex(v=>d.areSame(v,y,r)):a?Le.current?c(f,a,e):f.findIndex(v=>d.areSame(v,y,r)):s.skip===0?0:-1},Oe=(e,r)=>r!==void 0&&r!==-1&&e&&e.length>0&&e[r].disabled,Se=()=>{const e=d.getFilteredData(n),r=t.current.initState(),s=he();Oe(e,s)&&(_(null,r),b(r))},xe=e=>{if(e.isPropagationStopped())return;const r=t.current.initState();r.syntheticEvent=e,g.focused||(r.data.focused=!0),Se(),t.current.togglePopup(r),b(r)},qe=e=>{var N,ue,W,pe,j,Ze,et;e&&e.target instanceof Element&&e.target.nodeName==="INPUT"&&e.stopPropagation&&e.stopPropagation();const{filterable:r,disabled:s,defaultItem:c,leftRightKeysNavigation:u=!0,virtual:m={skip:0,total:0,pageSize:0},dataItemKey:y,groupField:f="",textField:a,skipDisabledItems:v=!0}=n,p=d.getFilteredData(n),x=k(),I=p.findIndex(C=>d.areSame(C,x,y)),h=n.opened!==void 0?n.opened:g.opened,l=e.keyCode,F=l===o.Keys.home||l===o.Keys.end,K=l===o.Keys.up||l===o.Keys.down,G=!h&&(e.altKey&&l===o.Keys.down||l===o.Keys.enter||l===o.Keys.space),te=h&&(e.altKey&&l===o.Keys.up||l===o.Keys.esc),de=u&&(l===o.Keys.left||l===o.Keys.right),ce=K||de&&!r||F,S=t.current.initState();if(S.syntheticEvent=e,!s){if(F&&((N=t==null?void 0:t.current)!=null&&N.vs.enabled))l===o.Keys.home?m.skip!==0?((ue=t==null?void 0:t.current)==null||ue.triggerOnPageChange(S,0,m.pageSize),V.current=!0):_(p[0],S):m.skip<m.total-m.pageSize?((W=t==null?void 0:t.current)==null||W.triggerOnPageChange(S,m.total-m.pageSize,m.pageSize),V.current=!0):_(p[p.length-1],S);else if(h&&l===o.Keys.pageUp)e.preventDefault(),(pe=t==null?void 0:t.current)==null||pe.scrollPopupByPageSize(-1);else if(h&&l===o.Keys.pageDown)e.preventDefault(),(j=t==null?void 0:t.current)==null||j.scrollPopupByPageSize(1);else if(h&&l===o.Keys.enter){const C=he();Oe(p,C)?(_(null,S),b(S)):J(C,S),(Ze=t==null?void 0:t.current)==null||Ze.togglePopup(S),e.preventDefault()}else if(G||te)te&&Se(),(et=t==null?void 0:t.current)==null||et.togglePopup(S),e.preventDefault();else if(ce){if(Le.current=!1,f!==""&&a)if(!v&&h)q(S,l);else{let C;if(l===o.Keys.down||l===o.Keys.right){const w=p.slice(I+1).find(D=>!D.disabled&&D[a]);C=w&&p.findIndex(D=>D[a]===w[a])}else if(l===o.Keys.up||l===o.Keys.left){let w;if(I===0&&c)C=-1;else if(I===-1)w=p,C=p.findIndex(D=>!D.disabled&&D[a]);else{w=p.slice(0,I);let D=w.pop();for(;D&&D.disabled;)D=w.pop();C=D&&p.findIndex(Ne=>Ne[a]===D[a])}}if(C!==void 0){const w=C-I;q(S,l,w)}else C===void 0&&p.findIndex(w=>w[a]===x[a])===p.length-1&&q(S,l)}else if(!v&&h||F)q(S,l);else if(a){let C;if(l===o.Keys.down||l===o.Keys.right){const w=p.slice(I+1).find(D=>!D.disabled&&D[a]);C=w&&p.findIndex(D=>D[a]===w[a])}else if(l===o.Keys.up||l===o.Keys.left){let w;if(I===0&&c)C=-1;else if(I===-1)w=p,C=p.find(D=>!D.disabled&&D[a]);else{w=p.slice(0,I);let D=w.pop();for(;D&&D.disabled;)D=w.pop();C=D&&p.findIndex(Ne=>Ne[a]===D[a])}}if(C!==void 0){const w=C-I;q(S,l,w)}else C===void 0&&p.findIndex(w=>w[a]===x[a])===p.length-1&&q(S,l)}else q(S,l);e.preventDefault()}b(S)}},mt=e=>{const r=t.current.initState();r.syntheticEvent=e.syntheticEvent,n.filter===void 0&&(r.data.text=e.target.value),t.current.filterChanged(e.target.value,r),Le.current=!0,b(r),Z({group:void 0,text:String(e.target.value)})},ze=e=>{const r=n.filter!==void 0?n.filter:g.text;return n.filterable&&i.createElement(Gt,{value:r,ref:s=>{R.current=s&&s.element},onChange:mt,onKeyDown:qe,size:e?"large":O,rounded:Me,fillMode:fe,renderListFilterWrapper:!0,placeholder:_e.toLanguageString($.dropDownListAdaptiveFilterPlaceholder,$.messages[$.dropDownListAdaptiveFilterPlaceholder])})},gt=e=>{var s;const r=t.current.initState();r.syntheticEvent=e,(s=t==null?void 0:t.current)==null||s.togglePopup(r),_(n.defaultItem,r),b(r)},ft=()=>{const{textField:e,defaultItem:r,dataItemKey:s}=n,c=k();return r!==void 0&&i.createElement(jt,{defaultItem:r,textField:e,selected:d.areSame(c,r,s),key:"defaultitemkey",onClick:gt})},vt=(e,r)=>{var s;(s=t==null?void 0:t.current)==null||s.handleItemClick(e,r),z.current=void 0},yt=e=>{const{vs:r,list:s}=t.current;r.scrollHandler(e);const{groupField:c}=n;let u=d.getFilteredData(n);if(!(!c||!u.length)&&c){const m=Be.current=Be.current||(r.enabled?r.itemHeight:s?s.children[0].offsetHeight:0),f=e.target.scrollTop-r.skip*m;u=t.current.getGroupedDataModernMode(u,c);let a=u[0][c];for(let v=1;v<u.length&&!(m*v>f);v++)u[v]&&u[v][c]&&(a=u[v][c]);a!==g.group&&Z({group:a})}},Ve=()=>{var l;const{textField:e,dataItemKey:r,virtual:s={skip:0,total:void 0},groupHeaderItemRender:c,listNoDataRender:u,itemRender:m}=n,y=d.getFilteredData(n),f=E&&E.uDropDownList,a=t.current.vs,v=s.skip,p=n.opened!==void 0?n.opened:g.opened,x=t.current.getPopupSettings(),I=`translateY(${a.translate}px)`,h=k();return i.createElement($t,{id:Ee,show:p,data:y.slice(),focusedIndex:he(),value:h,textField:e,valueField:r,optionsGuid:Ge,groupField:n.groupField,listRef:F=>{a.list=t.current.list=F},wrapperStyle:{maxHeight:B?void 0:x.height},wrapperCssClass:o.classNames(o.uDropDownList.listContent({c:f})),listStyle:a.enabled?{transform:I}:void 0,key:"listkey",skip:v,onClick:vt,itemRender:m,groupHeaderItemRender:c,noDataRender:u,onScroll:yt,wrapperRef:a.scrollerRef,scroller:(l=t==null?void 0:t.current)==null?void 0:l.renderScrollElement(),ariaSetSize:s.total})},Dt=()=>{const{groupField:e}=n,r=d.getFilteredData(n),s=n.opened!==void 0?n.opened:g.opened,c=E&&E.uDropDownList,u={title:n.adaptiveTitle||n.label,subTitle:n.adaptiveSubtitle,expand:s,onClose:y=>xe(y),windowWidth:Ke,mobileFilter:ze(!0)};let{group:m}=g;return m===void 0&&e!==void 0&&(m=d.getItemValue(r[0],e)),i.createElement(Rt.AdaptiveMode,{...u},i.createElement(Qt.ActionSheetContent,null,i.createElement("div",{className:o.classNames(o.uDropDownList.listContainer({c,popup:!1}))},St())))},It=()=>{g.focused&&window.setTimeout(()=>{g.focused&&t.current.wrapper&&re(t.current.wrapper)})},wt=e=>{"onMouseDownOutside"in(n.popupSettings||{})&&n.popupSettings.onMouseDownOutside.call(void 0,e)},ht=()=>{const{header:e,footer:r,dir:s,groupField:c,groupStickyHeaderItemRender:u,list:m}=n,y=d.getFilteredData(n),f=t.current,a=f.getPopupSettings(),v=n.opened!==void 0?n.opened:g.opened,p=a.width!==void 0?a.width:f.popupWidth,x=E&&E.uDropDownList,I={dir:s!==void 0?s:f.dirCalculated,width:p,popupSettings:{...a,popupClass:o.classNames(a.popupClass,o.uDropDownList.listContainer({c:x,popup:!0})),anchor:a.anchor||Q.current,show:v,onOpen:we,onClose:It,onMouseDownOutside:wt},itemsCount:[y.length]};let{group:h}=g;return h===void 0&&c!==void 0&&(h=d.getItemValue(y[0],c)),i.createElement(Ut,{...I},ze(!1),e&&i.createElement("div",{className:o.classNames(o.uDropDownList.listHeader({c:x}))},e),i.createElement("div",{className:o.classNames(o.uDropDownList.list({c:x,size:O,virtual:t.current.vs.enabled}))},ft(),!m&&h&&y.length!==0&&i.createElement(tt,{group:h,render:u}),Ve()),r&&i.createElement("div",{className:o.classNames(o.uDropDownList.listFooter({c:x}))},r),T&&i.createElement(o.WatermarkOverlay,{message:ne}))},St=()=>{const{header:e,footer:r,groupStickyHeaderItemRender:s,groupField:c,list:u}=n,m=d.getFilteredData(n),y=E&&E.uDropDownList;let{group:f}=g;return f===void 0&&c!==void 0&&(f=d.getItemValue(m[0],c)),i.createElement(i.Fragment,null,e&&i.createElement("div",{className:o.classNames(o.uDropDownList.listHeader({c:y}))},e),i.createElement("div",{className:o.classNames("k-list",{[`k-list-${B?"lg":o.sizeMap[O]||O}`]:B||O})},!u&&f&&m.length!==0&&i.createElement(tt,{group:f,render:s}),Ve()),r&&i.createElement("div",{className:"k-list-footer"},r))},xt=e=>{const{dataItemKey:r}=n,s=d.getFilteredData(n),c=k();let u=s.map((K,G)=>({item:K,itemIndex:G}));const m=U.current.word,y=U.current.last,f=d.sameCharsOnly(m,y);let a=u.length,v=Math.max(0,s.findIndex(K=>d.areSame(K,c,r))),p;n.defaultItem&&(p={item:n.defaultItem,itemIndex:-1},a+=1,v+=1),v+=f?1:0,u=d.shuffleData(u,v,p);let x,I,h,l=0;const{textField:F}=n;for(;l<a;){if(x=d.getItemValue(u[l].item,F),I=f&&d.matchText(x,y,ge),h=d.matchText(x,m,ge),I||h){l=u[l].itemIndex;break}l++}if(l!==a){const K=t.current.initState();K.syntheticEvent=e,J(l,K),b(K),z.current=void 0}},Ct=e=>{clearTimeout(He.current),n.filterable||(He.current=window.setTimeout(()=>U.current.word="",st),xt(e))},Lt=e=>{oe.current||t.current.handleFocus(e)},kt=e=>{if(oe.current||!g.focused)return;const r=n.opened!==void 0?n.opened:g.opened,s=t.current.initState();s.syntheticEvent=e,s.data.focused=!1,s.events.push({type:"onBlur"}),r&&Se(),r&&!B&&t.current.togglePopup(s),b(s)},Kt=e=>{if(n.filterable||e.which===0||e.keyCode===o.Keys.enter)return;let r=String.fromCharCode(e.charCode||e.keyCode);ge&&(r=r.toLowerCase()),r===" "&&e.preventDefault(),U.current={word:U.current.word+r,last:U.current.last+r},Ct(e)},Et=()=>{const e=t.current.initState();e.data.opened=g.opened,t.current.togglePopup(e),b(e)},Ae=i.useRef(null),Q=i.useRef(null),Ce=i.useRef(null),R=i.useRef(null);i.useImperativeHandle(Ae,()=>({get element(){return Q.current},get index(){return lt()},get name(){return n.name},get validity(){return Ie()},get value(){return k()},get focused(){return g.focused},get opened(){return g.opened},focus:it,props:n,togglePopup:Et})),i.useImperativeHandle(Y,()=>Ae.current);const He=i.useRef(null),U=i.useRef({word:"",last:""}),oe=i.useRef(!1),z=i.useRef(null),V=i.useRef(!1),Le=i.useRef(!1),A=i.useRef({}),ke=i.useRef({}),t=i.useRef(new rt({props:n,setState:()=>{},state:{},forceUpdate:()=>{},element:null,value:null,handleItemSelect:()=>{}})),Be=i.useRef(0),X=i.useRef(null),[g,bt]=i.useState({}),[Ke,Ft]=i.useState(),[,We]=i.useReducer(e=>e,!0),_e=Jt.useLocalization(),Z=e=>{bt({...g,...e})};i.useEffect(()=>{t.current.updateComponentArgs({props:n,setState:Z,state:g,forceUpdate:We,element:Q.current,handleItemSelect:J,value:k()})},[Z,g,We,J,k]),i.useEffect(()=>{var v,p,x,I,h,l,F,K,G,te,de,ce,S;const{dataItemKey:e,virtual:r,groupField:s="",textField:c}=n,u=d.getFilteredData(n),m=A.current.virtual?A.current.virtual.total:0,y=n.opened!==void 0?n.opened:g.opened,f=A.current.opened!==void 0?A.current.opened:ke.current.opened,a=!f&&y;if((v=t==null?void 0:t.current)==null||v.didUpdate(),(p=t==null?void 0:t.current)!=null&&p.getPopupSettings().animate||a&&we(),r&&r.total!==m)(x=t==null?void 0:t.current)==null||x.vs.calcScrollElementHeight(),(I=t==null?void 0:t.current)==null||I.vs.reset();else{const N=k(),ue=A.current.value!==void 0?A.current.value:ke.current.value;let W=u.findIndex(j=>d.areSame(j,N,e));s!==""&&N&&c&&(W=(l=(h=t==null?void 0:t.current)==null?void 0:h.getGroupedDataModernMode(u,s))==null?void 0:l.map(j=>j[c]).indexOf(N[c]));const pe=!d.areSame(ue,N,e);a&&r?(F=t==null?void 0:t.current)==null||F.scrollToVirtualItem(r,W):a&&!r?(we(),u&&u.length!==0&&((K=t==null?void 0:t.current)==null||K.resetGroupStickyHeader(u[0][s],{setState:Z,group:g.group,state:g})),(G=t==null?void 0:t.current)==null||G.scrollToItem(W)):y&&f&&N&&pe&&!V.current?(de=t==null?void 0:t.current)==null||de.scrollToItem(W,(te=t==null?void 0:t.current)==null?void 0:te.vs.enabled):y&&f&&V.current&&(V.current&&r&&r.skip===0?(ce=t==null?void 0:t.current)==null||ce.vs.reset():V.current&&r&&r.skip===r.total-r.pageSize&&((S=t==null?void 0:t.current)==null||S.vs.scrollToEnd()))}V.current=!1,ke.current=g,A.current=n,Te()}),i.useEffect(()=>{var e,r;return X.current=o.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(ct.bind(void 0)),(e=t==null?void 0:t.current)==null||e.didMount(),Te(),(r=ye())!=null&&r.body&&X.current&&X.current.observe(ye().body),()=>{var s;(s=ye())!=null&&s.body&&X.current&&X.current.disconnect()}},[]);const Ue=ve+"-accessibility-id",Ee=ve+"-listbox-id",Ge=ve+"-guid",Pt=_e.toLanguageString($.dropDownListArrowBtnAriaLabel,$.messages[$.dropDownListArrowBtnAriaLabel]),{style:se,className:Nt,label:be,dir:Mt,virtual:H,adaptive:en,dataItemKey:Tt,disabled:ae,loading:je,iconClassName:$e,svgIcon:Ot,valueRender:Ye}=n,Fe=n.opened!==void 0?n.opened:g.opened,ie=k(),Pe=d.getItemValue(ie,n.textField),Je=!dt()||Ie().valid,le=t.current,qt=le.vs,ee=E&&E.uDropDownList;qt.enabled=H!==void 0;const Qe=o.useAdaptiveModeContext(),B=!!(Ke&&Qe&&Ke<=Qe.medium&&n.adaptive);H!==void 0&&(le.vs.skip=H.skip,le.vs.total=H.total,le.vs.pageSize=H.pageSize);const zt=d.getFilteredData(n),{focused:Vt}=g,At=zt.findIndex(e=>d.areSame(e,ie,Tt)),Re=i.createElement("span",{id:Ue,className:o.classNames(o.uDropDownList.inputInner({c:ee}))},Pe&&i.createElement("span",{className:o.classNames(o.uDropDownList.inputText({c:ee}))},Pe)),Ht=Ye!==void 0?Ye.call(void 0,Re,ie):Re,Xe=i.createElement(i.Fragment,null,i.createElement("span",{ref:ut,className:o.classNames(o.uDropDownList.wrapper({c:ee,size:O,rounded:Me,fillMode:fe,focused:Vt,disabled:ae,invalid:!Je,loading:je,required:De()}),Nt),style:be?{...se,width:void 0}:se,dir:Mt,onMouseDown:Fe?e=>{e.target.nodeName!=="INPUT"&&(re(t.current.wrapper),e.preventDefault())}:void 0,onFocus:B?e=>xe(e):Lt,onBlur:kt,tabIndex:o.getTabIndex(at,ae),accessKey:n.accessKey,onKeyDown:qe,onKeyPress:Kt,onClick:ae?void 0:xe,role:"combobox","aria-required":De(),"aria-disabled":ae||void 0,"aria-haspopup":"listbox","aria-expanded":Fe||!1,"aria-owns":Ee,"aria-activedescendant":Fe?"option-"+Ge+"-"+(At+(H?H.skip:0)):void 0,"aria-label":n.ariaLabel||n.label,"aria-labelledby":n.ariaLabelledBy,"aria-describedby":n.ariaDescribedBy||Ue,"aria-controls":Ee,id:n.id,title:n.title},Ht,je&&i.createElement(o.IconWrap,{className:o.classNames(o.uDropDownList.loadingIcon({c:ee})),name:"loading"}),i.createElement(Yt.Button,{tabIndex:-1,type:"button","aria-label":Pt,size:O,fillMode:fe,className:o.classNames(o.uDropDownList.inputButton({c:ee})),iconClass:$e,svgIcon:$e?void 0:Ot||_t.caretAltDownIcon,onMouseDown:e=>g.focused&&e.preventDefault()}),pt(ie),!B&&ht()),B&&Dt());return be?i.createElement(Wt.FloatingLabel,{label:be,editorValue:Pe,editorValid:Je,editorDisabled:n.disabled,style:{width:se?se.width:void 0},children:Xe}):Xe});me.propTypes={delay:L.number,ignoreCase:L.bool,iconClassName:L.string,svgIcon:o.svgIconPropType,defaultItem:L.any,valueRender:L.func,valueMap:L.func,validationMessage:L.string,required:L.bool,id:L.string,ariaLabelledBy:L.string,ariaDescribedBy:L.string,ariaLabel:L.string,leftRightKeysNavigation:L.bool,title:L.string,groupField:L.string,list:L.any,skipDisabledItems:L.bool};const P={delay:500,tabIndex:0,ignoreCase:!0,...rt.defaultProps,required:!1,size:void 0,rounded:void 0,fillMode:void 0};me.displayName="KendoReactDropDownList";const ot=o.createPropsContext();me.displayName="KendoReactDropDownList";exports.DropDownList=me;exports.DropDownListPropsContext=ot;exports.dropDownListDefaultProps=P;
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _t=require("react"),L=require("prop-types"),o=require("@progress/kendo-react-common"),Ut=require("@progress/kendo-react-labels"),Gt=require("@progress/kendo-svg-icons"),jt=require("../common/ListContainer.js"),$t=require("../common/ListFilter.js"),nt=require("../common/GroupStickyHeader.js"),Yt=require("../common/ListDefaultItem.js"),Jt=require("../common/List.js"),ot=require("../common/DropDownBase.js"),c=require("../common/utils.js"),rt=require("../package-metadata.js"),Qt=require("@progress/kendo-react-buttons"),Rt=require("@progress/kendo-react-intl"),Y=require("../messages/index.js"),Xt=require("@progress/kendo-react-layout"),Zt=require("../common/AdaptiveMode.js");function en(M){const J=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(M){for(const T in M)if(T!=="default"){const re=Object.getOwnPropertyDescriptor(M,T);Object.defineProperty(J,T,re.get?re:{enumerable:!0,get:()=>M[T]})}}return J.default=M,Object.freeze(J)}const i=en(_t),tn="Please select a value from the list!",ge=i.forwardRef((M,J)=>{let T=!1;const re=o.getLicenseMessage(rt.packageMetadata),n=o.usePropsContext(at,M),{delay:st=P.delay,tabIndex:it=P.tabIndex,ignoreCase:Q=P.ignoreCase,size:O=P.size,rounded:Me=P.rounded,fillMode:fe=P.fillMode}=n;if(n.filterable||n.virtual){const e=[];n.filterable&&e.push("filterable"),n.virtual&&e.push("virtualization"),T=!o.validatePackage(rt.packageMetadata,{component:"DropDownList",features:e})}const E=o.useUnstyled(),ve=o.useId(n.id),ye=()=>{var e;if(o.canUseDOM)return((e=V.current)==null?void 0:e.ownerDocument)||window.document},lt=()=>{var e,r;(e=t==null?void 0:t.current)!=null&&e.wrapper&&((r=t==null?void 0:t.current)==null||r.wrapper.focus({preventScroll:!0}))},k=()=>{let e;return A.current!==void 0&&A.current!==null?e=A.current:n.value!==void 0?e=n.value:f.value!==void 0&&f.value!==null?e=f.value:n.defaultValue!==void 0&&n.defaultValue!==null&&(e=n.defaultValue),!c.isPresent(e)&&n.defaultItem!==void 0&&n.defaultItem!==null&&(e=n.defaultItem),e},dt=()=>{const{dataItemKey:e}=n,r=c.getFilteredData(n),a=k();return r.findIndex(u=>c.areSame(u,a,e))},De=()=>n.required!==void 0?n.required:P.required,Ie=()=>{const e=n.validationMessage!==void 0,r=k(),a=!De()||r!==null&&r!==""&&r!==void 0,u=n.valid!==void 0?n.valid:a;return{customError:e,valid:u,valueMissing:r===null}},ct=()=>n.validityStyles!==void 0?n.validityStyles:P.validityStyles,oe=e=>{ae.current=!0,e.focus(),window.setTimeout(()=>ae.current=!1,30)},he=()=>{X.current&&oe(X.current),n.adaptive&&setTimeout(()=>{X.current&&oe(X.current)},300)},ut=i.useCallback(e=>{for(const r of e)Pt(r.target.clientWidth)},[]),Te=()=>{var e;(e=Ce.current)!=null&&e.setCustomValidity&&Ce.current.setCustomValidity(Ie().valid?"":n.validationMessage||tn)},q=(e,r)=>{const a=k();c.areSame(a,e,n.dataItemKey)||(n.value===void 0&&(r.data.value=e),t.current.updateComponentArgs({value:e}),A.current=e,r.events.push({type:"onChange"}))},b=e=>{var r;(r=t==null?void 0:t.current)==null||r.applyState(e),A.current=void 0},R=(e,r)=>{var p;const{virtual:a,dataItemKey:u,defaultItem:d}=n,m=c.getFilteredData(n),g=a?a.skip:0,v=k(),s=e===-1&&d!==void 0?d:m[e-g],y=!c.areSame(s,v,u);q(s,r),y&&((p=t==null?void 0:t.current)==null||p.triggerPageChangeCornerItems(s,r))},z=(e,r,a)=>{var x,I;const{defaultItem:u,dataItemKey:d,virtual:m={skip:0,total:0,pageSize:0}}=n,g=k(),v=c.getFilteredData(n),s=(x=t==null?void 0:t.current)==null?void 0:x.vs,y=v.findIndex(w=>c.areSame(w,g,d)),p=(I=t==null?void 0:t.current)==null?void 0:I.navigation.navigate({current:m.skip+y,max:(s!=null&&s.enabled?m.total:v.length)-1,min:u!==void 0?-1:0,keyCode:r,skipItems:a||void 0});p!==void 0&&R(p,e),b(e)},pt=e=>{V.current=e,t.current.wrapper=e},mt=e=>i.createElement("select",{name:n.name,ref:r=>{Ce.current=r},tabIndex:-1,"aria-hidden":!0,title:n.label,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"}},i.createElement("option",{value:n.valueMap?n.valueMap.call(void 0,e):e})),we=()=>{const{textField:e,dataItemKey:r,virtual:a={skip:0},focusedItemIndex:u=c.itemIndexStartsWith,filterable:d,skipDisabledItems:m=!0}=n,g=k(),v=c.getFilteredData(n),s=n.filter?n.filter:f.text;return m&&e&&!s&&!g?v.findIndex(y=>!y.disabled&&y[e]):c.isPresent(g)&&s===void 0||d&&s===""?v.findIndex(y=>c.areSame(y,g,r)):s?Le.current?u(v,s,e):v.findIndex(y=>c.areSame(y,g,r)):a.skip===0?0:-1},Oe=(e,r)=>r!==void 0&&r!==-1&&e&&e.length>0&&e[r].disabled,Se=()=>{const e=c.getFilteredData(n),r=t.current.initState(),a=we();Oe(e,a)&&(q(null,r),b(r))},xe=e=>{if(e.isPropagationStopped())return;const r=t.current.initState();r.syntheticEvent=e,f.focused||(r.data.focused=!0),Se(),t.current.togglePopup(r),b(r)},qe=e=>{var N,pe,U,me,$,et,tt;e&&e.target instanceof Element&&e.target.nodeName==="INPUT"&&e.stopPropagation&&e.stopPropagation();const{filterable:r,disabled:a,defaultItem:u,leftRightKeysNavigation:d=!0,virtual:m={skip:0,total:0,pageSize:0},dataItemKey:g,groupField:v="",textField:s,skipDisabledItems:y=!0}=n,p=c.getFilteredData(n),x=k(),I=p.findIndex(C=>c.areSame(C,x,g)),w=n.opened!==void 0?n.opened:f.opened,l=e.keyCode,F=l===o.Keys.home||l===o.Keys.end,K=l===o.Keys.up||l===o.Keys.down,j=!w&&(e.altKey&&l===o.Keys.down||l===o.Keys.enter||l===o.Keys.space),ne=w&&(e.altKey&&l===o.Keys.up||l===o.Keys.esc),ce=d&&(l===o.Keys.left||l===o.Keys.right),ue=K||ce&&!r||F,S=t.current.initState();if(S.syntheticEvent=e,!a){if(F&&((N=t==null?void 0:t.current)!=null&&N.vs.enabled))l===o.Keys.home?m.skip!==0?((pe=t==null?void 0:t.current)==null||pe.triggerOnPageChange(S,0,m.pageSize),B.current=!0):q(p[0],S):m.skip<m.total-m.pageSize?((U=t==null?void 0:t.current)==null||U.triggerOnPageChange(S,m.total-m.pageSize,m.pageSize),B.current=!0):q(p[p.length-1],S);else if(w&&l===o.Keys.pageUp)e.preventDefault(),(me=t==null?void 0:t.current)==null||me.scrollPopupByPageSize(-1);else if(w&&l===o.Keys.pageDown)e.preventDefault(),($=t==null?void 0:t.current)==null||$.scrollPopupByPageSize(1);else if(w&&l===o.Keys.enter){const C=we();Oe(p,C)?(q(null,S),b(S)):R(C,S),(et=t==null?void 0:t.current)==null||et.togglePopup(S),e.preventDefault()}else if(j||ne)ne&&Se(),(tt=t==null?void 0:t.current)==null||tt.togglePopup(S),e.preventDefault();else if(ue){if(Le.current=!1,v!==""&&s)if(!y&&w)z(S,l);else{let C;if(l===o.Keys.down||l===o.Keys.right){const h=p.slice(I+1).find(D=>!D.disabled&&D[s]);C=h&&p.findIndex(D=>D[s]===h[s])}else if(l===o.Keys.up||l===o.Keys.left){let h;if(I===0&&u)C=-1;else if(I===-1)h=p,C=p.findIndex(D=>!D.disabled&&D[s]);else{h=p.slice(0,I);let D=h.pop();for(;D&&D.disabled;)D=h.pop();C=D&&p.findIndex(Ne=>Ne[s]===D[s])}}if(C!==void 0){const h=C-I;z(S,l,h)}else C===void 0&&p.findIndex(h=>h[s]===x[s])===p.length-1&&z(S,l)}else if(!y&&w||F)z(S,l);else if(s){let C;if(l===o.Keys.down||l===o.Keys.right){const h=p.slice(I+1).find(D=>!D.disabled&&D[s]);C=h&&p.findIndex(D=>D[s]===h[s])}else if(l===o.Keys.up||l===o.Keys.left){let h;if(I===0&&u)C=-1;else if(I===-1)h=p,C=p.find(D=>!D.disabled&&D[s]);else{h=p.slice(0,I);let D=h.pop();for(;D&&D.disabled;)D=h.pop();C=D&&p.findIndex(Ne=>Ne[s]===D[s])}}if(C!==void 0){const h=C-I;z(S,l,h)}else C===void 0&&p.findIndex(h=>h[s]===x[s])===p.length-1&&z(S,l)}else z(S,l);e.preventDefault()}b(S)}},gt=e=>{const r=t.current.initState();r.syntheticEvent=e.syntheticEvent,n.filter===void 0&&(r.data.text=e.target.value),t.current.filterChanged(e.target.value,r),Le.current=!0,b(r),ee({group:void 0,text:String(e.target.value)})},ze=e=>{const r=n.filter!==void 0?n.filter:f.text;return n.filterable&&i.createElement($t,{value:r,ref:a=>{X.current=a&&a.element},onChange:gt,onKeyDown:qe,size:e?"large":O,rounded:Me,fillMode:fe,renderListFilterWrapper:!0,placeholder:_e.toLanguageString(Y.dropDownListAdaptiveFilterPlaceholder,Y.messages[Y.dropDownListAdaptiveFilterPlaceholder])})},ft=e=>{var a;const r=t.current.initState();r.syntheticEvent=e,(a=t==null?void 0:t.current)==null||a.togglePopup(r),q(n.defaultItem,r),b(r)},vt=()=>{const{textField:e,defaultItem:r,dataItemKey:a}=n,u=k();return r!==void 0&&i.createElement(Yt,{defaultItem:r,textField:e,selected:c.areSame(u,r,a),key:"defaultitemkey",onClick:ft})},yt=(e,r)=>{var a;(a=t==null?void 0:t.current)==null||a.handleItemClick(e,r),A.current=void 0},Dt=e=>{const{vs:r,list:a}=t.current;r.scrollHandler(e);const{groupField:u}=n;let d=c.getFilteredData(n);if(!(!u||!d.length)&&u){const m=He.current=He.current||(r.enabled?r.itemHeight:a?a.children[0].offsetHeight:0),v=e.target.scrollTop-r.skip*m;d=t.current.getGroupedDataModernMode(d,u);let s=d[0][u];for(let y=1;y<d.length&&!(m*y>v);y++)d[y]&&d[y][u]&&(s=d[y][u]);s!==f.group&&ee({group:s})}},Ve=()=>{var l;const{textField:e,dataItemKey:r,virtual:a={skip:0,total:void 0},groupHeaderItemRender:u,listNoDataRender:d,itemRender:m}=n,g=c.getFilteredData(n),v=E&&E.uDropDownList,s=t.current.vs,y=a.skip,p=n.opened!==void 0?n.opened:f.opened,x=t.current.getPopupSettings(),I=`translateY(${s.translate}px)`,w=k();return i.createElement(Jt,{id:be,show:p,data:g.slice(),focusedIndex:we(),value:w,textField:e,valueField:r,optionsGuid:je,groupField:n.groupField,listRef:F=>{s.list=t.current.list=F},wrapperStyle:{maxHeight:_?void 0:x.height},wrapperCssClass:o.classNames(o.uDropDownList.listContent({c:v})),listStyle:s.enabled?{transform:I}:void 0,key:"listkey",skip:y,onClick:yt,itemRender:m,groupHeaderItemRender:u,noDataRender:d,onScroll:Dt,wrapperRef:s.scrollerRef,scroller:(l=t==null?void 0:t.current)==null?void 0:l.renderScrollElement(),ariaSetSize:a.total})},It=()=>{const{groupField:e}=n,r=c.getFilteredData(n),a=n.opened!==void 0?n.opened:f.opened,u=E&&E.uDropDownList,d={title:n.adaptiveTitle||n.label,subTitle:n.adaptiveSubtitle,expand:a,onClose:g=>xe(g),windowWidth:Ke,mobileFilter:ze(!0)};let{group:m}=f;return m===void 0&&e!==void 0&&(m=c.getItemValue(r[0],e)),i.createElement(Zt.AdaptiveMode,{...d},i.createElement(Xt.ActionSheetContent,null,i.createElement("div",{className:o.classNames(o.uDropDownList.listContainer({c:u,popup:!1}))},xt())))},ht=()=>{f.focused&&window.setTimeout(()=>{f.focused&&t.current.wrapper&&oe(t.current.wrapper)})},wt=e=>{"onMouseDownOutside"in(n.popupSettings||{})&&n.popupSettings.onMouseDownOutside.call(void 0,e)},St=()=>{const{header:e,footer:r,dir:a,groupField:u,groupStickyHeaderItemRender:d,list:m}=n,g=c.getFilteredData(n),v=t.current,s=v.getPopupSettings(),y=n.opened!==void 0?n.opened:f.opened,p=s.width!==void 0?s.width:v.popupWidth,x=E&&E.uDropDownList,I={dir:a!==void 0?a:v.dirCalculated,width:p,popupSettings:{...s,popupClass:o.classNames(s.popupClass,o.uDropDownList.listContainer({c:x,popup:!0})),anchor:s.anchor||V.current,show:y,onOpen:he,onClose:ht,onMouseDownOutside:wt},itemsCount:[g.length]};let{group:w}=f;return w===void 0&&u!==void 0&&(w=c.getItemValue(g[0],u)),i.createElement(jt,{...I},ze(!1),e&&i.createElement("div",{className:o.classNames(o.uDropDownList.listHeader({c:x}))},e),i.createElement("div",{className:o.classNames(o.uDropDownList.list({c:x,size:O,virtual:t.current.vs.enabled}))},vt(),!m&&w&&g.length!==0&&i.createElement(nt,{group:w,render:d}),Ve()),r&&i.createElement("div",{className:o.classNames(o.uDropDownList.listFooter({c:x}))},r),T&&i.createElement(o.WatermarkOverlay,{message:re}))},xt=()=>{const{header:e,footer:r,groupStickyHeaderItemRender:a,groupField:u,list:d}=n,m=c.getFilteredData(n),g=E&&E.uDropDownList;let{group:v}=f;return v===void 0&&u!==void 0&&(v=c.getItemValue(m[0],u)),i.createElement(i.Fragment,null,e&&i.createElement("div",{className:o.classNames(o.uDropDownList.listHeader({c:g}))},e),i.createElement("div",{className:o.classNames("k-list",{[`k-list-${_?"lg":o.sizeMap[O]||O}`]:_||O})},!d&&v&&m.length!==0&&i.createElement(nt,{group:v,render:a}),Ve()),r&&i.createElement("div",{className:"k-list-footer"},r))},Ct=e=>{const{dataItemKey:r}=n,a=c.getFilteredData(n),u=k();let d=a.map((K,j)=>({item:K,itemIndex:j}));const m=G.current.word,g=G.current.last,v=c.sameCharsOnly(m,g);let s=d.length,y=Math.max(0,a.findIndex(K=>c.areSame(K,u,r))),p;n.defaultItem&&(p={item:n.defaultItem,itemIndex:-1},s+=1,y+=1),y+=v?1:0,d=c.shuffleData(d,y,p);let x,I,w,l=0;const{textField:F}=n;for(;l<s;){if(x=c.getItemValue(d[l].item,F),I=v&&c.matchText(x,g,Q),w=c.matchText(x,m,Q),I||w){l=d[l].itemIndex;break}l++}if(l!==s){const K=t.current.initState();K.syntheticEvent=e,R(l,K),b(K),A.current=void 0}},Lt=e=>{clearTimeout(Be.current),n.filterable||(Be.current=window.setTimeout(()=>G.current.word="",st),Ct(e))},kt=e=>{ae.current||t.current.handleFocus(e)},Kt=e=>{if(ae.current||!f.focused)return;const r=n.opened!==void 0?n.opened:f.opened,a=t.current.initState();a.syntheticEvent=e,a.data.focused=!1,a.events.push({type:"onBlur"}),r&&Se(),r&&!_&&t.current.togglePopup(a),b(a)},bt=e=>{if(n.filterable||e.which===0||e.keyCode===o.Keys.enter)return;let r=String.fromCharCode(e.charCode||e.keyCode);Q&&(r=r.toLowerCase()),r===" "&&e.preventDefault(),G.current={word:G.current.word+r,last:G.current.last+r},Lt(e)},Et=()=>{const e=t.current.initState();e.data.opened=f.opened,t.current.togglePopup(e),b(e)},Ae=i.useRef(null),V=i.useRef(null),Ce=i.useRef(null),X=i.useRef(null);i.useImperativeHandle(Ae,()=>({get element(){return V.current},get index(){return dt()},get name(){return n.name},get validity(){return Ie()},get value(){return k()},get focused(){return f.focused},get opened(){return f.opened},focus:lt,props:n,togglePopup:Et})),i.useImperativeHandle(J,()=>Ae.current);const Be=i.useRef(null),G=i.useRef({word:"",last:""}),ae=i.useRef(!1),A=i.useRef(null),B=i.useRef(!1),Le=i.useRef(!1),H=i.useRef({}),ke=i.useRef({}),t=i.useRef(new ot({props:n,setState:()=>{},state:{},forceUpdate:()=>{},element:null,value:null,handleItemSelect:()=>{}})),He=i.useRef(0),Z=i.useRef(null),[f,Ft]=i.useState({}),[Ke,Pt]=i.useState(),[,We]=i.useReducer(e=>e,!0),_e=Rt.useLocalization(),Ue=n.name||n.id,Nt=i.useCallback(e=>{if(e==null||!t.current)return;const r=c.getFilteredData(n),{textField:a}=n,u=String(e),d=c.getItemIndexByText(r,u,a,!1,Q),m=d!==-1?r[d]:void 0;if(m!==void 0){const g=t.current.initState();g.syntheticEvent={target:V.current},q(m,g),b(g)}},[n,Q]);o.useKendoPaste(V,{fieldName:Ue,onValueChange:Nt,enabled:!!Ue});const ee=e=>{Ft({...f,...e})};i.useEffect(()=>{t.current.updateComponentArgs({props:n,setState:ee,state:f,forceUpdate:We,element:V.current,handleItemSelect:R,value:k()})},[ee,f,We,R,k]),i.useEffect(()=>{var y,p,x,I,w,l,F,K,j,ne,ce,ue,S;const{dataItemKey:e,virtual:r,groupField:a="",textField:u}=n,d=c.getFilteredData(n),m=H.current.virtual?H.current.virtual.total:0,g=n.opened!==void 0?n.opened:f.opened,v=H.current.opened!==void 0?H.current.opened:ke.current.opened,s=!v&&g;if((y=t==null?void 0:t.current)==null||y.didUpdate(),(p=t==null?void 0:t.current)!=null&&p.getPopupSettings().animate||s&&he(),r&&r.total!==m)(x=t==null?void 0:t.current)==null||x.vs.calcScrollElementHeight(),(I=t==null?void 0:t.current)==null||I.vs.reset();else{const N=k(),pe=H.current.value!==void 0?H.current.value:ke.current.value;let U=d.findIndex($=>c.areSame($,N,e));a!==""&&N&&u&&(U=(l=(w=t==null?void 0:t.current)==null?void 0:w.getGroupedDataModernMode(d,a))==null?void 0:l.map($=>$[u]).indexOf(N[u]));const me=!c.areSame(pe,N,e);s&&r?(F=t==null?void 0:t.current)==null||F.scrollToVirtualItem(r,U):s&&!r?(he(),d&&d.length!==0&&((K=t==null?void 0:t.current)==null||K.resetGroupStickyHeader(d[0][a],{setState:ee,group:f.group,state:f})),(j=t==null?void 0:t.current)==null||j.scrollToItem(U)):g&&v&&N&&me&&!B.current?(ce=t==null?void 0:t.current)==null||ce.scrollToItem(U,(ne=t==null?void 0:t.current)==null?void 0:ne.vs.enabled):g&&v&&B.current&&(B.current&&r&&r.skip===0?(ue=t==null?void 0:t.current)==null||ue.vs.reset():B.current&&r&&r.skip===r.total-r.pageSize&&((S=t==null?void 0:t.current)==null||S.vs.scrollToEnd()))}B.current=!1,ke.current=f,H.current=n,Te()}),i.useEffect(()=>{var e,r;return Z.current=o.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(ut.bind(void 0)),(e=t==null?void 0:t.current)==null||e.didMount(),Te(),(r=ye())!=null&&r.body&&Z.current&&Z.current.observe(ye().body),()=>{var a;(a=ye())!=null&&a.body&&Z.current&&Z.current.disconnect()}},[]);const Ge=ve+"-accessibility-id",be=ve+"-listbox-id",je=ve+"-guid",Mt=_e.toLanguageString(Y.dropDownListArrowBtnAriaLabel,Y.messages[Y.dropDownListArrowBtnAriaLabel]),{style:se,className:Tt,label:Ee,dir:Ot,virtual:W,adaptive:nn,dataItemKey:qt,disabled:ie,loading:$e,iconClassName:Ye,svgIcon:zt,valueRender:Je}=n,Fe=n.opened!==void 0?n.opened:f.opened,le=k(),Pe=c.getItemValue(le,n.textField),Qe=!ct()||Ie().valid,de=t.current,Vt=de.vs,te=E&&E.uDropDownList;Vt.enabled=W!==void 0;const Re=o.useAdaptiveModeContext(),_=!!(Ke&&Re&&Ke<=Re.medium&&n.adaptive);W!==void 0&&(de.vs.skip=W.skip,de.vs.total=W.total,de.vs.pageSize=W.pageSize);const At=c.getFilteredData(n),{focused:Bt}=f,Ht=At.findIndex(e=>c.areSame(e,le,qt)),Xe=i.createElement("span",{id:Ge,className:o.classNames(o.uDropDownList.inputInner({c:te}))},Pe&&i.createElement("span",{className:o.classNames(o.uDropDownList.inputText({c:te}))},Pe)),Wt=Je!==void 0?Je.call(void 0,Xe,le):Xe,Ze=i.createElement(i.Fragment,null,i.createElement("span",{ref:pt,className:o.classNames(o.uDropDownList.wrapper({c:te,size:O,rounded:Me,fillMode:fe,focused:Bt,disabled:ie,invalid:!Qe,loading:$e,required:De()}),Tt),style:Ee?{...se,width:void 0}:se,dir:Ot,onMouseDown:Fe?e=>{e.target.nodeName!=="INPUT"&&(oe(t.current.wrapper),e.preventDefault())}:void 0,onFocus:_?e=>xe(e):kt,onBlur:Kt,tabIndex:o.getTabIndex(it,ie),accessKey:n.accessKey,onKeyDown:qe,onKeyPress:bt,onClick:ie?void 0:xe,role:"combobox","aria-required":De(),"aria-disabled":ie||void 0,"aria-haspopup":"listbox","aria-expanded":Fe||!1,"aria-owns":be,"aria-activedescendant":Fe?"option-"+je+"-"+(Ht+(W?W.skip:0)):void 0,"aria-label":n.ariaLabel||n.label,"aria-labelledby":n.ariaLabelledBy,"aria-describedby":n.ariaDescribedBy||Ge,"aria-controls":be,id:n.id,title:n.title},Wt,$e&&i.createElement(o.IconWrap,{className:o.classNames(o.uDropDownList.loadingIcon({c:te})),name:"loading"}),i.createElement(Qt.Button,{tabIndex:-1,type:"button","aria-label":Mt,size:O,fillMode:fe,className:o.classNames(o.uDropDownList.inputButton({c:te})),iconClass:Ye,svgIcon:Ye?void 0:zt||Gt.caretAltDownIcon,onMouseDown:e=>f.focused&&e.preventDefault()}),mt(le),!_&&St()),_&&It());return Ee?i.createElement(Ut.FloatingLabel,{label:Ee,editorValue:Pe,editorValid:Qe,editorDisabled:n.disabled,style:{width:se?se.width:void 0},children:Ze}):Ze});ge.propTypes={delay:L.number,ignoreCase:L.bool,iconClassName:L.string,svgIcon:o.svgIconPropType,defaultItem:L.any,valueRender:L.func,valueMap:L.func,validationMessage:L.string,required:L.bool,id:L.string,ariaLabelledBy:L.string,ariaDescribedBy:L.string,ariaLabel:L.string,leftRightKeysNavigation:L.bool,title:L.string,groupField:L.string,list:L.any,skipDisabledItems:L.bool};const P={delay:500,tabIndex:0,ignoreCase:!0,...ot.defaultProps,required:!1,size:void 0,rounded:void 0,fillMode:void 0};ge.displayName="KendoReactDropDownList";const at=o.createPropsContext();ge.displayName="KendoReactDropDownList";exports.DropDownList=ge;exports.DropDownListPropsContext=at;exports.dropDownListDefaultProps=P;
|