@progress/kendo-react-layout 14.5.0-develop.8 → 15.0.0-develop.1
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.d.ts +12 -0
- package/actionsheet/ActionSheet.js +1 -1
- package/actionsheet/ActionSheet.mjs +69 -68
- package/actionsheet/ActionSheetItem.js +1 -1
- package/actionsheet/ActionSheetItem.mjs +1 -3
- package/appbar/interfaces/AppBarProps.d.ts +2 -14
- package/bottomnavigation/BottomNavigation.js +1 -1
- package/bottomnavigation/BottomNavigation.mjs +81 -76
- package/bottomnavigation/BottomNavigationItem.js +1 -1
- package/bottomnavigation/BottomNavigationItem.mjs +34 -33
- package/bottomnavigation/BottomNavigationProps.d.ts +3 -13
- 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/card/Avatar.js +1 -1
- package/card/Avatar.mjs +14 -26
- package/card/interfaces/AvatarProps.d.ts +1 -8
- package/dist/cdn/js/kendo-react-layout.js +1 -1
- package/drawer/Drawer.d.ts +1 -1
- package/drawer/Drawer.js +1 -1
- package/drawer/Drawer.mjs +63 -63
- package/drawer/DrawerContent.d.ts +1 -1
- package/drawer/DrawerItem.d.ts +1 -1
- 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/menu/components/MenuItemArrow.d.ts +3 -3
- package/menu/components/MenuItemArrow.js +1 -1
- package/menu/components/MenuItemArrow.mjs +13 -23
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +14 -9
- 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 +81 -72
- 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/tabstrip/TabStripNavigation.js +1 -1
- package/tabstrip/TabStripNavigation.mjs +31 -31
- 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 +27 -18
- package/timeline/TimelineHorizontal.js +1 -1
- package/timeline/TimelineHorizontal.mjs +113 -109
|
@@ -6,27 +6,27 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as t from "react";
|
|
9
|
-
import
|
|
9
|
+
import a from "prop-types";
|
|
10
10
|
import { dispatchEvent as l, classNames as d, getTabIndex as o, useDir as k } from "@progress/kendo-react-common";
|
|
11
11
|
const r = t.forwardRef((e, s) => {
|
|
12
|
-
const c = t.useRef(null),
|
|
13
|
-
|
|
14
|
-
}, [
|
|
12
|
+
const c = t.useRef(null), n = t.useRef(null), m = t.useCallback(() => {
|
|
13
|
+
n.current && n.current.focus();
|
|
14
|
+
}, [n]);
|
|
15
15
|
t.useImperativeHandle(c, () => ({
|
|
16
|
-
element:
|
|
16
|
+
element: n.current,
|
|
17
17
|
focus: m,
|
|
18
18
|
props: e
|
|
19
19
|
})), t.useImperativeHandle(s, () => c.current);
|
|
20
20
|
const u = t.useCallback(
|
|
21
|
-
(
|
|
22
|
-
e.id && l(e.onItemSelect,
|
|
21
|
+
(i) => {
|
|
22
|
+
e.id && l(e.onItemSelect, i, i.target, {
|
|
23
23
|
id: e.id
|
|
24
24
|
});
|
|
25
25
|
},
|
|
26
26
|
[e.onItemSelect]
|
|
27
27
|
), b = t.useCallback(
|
|
28
|
-
(
|
|
29
|
-
e.id && l(e.onKeyDown,
|
|
28
|
+
(i) => {
|
|
29
|
+
e.id && l(e.onKeyDown, i, i.target, {
|
|
30
30
|
id: e.id
|
|
31
31
|
});
|
|
32
32
|
},
|
|
@@ -36,12 +36,12 @@ const r = t.forwardRef((e, s) => {
|
|
|
36
36
|
"a",
|
|
37
37
|
{
|
|
38
38
|
href: "#",
|
|
39
|
-
"aria-current": e.ariaCurrent
|
|
40
|
-
|
|
39
|
+
"aria-current": e.ariaCurrent || e.isLast ? "page" : void 0,
|
|
40
|
+
"aria-disabled": e.disabled || e.isLast || void 0,
|
|
41
41
|
id: e.id,
|
|
42
|
-
ref:
|
|
42
|
+
ref: n,
|
|
43
43
|
style: e.style,
|
|
44
|
-
dir: k(
|
|
44
|
+
dir: k(n, e.dir),
|
|
45
45
|
tabIndex: o(e.tabIndex, e.disabled),
|
|
46
46
|
className: d(e.className, {
|
|
47
47
|
"k-breadcrumb-root-link": e.isFirst,
|
|
@@ -50,8 +50,8 @@ const r = t.forwardRef((e, s) => {
|
|
|
50
50
|
"k-breadcrumb-icon-link": (e.icon !== void 0 || e.iconClass !== void 0) && !e.text,
|
|
51
51
|
"k-disabled": e.disabled
|
|
52
52
|
}),
|
|
53
|
-
onClick: (
|
|
54
|
-
|
|
53
|
+
onClick: (i) => {
|
|
54
|
+
i.preventDefault(), u(i);
|
|
55
55
|
},
|
|
56
56
|
onKeyDown: b
|
|
57
57
|
},
|
|
@@ -59,17 +59,17 @@ const r = t.forwardRef((e, s) => {
|
|
|
59
59
|
e.text && /* @__PURE__ */ t.createElement("span", { className: "k-breadcrumb-item-text" }, e.text)
|
|
60
60
|
);
|
|
61
61
|
}), f = {
|
|
62
|
-
id:
|
|
63
|
-
className:
|
|
64
|
-
tabIndex:
|
|
65
|
-
style:
|
|
66
|
-
dir:
|
|
67
|
-
disabled:
|
|
68
|
-
text:
|
|
69
|
-
icon:
|
|
70
|
-
iconClass:
|
|
71
|
-
onClick:
|
|
72
|
-
ariaCurrent:
|
|
62
|
+
id: a.string,
|
|
63
|
+
className: a.string,
|
|
64
|
+
tabIndex: a.number,
|
|
65
|
+
style: a.object,
|
|
66
|
+
dir: a.string,
|
|
67
|
+
disabled: a.bool,
|
|
68
|
+
text: a.string,
|
|
69
|
+
icon: a.node,
|
|
70
|
+
iconClass: a.string,
|
|
71
|
+
onClick: a.func,
|
|
72
|
+
ariaCurrent: a.bool
|
|
73
73
|
};
|
|
74
74
|
r.displayName = "KendoReactBreadcrumbLink";
|
|
75
75
|
r.propTypes = f;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare const breadcrumbAriaLabel = "breadcrumb.ariaLabel";
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
export declare const messages: {
|
|
16
|
+
"breadcrumb.ariaLabel": string;
|
|
17
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="breadcrumb.ariaLabel",a={[e]:"Breadcrumb"};exports.breadcrumbAriaLabel=e;exports.messages=a;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
const a = "breadcrumb.ariaLabel", r = {
|
|
9
|
+
[a]: "Breadcrumb"
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
a as breadcrumbAriaLabel,
|
|
13
|
+
r as messages
|
|
14
|
+
};
|
package/card/Avatar.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 d=require("react"),a=require("prop-types"),r=require("@progress/kendo-react-common"),i=require("./interfaces/Enums.js");function c(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const s=c(d),l=o=>{const e={type:i.avatarType.TEXT,size:void 0,rounded:void 0,fillMode:void 0,themeColor:void 0,...o};return s.createElement("div",{style:e.style,className:r.classNames("k-avatar",{"k-avatar-bordered":e.border,[`k-rounded-${r.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,[`k-avatar-${r.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-avatar-${e.fillMode}`]:e.fillMode,[`k-avatar-${e.themeColor}`]:!!e.themeColor},e.className)},s.createElement("span",{className:`k-avatar-${e.type}`},e.children))};l.propTypes={className:a.string,type:a.oneOf(["text","image","icon"]),size:a.oneOf(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","full","none"]),fillMode:a.oneOf(["solid","outline"]),themeColor:a.oneOf(["base","primary","secondary","tertiary"])};exports.Avatar=l;
|
package/card/Avatar.mjs
CHANGED
|
@@ -5,58 +5,46 @@
|
|
|
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 o from "prop-types";
|
|
10
|
-
import { classNames as
|
|
11
|
-
import { avatarType as
|
|
12
|
-
const
|
|
10
|
+
import { classNames as d, kendoThemeMaps as r } from "@progress/kendo-react-common";
|
|
11
|
+
import { avatarType as l } from "./interfaces/Enums.mjs";
|
|
12
|
+
const s = (t) => {
|
|
13
13
|
const e = {
|
|
14
|
-
type:
|
|
14
|
+
type: l.TEXT,
|
|
15
15
|
size: void 0,
|
|
16
16
|
rounded: void 0,
|
|
17
17
|
fillMode: void 0,
|
|
18
18
|
themeColor: void 0,
|
|
19
|
-
...
|
|
19
|
+
...t
|
|
20
20
|
};
|
|
21
|
-
return /* @__PURE__ */
|
|
21
|
+
return /* @__PURE__ */ a.createElement(
|
|
22
22
|
"div",
|
|
23
23
|
{
|
|
24
24
|
style: e.style,
|
|
25
|
-
className:
|
|
25
|
+
className: d(
|
|
26
26
|
"k-avatar",
|
|
27
27
|
{
|
|
28
28
|
"k-avatar-bordered": e.border,
|
|
29
|
-
[`k-rounded-${
|
|
30
|
-
[`k-avatar-${
|
|
29
|
+
[`k-rounded-${r.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
|
|
30
|
+
[`k-avatar-${r.sizeMap[e.size] || e.size}`]: e.size,
|
|
31
31
|
[`k-avatar-${e.fillMode}`]: e.fillMode,
|
|
32
32
|
[`k-avatar-${e.themeColor}`]: !!e.themeColor
|
|
33
33
|
},
|
|
34
34
|
e.className
|
|
35
35
|
)
|
|
36
36
|
},
|
|
37
|
-
/* @__PURE__ */
|
|
37
|
+
/* @__PURE__ */ a.createElement("span", { className: `k-avatar-${e.type}` }, e.children)
|
|
38
38
|
);
|
|
39
39
|
};
|
|
40
|
-
|
|
40
|
+
s.propTypes = {
|
|
41
41
|
className: o.string,
|
|
42
42
|
type: o.oneOf(["text", "image", "icon"]),
|
|
43
43
|
size: o.oneOf(["small", "medium", "large"]),
|
|
44
44
|
rounded: o.oneOf(["small", "medium", "large", "full", "none"]),
|
|
45
45
|
fillMode: o.oneOf(["solid", "outline"]),
|
|
46
|
-
themeColor: o.oneOf([
|
|
47
|
-
"base",
|
|
48
|
-
"dark",
|
|
49
|
-
"error",
|
|
50
|
-
"info",
|
|
51
|
-
"inverse",
|
|
52
|
-
"light",
|
|
53
|
-
"primary",
|
|
54
|
-
"secondary",
|
|
55
|
-
"success",
|
|
56
|
-
"tertiary",
|
|
57
|
-
"warning"
|
|
58
|
-
])
|
|
46
|
+
themeColor: o.oneOf(["base", "primary", "secondary", "tertiary"])
|
|
59
47
|
};
|
|
60
48
|
export {
|
|
61
|
-
|
|
49
|
+
s as Avatar
|
|
62
50
|
};
|
|
@@ -114,13 +114,6 @@ export interface AvatarProps {
|
|
|
114
114
|
* - primary
|
|
115
115
|
* - secondary
|
|
116
116
|
* - tertiary
|
|
117
|
-
* - info
|
|
118
|
-
* - success
|
|
119
|
-
* - error
|
|
120
|
-
* - warning
|
|
121
|
-
* - dark
|
|
122
|
-
* - light
|
|
123
|
-
* - inverse
|
|
124
117
|
*
|
|
125
118
|
* @default undefined (theme-controlled)
|
|
126
119
|
*
|
|
@@ -129,7 +122,7 @@ export interface AvatarProps {
|
|
|
129
122
|
* <Avatar themeColor="primary">AB</Avatar>
|
|
130
123
|
* ```
|
|
131
124
|
*/
|
|
132
|
-
themeColor?: 'base' | 'primary' | 'secondary' | 'tertiary'
|
|
125
|
+
themeColor?: 'base' | 'primary' | 'secondary' | 'tertiary';
|
|
133
126
|
/**
|
|
134
127
|
* Sets the URL for the image when type is 'image'.
|
|
135
128
|
*
|