@progress/kendo-react-dropdowns 13.4.0-develop.3 → 13.4.0-develop.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AutoComplete/AutoComplete.d.ts +4 -2
- package/AutoComplete/AutoComplete.js +1 -1
- package/AutoComplete/AutoComplete.mjs +59 -44
- package/AutoComplete/AutoCompleteProps.d.ts +1 -1
- package/ComboBox/ComboBox.d.ts +4 -2
- package/ComboBox/ComboBox.js +1 -1
- package/ComboBox/ComboBox.mjs +166 -145
- package/ComboBox/ComboBoxProps.d.ts +1 -1
- package/DropDownList/DropDownList.d.ts +1 -1
- package/DropDownList/DropDownList.js +1 -1
- package/DropDownList/DropDownList.mjs +295 -276
- package/DropDownList/DropDownListProps.d.ts +1 -1
- package/DropDownTree/DropDownTreeProps.d.ts +1 -1
- package/MultiColumnComboBox/MultiColumnComboBox.d.ts +1 -1
- package/MultiSelect/MultiSelect.d.ts +3 -1
- package/MultiSelect/MultiSelect.js +1 -1
- package/MultiSelect/MultiSelect.mjs +283 -261
- package/MultiSelect/MultiSelectProps.d.ts +1 -1
- package/MultiSelect/TagList.js +1 -1
- package/MultiSelect/TagList.mjs +17 -17
- package/MultiSelectTree/MultiSelectTreeProps.d.ts +1 -1
- package/common/ListFilter.d.ts +1 -1
- package/common/ListFilter.js +1 -1
- package/common/ListFilter.mjs +1 -1
- package/dist/cdn/js/kendo-react-dropdowns.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +1 -1
- package/package.json +10 -10
|
@@ -467,7 +467,7 @@ export interface MultiSelectProps extends FormComponentProps {
|
|
|
467
467
|
* <MultiSelect rounded="large" />
|
|
468
468
|
* ```
|
|
469
469
|
*/
|
|
470
|
-
rounded?: 'small' | 'medium' | 'large' | 'full';
|
|
470
|
+
rounded?: 'small' | 'medium' | 'large' | 'full' | 'none';
|
|
471
471
|
/**
|
|
472
472
|
* Configures the `fillMode` of the MultiSelect.
|
|
473
473
|
*
|
package/MultiSelect/TagList.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";const f=require("react"),m=require("@progress/kendo-react-buttons");function g(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const s=g(f),v=e=>e.syntheticEvent.preventDefault(),h=e=>e.syntheticEvent.stopPropagation();class y extends s.Component{render(){const{data:o,guid:n,focused:r,tagRender:
|
|
8
|
+
"use strict";const f=require("react"),m=require("@progress/kendo-react-buttons");function g(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const s=g(f),v=e=>e.syntheticEvent.preventDefault(),h=e=>e.syntheticEvent.stopPropagation();class y extends s.Component{render(){const{data:o,guid:n,focused:r,tagRender:i,tag:l,onTagDelete:u,size:p}=this.props;return s.createElement(s.Fragment,null,o.map((t,c)=>{const a=l?s.createElement(l,{key:t.text+c,tagData:t,guid:n,focusedTag:r,onTagDelete:u}):s.createElement(m.Chip,{id:`tag-${n}-${t.text?t.text.replace(/\s+/g,"-"):c}`,"aria-selected":!0,role:"option","aria-setsize":o.length,key:t.text+c,text:t.text,removable:!0,onRemove:d=>u.call(void 0,t.data,d.syntheticEvent),onMouseDown:v,onClick:h,className:t===r?"k-focus":void 0,size:p});return i?i(t,a):a}),this.props.children)}}module.exports=y;
|
package/MultiSelect/TagList.mjs
CHANGED
|
@@ -6,39 +6,39 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as t from "react";
|
|
9
|
-
import { Chip as
|
|
9
|
+
import { Chip as d } from "@progress/kendo-react-buttons";
|
|
10
10
|
const v = (o) => o.syntheticEvent.preventDefault(), f = (o) => o.syntheticEvent.stopPropagation();
|
|
11
11
|
class g extends t.Component {
|
|
12
12
|
render() {
|
|
13
|
-
const { data:
|
|
14
|
-
return /* @__PURE__ */ t.createElement(t.Fragment, null,
|
|
15
|
-
const
|
|
16
|
-
|
|
13
|
+
const { data: r, guid: s, focused: c, tagRender: i, tag: l, onTagDelete: p, size: a } = this.props;
|
|
14
|
+
return /* @__PURE__ */ t.createElement(t.Fragment, null, r.map((e, n) => {
|
|
15
|
+
const m = l ? /* @__PURE__ */ t.createElement(
|
|
16
|
+
l,
|
|
17
17
|
{
|
|
18
|
-
key: e.text +
|
|
18
|
+
key: e.text + n,
|
|
19
19
|
tagData: e,
|
|
20
|
-
guid:
|
|
21
|
-
focusedTag:
|
|
22
|
-
onTagDelete:
|
|
20
|
+
guid: s,
|
|
21
|
+
focusedTag: c,
|
|
22
|
+
onTagDelete: p
|
|
23
23
|
}
|
|
24
24
|
) : /* @__PURE__ */ t.createElement(
|
|
25
|
-
|
|
25
|
+
d,
|
|
26
26
|
{
|
|
27
|
-
id: `tag-${
|
|
27
|
+
id: `tag-${s}-${e.text ? e.text.replace(/\s+/g, "-") : n}`,
|
|
28
28
|
"aria-selected": !0,
|
|
29
29
|
role: "option",
|
|
30
|
-
"aria-setsize":
|
|
31
|
-
key: e.text +
|
|
30
|
+
"aria-setsize": r.length,
|
|
31
|
+
key: e.text + n,
|
|
32
32
|
text: e.text,
|
|
33
33
|
removable: !0,
|
|
34
|
-
onRemove: (
|
|
34
|
+
onRemove: (u) => p.call(void 0, e.data, u.syntheticEvent),
|
|
35
35
|
onMouseDown: v,
|
|
36
36
|
onClick: f,
|
|
37
|
-
className: e ===
|
|
38
|
-
size:
|
|
37
|
+
className: e === c ? "k-focus" : void 0,
|
|
38
|
+
size: a
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
|
-
return
|
|
41
|
+
return i ? i(e, m) : m;
|
|
42
42
|
}), this.props.children);
|
|
43
43
|
}
|
|
44
44
|
}
|
|
@@ -502,7 +502,7 @@ export interface MultiSelectTreeProps extends FormComponentProps {
|
|
|
502
502
|
* <MultiSelectTree rounded="full" />
|
|
503
503
|
* ```
|
|
504
504
|
*/
|
|
505
|
-
rounded?: 'small' | 'medium' | 'large' | 'full';
|
|
505
|
+
rounded?: 'small' | 'medium' | 'large' | 'full' | 'none';
|
|
506
506
|
/**
|
|
507
507
|
* Configures the `fillMode` of the MultiSelectTree.
|
|
508
508
|
*
|
package/common/ListFilter.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ export interface ListFilterProps {
|
|
|
16
16
|
onChange?: (event: TextBoxChangeEvent) => void;
|
|
17
17
|
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
|
|
18
18
|
size?: 'small' | 'medium' | 'large';
|
|
19
|
-
rounded?: 'small' | 'medium' | 'large' | 'full';
|
|
19
|
+
rounded?: 'small' | 'medium' | 'large' | 'full' | 'none';
|
|
20
20
|
fillMode?: 'solid' | 'flat' | 'outline';
|
|
21
21
|
renderListFilterWrapper?: boolean;
|
|
22
22
|
renderPrefixSeparator?: boolean;
|
package/common/ListFilter.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";const x=require("react"),n=require("prop-types"),c=require("@progress/kendo-react-inputs"),y=require("@progress/kendo-svg-icons"),r=require("@progress/kendo-react-common");function D(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const t=D(x),u=t.forwardRef((e,o)=>{const a=t.useRef(null),{renderListFilterWrapper:s=!1,renderPrefixSeparator:f=!1,placeholder:m,...p}=e,i=r.useUnstyled(),l=i&&i.uDropDownsBase;t.useImperativeHandle(o,()=>a.current);const b=()=>t.createElement(t.Fragment,null,t.createElement(c.InputPrefix,null,t.createElement(r.IconWrap,{name:"search",icon:y.searchIcon,className:r.classNames(r.uDropDownsBase.inputIcon({c:l}))})),f&&t.createElement(c.InputSeparator,null)),d=t.createElement(c.TextBox,{...p,ref:a,className:r.classNames(r.uDropDownsBase.searchbox({c:l})),value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:g=>g.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:b,placeholder:m});return s?t.createElement("div",{className:r.classNames(r.uDropDownsBase.listFilter({c:l}))}," ",d," "):d});u.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf(["small","medium","large"]),rounded:n.oneOf(["small","medium","large","full"]),fillMode:n.oneOf(["solid","flat","outline"]),renderListFilterWrapper:n.bool,placeholder:n.string,renderPrefixSeparator:n.bool};u.displayName="KendoReactListFilter";module.exports=u;
|
|
8
|
+
"use strict";const x=require("react"),n=require("prop-types"),c=require("@progress/kendo-react-inputs"),y=require("@progress/kendo-svg-icons"),r=require("@progress/kendo-react-common");function D(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const t=D(x),u=t.forwardRef((e,o)=>{const a=t.useRef(null),{renderListFilterWrapper:s=!1,renderPrefixSeparator:f=!1,placeholder:m,...p}=e,i=r.useUnstyled(),l=i&&i.uDropDownsBase;t.useImperativeHandle(o,()=>a.current);const b=()=>t.createElement(t.Fragment,null,t.createElement(c.InputPrefix,null,t.createElement(r.IconWrap,{name:"search",icon:y.searchIcon,className:r.classNames(r.uDropDownsBase.inputIcon({c:l}))})),f&&t.createElement(c.InputSeparator,null)),d=t.createElement(c.TextBox,{...p,ref:a,className:r.classNames(r.uDropDownsBase.searchbox({c:l})),value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:g=>g.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:b,placeholder:m});return s?t.createElement("div",{className:r.classNames(r.uDropDownsBase.listFilter({c:l}))}," ",d," "):d});u.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf(["small","medium","large"]),rounded:n.oneOf(["small","medium","large","full","none"]),fillMode:n.oneOf(["solid","flat","outline"]),renderListFilterWrapper:n.bool,placeholder:n.string,renderPrefixSeparator:n.bool};u.displayName="KendoReactListFilter";module.exports=u;
|
package/common/ListFilter.mjs
CHANGED
|
@@ -46,7 +46,7 @@ c.propTypes = {
|
|
|
46
46
|
onChange: e.func,
|
|
47
47
|
onKeyDown: e.func,
|
|
48
48
|
size: e.oneOf(["small", "medium", "large"]),
|
|
49
|
-
rounded: e.oneOf(["small", "medium", "large", "full"]),
|
|
49
|
+
rounded: e.oneOf(["small", "medium", "large", "full", "none"]),
|
|
50
50
|
fillMode: e.oneOf(["solid", "flat", "outline"]),
|
|
51
51
|
renderListFilterWrapper: e.bool,
|
|
52
52
|
placeholder: e.string,
|