@progress/kendo-react-dropdowns 7.5.0-develop.1 → 7.5.0-develop.10

package/common/DropDownBase.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const v=require("react"),i=require("prop-types"),y=require("./VirtualScroll.js"),S=require("./Navigation.js"),c=require("./utils.js");function b(l){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const t in l)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(l,t);Object.defineProperty(n,t,e.get?e:{enumerable:!0,get:()=>l[t]})}}return n.default=l,Object.freeze(n)}const P=b(v),p=class p{constructor(n){this.wrapper=null,this.list=null,this.vs=new y,this.navigation=new S.Navigation,this.handleItemClick=(t,e)=>{const s=this.initState();s.syntheticEvent=e,e.stopPropagation(),this.component.handleItemSelect(t,s),this.togglePopup(s),this.applyState(s)},this.handleFocus=t=>{if(!this.component.state.focused){const e=this.initState();e.data.focused=!0,e.events.push({type:"onFocus"}),e.syntheticEvent=t,this.applyState(e)}},this.filterChanged=(t,e)=>{const{textField:s,filterable:o}=this.component.props;o&&e.events.push({type:"onFilterChange",filter:{field:s,operator:"contains",ignoreCase:!0,value:t}})},this.togglePopup=t=>{const e=this.component.props,s=e.opened!==void 0?e.opened:this.component.state.opened;e.opened===void 0&&(t.data.opened=!s),s?t.events.push({type:"onClose"}):(t.events.push({type:"onOpen"}),this.calculatePopupWidth())},this.pageChange=(t,e)=>{const s=this.initState();s.syntheticEvent=e,this.triggerOnPageChange(s,t.skip,t.take),this.applyState(s)},this.scrollToVirtualItem=(t,e)=>{const s=this.vs;if(s.enabled=!1,t.skip===0)s.reset();else if(t.skip+t.pageSize===t.total)s.scrollToEnd();else{let o=s.translate;o===0&&(s.calcScrollElementHeight(),o=s.itemHeight*t.skip,s.translateTo(o-s.itemHeight)),s.container&&(s.container.scrollTop=o),this.scrollToItem(e,!0)}window.setTimeout(()=>s.enabled=!0,10)},this.scrollPopupByPageSize=t=>{var r,u,d,g,f,m;const e=this.vs,s=(u=(r=this.list)==null?void 0:r.parentElement)==null?void 0:u.scrollTop,o=e.enabled&&e.itemHeight?e.itemHeight:this.list?this.list.children[0].offsetHeight:0,a=(g=(d=this.list)==null?void 0:d.parentElement)==null?void 0:g.offsetHeight;s!==void 0&&a!==void 0&&((m=(f=this.list)==null?void 0:f.parentElement)==null||m.scroll({top:s+t*Math.floor(a/o)*o}))},this.renderScrollElement=()=>{const t=this.vs;return t.enabled&&P.createElement("div",{ref:e=>t.scrollElement=e,key:"scrollElementKey"})},this.resetGroupStickyHeader=(t,e)=>{t!==e.state.group&&e.setState({...e.state,group:t})},this.listBoxId=n.props.id+"list",this.guid=n.props.id,this.component=n,this.vs.PageChange=this.pageChange}didMount(){const n=this.component.props,t=n.popupSettings||{},e=n.style||{},s=t.width;let o=n.opened===!0;s===void 0&&this.calculatePopupWidth(),n.dir===void 0&&e.direction===void 0&&(this.calculateDir(),o=!0),o&&this.component.forceUpdate()}calculateDir(){const n=this.component.element;n&&n.ownerDocument&&n.ownerDocument.defaultView&&(this.dirCalculated=n.ownerDocument.defaultView.getComputedStyle(n).direction||void 0)}calculatePopupWidth(){this.wrapper&&(this.popupWidth=this.wrapper.offsetWidth+"px")}scrollToItem(n,t,e){const s=this.list||this.vs.list;if(!s&&!e&&setTimeout(()=>{this.scrollToItem(n,t,!0)},10),s&&n>=0){const o=this.vs,a=o.container||s.parentNode,r=t!==void 0?t:o.enabled;c.scrollToItem(a,s,n,o.translate,r)}}initState(){return{data:{},events:[],syntheticEvent:void 0}}applyState(n){Object.keys(n.data).length>0&&this.component.setState(n.data);const t={syntheticEvent:n.syntheticEvent,nativeEvent:n.syntheticEvent?n.syntheticEvent.nativeEvent:void 0,target:this.component,value:this.component.value};n.events.forEach(e=>{const s=e.type;delete e.type;const o=s&&this.component.props[s];o&&o.call(void 0,{...t,...e})})}triggerOnPageChange(n,t,e){const s=this.component.props.virtual;if(s){const o=Math.min(Math.max(0,t),Math.max(0,s.total-e));o!==s.skip&&n.events.push({type:"onPageChange",page:{skip:o,take:e}})}}triggerPageChangeCornerItems(n,t){const e=this.component.props,{data:s=[],dataItemKey:o,virtual:a}=e,r=e.opened!==void 0?e.opened:this.component.state.opened;n&&a&&this.vs.enabled&&(a.skip>0&&c.areSame(n,s[0],o)?this.triggerOnPageChange(t,a.skip-1,a.pageSize):!r&&a.skip+a.pageSize<a.total&&c.areSame(n,s[s.length-1],o)&&this.triggerOnPageChange(t,a.skip+1,a.pageSize))}getPopupSettings(){return Object.assign({},p.defaultProps.popupSettings,this.component.props.popupSettings)}getGroupedDataModernMode(n,t){let e=[];return n.forEach((s,o)=>{n[o-1]&&s[t]!==n[o-1][t]&&e.push({[t]:s[t]}),e.push(n[o])}),e}};p.basicPropTypes={opened:i.bool,disabled:i.bool,dir:i.string,tabIndex:i.number,accessKey:i.string,data:i.array,textField:i.string,className:i.string,label:i.string,loading:i.bool,popupSettings:i.shape({animate:i.oneOfType([i.bool,i.shape({openDuration:i.number,closeDuration:i.number})]),popupClass:i.string,className:i.string,appendTo:i.any,width:i.oneOfType([i.string,i.number]),height:i.oneOfType([i.string,i.number])}),onOpen:i.func,onClose:i.func,onFocus:i.func,onBlur:i.func,onChange:i.func,itemRender:i.func,listNoDataRender:i.func,focusedItemIndex:i.func,header:i.node,footer:i.node},p.propTypes={...p.basicPropTypes,value:i.any,defaultValue:i.any,filterable:i.bool,filter:i.string,virtual:i.shape({pageSize:i.number.isRequired,skip:i.number.isRequired,total:i.number.isRequired}),onFilterChange:i.func,onPageChange:i.func},p.defaultProps={popupSettings:{height:"200px"},required:!1,validityStyles:!0};let h=p;module.exports=h;
+"use client";"use strict";const v=require("react"),n=require("prop-types"),y=require("./VirtualScroll.js"),S=require("./Navigation.js"),c=require("./utils.js");function b(l){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const e in l)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(l,e);Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:()=>l[e]})}}return i.default=l,Object.freeze(i)}const P=b(v),p=class p{constructor(i){this.wrapper=null,this.list=null,this.vs=new y,this.navigation=new S.Navigation,this.handleItemClick=(e,t)=>{const s=this.initState();s.syntheticEvent=t,t.stopPropagation(),this.component.handleItemSelect(e,s),this.togglePopup(s),this.applyState(s)},this.handleFocus=e=>{if(!this.component.state.focused){const t=this.initState();t.data.focused=!0,t.events.push({type:"onFocus"}),t.syntheticEvent=e,this.applyState(t)}},this.filterChanged=(e,t)=>{const{textField:s,filterable:o}=this.component.props;o&&t.events.push({type:"onFilterChange",filter:{field:s,operator:"contains",ignoreCase:!0,value:e}})},this.togglePopup=e=>{const t=this.component.props,s=t.opened!==void 0?t.opened:this.component.state.opened;t.opened===void 0&&(e.data.opened=!s),s?e.events.push({type:"onClose"}):(e.events.push({type:"onOpen"}),this.calculatePopupWidth())},this.pageChange=(e,t)=>{const s=this.initState();s.syntheticEvent=t,this.triggerOnPageChange(s,e.skip,e.take),this.applyState(s)},this.scrollToVirtualItem=(e,t)=>{const s=this.vs;if(s.enabled=!1,e.skip===0)s.reset();else if(e.skip+e.pageSize===e.total)s.scrollToEnd();else{let o=s.translate;o===0&&(s.calcScrollElementHeight(),o=s.itemHeight*e.skip,s.translateTo(o-s.itemHeight)),s.container&&(s.container.scrollTop=o),this.scrollToItem(t,!0)}window.setTimeout(()=>s.enabled=!0,10)},this.scrollPopupByPageSize=e=>{var r,u,d,g,f,m;const t=this.vs,s=(u=(r=this.list)==null?void 0:r.parentElement)==null?void 0:u.scrollTop,o=t.enabled&&t.itemHeight?t.itemHeight:this.list?this.list.children[0].offsetHeight:0,a=(g=(d=this.list)==null?void 0:d.parentElement)==null?void 0:g.offsetHeight;s!==void 0&&a!==void 0&&((m=(f=this.list)==null?void 0:f.parentElement)==null||m.scroll({top:s+e*Math.floor(a/o)*o}))},this.renderScrollElement=()=>{const e=this.vs;return e.enabled&&P.createElement("div",{ref:t=>e.scrollElement=t,key:"scrollElementKey"})},this.resetGroupStickyHeader=(e,t)=>{e!==t.state.group&&t.setState({...t.state,group:e})},this.listBoxId=i.props.id+"list",this.guid=i.props.id,this.component=i,this.vs.PageChange=this.pageChange}didMount(){const i=this.component.props,e=i.popupSettings||{},t=i.style||{},s=e.width;let o=i.opened===!0;s===void 0&&this.calculatePopupWidth(),i.dir===void 0&&t.direction===void 0&&(this.calculateDir(),o=!0),o&&this.component.forceUpdate()}calculateDir(){const i=this.component.element;i&&i.ownerDocument&&i.ownerDocument.defaultView&&(this.dirCalculated=i.ownerDocument.defaultView.getComputedStyle(i).direction||void 0)}calculatePopupWidth(){this.wrapper&&(this.popupWidth=this.wrapper.offsetWidth+"px")}scrollToItem(i,e,t){const s=this.list||this.vs.list;if(!s&&!t&&setTimeout(()=>{this.scrollToItem(i,e,!0)},10),s&&i>=0){const o=this.vs,a=o.container||s.parentNode,r=e!==void 0?e:o.enabled;c.scrollToItem(a,s,i,o.translate,r)}}initState(){return{data:{},events:[],syntheticEvent:void 0}}applyState(i){Object.keys(i.data).length>0&&this.component.setState(i.data);const e={syntheticEvent:i.syntheticEvent,nativeEvent:i.syntheticEvent?i.syntheticEvent.nativeEvent:void 0,target:this.component,value:this.component.value};i.events.forEach(t=>{const s=t.type;delete t.type;const o=s&&this.component.props[s];o&&o.call(void 0,{...e,...t})})}triggerOnPageChange(i,e,t){const s=this.component.props.virtual;if(s){const o=Math.min(Math.max(0,e),Math.max(0,s.total-t));o!==s.skip&&i.events.push({type:"onPageChange",page:{skip:o,take:t}})}}triggerPageChangeCornerItems(i,e){const t=this.component.props,{data:s=[],dataItemKey:o,virtual:a}=t,r=t.opened!==void 0?t.opened:this.component.state.opened;i&&a&&this.vs.enabled&&(a.skip>0&&c.areSame(i,s[0],o)?this.triggerOnPageChange(e,a.skip-1,a.pageSize):!r&&a.skip+a.pageSize<a.total&&c.areSame(i,s[s.length-1],o)&&this.triggerOnPageChange(e,a.skip+1,a.pageSize))}getPopupSettings(){return Object.assign({},p.defaultProps.popupSettings,this.component.props.popupSettings)}getAdaptiveAnimation(){const i=this.getPopupSettings();return i.animate!==void 0?i.animate:!0}getGroupedDataModernMode(i,e){let t=[];return i.forEach((s,o)=>{i[o-1]&&s[e]!==i[o-1][e]&&t.push({[e]:s[e]}),t.push(i[o])}),t}};p.basicPropTypes={opened:n.bool,disabled:n.bool,dir:n.string,tabIndex:n.number,accessKey:n.string,data:n.array,textField:n.string,className:n.string,label: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,itemRender:n.func,listNoDataRender:n.func,focusedItemIndex:n.func,header:n.node,footer:n.node},p.propTypes={...p.basicPropTypes,value:n.any,defaultValue:n.any,filterable:n.bool,filter:n.string,virtual:n.shape({pageSize:n.number.isRequired,skip:n.number.isRequired,total:n.number.isRequired}),onFilterChange:n.func,onPageChange:n.func},p.defaultProps={popupSettings:{height:"200px"},required:!1,validityStyles:!0};let h=p;module.exports=h;

package/common/DropDownBase.mjs

@@ -7,21 +7,21 @@
  */
 "use client";
 import * as m from "react";
-import s from "prop-types";
+import i from "prop-types";
 import v from "./VirtualScroll.mjs";
 import { Navigation as y } from "./Navigation.mjs";
 import { scrollToItem as S, areSame as g } from "./utils.mjs";
 const a = class a {
   constructor(n) {
-    this.wrapper = null, this.list = null, this.vs = new v(), this.navigation = new y(), this.handleItemClick = (i, e) => {
+    this.wrapper = null, this.list = null, this.vs = new v(), this.navigation = new y(), this.handleItemClick = (s, e) => {
       const t = this.initState();
-      t.syntheticEvent = e, e.stopPropagation(), this.component.handleItemSelect(i, t), this.togglePopup(t), this.applyState(t);
-    }, this.handleFocus = (i) => {
+      t.syntheticEvent = e, e.stopPropagation(), this.component.handleItemSelect(s, t), this.togglePopup(t), this.applyState(t);
+    }, this.handleFocus = (s) => {
       if (!this.component.state.focused) {
         const e = this.initState();
-        e.data.focused = !0, e.events.push({ type: "onFocus" }), e.syntheticEvent = i, this.applyState(e);
+        e.data.focused = !0, e.events.push({ type: "onFocus" }), e.syntheticEvent = s, this.applyState(e);
       }
-    }, this.filterChanged = (i, e) => {
+    }, this.filterChanged = (s, e) => {
       const { textField: t, filterable: o } = this.component.props;
       o && e.events.push({
         type: "onFilterChange",
@@ -29,45 +29,45 @@ const a = class a {
           field: t,
           operator: "contains",
           ignoreCase: !0,
-          value: i
+          value: s
         }
       });
-    }, this.togglePopup = (i) => {
+    }, this.togglePopup = (s) => {
       const e = this.component.props, t = e.opened !== void 0 ? e.opened : this.component.state.opened;
-      e.opened === void 0 && (i.data.opened = !t), t ? i.events.push({ type: "onClose" }) : (i.events.push({ type: "onOpen" }), this.calculatePopupWidth());
-    }, this.pageChange = (i, e) => {
+      e.opened === void 0 && (s.data.opened = !t), t ? s.events.push({ type: "onClose" }) : (s.events.push({ type: "onOpen" }), this.calculatePopupWidth());
+    }, this.pageChange = (s, e) => {
       const t = this.initState();
-      t.syntheticEvent = e, this.triggerOnPageChange(t, i.skip, i.take), this.applyState(t);
-    }, this.scrollToVirtualItem = (i, e) => {
+      t.syntheticEvent = e, this.triggerOnPageChange(t, s.skip, s.take), this.applyState(t);
+    }, this.scrollToVirtualItem = (s, e) => {
       const t = this.vs;
-      if (t.enabled = !1, i.skip === 0)
+      if (t.enabled = !1, s.skip === 0)
         t.reset();
-      else if (i.skip + i.pageSize === i.total)
+      else if (s.skip + s.pageSize === s.total)
         t.scrollToEnd();
       else {
         let o = t.translate;
-        o === 0 && (t.calcScrollElementHeight(), o = t.itemHeight * i.skip, t.translateTo(o - t.itemHeight)), t.container && (t.container.scrollTop = o), this.scrollToItem(e, !0);
+        o === 0 && (t.calcScrollElementHeight(), o = t.itemHeight * s.skip, t.translateTo(o - t.itemHeight)), t.container && (t.container.scrollTop = o), this.scrollToItem(e, !0);
       }
       window.setTimeout(() => t.enabled = !0, 10);
-    }, this.scrollPopupByPageSize = (i) => {
-      var l, r, h, c, u, d;
-      const e = this.vs, t = (r = (l = this.list) == null ? void 0 : l.parentElement) == null ? void 0 : r.scrollTop, o = e.enabled && e.itemHeight ? e.itemHeight : this.list ? this.list.children[0].offsetHeight : 0, p = (c = (h = this.list) == null ? void 0 : h.parentElement) == null ? void 0 : c.offsetHeight;
-      t !== void 0 && p !== void 0 && ((d = (u = this.list) == null ? void 0 : u.parentElement) == null || d.scroll({ top: t + i * Math.floor(p / o) * o }));
+    }, this.scrollPopupByPageSize = (s) => {
+      var r, l, h, c, u, d;
+      const e = this.vs, t = (l = (r = this.list) == null ? void 0 : r.parentElement) == null ? void 0 : l.scrollTop, o = e.enabled && e.itemHeight ? e.itemHeight : this.list ? this.list.children[0].offsetHeight : 0, p = (c = (h = this.list) == null ? void 0 : h.parentElement) == null ? void 0 : c.offsetHeight;
+      t !== void 0 && p !== void 0 && ((d = (u = this.list) == null ? void 0 : u.parentElement) == null || d.scroll({ top: t + s * Math.floor(p / o) * o }));
     }, this.renderScrollElement = () => {
-      const i = this.vs;
-      return i.enabled && /* @__PURE__ */ m.createElement(
+      const s = this.vs;
+      return s.enabled && /* @__PURE__ */ m.createElement(
         "div",
         {
-          ref: (e) => i.scrollElement = e,
+          ref: (e) => s.scrollElement = e,
           key: "scrollElementKey"
         }
       );
-    }, this.resetGroupStickyHeader = (i, e) => {
-      i !== e.state.group && e.setState({ ...e.state, group: i });
+    }, this.resetGroupStickyHeader = (s, e) => {
+      s !== e.state.group && e.setState({ ...e.state, group: s });
     }, this.listBoxId = n.props.id + "list", this.guid = n.props.id, this.component = n, this.vs.PageChange = this.pageChange;
   }
   didMount() {
-    const n = this.component.props, i = n.popupSettings || {}, e = n.style || {}, t = i.width;
+    const n = this.component.props, s = n.popupSettings || {}, e = n.style || {}, t = s.width;
     let o = n.opened === !0;
     t === void 0 && this.calculatePopupWidth(), n.dir === void 0 && e.direction === void 0 && (this.calculateDir(), o = !0), o && this.component.forceUpdate();
   }
@@ -78,13 +78,13 @@ const a = class a {
   calculatePopupWidth() {
     this.wrapper && (this.popupWidth = this.wrapper.offsetWidth + "px");
   }
-  scrollToItem(n, i, e) {
+  scrollToItem(n, s, e) {
     const t = this.list || this.vs.list;
     if (!t && !e && setTimeout(() => {
-      this.scrollToItem(n, i, !0);
+      this.scrollToItem(n, s, !0);
     }, 10), t && n >= 0) {
-      const o = this.vs, p = o.container || t.parentNode, l = i !== void 0 ? i : o.enabled;
-      S(p, t, n, o.translate, l);
+      const o = this.vs, p = o.container || t.parentNode, r = s !== void 0 ? s : o.enabled;
+      S(p, t, n, o.translate, r);
     }
   }
   initState() {
@@ -96,7 +96,7 @@ const a = class a {
   }
   applyState(n) {
     Object.keys(n.data).length > 0 && this.component.setState(n.data);
-    const i = {
+    const s = {
       syntheticEvent: n.syntheticEvent,
       nativeEvent: n.syntheticEvent ? n.syntheticEvent.nativeEvent : void 0,
       target: this.component,
@@ -107,80 +107,84 @@ const a = class a {
       delete e.type;
       const o = t && this.component.props[t];
       o && o.call(void 0, {
-        ...i,
+        ...s,
         ...e
       });
     });
   }
-  triggerOnPageChange(n, i, e) {
+  triggerOnPageChange(n, s, e) {
     const t = this.component.props.virtual;
     if (t) {
-      const o = Math.min(Math.max(0, i), Math.max(0, t.total - e));
+      const o = Math.min(Math.max(0, s), Math.max(0, t.total - e));
       o !== t.skip && n.events.push({
         type: "onPageChange",
         page: { skip: o, take: e }
       });
     }
   }
-  triggerPageChangeCornerItems(n, i) {
-    const e = this.component.props, { data: t = [], dataItemKey: o, virtual: p } = e, l = e.opened !== void 0 ? e.opened : this.component.state.opened;
-    n && p && this.vs.enabled && (p.skip > 0 && g(n, t[0], o) ? this.triggerOnPageChange(i, p.skip - 1, p.pageSize) : !l && p.skip + p.pageSize < p.total && g(n, t[t.length - 1], o) && this.triggerOnPageChange(i, p.skip + 1, p.pageSize));
+  triggerPageChangeCornerItems(n, s) {
+    const e = this.component.props, { data: t = [], dataItemKey: o, virtual: p } = e, r = e.opened !== void 0 ? e.opened : this.component.state.opened;
+    n && p && this.vs.enabled && (p.skip > 0 && g(n, t[0], o) ? this.triggerOnPageChange(s, p.skip - 1, p.pageSize) : !r && p.skip + p.pageSize < p.total && g(n, t[t.length - 1], o) && this.triggerOnPageChange(s, p.skip + 1, p.pageSize));
   }
   getPopupSettings() {
     return Object.assign({}, a.defaultProps.popupSettings, this.component.props.popupSettings);
   }
-  getGroupedDataModernMode(n, i) {
+  getAdaptiveAnimation() {
+    const n = this.getPopupSettings();
+    return n.animate !== void 0 ? n.animate : !0;
+  }
+  getGroupedDataModernMode(n, s) {
     let e = [];
     return n.forEach((t, o) => {
-      n[o - 1] && t[i] !== n[o - 1][i] && e.push({ [i]: t[i] }), e.push(n[o]);
+      n[o - 1] && t[s] !== n[o - 1][s] && e.push({ [s]: t[s] }), e.push(n[o]);
     }), e;
   }
 };
 a.basicPropTypes = {
-  opened: s.bool,
-  disabled: s.bool,
-  dir: s.string,
-  tabIndex: s.number,
-  accessKey: s.string,
-  data: s.array,
-  textField: s.string,
-  className: s.string,
-  label: s.string,
-  loading: s.bool,
-  popupSettings: s.shape({
-    animate: s.oneOfType([s.bool, s.shape({
-      openDuration: s.number,
-      closeDuration: s.number
+  opened: i.bool,
+  disabled: i.bool,
+  dir: i.string,
+  tabIndex: i.number,
+  accessKey: i.string,
+  data: i.array,
+  textField: i.string,
+  className: i.string,
+  label: i.string,
+  loading: i.bool,
+  popupSettings: i.shape({
+    animate: i.oneOfType([i.bool, i.shape({
+      openDuration: i.number,
+      closeDuration: i.number
     })]),
-    popupClass: s.string,
-    className: s.string,
-    appendTo: s.any,
-    width: s.oneOfType([s.string, s.number]),
-    height: s.oneOfType([s.string, s.number])
+    popupClass: i.string,
+    className: i.string,
+    appendTo: i.any,
+    width: i.oneOfType([i.string, i.number]),
+    height: i.oneOfType([i.string, i.number])
   }),
-  onOpen: s.func,
-  onClose: s.func,
-  onFocus: s.func,
-  onBlur: s.func,
-  onChange: s.func,
-  itemRender: s.func,
-  listNoDataRender: s.func,
-  focusedItemIndex: s.func,
-  header: s.node,
-  footer: s.node
+  onOpen: i.func,
+  onClose: i.func,
+  onFocus: i.func,
+  onBlur: i.func,
+  onChange: i.func,
+  itemRender: i.func,
+  listNoDataRender: i.func,
+  focusedItemIndex: i.func,
+  header: i.node,
+  footer: i.node
 }, a.propTypes = {
   ...a.basicPropTypes,
-  value: s.any,
-  defaultValue: s.any,
-  filterable: s.bool,
-  filter: s.string,
-  virtual: s.shape({
-    pageSize: s.number.isRequired,
-    skip: s.number.isRequired,
-    total: s.number.isRequired
+  value: i.any,
+  defaultValue: i.any,
+  filterable: i.bool,
+  filter: i.string,
+  virtual: i.shape({
+    pageSize: i.number.isRequired,
+    skip: i.number.isRequired,
+    total: i.number.isRequired
   }),
-  onFilterChange: s.func,
-  onPageChange: s.func
+  onFilterChange: i.func,
+  onPageChange: i.func
 }, a.defaultProps = {
   popupSettings: {
     height: "200px"

package/common/ListFilter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const i=require("react"),n=require("prop-types"),c=require("@progress/kendo-react-inputs"),u=require("@progress/kendo-svg-icons"),s=require("@progress/kendo-react-common");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=d(i),a=o.forwardRef((e,r)=>{const t=o.useRef(null);return o.useImperativeHandle(r,()=>t.current),o.createElement("div",{className:"k-list-filter"},o.createElement(c.TextBox,{...e,ref:t,value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:l=>l.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:()=>o.createElement(c.InputPrefix,null,o.createElement(s.IconWrap,{name:"search",icon:u.searchIcon}))}))});a.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"])};a.displayName="KendoReactListFilter";const f=a;module.exports=f;
+"use client";"use strict";const m=require("react"),n=require("prop-types"),l=require("@progress/kendo-react-inputs"),p=require("@progress/kendo-svg-icons"),b=require("@progress/kendo-react-common");function g(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=g(m),c=t.forwardRef((e,o)=>{const r=t.useRef(null),{renderListFilterWrapper:a=!1,renderPrefixSeparator:s=!1,...u}=e;t.useImperativeHandle(o,()=>r.current);const d=()=>t.createElement(t.Fragment,null,t.createElement(l.InputPrefix,null,t.createElement(b.IconWrap,{name:"search",icon:p.searchIcon,className:"k-input-icon"})),s&&t.createElement(l.InputSeparator,null)),i=t.createElement(l.TextBox,{...u,ref:r,className:"k-searchbox",value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:f=>f.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:d});return a?t.createElement("div",{className:"k-list-filter"}," ",i," "):i});c.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"]),renderListFilterWrapper:n.bool,renderPrefixSeparator:n.bool};c.displayName="KendoReactListFilter";const x=c;module.exports=x;

package/common/ListFilter.mjs

@@ -6,32 +6,35 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as l from "react";
+import * as n from "react";
 import e from "prop-types";
-import { TextBox as i, InputPrefix as u } from "@progress/kendo-react-inputs";
-import { searchIcon as m } from "@progress/kendo-svg-icons";
-import { IconWrap as f } from "@progress/kendo-react-common";
-const t = l.forwardRef((n, a) => {
-  const o = l.useRef(null);
-  return l.useImperativeHandle(
-    a,
-    () => o.current
-  ), /* @__PURE__ */ l.createElement("div", { className: "k-list-filter" }, /* @__PURE__ */ l.createElement(
-    i,
+import { TextBox as f, InputPrefix as d, InputSeparator as p } from "@progress/kendo-react-inputs";
+import { searchIcon as x } from "@progress/kendo-svg-icons";
+import { IconWrap as b } from "@progress/kendo-react-common";
+const t = n.forwardRef((r, o) => {
+  const l = n.useRef(null), { renderListFilterWrapper: i = !1, renderPrefixSeparator: s = !1, ...m } = r;
+  n.useImperativeHandle(
+    o,
+    () => l.current
+  );
+  const u = () => /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(d, null, /* @__PURE__ */ n.createElement(b, { name: "search", icon: x, className: "k-input-icon" })), s && /* @__PURE__ */ n.createElement(p, null)), a = /* @__PURE__ */ n.createElement(
+    f,
     {
-      ...n,
-      ref: o,
-      value: n.value || "",
-      onChange: n.onChange,
-      onKeyDown: n.onKeyDown,
-      tabIndex: n.tabIndex,
-      onClick: (r) => r.stopPropagation(),
-      size: n.size,
-      fillMode: n.fillMode,
-      rounded: n.rounded,
-      prefix: () => /* @__PURE__ */ l.createElement(u, null, /* @__PURE__ */ l.createElement(f, { name: "search", icon: m }))
+      ...m,
+      ref: l,
+      className: "k-searchbox",
+      value: r.value || "",
+      onChange: r.onChange,
+      onKeyDown: r.onKeyDown,
+      tabIndex: r.tabIndex,
+      onClick: (c) => c.stopPropagation(),
+      size: r.size,
+      fillMode: r.fillMode,
+      rounded: r.rounded,
+      prefix: u
     }
-  ));
+  );
+  return i ? /* @__PURE__ */ n.createElement("div", { className: "k-list-filter" }, " ", a, " ") : a;
 });
 t.propTypes = {
   value: e.oneOfType([e.string, e.number, e.array]),
@@ -40,10 +43,12 @@ t.propTypes = {
   onKeyDown: e.func,
   size: e.oneOf([null, "small", "medium", "large"]),
   rounded: e.oneOf([null, "small", "medium", "large", "full"]),
-  fillMode: e.oneOf([null, "solid", "flat", "outline"])
+  fillMode: e.oneOf([null, "solid", "flat", "outline"]),
+  renderListFilterWrapper: e.bool,
+  renderPrefixSeparator: e.bool
 };
 t.displayName = "KendoReactListFilter";
-const y = t;
+const E = t;
 export {
-  y as default
+  E as default
 };