@progress/kendo-react-dropdowns 9.0.0-develop.18 → 9.0.0-develop.19

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

package/common/DropDownBase.mjs

@@ -7,86 +7,90 @@
  */
 "use client";
 import * as m from "react";
-import s from "prop-types";
+import n from "prop-types";
 import { VirtualScroll as v } from "./VirtualScrollStatic.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, t) => {
-      const e = this.initState();
-      e.syntheticEvent = t, t.stopPropagation(), this.component.handleItemSelect(i, e), this.togglePopup(e), this.applyState(e);
-    }, this.handleFocus = (i) => {
+  constructor(s) {
+    this.wrapper = null, this.list = null, this.vs = new v(), this.navigation = new y(), this.handleItemClick = (t, e) => {
+      const i = this.initState();
+      i.syntheticEvent = e, e.stopPropagation(), this.component.handleItemSelect(t, i), this.togglePopup(i), this.applyState(i);
+    }, this.handleFocus = (t) => {
       if (!this.component.state.focused) {
-        const t = this.initState();
-        t.data.focused = !0, t.events.push({ type: "onFocus" }), t.syntheticEvent = i, this.applyState(t);
+        const e = this.initState();
+        e.data.focused = !0, e.events.push({ type: "onFocus" }), e.syntheticEvent = t, this.applyState(e);
       }
-    }, this.filterChanged = (i, t) => {
-      const { textField: e, filterable: o } = this.component.props;
-      o && t.events.push({
+    }, this.filterChanged = (t, e) => {
+      const { textField: i, filterable: o } = this.component.props;
+      o && e.events.push({
         type: "onFilterChange",
         filter: {
-          field: e,
+          field: i,
           operator: "contains",
           ignoreCase: !0,
-          value: i
+          value: t
         }
       });
-    }, this.togglePopup = (i) => {
-      const t = this.component.props, e = t.opened !== void 0 ? t.opened : this.component.state.opened;
-      t.opened === void 0 && (i.data.opened = !e), e ? i.events.push({ type: "onClose" }) : (i.events.push({ type: "onOpen" }), this.calculatePopupWidth());
-    }, this.pageChange = (i, t) => {
-      const e = this.initState();
-      e.syntheticEvent = t, this.triggerOnPageChange(e, i.skip, i.take), this.applyState(e);
-    }, this.scrollToVirtualItem = (i, t) => {
-      const e = this.vs;
-      if (i.skip === 0)
-        e.reset();
+    }, this.togglePopup = (t) => {
+      const e = this.component.props, i = e.opened !== void 0 ? e.opened : this.component.state.opened;
+      e.opened === void 0 && (t.data.opened = !i), i ? t.events.push({ type: "onClose" }) : (t.events.push({ type: "onOpen" }), this.calculatePopupWidth());
+    }, this.pageChange = (t, e) => {
+      const i = this.initState();
+      i.syntheticEvent = e, this.triggerOnPageChange(i, t.skip, t.take), this.applyState(i);
+    }, this.scrollToVirtualItem = (t, e) => {
+      const i = this.vs;
+      if (t.skip === 0)
+        i.reset();
       else {
-        let o = e.translate;
-        o === 0 && (e.calcScrollElementHeight(), o = e.itemHeight * i.skip, e.translateTo(o, !0)), t < 0 && o > 0 && (o += e.itemHeight * (i.pageSize / 4)), e.container && (e.container.scrollTop = o), this.scrollToItem(t, !0);
+        let o = i.translate;
+        o === 0 && (i.calcScrollElementHeight(), o = i.itemHeight * t.skip, i.translateTo(o, !0)), e < 0 && o > 0 && (o += i.itemHeight * (t.pageSize / 4)), i.container && (i.container.scrollTop = o), this.scrollToItem(e, !0);
       }
-    }, this.scrollPopupByPageSize = (i) => {
+    }, this.scrollPopupByPageSize = (t) => {
       var r, l, h, c, u, d;
-      const t = this.vs, e = (l = (r = this.list) == null ? void 0 : r.parentElement) == null ? void 0 : l.scrollTop, o = t.enabled && t.itemHeight ? t.itemHeight : this.list ? this.list.children[0].offsetHeight : 0, p = (c = (h = this.list) == null ? void 0 : h.parentElement) == null ? void 0 : c.offsetHeight;
-      e !== void 0 && p !== void 0 && ((d = (u = this.list) == null ? void 0 : u.parentElement) == null || d.scroll({
-        top: e + i * Math.floor(p / o) * o
+      const e = this.vs, i = (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;
+      i !== void 0 && p !== void 0 && ((d = (u = this.list) == null ? void 0 : u.parentElement) == null || d.scroll({
+        top: i + t * Math.floor(p / o) * o
       }));
     }, this.renderScrollElement = () => {
-      const i = this.vs;
-      return i.enabled && /* @__PURE__ */ m.createElement("div", { ref: (t) => i.scrollElement = t, key: "scrollElementKey" });
-    }, this.resetGroupStickyHeader = (i, t) => {
-      i !== t.state.group && t.setState({ ...t.state, group: i });
-    }, this.listBoxId = n.props.id + "list", this.guid = n.props.id, this.component = n, this.vs.PageChange = this.pageChange;
+      const t = this.vs;
+      return t.enabled && /* @__PURE__ */ m.createElement("div", { ref: (e) => t.scrollElement = e, key: "scrollElementKey" });
+    }, this.resetGroupStickyHeader = (t, e) => {
+      t !== e.state.group && e.setState({ group: t });
+    }, this.listBoxId = s.props.id + "list", this.guid = s.props.id, this.component = s, this.vs.PageChange = this.pageChange;
   }
   didUpdate() {
     this.vs.listTransform && this.vs.list && (this.vs.list.style.transform = this.vs.listTransform, this.vs.listTransform = "");
   }
   didMount() {
-    const n = this.component.props, i = n.popupSettings || {}, t = n.style || {}, e = i.width;
-    let o = n.opened === !0;
-    e === void 0 && this.calculatePopupWidth(), n.dir === void 0 && t.direction === void 0 && (this.calculateDir(), o = !0), o && this.component.forceUpdate();
+    const s = this.component.props, t = s.popupSettings || {}, e = s.style || {}, i = t.width;
+    let o = s.opened === !0;
+    i === void 0 && this.calculatePopupWidth(), s.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);
+    const s = this.component.element;
+    s && s.ownerDocument && s.ownerDocument.defaultView && (this.dirCalculated = s.ownerDocument.defaultView.getComputedStyle(s).direction || void 0);
   }
   calculatePopupWidth() {
     this.wrapper && (this.popupWidth = this.wrapper.offsetWidth + "px");
   }
-  scrollToItem(n, i, t) {
-    const e = this.list || this.vs.list;
-    if (!e && !t && setTimeout(() => {
-      this.scrollToItem(n, i, !0);
-    }, 10), n === 0 && i && this.vs.skip === 0) {
+  scrollToItem(s, t, e) {
+    const i = this.list || this.vs.list;
+    if (!i && !e && setTimeout(() => {
+      this.scrollToItem(s, t, !0);
+    }, 10), s === 0 && t && this.vs.skip === 0) {
       this.vs.reset();
       return;
     }
-    if (e && n >= 0) {
-      const o = this.vs, p = o.container || e.parentNode, r = i !== void 0 ? i : o.enabled;
-      S(p, e, n, o.translate, r);
+    if (i && s >= 0) {
+      const o = this.vs, p = o.container || i.parentNode, r = t !== void 0 ? t : o.enabled;
+      S(p, i, s, o.translate, r);
     }
   }
+  updateComponentArgs(s) {
+    for (let t in s)
+      Object.hasOwnProperty.call(s, t) && (this.component[t] = s[t]);
+  }
   initState() {
     return {
       data: {},
@@ -94,100 +98,100 @@ const a = class a {
       syntheticEvent: void 0
     };
   }
-  applyState(n) {
-    Object.keys(n.data).length > 0 && this.component.setState(n.data);
-    const i = {
-      syntheticEvent: n.syntheticEvent,
-      nativeEvent: n.syntheticEvent ? n.syntheticEvent.nativeEvent : void 0,
+  applyState(s) {
+    Object.keys(s.data).length > 0 && this.component.setState(s.data);
+    const t = {
+      syntheticEvent: s.syntheticEvent,
+      nativeEvent: s.syntheticEvent ? s.syntheticEvent.nativeEvent : void 0,
       target: this.component,
       value: this.component.value
     };
-    n.events.forEach((t) => {
-      const e = t.type;
-      delete t.type;
-      const o = e && this.component.props[e];
+    s.events.forEach((e) => {
+      const i = e.type;
+      delete e.type;
+      const o = i && this.component.props[i];
       o && o.call(void 0, {
-        ...i,
-        ...t
+        ...t,
+        ...e
       });
     });
   }
-  triggerOnPageChange(n, i, t) {
-    const e = this.component.props.virtual;
-    if (e) {
-      const o = Math.min(Math.max(0, i), Math.max(0, e.total - t));
-      o !== e.skip && n.events.push({
+  triggerOnPageChange(s, t, e) {
+    const i = this.component.props.virtual;
+    if (i) {
+      const o = Math.min(Math.max(0, t), Math.max(0, i.total - e));
+      o !== i.skip && s.events.push({
         type: "onPageChange",
-        page: { skip: o, take: t }
+        page: { skip: o, take: e }
       });
     }
   }
-  triggerPageChangeCornerItems(n, i) {
-    const t = this.component.props, { data: e = [], dataItemKey: o, virtual: p } = t, r = t.opened !== void 0 ? t.opened : this.component.state.opened;
-    n && p && this.vs.enabled && (p.skip > 0 && g(n, e[0], o) ? this.triggerOnPageChange(i, p.skip - 1, p.pageSize) : !r && p.skip + p.pageSize < p.total && g(n, e[e.length - 1], o) && this.triggerOnPageChange(i, p.skip + 1, p.pageSize));
+  triggerPageChangeCornerItems(s, t) {
+    const e = this.component.props, { data: i = [], dataItemKey: o, virtual: p } = e, r = e.opened !== void 0 ? e.opened : this.component.state.opened;
+    s && p && this.vs.enabled && (p.skip > 0 && g(s, i[0], o) ? this.triggerOnPageChange(t, p.skip - 1, p.pageSize) : !r && p.skip + p.pageSize < p.total && g(s, i[i.length - 1], o) && this.triggerOnPageChange(t, p.skip + 1, p.pageSize));
   }
   getPopupSettings() {
     return Object.assign({}, a.defaultProps.popupSettings, this.component.props.popupSettings);
   }
   getAdaptiveAnimation() {
-    const n = this.getPopupSettings();
-    return n.animate !== void 0 ? n.animate : !0;
+    const s = this.getPopupSettings();
+    return s.animate !== void 0 ? s.animate : !0;
   }
-  getGroupedDataModernMode(n, i) {
-    const t = [];
-    return n.forEach((e, o) => {
-      n[o - 1] && e[i] !== n[o - 1][i] && t.push({ [i]: e[i] }), t.push(n[o]);
-    }), t;
+  getGroupedDataModernMode(s, t) {
+    const e = [];
+    return s.forEach((i, o) => {
+      s[o - 1] && i[t] !== s[o - 1][t] && e.push({ [t]: i[t] }), e.push(s[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: 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: s.string,
-    className: s.string,
-    appendTo: s.any,
-    width: s.oneOfType([s.string, s.number]),
-    height: s.oneOfType([s.string, s.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: 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: 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
 }, 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: 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: s.func,
-  onPageChange: s.func
+  onFilterChange: n.func,
+  onPageChange: n.func
 }, a.defaultProps = {
   popupSettings: {
     height: "200px"