@progress/kendo-react-dropdowns 8.2.1-develop.5 → 8.3.0-develop.10

package/common/ListGroupItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const l=require("react");function a(e){const i=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(i,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const s=a(l);class c extends s.Component{render(){const{group:i,virtual:t,render:r,isMultiColumn:o=!1}=this.props,n=s.createElement("li",{id:this.props.id,role:"group",className:o?"k-table-group-row":"k-list-group-item",style:o?{boxSizing:"inherit"}:{position:t?"relative":"unset"}},s.createElement("span",{className:r?void 0:o?"k-table-th":"k-list-item-text"},i));return r!==void 0?r.call(void 0,n,this.props):n}}module.exports=c;
+"use client";"use strict";const o=require("@progress/kendo-react-common"),d=require("react");function m(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 l=m(d),p=e=>{const{group:n,virtual:t,render:s,isMultiColumn:r=!1,id:u}=e,a=o.useUnstyled(),c=a&&a.uDropDownsBase,i=l.createElement("li",{id:u,role:"group",className:o.classNames(o.uDropDownsBase.groupLi({c,isMultiColumn:r})),style:r?{boxSizing:"inherit"}:{position:t?"relative":"unset"}},l.createElement("span",{className:s?void 0:o.classNames(o.uDropDownsBase.groupItemText({c,isMultiColumn:r}))},n));return s!==void 0?s.call(void 0,i,e):i};module.exports=p;

package/common/ListGroupItem.mjs

@@ -6,27 +6,27 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as i from "react";
-class a extends i.Component {
-  render() {
-    const {
-      group: s,
-      virtual: o,
-      render: e,
-      isMultiColumn: t = !1
-    } = this.props, r = /* @__PURE__ */ i.createElement(
-      "li",
-      {
-        id: this.props.id,
-        role: "group",
-        className: t ? "k-table-group-row" : "k-list-group-item",
-        style: t ? { boxSizing: "inherit" } : { position: o ? "relative" : "unset" }
-      },
-      /* @__PURE__ */ i.createElement("span", { className: e ? void 0 : t ? "k-table-th" : "k-list-item-text" }, s)
-    );
-    return e !== void 0 ? e.call(void 0, r, this.props) : r;
-  }
-}
+import { useUnstyled as d, classNames as i, uDropDownsBase as l } from "@progress/kendo-react-common";
+import * as n from "react";
+const g = (t) => {
+  const {
+    group: u,
+    virtual: c,
+    render: e,
+    isMultiColumn: s = !1,
+    id: m
+  } = t, o = d(), r = o && o.uDropDownsBase, a = /* @__PURE__ */ n.createElement(
+    "li",
+    {
+      id: m,
+      role: "group",
+      className: i(l.groupLi({ c: r, isMultiColumn: s })),
+      style: s ? { boxSizing: "inherit" } : { position: c ? "relative" : "unset" }
+    },
+    /* @__PURE__ */ n.createElement("span", { className: e ? void 0 : i(l.groupItemText({ c: r, isMultiColumn: s })) }, u)
+  );
+  return e !== void 0 ? e.call(void 0, a, t) : a;
+};
 export {
-  a as default
+  g as default
 };

package/common/ListItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const d=require("react"),u=require("@progress/kendo-react-common"),p=require("./utils.js");function m(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const r=m(d);class k extends r.Component{constructor(){super(...arguments),this.handleClick=e=>this.props.onClick(this.props.index,e)}render(){const{selected:e,group:t,dataItem:i,virtual:c,groupMode:o,disabled:l,render:n}=this.props,a=r.createElement("li",{id:this.props.id,role:"option","aria-selected":e,"aria-disabled":l?!0:void 0,className:u.classNames("k-list-item",{"k-selected":e,"k-focus":this.props.focused,"k-first":!!t&&o==="classic","k-disabled":l}),onClick:this.handleClick,style:{position:c?"relative":"unset"}},r.createElement("span",{className:"k-list-item-text"},p.getItemValue(i,this.props.textField).toString()),t!==void 0&&o==="classic"?r.createElement("div",{className:"k-list-item-group-label"},t):null);return n!==void 0?n.call(void 0,a,this.props):a}}module.exports=k;
+"use client";"use strict";const p=require("react"),s=require("@progress/kendo-react-common"),v=require("./utils.js");function N(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=N(p),y=e=>{const{selected:a,group:t,dataItem:n,virtual:m,groupMode:l,disabled:i,id:f,focused:D,render:r}=e,u=s.useUnstyled(),c=u&&u.uDropDownsBase,b=g=>e.onClick(e.index,g),d=o.createElement("li",{id:f,role:"option","aria-selected":a,"aria-disabled":i?!0:void 0,className:s.classNames(s.uDropDownsBase.li({c,selected:a,focused:D,first:!!t&&l==="classic",disabled:i})),onClick:b,style:{position:m?"relative":"unset"}},o.createElement("span",{className:s.classNames(s.uDropDownsBase.itemText({c}))},v.getItemValue(n,e.textField).toString()),t!==void 0&&l==="classic"?o.createElement("div",{className:s.classNames(s.uDropDownsBase.itemGroupLabel({c}))},t):null);return r!==void 0?r.call(void 0,d,e):d},B=y;module.exports=B;

package/common/ListItem.mjs

@@ -6,44 +6,42 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
-import { classNames as d } from "@progress/kendo-react-common";
-import { getItemValue as n } from "./utils.mjs";
-class h extends t.Component {
-  constructor() {
-    super(...arguments), this.handleClick = (e) => this.props.onClick(this.props.index, e);
-  }
-  render() {
-    const {
-      selected: e,
-      group: s,
-      dataItem: a,
-      virtual: c,
-      groupMode: i,
-      disabled: l,
-      render: r
-    } = this.props, o = /* @__PURE__ */ t.createElement(
-      "li",
-      {
-        id: this.props.id,
-        role: "option",
-        "aria-selected": e,
-        "aria-disabled": l ? !0 : void 0,
-        className: d("k-list-item", {
-          "k-selected": e,
-          "k-focus": this.props.focused,
-          "k-first": !!s && i === "classic",
-          "k-disabled": l
-        }),
-        onClick: this.handleClick,
-        style: { position: c ? "relative" : "unset" }
-      },
-      /* @__PURE__ */ t.createElement("span", { className: "k-list-item-text" }, n(a, this.props.textField).toString()),
-      s !== void 0 && i === "classic" ? /* @__PURE__ */ t.createElement("div", { className: "k-list-item-group-label" }, s) : null
-    );
-    return r !== void 0 ? r.call(void 0, o, this.props) : o;
-  }
-}
+import * as a from "react";
+import { useUnstyled as B, classNames as l, uDropDownsBase as i } from "@progress/kendo-react-common";
+import { getItemValue as C } from "./utils.mjs";
+const D = (e) => {
+  const {
+    selected: o,
+    group: t,
+    dataItem: u,
+    virtual: v,
+    groupMode: c,
+    disabled: n,
+    id: f,
+    focused: g,
+    render: r
+  } = e, d = B(), s = d && d.uDropDownsBase, p = (x) => e.onClick(e.index, x), m = /* @__PURE__ */ a.createElement(
+    "li",
+    {
+      id: f,
+      role: "option",
+      "aria-selected": o,
+      "aria-disabled": n ? !0 : void 0,
+      className: l(i.li({
+        c: s,
+        selected: o,
+        focused: g,
+        first: !!t && c === "classic",
+        disabled: n
+      })),
+      onClick: p,
+      style: { position: v ? "relative" : "unset" }
+    },
+    /* @__PURE__ */ a.createElement("span", { className: l(i.itemText({ c: s })) }, C(u, e.textField).toString()),
+    t !== void 0 && c === "classic" ? /* @__PURE__ */ a.createElement("div", { className: l(i.itemGroupLabel({ c: s })) }, t) : null
+  );
+  return r !== void 0 ? r.call(void 0, m, e) : m;
+}, b = D;
 export {
-  h as default
+  b as default
 };

package/common/SearchBar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const u=require("@progress/kendo-react-common"),h=require("react");function b(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const c=b(h);class g extends c.Component{constructor(){super(...arguments),this._input=null}get input(){return this._input}componentDidUpdate(t){const e=t.value,s=t.suggestedText,{value:n,suggestedText:i,focused:o}=this.props,r=this.input,p=e!==n||i!==s,l=p&&e.startsWith(n)&&!(s&&i&&s.endsWith(i)),d=u.getActiveElement(document);o&&r&&d!==r&&r.focus(),i&&p&&!l&&r&&r.setSelectionRange(n.length-i.length,n.length)}render(){const{expanded:t=!1,disabled:e,role:s="listbox",render:n}=this.props,i=c.createElement("input",{autoComplete:"off",id:this.props.id,type:"text",key:"searchbar",size:this.props.size,placeholder:this.props.placeholder,className:"k-input-inner",tabIndex:this.props.tabIndex,accessKey:this.props.accessKey,role:s,name:this.props.name,value:this.props.value,onChange:this.props.onChange,ref:o=>this._input=o,onKeyDown:this.props.onKeyDown,onFocus:this.props.onFocus,onBlur:this.props.onBlur,onClick:this.props.onClick,"aria-disabled":e||void 0,disabled:e||void 0,readOnly:this.props.readOnly||void 0,title:this.props.title,"aria-haspopup":"listbox","aria-expanded":t,"aria-owns":this.props.owns,"aria-activedescendant":t?this.props.activedescendant:void 0,"aria-describedby":this.props.ariaDescribedBy,"aria-labelledby":this.props.ariaLabelledBy,"aria-label":this.props.ariaLabel,"aria-required":this.props.ariaRequired});return n?n.call(void 0,i):i}}module.exports=g;
+"use client";"use strict";const u=require("@progress/kendo-react-common"),h=require("react");function b(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const l=b(h);class g extends l.Component{constructor(){super(...arguments),this._input=null}get input(){return this._input}componentDidUpdate(t){const e=t.value,s=t.suggestedText,{value:r,suggestedText:a,focused:p}=this.props,i=this.input,o=e!==r||a!==s,c=o&&e.startsWith(r)&&!(s&&a&&s.endsWith(a)),d=u.getActiveElement(document);p&&i&&d!==i&&i.focus(),a&&o&&!c&&i&&i.setSelectionRange(r.length-a.length,r.length)}render(){const{expanded:t=!1,disabled:e,role:s="listbox",render:r,tabIndex:a,accessKey:p}=this.props,i={tabIndex:a,accessKey:p},o=l.createElement("input",{autoComplete:"off",id:this.props.id,type:"text",key:"searchbar",size:this.props.size,placeholder:this.props.placeholder,className:"k-input-inner",role:s,name:this.props.name,value:this.props.value,onChange:this.props.onChange,ref:c=>this._input=c,onKeyDown:this.props.onKeyDown,onFocus:this.props.onFocus,onBlur:this.props.onBlur,onClick:this.props.onClick,"aria-disabled":e||void 0,disabled:e||void 0,readOnly:this.props.readOnly||void 0,title:this.props.title,"aria-haspopup":"listbox","aria-expanded":t,"aria-owns":this.props.owns,"aria-activedescendant":t?this.props.activedescendant:void 0,"aria-describedby":this.props.ariaDescribedBy,"aria-labelledby":this.props.ariaLabelledBy,"aria-label":this.props.ariaLabel,"aria-required":this.props.ariaRequired,"aria-controls":this.props.ariaControls,...i});return r?r.call(void 0,o):o}}module.exports=g;

package/common/SearchBar.mjs

@@ -7,8 +7,8 @@
  */
 "use client";
 import { getActiveElement as c } from "@progress/kendo-react-common";
-import * as p from "react";
-class b extends p.Component {
+import * as l from "react";
+class g extends l.Component {
   constructor() {
     super(...arguments), this._input = null;
   }
@@ -18,12 +18,15 @@ class b extends p.Component {
   get input() {
     return this._input;
   }
-  componentDidUpdate(t) {
-    const i = t.value, a = t.suggestedText, { value: s, suggestedText: e, focused: r } = this.props, o = this.input, n = i !== s || e !== a, l = n && i.startsWith(s) && !(a && e && a.endsWith(e)), d = c(document);
-    r && o && d !== o && o.focus(), e && n && !l && o && o.setSelectionRange(s.length - e.length, s.length);
+  componentDidUpdate(i) {
+    const a = i.value, r = i.suggestedText, { value: e, suggestedText: t, focused: n } = this.props, s = this.input, o = a !== e || t !== r, p = o && a.startsWith(e) && !(r && t && r.endsWith(t)), d = c(document);
+    n && s && d !== s && s.focus(), t && o && !p && s && s.setSelectionRange(e.length - t.length, e.length);
   }
   render() {
-    const { expanded: t = !1, disabled: i, role: a = "listbox", render: s } = this.props, e = /* @__PURE__ */ p.createElement(
+    const { expanded: i = !1, disabled: a, role: r = "listbox", render: e, tabIndex: t, accessKey: n } = this.props, s = {
+      tabIndex: t,
+      accessKey: n
+    }, o = /* @__PURE__ */ l.createElement(
       "input",
       {
         autoComplete: "off",
@@ -33,34 +36,34 @@ class b extends p.Component {
         size: this.props.size,
         placeholder: this.props.placeholder,
         className: "k-input-inner",
-        tabIndex: this.props.tabIndex,
-        accessKey: this.props.accessKey,
-        role: a,
+        role: r,
         name: this.props.name,
         value: this.props.value,
         onChange: this.props.onChange,
-        ref: (r) => this._input = r,
+        ref: (p) => this._input = p,
         onKeyDown: this.props.onKeyDown,
         onFocus: this.props.onFocus,
         onBlur: this.props.onBlur,
         onClick: this.props.onClick,
-        "aria-disabled": i || void 0,
-        disabled: i || void 0,
+        "aria-disabled": a || void 0,
+        disabled: a || void 0,
         readOnly: this.props.readOnly || void 0,
         title: this.props.title,
         "aria-haspopup": "listbox",
-        "aria-expanded": t,
+        "aria-expanded": i,
         "aria-owns": this.props.owns,
-        "aria-activedescendant": t ? this.props.activedescendant : void 0,
+        "aria-activedescendant": i ? this.props.activedescendant : void 0,
         "aria-describedby": this.props.ariaDescribedBy,
         "aria-labelledby": this.props.ariaLabelledBy,
         "aria-label": this.props.ariaLabel,
-        "aria-required": this.props.ariaRequired
+        "aria-required": this.props.ariaRequired,
+        "aria-controls": this.props.ariaControls,
+        ...s
       }
     );
-    return s ? s.call(void 0, e) : e;
+    return e ? e.call(void 0, o) : o;
   }
 }
 export {
-  b as default
+  g as default
 };