@progress/kendo-react-dropdowns 7.5.0-develop.2 → 7.5.0-develop.3

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
 };