@progress/kendo-react-dropdowns 15.0.1-develop.3 → 15.0.1-develop.5

package/common/DropDownBase.mjs

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