@progress/kendo-react-layout 14.5.0-develop.9 → 15.0.0-develop.2
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/MenuMcpWrapper.d.ts +17 -0
- package/MenuMcpWrapper.js +8 -0
- package/MenuMcpWrapper.mjs +18 -0
- package/README.md +4 -4
- package/actionsheet/ActionSheet.js +1 -1
- package/actionsheet/ActionSheet.mjs +18 -19
- package/actionsheet/ActionSheetItem.js +1 -1
- package/actionsheet/ActionSheetItem.mjs +1 -3
- package/bottomnavigation/BottomNavigation.js +1 -1
- package/bottomnavigation/BottomNavigation.mjs +85 -69
- package/bottomnavigation/BottomNavigationItem.js +1 -1
- package/bottomnavigation/BottomNavigationItem.mjs +34 -33
- package/bottomnavigation/messages/index.d.ts +17 -0
- package/bottomnavigation/messages/index.js +8 -0
- package/bottomnavigation/messages/index.mjs +14 -0
- package/breadcrumb/Breadcrumb.js +1 -1
- package/breadcrumb/Breadcrumb.mjs +30 -28
- package/breadcrumb/BreadcrumbLink.js +1 -1
- package/breadcrumb/BreadcrumbLink.mjs +26 -26
- package/breadcrumb/messages/index.d.ts +17 -0
- package/breadcrumb/messages/index.js +8 -0
- package/breadcrumb/messages/index.mjs +14 -0
- package/dist/cdn/js/kendo-react-layout.js +1 -1
- package/drawer/Drawer.js +1 -1
- package/drawer/Drawer.mjs +63 -63
- package/drawer/DrawerItem.js +1 -1
- package/drawer/DrawerItem.mjs +22 -23
- package/drawer/interfaces/DrawerProps.d.ts +8 -0
- package/expansionpanel/ExpansionPanel.js +1 -1
- package/expansionpanel/ExpansionPanel.mjs +50 -50
- package/expansionpanel/ExpansionPanelContent.js +1 -1
- package/expansionpanel/ExpansionPanelContent.mjs +7 -4
- package/index.d.mts +1 -2
- package/index.d.ts +1 -2
- package/index.js +1 -1
- package/index.mjs +128 -130
- package/menu/MenuProps.d.ts +6 -0
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +8 -8
- package/panelbar/PanelBar.js +1 -1
- package/panelbar/PanelBar.mjs +94 -91
- package/panelbar/PanelBarItem.js +1 -1
- package/panelbar/PanelBarItem.mjs +13 -15
- package/panelbar/interfaces/PanelBarProps.d.ts +8 -0
- package/panelbar/interfaces/RenderPanelBarItem.d.ts +1 -0
- package/panelbar/util.d.ts +1 -1
- package/panelbar/util.js +1 -1
- package/panelbar/util.mjs +62 -59
- package/splitter/SplitterBar.d.ts +1 -0
- package/splitter/SplitterBar.js +1 -1
- package/splitter/SplitterBar.mjs +64 -56
- package/stepper/Step.js +1 -1
- package/stepper/Step.mjs +79 -85
- package/stepper/Stepper.js +1 -1
- package/stepper/Stepper.mjs +134 -133
- package/stepper/interfaces/StepperProps.d.ts +8 -1
- package/stepper/messages/index.d.ts +12 -2
- package/stepper/messages/index.js +1 -1
- package/stepper/messages/index.mjs +8 -4
- package/tabstrip/TabStrip.d.ts +8 -1
- package/tabstrip/TabStrip.js +1 -1
- package/tabstrip/TabStrip.mjs +126 -125
- package/tilelayout/InternalTile.js +1 -1
- package/tilelayout/InternalTile.mjs +119 -115
- package/tilelayout/TileLayout.js +1 -1
- package/tilelayout/TileLayout.mjs +58 -58
- package/timeline/TimelineCard.d.ts +2 -0
- package/timeline/TimelineCard.js +1 -1
- package/timeline/TimelineCard.mjs +16 -15
- package/timeline/TimelineHorizontal.js +1 -1
- package/timeline/TimelineHorizontal.mjs +105 -101
package/drawer/Drawer.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),e=require("prop-types"),M=require("./context/DrawerContext.js"),T=require("./DrawerNavigation.js"),u=require("@progress/kendo-react-common");function W(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:()=>n[r]})}}return o.default=n,Object.freeze(o)}const t=W(I),m=t.forwardRef((n,o)=>{const{expanded:r=i.expanded,mode:a=i.mode,position:y=i.position,className:g,drawerClassName:h,children:k,style:D,animation:N=i.animation,mini:f=i.mini,width:C=i.width,miniWidth:x,items:c,item:R,tabIndex:O,onOverlayClick:S,onSelect:l}=n,s=t.useRef(null),w=t.useRef(null),p=t.useCallback(()=>{s.current&&s.current.focus()},[]),b=t.useCallback(()=>({element:s.current,focus:p}),[p]);t.useImperativeHandle(o,b),t.useImperativeHandle(w,b),u.useWebMcpRegister("drawer",w,n,n.webMcp);const E=t.useCallback((P,q,d)=>{if(c&&l){const H={itemTarget:P,itemIndex:q,syntheticEvent:d,nativeEvent:d&&d.nativeEvent,target:void 0};l.call(void 0,H)}},[c,l]),v=u.useDir(s,n.dir),j=u.classNames({"k-drawer-container":!0,"k-drawer-expanded":r,"k-drawer-overlay":a==="overlay","k-drawer-push":a==="push","k-drawer-mini":f&&!r},g);return t.createElement(M.DrawerContext.Provider,{value:{animation:N,expanded:r,mode:a,position:y,mini:f,dir:v,items:c,item:R,width:C,miniWidth:x,onOverlayClick:S,onSelect:E}},t.createElement("div",{className:j,ref:s,dir:v,style:D,tabIndex:O},c&&t.createElement(T.DrawerNavigation,{className:h}),k))});m.propTypes={animation:e.any,expanded:e.bool,children:e.any,className:e.string,dir:e.string,mode:e.string,position:e.string,mini:e.bool,style:e.object,tabIndex:e.number,width:e.number,miniWidth:e.number,selected:e.number,onSelect:e.func,onOverlayClick:e.func};const i={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,width:240};m.displayName="KendoDrawer";exports.Drawer=m;
|
package/drawer/Drawer.mjs
CHANGED
|
@@ -5,85 +5,85 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import * as
|
|
8
|
+
import * as a from "react";
|
|
9
9
|
import e from "prop-types";
|
|
10
|
-
import { DrawerContext as
|
|
11
|
-
import { DrawerNavigation as
|
|
12
|
-
import { useDir as
|
|
13
|
-
const
|
|
10
|
+
import { DrawerContext as M } from "./context/DrawerContext.mjs";
|
|
11
|
+
import { DrawerNavigation as O } from "./DrawerNavigation.mjs";
|
|
12
|
+
import { useWebMcpRegister as T, useDir as j, classNames as K } from "@progress/kendo-react-common";
|
|
13
|
+
const w = a.forwardRef((t, v) => {
|
|
14
14
|
const {
|
|
15
|
-
expanded:
|
|
16
|
-
mode:
|
|
17
|
-
position:
|
|
18
|
-
className:
|
|
19
|
-
drawerClassName:
|
|
20
|
-
children:
|
|
21
|
-
style:
|
|
22
|
-
animation:
|
|
23
|
-
mini:
|
|
24
|
-
width:
|
|
25
|
-
miniWidth:
|
|
26
|
-
items:
|
|
27
|
-
item:
|
|
28
|
-
tabIndex:
|
|
29
|
-
onOverlayClick:
|
|
30
|
-
onSelect:
|
|
31
|
-
} =
|
|
32
|
-
|
|
33
|
-
}, [])
|
|
34
|
-
n.useImperativeHandle(
|
|
35
|
-
p,
|
|
15
|
+
expanded: o = n.expanded,
|
|
16
|
+
mode: s = n.mode,
|
|
17
|
+
position: b = n.position,
|
|
18
|
+
className: y,
|
|
19
|
+
drawerClassName: h,
|
|
20
|
+
children: k,
|
|
21
|
+
style: x,
|
|
22
|
+
animation: N = n.animation,
|
|
23
|
+
mini: m = n.mini,
|
|
24
|
+
width: g = n.width,
|
|
25
|
+
miniWidth: C,
|
|
26
|
+
items: i,
|
|
27
|
+
item: E,
|
|
28
|
+
tabIndex: R,
|
|
29
|
+
onOverlayClick: D,
|
|
30
|
+
onSelect: l
|
|
31
|
+
} = t, r = a.useRef(null), c = a.useRef(null), u = a.useCallback(() => {
|
|
32
|
+
r.current && r.current.focus();
|
|
33
|
+
}, []), f = a.useCallback(
|
|
36
34
|
() => ({
|
|
37
|
-
element:
|
|
38
|
-
focus:
|
|
39
|
-
})
|
|
35
|
+
element: r.current,
|
|
36
|
+
focus: u
|
|
37
|
+
}),
|
|
38
|
+
[u]
|
|
40
39
|
);
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
a.useImperativeHandle(v, f), a.useImperativeHandle(c, f), T("drawer", c, t, t.webMcp);
|
|
41
|
+
const H = a.useCallback(
|
|
42
|
+
(S, P, d) => {
|
|
43
|
+
if (i && l) {
|
|
44
|
+
const W = {
|
|
45
45
|
itemTarget: S,
|
|
46
|
-
itemIndex:
|
|
47
|
-
syntheticEvent:
|
|
48
|
-
nativeEvent:
|
|
46
|
+
itemIndex: P,
|
|
47
|
+
syntheticEvent: d,
|
|
48
|
+
nativeEvent: d && d.nativeEvent,
|
|
49
49
|
target: void 0
|
|
50
50
|
};
|
|
51
|
-
|
|
51
|
+
l.call(void 0, W);
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
|
-
[
|
|
55
|
-
),
|
|
54
|
+
[i, l]
|
|
55
|
+
), p = j(r, t.dir), I = K(
|
|
56
56
|
{
|
|
57
57
|
"k-drawer-container": !0,
|
|
58
|
-
"k-drawer-expanded":
|
|
59
|
-
"k-drawer-overlay":
|
|
60
|
-
"k-drawer-push":
|
|
61
|
-
"k-drawer-mini":
|
|
58
|
+
"k-drawer-expanded": o,
|
|
59
|
+
"k-drawer-overlay": s === "overlay",
|
|
60
|
+
"k-drawer-push": s === "push",
|
|
61
|
+
"k-drawer-mini": m && !o
|
|
62
62
|
},
|
|
63
|
-
|
|
63
|
+
y
|
|
64
64
|
);
|
|
65
|
-
return /* @__PURE__ */
|
|
66
|
-
|
|
65
|
+
return /* @__PURE__ */ a.createElement(
|
|
66
|
+
M.Provider,
|
|
67
67
|
{
|
|
68
68
|
value: {
|
|
69
|
-
animation:
|
|
70
|
-
expanded:
|
|
71
|
-
mode:
|
|
72
|
-
position:
|
|
73
|
-
mini:
|
|
74
|
-
dir:
|
|
75
|
-
items:
|
|
76
|
-
item:
|
|
77
|
-
width:
|
|
78
|
-
miniWidth:
|
|
79
|
-
onOverlayClick:
|
|
80
|
-
onSelect:
|
|
69
|
+
animation: N,
|
|
70
|
+
expanded: o,
|
|
71
|
+
mode: s,
|
|
72
|
+
position: b,
|
|
73
|
+
mini: m,
|
|
74
|
+
dir: p,
|
|
75
|
+
items: i,
|
|
76
|
+
item: E,
|
|
77
|
+
width: g,
|
|
78
|
+
miniWidth: C,
|
|
79
|
+
onOverlayClick: D,
|
|
80
|
+
onSelect: H
|
|
81
81
|
}
|
|
82
82
|
},
|
|
83
|
-
/* @__PURE__ */
|
|
83
|
+
/* @__PURE__ */ a.createElement("div", { className: I, ref: r, dir: p, style: x, tabIndex: R }, i && /* @__PURE__ */ a.createElement(O, { className: h }), k)
|
|
84
84
|
);
|
|
85
85
|
});
|
|
86
|
-
|
|
86
|
+
w.propTypes = {
|
|
87
87
|
animation: e.any,
|
|
88
88
|
expanded: e.bool,
|
|
89
89
|
children: e.any,
|
|
@@ -100,7 +100,7 @@ u.propTypes = {
|
|
|
100
100
|
onSelect: e.func,
|
|
101
101
|
onOverlayClick: e.func
|
|
102
102
|
};
|
|
103
|
-
const
|
|
103
|
+
const n = {
|
|
104
104
|
animation: !0,
|
|
105
105
|
expanded: !1,
|
|
106
106
|
mode: "overlay",
|
|
@@ -108,7 +108,7 @@ const r = {
|
|
|
108
108
|
mini: !1,
|
|
109
109
|
width: 240
|
|
110
110
|
};
|
|
111
|
-
|
|
111
|
+
w.displayName = "KendoDrawer";
|
|
112
112
|
export {
|
|
113
|
-
|
|
113
|
+
w as Drawer
|
|
114
114
|
};
|
package/drawer/DrawerItem.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),r=require("prop-types"),c=require("@progress/kendo-react-common"),O=require("./context/DrawerContext.js");function R(t){const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),r=require("prop-types"),c=require("@progress/kendo-react-common"),O=require("./context/DrawerContext.js");function R(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const e=R(E),d=e.forwardRef((t,a)=>{const{className:n,style:l,text:p,icon:i,svgIcon:u,separator:g,disabled:o,selected:I,onSelect:m,index:b,tabIndex:k,children:y,...w}=t,{expanded:T,mini:P,item:x}=e.useContext(O.DrawerContext),s=e.useRef(null),f=e.useCallback(()=>{s.current&&s.current.focus()},[]);e.useImperativeHandle(a,()=>({element:s.current,focus:f,props:t}));const C=c.classNames("k-drawer-item",{"k-selected":I,"k-disabled":o},n),N=e.useCallback(D=>{if(m&&!o){const j={element:s.current,focus:f,props:t};m(j,b,D)}},[m,b,o]),v=e.createElement(e.Fragment,null,(i||u)&&e.createElement(c.IconWrap,{name:i&&c.toIconName(i),icon:u}),e.createElement("span",{className:"k-item-text"},p));return g?e.createElement("li",{className:"k-drawer-item k-drawer-separator",role:"separator"}):e.createElement("li",{ref:s,className:C,style:l,role:"menuitem","aria-disabled":o||void 0,onClick:N,tabIndex:c.getTabIndex(k,o),...w},x?y:v)});d.propTypes={className:r.string,style:r.object,text:r.string,icon:r.string,svgIcon:c.svgIconPropType,separator:r.bool,selected:r.bool,disabled:r.bool,targetItem:r.any};d.displayName="KendoDrawerItem";exports.DrawerItem=d;
|
package/drawer/DrawerItem.mjs
CHANGED
|
@@ -7,63 +7,62 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as e from "react";
|
|
9
9
|
import t from "prop-types";
|
|
10
|
-
import { classNames as
|
|
10
|
+
import { classNames as h, IconWrap as R, toIconName as T, getTabIndex as D, svgIconPropType as P } from "@progress/kendo-react-common";
|
|
11
11
|
import { DrawerContext as j } from "./context/DrawerContext.mjs";
|
|
12
|
-
const
|
|
12
|
+
const i = e.forwardRef((s, d) => {
|
|
13
13
|
const {
|
|
14
|
-
className:
|
|
15
|
-
style:
|
|
16
|
-
text:
|
|
14
|
+
className: p,
|
|
15
|
+
style: u,
|
|
16
|
+
text: f,
|
|
17
17
|
icon: n,
|
|
18
|
-
svgIcon:
|
|
18
|
+
svgIcon: l,
|
|
19
19
|
separator: b,
|
|
20
20
|
disabled: a,
|
|
21
21
|
selected: I,
|
|
22
22
|
onSelect: o,
|
|
23
|
-
index:
|
|
23
|
+
index: c,
|
|
24
24
|
tabIndex: x,
|
|
25
25
|
children: k,
|
|
26
26
|
...g
|
|
27
|
-
} = s, { expanded: F, mini: H, item: N } = e.useContext(j), r = e.useRef(null),
|
|
27
|
+
} = s, { expanded: F, mini: H, item: N } = e.useContext(j), r = e.useRef(null), m = e.useCallback(() => {
|
|
28
28
|
r.current && r.current.focus();
|
|
29
29
|
}, []);
|
|
30
30
|
e.useImperativeHandle(
|
|
31
|
-
|
|
31
|
+
d,
|
|
32
32
|
() => ({
|
|
33
33
|
element: r.current,
|
|
34
|
-
focus:
|
|
34
|
+
focus: m,
|
|
35
35
|
props: s
|
|
36
36
|
})
|
|
37
37
|
);
|
|
38
|
-
const w =
|
|
38
|
+
const w = h(
|
|
39
39
|
"k-drawer-item",
|
|
40
40
|
{
|
|
41
41
|
"k-selected": I,
|
|
42
42
|
"k-disabled": a
|
|
43
43
|
},
|
|
44
|
-
|
|
44
|
+
p
|
|
45
45
|
), C = e.useCallback(
|
|
46
46
|
(E) => {
|
|
47
47
|
if (o && !a) {
|
|
48
|
-
const
|
|
48
|
+
const v = {
|
|
49
49
|
element: r.current,
|
|
50
|
-
focus:
|
|
50
|
+
focus: m,
|
|
51
51
|
props: s
|
|
52
52
|
};
|
|
53
|
-
o(
|
|
53
|
+
o(v, c, E);
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
|
-
[o,
|
|
57
|
-
), y = /* @__PURE__ */ e.createElement(e.Fragment, null, (n ||
|
|
56
|
+
[o, c, a]
|
|
57
|
+
), y = /* @__PURE__ */ e.createElement(e.Fragment, null, (n || l) && /* @__PURE__ */ e.createElement(R, { name: n && T(n), icon: l }), /* @__PURE__ */ e.createElement("span", { className: "k-item-text" }, f));
|
|
58
58
|
return b ? /* @__PURE__ */ e.createElement("li", { className: "k-drawer-item k-drawer-separator", role: "separator" }) : /* @__PURE__ */ e.createElement(
|
|
59
59
|
"li",
|
|
60
60
|
{
|
|
61
61
|
ref: r,
|
|
62
62
|
className: w,
|
|
63
|
-
style:
|
|
63
|
+
style: u,
|
|
64
64
|
role: "menuitem",
|
|
65
|
-
"aria-
|
|
66
|
-
"aria-disabled": a,
|
|
65
|
+
"aria-disabled": a || void 0,
|
|
67
66
|
onClick: C,
|
|
68
67
|
tabIndex: D(x, a),
|
|
69
68
|
...g
|
|
@@ -71,7 +70,7 @@ const d = e.forwardRef((s, p) => {
|
|
|
71
70
|
N ? k : y
|
|
72
71
|
);
|
|
73
72
|
});
|
|
74
|
-
|
|
73
|
+
i.propTypes = {
|
|
75
74
|
className: t.string,
|
|
76
75
|
style: t.object,
|
|
77
76
|
text: t.string,
|
|
@@ -82,7 +81,7 @@ d.propTypes = {
|
|
|
82
81
|
disabled: t.bool,
|
|
83
82
|
targetItem: t.any
|
|
84
83
|
};
|
|
85
|
-
|
|
84
|
+
i.displayName = "KendoDrawerItem";
|
|
86
85
|
export {
|
|
87
|
-
|
|
86
|
+
i as DrawerItem
|
|
88
87
|
};
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
import { DrawerSelectEvent } from './DrawerSelectEvent';
|
|
9
9
|
import { DrawerAnimation } from '../interfaces/DrawerAnimation';
|
|
10
10
|
import { DrawerItemProps } from './DrawerItemProps';
|
|
11
|
+
import { WebMcpProps } from '@progress/kendo-react-common';
|
|
11
12
|
import * as React from 'react';
|
|
12
13
|
/**
|
|
13
14
|
* The properties of the [KendoReact Drawer component](https://www.telerik.com/kendo-react-ui/components/layout/drawer).
|
|
@@ -168,4 +169,11 @@ export interface DrawerProps {
|
|
|
168
169
|
* ```
|
|
169
170
|
*/
|
|
170
171
|
onSelect?: (event: DrawerSelectEvent) => void;
|
|
172
|
+
/**
|
|
173
|
+
* Enables Web MCP tool registration so AI agents can interact with this Drawer.
|
|
174
|
+
* Set to `true` to use the provider-level `dataName`, or pass a config object to override.
|
|
175
|
+
*
|
|
176
|
+
* Requires a `WebMcpProvider` ancestor from `@progress/kendo-react-webmcp`.
|
|
177
|
+
*/
|
|
178
|
+
webMcp?: boolean | WebMcpProps;
|
|
171
179
|
}
|
|
@@ -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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),a=require("prop-types"),t=require("@progress/kendo-react-common"),g=require("@progress/kendo-svg-icons");function P(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(d,s,i.get?i:{enumerable:!0,get:()=>e[s]})}}return d.default=e,Object.freeze(d)}const n=P(w),f=n.forwardRef((e,d)=>{const s=n.useRef(null),[i,p]=n.useState(!1),k=t.useId(),b=n.useCallback(()=>({element:s.current}),[]);n.useImperativeHandle(d,b);const{expanded:o=!1,disabled:c,title:v,subtitle:x,onAction:r,expandIcon:u,collapseIcon:m,expandSVGIcon:y,collapseSVGIcon:I}=e,N=n.useCallback(l=>{t.dispatchEvent(r,l,b(),{expanded:o})},[r,o]),E=n.useCallback(l=>{(l.keyCode===t.Keys.enter||l.keyCode===t.Keys.space)&&(l.preventDefault(),t.dispatchEvent(r,l,b(),{expanded:o}))},[r,o]),h=n.useCallback(()=>{e.disabled||p(!0)},[e.disabled]),C=n.useCallback(()=>{e.disabled||p(!1)},[e.disabled]),{onFocus:S,onBlur:R}=t.useAsyncFocusBlur({onFocus:h,onBlur:C});return n.createElement("div",{ref:s,className:t.classNames("k-expander",e.className,{"k-expanded":o,"k-focus":i&&!c,"k-disabled":c}),onFocus:S,onBlur:R,style:e.style,id:e.id,dir:t.useRtl(s,e.dir),onKeyDown:c?void 0:E},n.createElement("div",{role:"button","aria-controls":e.ariaControls||k,"aria-expanded":o,"aria-disabled":c||void 0,tabIndex:t.getTabIndex(e.tabIndex,c),className:"k-expander-header",onClick:c?void 0:N},v!==void 0?n.createElement("div",{className:"k-expander-title"},v):void 0,n.createElement("span",{className:"k-spacer"}),x!==void 0?n.createElement("div",{className:"k-expander-sub-title"},x):void 0,n.createElement("span",{className:"k-expander-indicator"},n.createElement(t.IconWrap,{name:o?m?void 0:"chevron-up":u?void 0:"chevron-down",icon:o?!I&&!m?g.chevronUpIcon:I:!y&&!u?g.chevronDownIcon:y,className:t.classNames(o?{[String(m)]:!!m}:{[String(u)]:!!u})}))),n.createElement("div",{id:k,className:t.classNames("k-expander-content-wrapper",{"k-hidden":!o})},e.children))});f.propTypes={children:a.node,className:a.string,style:a.object,dir:a.string,id:a.string,tabIndex:a.number,title:a.node,subtitle:a.node,expandIcon:a.string,collapseIcon:a.string,expanded:a.bool,disabled:a.bool,onAction:a.func};f.displayName="KendoReactExpansionPanel";exports.ExpansionPanel=f;
|
|
@@ -7,89 +7,89 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as e from "react";
|
|
9
9
|
import n from "prop-types";
|
|
10
|
-
import { dispatchEvent as
|
|
11
|
-
import { chevronDownIcon as
|
|
12
|
-
const
|
|
13
|
-
const i = e.useRef(null), [
|
|
14
|
-
e.useImperativeHandle(
|
|
10
|
+
import { useId as F, dispatchEvent as v, Keys as I, useAsyncFocusBlur as S, useRtl as D, classNames as u, getTabIndex as K, IconWrap as A } from "@progress/kendo-react-common";
|
|
11
|
+
import { chevronDownIcon as P, chevronUpIcon as T } from "@progress/kendo-svg-icons";
|
|
12
|
+
const y = e.forwardRef((a, N) => {
|
|
13
|
+
const i = e.useRef(null), [h, m] = e.useState(!1), b = F(), r = e.useCallback(() => ({ element: i.current }), []);
|
|
14
|
+
e.useImperativeHandle(N, r);
|
|
15
15
|
const {
|
|
16
|
-
expanded:
|
|
17
|
-
disabled:
|
|
18
|
-
title:
|
|
19
|
-
subtitle:
|
|
20
|
-
onAction:
|
|
21
|
-
expandIcon:
|
|
16
|
+
expanded: t = !1,
|
|
17
|
+
disabled: o,
|
|
18
|
+
title: k,
|
|
19
|
+
subtitle: p,
|
|
20
|
+
onAction: d,
|
|
21
|
+
expandIcon: s,
|
|
22
22
|
collapseIcon: c,
|
|
23
|
-
expandSVGIcon:
|
|
24
|
-
collapseSVGIcon:
|
|
25
|
-
} = a,
|
|
26
|
-
(
|
|
27
|
-
|
|
28
|
-
expanded:
|
|
23
|
+
expandSVGIcon: x,
|
|
24
|
+
collapseSVGIcon: f
|
|
25
|
+
} = a, E = e.useCallback(
|
|
26
|
+
(l) => {
|
|
27
|
+
v(d, l, r(), {
|
|
28
|
+
expanded: t
|
|
29
29
|
});
|
|
30
30
|
},
|
|
31
|
-
[
|
|
31
|
+
[d, t]
|
|
32
32
|
), C = e.useCallback(
|
|
33
|
-
(
|
|
34
|
-
(
|
|
35
|
-
expanded:
|
|
33
|
+
(l) => {
|
|
34
|
+
(l.keyCode === I.enter || l.keyCode === I.space) && (l.preventDefault(), v(d, l, r(), {
|
|
35
|
+
expanded: t
|
|
36
36
|
}));
|
|
37
37
|
},
|
|
38
|
-
[
|
|
39
|
-
),
|
|
40
|
-
a.disabled ||
|
|
41
|
-
}, [a.disabled]),
|
|
42
|
-
a.disabled ||
|
|
43
|
-
}, [a.disabled]), { onFocus: B, onBlur: R } =
|
|
38
|
+
[d, t]
|
|
39
|
+
), g = e.useCallback(() => {
|
|
40
|
+
a.disabled || m(!0);
|
|
41
|
+
}, [a.disabled]), w = e.useCallback(() => {
|
|
42
|
+
a.disabled || m(!1);
|
|
43
|
+
}, [a.disabled]), { onFocus: B, onBlur: R } = S({ onFocus: g, onBlur: w });
|
|
44
44
|
return /* @__PURE__ */ e.createElement(
|
|
45
45
|
"div",
|
|
46
46
|
{
|
|
47
47
|
ref: i,
|
|
48
|
-
className:
|
|
49
|
-
"k-expanded":
|
|
50
|
-
"k-focus":
|
|
51
|
-
"k-disabled":
|
|
48
|
+
className: u("k-expander", a.className, {
|
|
49
|
+
"k-expanded": t,
|
|
50
|
+
"k-focus": h && !o,
|
|
51
|
+
"k-disabled": o
|
|
52
52
|
}),
|
|
53
53
|
onFocus: B,
|
|
54
54
|
onBlur: R,
|
|
55
55
|
style: a.style,
|
|
56
56
|
id: a.id,
|
|
57
|
-
dir:
|
|
58
|
-
onKeyDown:
|
|
57
|
+
dir: D(i, a.dir),
|
|
58
|
+
onKeyDown: o ? void 0 : C
|
|
59
59
|
},
|
|
60
60
|
/* @__PURE__ */ e.createElement(
|
|
61
61
|
"div",
|
|
62
62
|
{
|
|
63
63
|
role: "button",
|
|
64
|
-
"aria-controls": a.ariaControls,
|
|
65
|
-
"aria-expanded":
|
|
66
|
-
"aria-disabled":
|
|
67
|
-
tabIndex:
|
|
64
|
+
"aria-controls": a.ariaControls || b,
|
|
65
|
+
"aria-expanded": t,
|
|
66
|
+
"aria-disabled": o || void 0,
|
|
67
|
+
tabIndex: K(a.tabIndex, o),
|
|
68
68
|
className: "k-expander-header",
|
|
69
|
-
onClick:
|
|
69
|
+
onClick: o ? void 0 : E
|
|
70
70
|
},
|
|
71
|
-
|
|
71
|
+
k !== void 0 ? /* @__PURE__ */ e.createElement("div", { className: "k-expander-title" }, k) : void 0,
|
|
72
72
|
/* @__PURE__ */ e.createElement("span", { className: "k-spacer" }),
|
|
73
|
-
|
|
73
|
+
p !== void 0 ? /* @__PURE__ */ e.createElement("div", { className: "k-expander-sub-title" }, p) : void 0,
|
|
74
74
|
/* @__PURE__ */ e.createElement("span", { className: "k-expander-indicator" }, /* @__PURE__ */ e.createElement(
|
|
75
|
-
|
|
75
|
+
A,
|
|
76
76
|
{
|
|
77
|
-
name:
|
|
78
|
-
icon:
|
|
79
|
-
className:
|
|
80
|
-
|
|
77
|
+
name: t ? c ? void 0 : "chevron-up" : s ? void 0 : "chevron-down",
|
|
78
|
+
icon: t ? !f && !c ? T : f : !x && !s ? P : x,
|
|
79
|
+
className: u(
|
|
80
|
+
t ? {
|
|
81
81
|
[String(c)]: !!c
|
|
82
82
|
} : {
|
|
83
|
-
[String(
|
|
83
|
+
[String(s)]: !!s
|
|
84
84
|
}
|
|
85
85
|
)
|
|
86
86
|
}
|
|
87
87
|
))
|
|
88
88
|
),
|
|
89
|
-
a.children
|
|
89
|
+
/* @__PURE__ */ e.createElement("div", { id: b, className: u("k-expander-content-wrapper", { "k-hidden": !t }) }, a.children)
|
|
90
90
|
);
|
|
91
91
|
});
|
|
92
|
-
|
|
92
|
+
y.propTypes = {
|
|
93
93
|
children: n.node,
|
|
94
94
|
className: n.string,
|
|
95
95
|
style: n.object,
|
|
@@ -104,7 +104,7 @@ I.propTypes = {
|
|
|
104
104
|
disabled: n.bool,
|
|
105
105
|
onAction: n.func
|
|
106
106
|
};
|
|
107
|
-
|
|
107
|
+
y.displayName = "KendoReactExpansionPanel";
|
|
108
108
|
export {
|
|
109
|
-
|
|
109
|
+
y as ExpansionPanel
|
|
110
110
|
};
|
|
@@ -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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@progress/kendo-react-common"),s=require("react");function l(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=l(s),r=o.forwardRef((e,n)=>{const{children:t,...a}=e;return o.createElement("div",{ref:n,...a,className:c.classNames("k-expander-content",a.className)},t)});r.displayName="KendoReactExpansionPanelContent";exports.ExpansionPanelContent=r;
|
|
@@ -5,10 +5,13 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { classNames as
|
|
9
|
-
import * as
|
|
10
|
-
const r =
|
|
11
|
-
(
|
|
8
|
+
import { classNames as s } from "@progress/kendo-react-common";
|
|
9
|
+
import * as n from "react";
|
|
10
|
+
const r = n.forwardRef(
|
|
11
|
+
(a, t) => {
|
|
12
|
+
const { children: o, ...e } = a;
|
|
13
|
+
return /* @__PURE__ */ n.createElement("div", { ref: t, ...e, className: s("k-expander-content", e.className) }, o);
|
|
14
|
+
}
|
|
12
15
|
);
|
|
13
16
|
r.displayName = "KendoReactExpansionPanelContent";
|
|
14
17
|
export {
|
package/index.d.mts
CHANGED
|
@@ -11,8 +11,7 @@ import { TabStrip as TabStripClassComponent, TabStripScrollableProps, TabStripSe
|
|
|
11
11
|
import { MenuItemInternalsList } from './menu/components/MenuItemInternal.js';
|
|
12
12
|
import { downArrowName, leftArrowName, rightArrowName } from './menu/components/MenuItemArrow.js';
|
|
13
13
|
import { SplitterBar } from './splitter/SplitterBar.js';
|
|
14
|
-
|
|
15
|
-
declare const Menu: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<any>>;
|
|
14
|
+
import { MenuWrapper as Menu } from './MenuMcpWrapper.js';
|
|
16
15
|
/** @hidden */
|
|
17
16
|
declare const TabStrip: import('react').ForwardRefExoticComponent<TabStripProps & import('react').RefAttributes<any>>;
|
|
18
17
|
export { TabStrip, TabStripClassComponent, TabStripScrollableProps, TabStripSelectEventArguments, TabStripProps, Menu, MenuProps, MenuState, MenuHandle, MenuClassComponent, MenuItemInternalsList, downArrowName, leftArrowName, rightArrowName, SplitterBar };
|
package/index.d.ts
CHANGED
|
@@ -11,8 +11,7 @@ import { TabStrip as TabStripClassComponent, TabStripScrollableProps, TabStripSe
|
|
|
11
11
|
import { MenuItemInternalsList } from './menu/components/MenuItemInternal.js';
|
|
12
12
|
import { downArrowName, leftArrowName, rightArrowName } from './menu/components/MenuItemArrow.js';
|
|
13
13
|
import { SplitterBar } from './splitter/SplitterBar.js';
|
|
14
|
-
|
|
15
|
-
declare const Menu: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<any>>;
|
|
14
|
+
import { MenuWrapper as Menu } from './MenuMcpWrapper.js';
|
|
16
15
|
/** @hidden */
|
|
17
16
|
declare const TabStrip: import('react').ForwardRefExoticComponent<TabStripProps & import('react').RefAttributes<any>>;
|
|
18
17
|
export { TabStrip, TabStripClassComponent, TabStripScrollableProps, TabStripSelectEventArguments, TabStripProps, Menu, MenuProps, MenuState, MenuHandle, MenuClassComponent, MenuItemInternalsList, downArrowName, leftArrowName, rightArrowName, SplitterBar };
|
package/index.js
CHANGED
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./menu/components/Menu.js"),a=require("./tabstrip/TabStrip.js"),p=require("./menu/components/MenuItemInternal.js"),t=require("./menu/components/MenuItemArrow.js"),m=require("./splitter/SplitterBar.js"),S=require("@progress/kendo-react-common"),q=require("./MenuMcpWrapper.js"),C=require("./tabstrip/TabStripContent.js"),A=require("./tabstrip/TabStripNavigation.js"),I=require("./tabstrip/TabStripNavigationItem.js"),b=require("./tabstrip/TabStripTab.js"),B=require("./panelbar/PanelBar.js"),i=require("./panelbar/PanelBarItem.js"),e=require("./panelbar/util.js"),h=require("./menu/components/MenuItemLink.js"),T=require("./menu/components/MenuItem.js"),y=require("./splitter/Splitter.js"),g=require("./splitter/SplitterPane.js"),L=require("./card/Card.js"),w=require("./card/CardHeader.js"),N=require("./card/CardTitle.js"),D=require("./card/CardBody.js"),P=require("./card/CardActions.js"),v=require("./card/CardImage.js"),M=require("./card/CardSubtitle.js"),f=require("./card/CardFooter.js"),r=require("./card/interfaces/Enums.js"),F=require("./card/Avatar.js"),E=require("./drawer/Drawer.js"),k=require("./drawer/DrawerNavigation.js"),x=require("./drawer/DrawerContent.js"),V=require("./drawer/DrawerItem.js"),O=require("./stepper/Stepper.js"),H=require("./stepper/Step.js"),G=require("./appbar/AppBar.js"),j=require("./appbar/AppBarSection.js"),U=require("./appbar/AppBarSpacer.js"),W=require("./tilelayout/TileLayout.js"),Y=require("./bottomnavigation/BottomNavigation.js"),R=require("./bottomnavigation/BottomNavigationItem.js"),$=require("./stacklayout/StackLayout.js"),z=require("./gridlayout/GridLayout.js"),J=require("./gridlayout/GridLayoutItem.js"),K=require("./breadcrumb/Breadcrumb.js"),Q=require("./breadcrumb/BreadcrumbOrderedList.js"),X=require("./breadcrumb/BreadcrumbListItem.js"),Z=require("./breadcrumb/BreadcrumbDelimiter.js"),_=require("./breadcrumb/BreadcrumbLink.js"),n=require("./actionsheet/ActionSheet.js"),ee=require("./actionsheet/ActionSheetItem.js"),o=require("./actionsheet/ActionSheetView.js"),u=require("./actionsheet/ActionSheetHeader.js"),s=require("./actionsheet/ActionSheetContent.js"),c=require("./actionsheet/ActionSheetFooter.js"),te=require("./timeline/Timeline.js"),d=require("./timeline/utils.js"),re=require("./contextmenu/ContextMenu.js"),ae=require("./expansionpanel/ExpansionPanel.js"),ie=require("./expansionpanel/ExpansionPanelContent.js"),ne=S.withIdHOC(a.TabStrip);exports.MenuClassComponent=l.Menu;exports.TabStripClassComponent=a.TabStrip;exports.MenuItemInternalsList=p.MenuItemInternalsList;exports.MenuItemArrow=t.MenuItemArrow;exports.downArrowName=t.downArrowName;exports.leftArrowName=t.leftArrowName;exports.rightArrowName=t.rightArrowName;exports.SplitterBar=m.SplitterBar;exports.Menu=q.MenuWrapper;exports.TabStripContent=C.TabStripContent;exports.TabStripNavigation=A.TabStripNavigation;exports.TabStripNavigationItem=I.TabStripNavigationItem;exports.TabStripTab=b.TabStripTab;exports.PanelBar=B.PanelBar;exports.PanelBarItem=i.PanelBarItem;exports.panelBarItemDefaultProps=i.panelBarItemDefaultProps;Object.defineProperty(exports,"PanelBarUtils",{enumerable:!0,get:()=>e.PanelBarUtils});exports.flatChildren=e.flatChildren;exports.flatVisibleChildren=e.flatVisibleChildren;exports.flatVisibleItems=e.flatVisibleItems;exports.getFirstId=e.getFirstId;exports.getFocusedChild=e.getFocusedChild;exports.getInitialState=e.getInitialState;exports.isArrayEqual=e.isArrayEqual;exports.isPresent=e.isPresent;exports.renderChildren=e.renderChildren;exports.MenuItemLink=h.MenuItemLink;exports.MenuItem=T.MenuItem;exports.Splitter=y.Splitter;exports.SplitterPane=g.SplitterPane;exports.Card=L.Card;exports.CardHeader=w.CardHeader;exports.CardTitle=N.CardTitle;exports.CardBody=D.CardBody;exports.CardActions=P.CardActions;exports.CardImage=v.CardImage;exports.CardSubtitle=M.CardSubtitle;exports.CardFooter=f.CardFooter;exports.avatarType=r.avatarType;exports.cardActionsLayout=r.cardActionsLayout;exports.cardOrientation=r.cardOrientation;exports.cardType=r.cardType;exports.Avatar=F.Avatar;exports.Drawer=E.Drawer;exports.DrawerNavigation=k.DrawerNavigation;exports.DrawerContent=x.DrawerContent;exports.DrawerItem=V.DrawerItem;exports.Stepper=O.Stepper;exports.Step=H.Step;exports.AppBar=G.AppBar;exports.AppBarSection=j.AppBarSection;exports.AppBarSpacer=U.AppBarSpacer;exports.TileLayout=W.TileLayout;exports.BottomNavigation=Y.BottomNavigation;exports.BottomNavigationItem=R.BottomNavigationItem;exports.StackLayout=$.StackLayout;exports.GridLayout=z.GridLayout;exports.GridLayoutItem=J.GridLayoutItem;exports.Breadcrumb=K.Breadcrumb;exports.BreadcrumbOrderedList=Q.BreadcrumbOrderedList;exports.BreadcrumbListItem=X.BreadcrumbListItem;exports.BreadcrumbDelimiter=Z.BreadcrumbDelimiter;exports.BreadcrumbLink=_.BreadcrumbLink;exports.ActionSheet=n.ActionSheet;exports.actionSheetDefaultProps=n.actionSheetDefaultProps;exports.ActionSheetItem=ee.ActionSheetItem;exports.ActionSheetView=o.ActionSheetView;exports.ActionSheetViewDisplayName=o.ActionSheetViewDisplayName;exports.ActionSheetHeader=u.ActionSheetHeader;exports.headerDisplayName=u.headerDisplayName;exports.ActionSheetContent=s.ActionSheetContent;exports.contentDisplayName=s.contentDisplayName;exports.ActionSheetFooter=c.ActionSheetFooter;exports.footerDisplayName=c.footerDisplayName;exports.Timeline=te.Timeline;exports.addYearsFlags=d.addYearsFlags;exports.sortEventList=d.sortEventList;exports.ContextMenu=re.ContextMenu;exports.ExpansionPanel=ae.ExpansionPanel;exports.ExpansionPanelContent=ie.ExpansionPanelContent;exports.TabStrip=ne;
|