@progress/kendo-react-dropdowns 7.2.4-develop.3 → 7.3.0-develop.1

package/MultiSelectTree/utils.mjs

@@ -0,0 +1,74 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { getter as V } from "@progress/kendo-react-common";
+const u = (r, f) => {
+  const i = {};
+  return r && r.length && r.forEach((g) => {
+    i[f(g)] = !0;
+  }), i;
+}, E = (r, f) => {
+  const {
+    items: i,
+    dataItemKey: g,
+    value: a,
+    subItemsField: x = "items",
+    operation: w
+  } = f, t = V(g), I = u(a, t);
+  if (w === "clear")
+    return [];
+  if (w === "delete") {
+    const n = u(i, t);
+    return a.filter((e) => !n[t(e)]);
+  }
+  const G = i[0], C = t(G), d = V(x), h = [...r], c = [];
+  let b = [], m;
+  for (; h.length; ) {
+    const n = h.pop();
+    if (C === t(n)) {
+      b = c.map((e) => e.item), m = n;
+      break;
+    } else {
+      c && c.length && c[c.length - 1].parentPosition === h.length && c.pop();
+      const e = d(n);
+      e && e.length && (c.push({ item: n, parentPosition: h.length }), h.push(...e));
+    }
+  }
+  const k = [...d(m) || []];
+  let M = [];
+  for (; k.length; ) {
+    const n = k.pop();
+    M.push(n);
+    const e = d(n);
+    e && e.length && k.push(...e);
+  }
+  const L = !I[C], l = [];
+  if (L) {
+    l.push(...a), l.push(m), l.push(...M.filter((s) => !I[t(s)]));
+    const n = b.filter((s) => !I[t(s)]), e = u(l, t);
+    for (let s = n.length - 1; s > -1; s--) {
+      const p = n[s], o = d(p);
+      if (o.filter((P) => e[t(P)]).length < o.length)
+        break;
+      l.push(p), e[t(p)] = !0;
+    }
+  } else {
+    const n = t(m), e = u(M, t), s = u(b, t);
+    l.push(
+      ...a.filter((p) => {
+        const o = t(p);
+        return !e[o] && n !== o && !s[o];
+      })
+    );
+  }
+  return l;
+};
+export {
+  E as getMultiSelectTreeValue,
+  u as getValueMap
+};

package/common/AdaptiveMode.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),l=require("@progress/kendo-react-layout"),k=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons");function v(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>a[n]})}}return e.default=a,Object.freeze(e)}const t=v(h),s=500,g=a=>{const{footer:e,children:n,windowWidth:o=0,navigatable:d,navigatableElements:u,expand:m,animation:b,onClose:c,adaptiveTitle:p,mobileFilter:r}=a,f={navigatable:d||!1,navigatableElements:u||[],expand:m,animation:b!==!1,onClose:c,animationStyles:o<=s?{top:0,width:"100%",height:"100%"}:void 0,className:o<=s?"k-adaptive-actionsheet k-actionsheet-fullscreen":"k-adaptive-actionsheet k-actionsheet-bottom"};return t.createElement(l.ActionSheet,{...f},t.createElement(l.ActionSheetHeader,{className:"k-text-center"},t.createElement("div",{className:"k-actionsheet-titlebar-group k-hbox"},t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",null,p)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:k.xIcon,onClick:c}))),r&&t.createElement("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter"},r)),n,e&&t.createElement(l.ActionSheetFooter,{className:"k-actions k-actions-stretched"},t.createElement(i.Button,{size:"large",tabIndex:0,"aria-label":e.cancelText,"aria-disabled":"false",type:"button",onClick:e.onCancel},e.cancelText),t.createElement(i.Button,{tabIndex:0,themeColor:"primary",size:"large","aria-label":e.applyText,"aria-disabled":"false",type:"button",onClick:e.onApply},e.applyText)))};exports.AdaptiveMode=g;

package/common/AdaptiveMode.mjs

@@ -0,0 +1,73 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { ActionSheet as f, ActionSheetHeader as k, ActionSheetFooter as E } from "@progress/kendo-react-layout";
+import { xIcon as v } from "@progress/kendo-svg-icons";
+import { Button as a } from "@progress/kendo-react-buttons";
+const o = 500, y = (c) => {
+  const {
+    footer: t,
+    children: s,
+    windowWidth: l = 0,
+    navigatable: r,
+    navigatableElements: m,
+    expand: d,
+    animation: p,
+    onClose: n,
+    adaptiveTitle: b,
+    mobileFilter: i
+  } = c, h = {
+    navigatable: r || !1,
+    navigatableElements: m || [],
+    expand: d,
+    animation: p !== !1,
+    onClose: n,
+    animationStyles: l <= o ? { top: 0, width: "100%", height: "100%" } : void 0,
+    className: l <= o ? "k-adaptive-actionsheet k-actionsheet-fullscreen" : "k-adaptive-actionsheet k-actionsheet-bottom"
+  };
+  return /* @__PURE__ */ e.createElement(f, { ...h }, /* @__PURE__ */ e.createElement(k, { className: "k-text-center" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ e.createElement("div", null, b)), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(
+    a,
+    {
+      tabIndex: 0,
+      "aria-label": "Cancel",
+      "aria-disabled": "false",
+      type: "button",
+      fillMode: "flat",
+      icon: "x",
+      svgIcon: v,
+      onClick: n
+    }
+  ))), i && /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, i)), s, t && /* @__PURE__ */ e.createElement(E, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ e.createElement(
+    a,
+    {
+      size: "large",
+      tabIndex: 0,
+      "aria-label": t.cancelText,
+      "aria-disabled": "false",
+      type: "button",
+      onClick: t.onCancel
+    },
+    t.cancelText
+  ), /* @__PURE__ */ e.createElement(
+    a,
+    {
+      tabIndex: 0,
+      themeColor: "primary",
+      size: "large",
+      "aria-label": t.applyText,
+      "aria-disabled": "false",
+      type: "button",
+      onClick: t.onApply
+    },
+    t.applyText
+  )));
+};
+export {
+  y as AdaptiveMode
+};

package/common/ClearButton.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";const i=require("react"),a=require("@progress/kendo-react-intl"),o=require("../messages/index.js"),u=require("@progress/kendo-react-common"),l=require("@progress/kendo-svg-icons");function p(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,c.get?c:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const r=p(i);class s extends r.Component{constructor(){super(...arguments),this.onMouseDown=e=>e.preventDefault()}render(){const e=a.provideLocalizationService(this).toLanguageString(o.clear,o.messages[o.clear]);return r.createElement("span",{className:"k-clear-value",role:"button",onClick:this.props.onClick,onMouseDown:this.onMouseDown,tabIndex:-1,title:e,key:"clearbutton"},r.createElement(u.IconWrap,{name:"x",icon:l.xIcon}))}}a.registerForLocalization(s);module.exports=s;

package/common/ClearButton.mjs

@@ -0,0 +1,38 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as o from "react";
+import { provideLocalizationService as r, registerForLocalization as n } from "@progress/kendo-react-intl";
+import { clear as t, messages as a } from "../messages/index.mjs";
+import { IconWrap as s } from "@progress/kendo-react-common";
+import { xIcon as i } from "@progress/kendo-svg-icons";
+class c extends o.Component {
+  constructor() {
+    super(...arguments), this.onMouseDown = (e) => e.preventDefault();
+  }
+  render() {
+    const e = r(this).toLanguageString(t, a[t]);
+    return /* @__PURE__ */ o.createElement(
+      "span",
+      {
+        className: "k-clear-value",
+        role: "button",
+        onClick: this.props.onClick,
+        onMouseDown: this.onMouseDown,
+        tabIndex: -1,
+        title: e,
+        key: "clearbutton"
+      },
+      /* @__PURE__ */ o.createElement(s, { name: "x", icon: i })
+    );
+  }
+}
+n(c);
+export {
+  c as default
+};

package/common/DropDownBase.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/common/DropDownBase.mjs

@@ -0,0 +1,194 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as m from "react";
+import s 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) => {
+      const t = this.initState();
+      t.syntheticEvent = e, e.stopPropagation(), this.component.handleItemSelect(i, t), this.togglePopup(t), this.applyState(t);
+    }, this.handleFocus = (i) => {
+      if (!this.component.state.focused) {
+        const e = this.initState();
+        e.data.focused = !0, e.events.push({ type: "onFocus" }), e.syntheticEvent = i, this.applyState(e);
+      }
+    }, this.filterChanged = (i, e) => {
+      const { textField: t, filterable: o } = this.component.props;
+      o && e.events.push({
+        type: "onFilterChange",
+        filter: {
+          field: t,
+          operator: "contains",
+          ignoreCase: !0,
+          value: i
+        }
+      });
+    }, this.togglePopup = (i) => {
+      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) => {
+      const t = this.initState();
+      t.syntheticEvent = e, this.triggerOnPageChange(t, i.skip, i.take), this.applyState(t);
+    }, this.scrollToVirtualItem = (i, e) => {
+      const t = this.vs;
+      if (t.enabled = !1, i.skip === 0)
+        t.reset();
+      else if (i.skip + i.pageSize === i.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);
+      }
+      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.renderScrollElement = () => {
+      const i = this.vs;
+      return i.enabled && /* @__PURE__ */ m.createElement(
+        "div",
+        {
+          ref: (e) => i.scrollElement = e,
+          key: "scrollElementKey"
+        }
+      );
+    }, this.resetGroupStickyHeader = (i, e) => {
+      i !== e.state.group && e.setState({ ...e.state, group: i });
+    }, 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;
+    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();
+  }
+  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, i, e) {
+    const t = this.list || this.vs.list;
+    if (!t && !e && setTimeout(() => {
+      this.scrollToItem(n, i, !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);
+    }
+  }
+  initState() {
+    return {
+      data: {},
+      events: [],
+      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,
+      target: this.component,
+      value: this.component.value
+    };
+    n.events.forEach((e) => {
+      const t = e.type;
+      delete e.type;
+      const o = t && this.component.props[t];
+      o && o.call(void 0, {
+        ...i,
+        ...e
+      });
+    });
+  }
+  triggerOnPageChange(n, i, e) {
+    const t = this.component.props.virtual;
+    if (t) {
+      const o = Math.min(Math.max(0, i), 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));
+  }
+  getPopupSettings() {
+    return Object.assign({}, a.defaultProps.popupSettings, this.component.props.popupSettings);
+  }
+  getGroupedDataModernMode(n, i) {
+    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]);
+    }), 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
+    })]),
+    popupClass: s.string,
+    className: s.string,
+    appendTo: s.any,
+    width: s.oneOfType([s.string, s.number]),
+    height: s.oneOfType([s.string, s.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
+}, 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
+  }),
+  onFilterChange: s.func,
+  onPageChange: s.func
+}, a.defaultProps = {
+  popupSettings: {
+    height: "200px"
+  },
+  required: !1,
+  validityStyles: !0
+};
+let f = a;
+export {
+  f as default
+};

package/common/GroupStickyHeader.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";const o=require("react");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=a(o);class i extends s.Component{render(){const{group:t,groupMode:r,render:c}=this.props,n=s.createElement("div",{className:"k-list-group-sticky-header"},r==="classic"?t:s.createElement("div",{className:"k-list-header-text"},t));return c!==void 0?c.call(void 0,n,this.props):n}}module.exports=i;

package/common/GroupStickyHeader.mjs

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+class c extends e.Component {
+  render() {
+    const {
+      group: r,
+      groupMode: a,
+      render: t
+    } = this.props, s = /* @__PURE__ */ e.createElement("div", { className: "k-list-group-sticky-header" }, a === "classic" ? r : /* @__PURE__ */ e.createElement("div", { className: "k-list-header-text" }, r));
+    return t !== void 0 ? t.call(void 0, s, this.props) : s;
+  }
+}
+export {
+  c as default
+};

package/common/List.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";const z=require("react"),L=require("./ListItem.js"),M=require("./ListGroupItem.js"),g=require("./utils.js"),C=require("@progress/kendo-react-intl"),b=require("../messages/index.js");function O(s){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:()=>s[e]})}}return r.default=s,Object.freeze(r)}const o=O(z);class N extends o.Component{renderItems(){const{textField:r,valueField:e,groupField:t,groupMode:n,isMultiColumn:h,optionsGuid:d,skip:u=0,virtual:p,focusedIndex:f,highlightSelected:v=!0,value:a,data:k,itemRender:w,groupHeaderItemRender:D}=this.props,E=Array.isArray(a);let R=0;return k.map((i,c)=>{const S=u+c,I=u+c+R,q=i.disabled?!1:v&&(!E&&g.areSame(i,a,e)||E&&a.findIndex(x=>g.areSame(x,i,e))!==-1);let l,m,y;return c>0&&t!==void 0&&(m=g.getItemValue(i,t),y=g.getItemValue(k[c-1],t),m&&y&&m!==y&&(l=m)),l!==void 0&&n==="modern"&&(R+=1),[l!==void 0&&n==="modern"&&o.createElement(M,{id:`option-${d}-${I}`,virtual:p,key:S+"-group-item",group:l,isMultiColumn:h,render:D}),o.createElement(L,{id:`option-${d}-${l!==void 0&&n==="modern"?I+1:I}`,virtual:p,dataItem:i,groupMode:n,selected:q,focused:f===c,index:S,key:S,onClick:this.props.onClick,textField:r,group:l,render:w,disabled:i.disabled})]})}renderNoValueElement(r){const e=this.props.noDataRender,t=o.createElement("div",{className:"k-nodata"},o.createElement("div",null,r.toLanguageString(b.nodata,b.messages[b.nodata])));return e?e.call(void 0,t):t}render(){const r=C.provideLocalizationService(this),{id:e,show:t,wrapperCssClass:n,wrapperStyle:h,listStyle:d,listRef:u,wrapperRef:p,listClassName:f="k-list-ul",ariaSetSize:v}=this.props,a=this.renderItems();return a.length?o.createElement("div",{className:n,style:h,ref:p,onMouseDown:this.props.onMouseDown,onBlur:this.props.onBlur,onScroll:this.props.onScroll,unselectable:"on"},o.createElement("ul",{id:e,role:"listbox","aria-hidden":t?void 0:!0,"aria-setsize":v,className:f,ref:u,style:d},a),this.props.scroller&&o.createElement("div",{className:"k-height-container"},this.props.scroller)):this.renderNoValueElement(r)}}C.registerForLocalization(N);module.exports=N;

package/common/List.mjs

@@ -0,0 +1,117 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r from "react";
+import x from "./ListItem.mjs";
+import z from "./ListGroupItem.mjs";
+import { areSame as k, getItemValue as C } from "./utils.mjs";
+import { provideLocalizationService as D, registerForLocalization as F } from "@progress/kendo-react-intl";
+import { nodata as N, messages as M } from "../messages/index.mjs";
+class $ extends r.Component {
+  renderItems() {
+    const {
+      textField: a,
+      valueField: t,
+      groupField: e,
+      groupMode: o,
+      isMultiColumn: u,
+      optionsGuid: d,
+      skip: p = 0,
+      virtual: c,
+      focusedIndex: h,
+      highlightSelected: v = !0,
+      value: s,
+      data: S,
+      itemRender: R,
+      groupHeaderItemRender: w
+    } = this.props, E = Array.isArray(s);
+    let y = 0;
+    return S.map((i, l) => {
+      const f = p + l, g = p + l + y, L = i.disabled ? !1 : v && (!E && k(i, s, t) || E && s.findIndex((b) => k(b, i, t)) !== -1);
+      let n, m, I;
+      return l > 0 && e !== void 0 && (m = C(i, e), I = C(S[l - 1], e), m && I && m !== I && (n = m)), n !== void 0 && o === "modern" && (y += 1), [
+        n !== void 0 && o === "modern" && /* @__PURE__ */ r.createElement(
+          z,
+          {
+            id: `option-${d}-${g}`,
+            virtual: c,
+            key: f + "-group-item",
+            group: n,
+            isMultiColumn: u,
+            render: w
+          }
+        ),
+        /* @__PURE__ */ r.createElement(
+          x,
+          {
+            id: `option-${d}-${n !== void 0 && o === "modern" ? g + 1 : g}`,
+            virtual: c,
+            dataItem: i,
+            groupMode: o,
+            selected: L,
+            focused: h === l,
+            index: f,
+            key: f,
+            onClick: this.props.onClick,
+            textField: a,
+            group: n,
+            render: R,
+            disabled: i.disabled
+          }
+        )
+      ];
+    });
+  }
+  renderNoValueElement(a) {
+    const t = this.props.noDataRender, e = /* @__PURE__ */ r.createElement("div", { className: "k-nodata" }, /* @__PURE__ */ r.createElement("div", null, a.toLanguageString(N, M[N])));
+    return t ? t.call(void 0, e) : e;
+  }
+  render() {
+    const a = D(this), {
+      id: t,
+      show: e,
+      wrapperCssClass: o,
+      wrapperStyle: u,
+      listStyle: d,
+      listRef: p,
+      wrapperRef: c,
+      listClassName: h = "k-list-ul",
+      ariaSetSize: v
+    } = this.props, s = this.renderItems();
+    return s.length ? /* @__PURE__ */ r.createElement(
+      "div",
+      {
+        className: o,
+        style: u,
+        ref: c,
+        onMouseDown: this.props.onMouseDown,
+        onBlur: this.props.onBlur,
+        onScroll: this.props.onScroll,
+        unselectable: "on"
+      },
+      /* @__PURE__ */ r.createElement(
+        "ul",
+        {
+          id: t,
+          role: "listbox",
+          "aria-hidden": e ? void 0 : !0,
+          "aria-setsize": v,
+          className: h,
+          ref: p,
+          style: d
+        },
+        s
+      ),
+      this.props.scroller && /* @__PURE__ */ r.createElement("div", { className: "k-height-container" }, this.props.scroller)
+    ) : this.renderNoValueElement(a);
+  }
+}
+F($);
+export {
+  $ as default
+};

package/common/ListContainer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";const s=require("react"),u=require("@progress/kendo-react-popup");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=a(s);class p extends c.Component{render(){const{children:n,width:t,dir:r,itemsCount:o,popupSettings:i}=this.props;return c.createElement(u.Popup,{style:{width:t,direction:r},contentKey:o&&o.join(),...i},n)}}module.exports=p;

package/common/ListContainer.mjs

@@ -0,0 +1,33 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { Popup as s } from "@progress/kendo-react-popup";
+class a extends e.Component {
+  render() {
+    const {
+      children: n,
+      width: o,
+      dir: r,
+      itemsCount: t,
+      popupSettings: i
+    } = this.props;
+    return /* @__PURE__ */ e.createElement(
+      s,
+      {
+        style: { width: o, direction: r },
+        contentKey: t && t.join(),
+        ...i
+      },
+      n
+    );
+  }
+}
+export {
+  a as default
+};

package/common/ListDefaultItem.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";const r=require("react"),c=require("@progress/kendo-react-common"),l=require("./utils.js");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=a(r),i=e=>e.preventDefault();class u extends o.Component{render(){const{selected:n,defaultItem:t,textField:s}=this.props;return o.createElement("div",{onClick:this.props.onClick,onMouseDown:i,style:{position:"unset"},className:c.classNames("k-list-optionlabel",{"k-selected":n})},l.getItemValue(t,s)||"")}}module.exports=u;