@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.
Files changed (86) hide show
  1. package/MenuMcpWrapper.d.ts +17 -0
  2. package/MenuMcpWrapper.js +8 -0
  3. package/MenuMcpWrapper.mjs +18 -0
  4. package/README.md +4 -4
  5. package/actionsheet/ActionSheet.d.ts +12 -0
  6. package/actionsheet/ActionSheet.js +1 -1
  7. package/actionsheet/ActionSheet.mjs +69 -68
  8. package/actionsheet/ActionSheetItem.js +1 -1
  9. package/actionsheet/ActionSheetItem.mjs +1 -3
  10. package/appbar/interfaces/AppBarProps.d.ts +2 -14
  11. package/bottomnavigation/BottomNavigation.js +1 -1
  12. package/bottomnavigation/BottomNavigation.mjs +81 -76
  13. package/bottomnavigation/BottomNavigationItem.js +1 -1
  14. package/bottomnavigation/BottomNavigationItem.mjs +34 -33
  15. package/bottomnavigation/BottomNavigationProps.d.ts +3 -13
  16. package/bottomnavigation/messages/index.d.ts +17 -0
  17. package/bottomnavigation/messages/index.js +8 -0
  18. package/bottomnavigation/messages/index.mjs +14 -0
  19. package/breadcrumb/Breadcrumb.js +1 -1
  20. package/breadcrumb/Breadcrumb.mjs +30 -28
  21. package/breadcrumb/BreadcrumbLink.js +1 -1
  22. package/breadcrumb/BreadcrumbLink.mjs +26 -26
  23. package/breadcrumb/messages/index.d.ts +17 -0
  24. package/breadcrumb/messages/index.js +8 -0
  25. package/breadcrumb/messages/index.mjs +14 -0
  26. package/card/Avatar.js +1 -1
  27. package/card/Avatar.mjs +14 -26
  28. package/card/interfaces/AvatarProps.d.ts +1 -8
  29. package/dist/cdn/js/kendo-react-layout.js +1 -1
  30. package/drawer/Drawer.d.ts +1 -1
  31. package/drawer/Drawer.js +1 -1
  32. package/drawer/Drawer.mjs +63 -63
  33. package/drawer/DrawerContent.d.ts +1 -1
  34. package/drawer/DrawerItem.d.ts +1 -1
  35. package/drawer/DrawerItem.js +1 -1
  36. package/drawer/DrawerItem.mjs +22 -23
  37. package/drawer/interfaces/DrawerProps.d.ts +8 -0
  38. package/expansionpanel/ExpansionPanel.js +1 -1
  39. package/expansionpanel/ExpansionPanel.mjs +50 -50
  40. package/expansionpanel/ExpansionPanelContent.js +1 -1
  41. package/expansionpanel/ExpansionPanelContent.mjs +7 -4
  42. package/index.d.mts +1 -2
  43. package/index.d.ts +1 -2
  44. package/index.js +1 -1
  45. package/index.mjs +128 -130
  46. package/menu/MenuProps.d.ts +6 -0
  47. package/menu/components/MenuItemArrow.d.ts +3 -3
  48. package/menu/components/MenuItemArrow.js +1 -1
  49. package/menu/components/MenuItemArrow.mjs +13 -23
  50. package/package-metadata.js +1 -1
  51. package/package-metadata.mjs +2 -2
  52. package/package.json +14 -9
  53. package/panelbar/PanelBar.js +1 -1
  54. package/panelbar/PanelBar.mjs +94 -91
  55. package/panelbar/PanelBarItem.js +1 -1
  56. package/panelbar/PanelBarItem.mjs +13 -15
  57. package/panelbar/interfaces/PanelBarProps.d.ts +8 -0
  58. package/panelbar/interfaces/RenderPanelBarItem.d.ts +1 -0
  59. package/panelbar/util.d.ts +1 -1
  60. package/panelbar/util.js +1 -1
  61. package/panelbar/util.mjs +62 -59
  62. package/splitter/SplitterBar.d.ts +1 -0
  63. package/splitter/SplitterBar.js +1 -1
  64. package/splitter/SplitterBar.mjs +81 -72
  65. package/stepper/Step.js +1 -1
  66. package/stepper/Step.mjs +79 -85
  67. package/stepper/Stepper.js +1 -1
  68. package/stepper/Stepper.mjs +134 -133
  69. package/stepper/interfaces/StepperProps.d.ts +8 -1
  70. package/stepper/messages/index.d.ts +12 -2
  71. package/stepper/messages/index.js +1 -1
  72. package/stepper/messages/index.mjs +8 -4
  73. package/tabstrip/TabStrip.d.ts +8 -1
  74. package/tabstrip/TabStrip.js +1 -1
  75. package/tabstrip/TabStrip.mjs +126 -125
  76. package/tabstrip/TabStripNavigation.js +1 -1
  77. package/tabstrip/TabStripNavigation.mjs +31 -31
  78. package/tilelayout/InternalTile.js +1 -1
  79. package/tilelayout/InternalTile.mjs +119 -115
  80. package/tilelayout/TileLayout.js +1 -1
  81. package/tilelayout/TileLayout.mjs +58 -58
  82. package/timeline/TimelineCard.d.ts +2 -0
  83. package/timeline/TimelineCard.js +1 -1
  84. package/timeline/TimelineCard.mjs +27 -18
  85. package/timeline/TimelineHorizontal.js +1 -1
  86. package/timeline/TimelineHorizontal.mjs +113 -109
@@ -6,27 +6,27 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  import * as t from "react";
9
- import n from "prop-types";
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), i = t.useRef(null), m = t.useCallback(() => {
13
- i.current && i.current.focus();
14
- }, [i]);
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: i.current,
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
- (a) => {
22
- e.id && l(e.onItemSelect, a, a.target, {
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
- (a) => {
29
- e.id && l(e.onKeyDown, a, a.target, {
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 ? e.ariaCurrent : e.isLast,
40
- role: "link",
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: i,
42
+ ref: n,
43
43
  style: e.style,
44
- dir: k(i, e.dir),
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: (a) => {
54
- a.preventDefault(), u(a);
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: n.string,
63
- className: n.string,
64
- tabIndex: n.number,
65
- style: n.object,
66
- dir: n.string,
67
- disabled: n.bool,
68
- text: n.string,
69
- icon: n.node,
70
- iconClass: n.string,
71
- onClick: n.func,
72
- ariaCurrent: n.bool
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 i=require("react"),o=require("prop-types"),t=require("@progress/kendo-react-common"),d=require("./interfaces/Enums.js");function c(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(e,a,n.get?n:{enumerable:!0,get:()=>r[a]})}}return e.default=r,Object.freeze(e)}const s=c(i),l=r=>{const e={type:d.avatarType.TEXT,size:void 0,rounded:void 0,fillMode:void 0,themeColor:void 0,...r};return s.createElement("div",{style:e.style,className:t.classNames("k-avatar",{"k-avatar-bordered":e.border,[`k-rounded-${t.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,[`k-avatar-${t.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:o.string,type:o.oneOf(["text","image","icon"]),size:o.oneOf(["small","medium","large"]),rounded:o.oneOf(["small","medium","large","full","none"]),fillMode:o.oneOf(["solid","outline"]),themeColor:o.oneOf(["base","dark","error","info","inverse","light","primary","secondary","success","tertiary","warning"])};exports.Avatar=l;
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 r from "react";
8
+ import * as a from "react";
9
9
  import o from "prop-types";
10
- import { classNames as t, kendoThemeMaps as a } from "@progress/kendo-react-common";
11
- import { avatarType as d } from "./interfaces/Enums.mjs";
12
- const i = (s) => {
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: d.TEXT,
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
- ...s
19
+ ...t
20
20
  };
21
- return /* @__PURE__ */ r.createElement(
21
+ return /* @__PURE__ */ a.createElement(
22
22
  "div",
23
23
  {
24
24
  style: e.style,
25
- className: t(
25
+ className: d(
26
26
  "k-avatar",
27
27
  {
28
28
  "k-avatar-bordered": e.border,
29
- [`k-rounded-${a.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
30
- [`k-avatar-${a.sizeMap[e.size] || e.size}`]: e.size,
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__ */ r.createElement("span", { className: `k-avatar-${e.type}` }, e.children)
37
+ /* @__PURE__ */ a.createElement("span", { className: `k-avatar-${e.type}` }, e.children)
38
38
  );
39
39
  };
40
- i.propTypes = {
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
- i as Avatar
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' | 'info' | 'success' | 'error' | 'warning' | 'dark' | 'light' | 'inverse';
125
+ themeColor?: 'base' | 'primary' | 'secondary' | 'tertiary';
133
126
  /**
134
127
  * Sets the URL for the image when type is 'image'.
135
128
  *