@progress/kendo-react-layout 8.6.0-develop.1 → 9.0.0-develop.10
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/README.md +82 -82
- package/actionsheet/ActionSheet.js +1 -1
- package/actionsheet/ActionSheet.mjs +25 -38
- package/actionsheet/ActionSheetFooter.mjs +1 -10
- package/actionsheet/ActionSheetHeader.mjs +1 -10
- package/actionsheet/ActionSheetItem.mjs +10 -7
- package/appbar/AppBar.mjs +5 -30
- package/appbar/AppBarSection.mjs +4 -17
- package/appbar/AppBarSpacer.mjs +6 -16
- package/bottomnavigation/BottomNavigation.mjs +30 -54
- package/bottomnavigation/BottomNavigationItem.mjs +63 -61
- package/breadcrumb/Breadcrumb.mjs +39 -63
- package/breadcrumb/BreadcrumbDelimiter.mjs +29 -24
- package/breadcrumb/BreadcrumbLink.mjs +16 -18
- package/breadcrumb/BreadcrumbListItem.mjs +31 -29
- package/breadcrumb/BreadcrumbOrderedList.mjs +47 -42
- package/card/Avatar.mjs +15 -1
- package/card/CardBody.mjs +1 -11
- package/card/CardFooter.mjs +1 -11
- package/card/CardHeader.mjs +1 -11
- package/card/CardImage.mjs +1 -4
- package/card/CardSubtitle.mjs +1 -11
- package/card/CardTitle.mjs +1 -11
- package/contextmenu/ContextMenu.js +1 -1
- package/contextmenu/ContextMenu.mjs +12 -24
- package/dist/cdn/js/kendo-react-layout.js +1 -1
- package/drawer/Drawer.mjs +10 -21
- package/drawer/DrawerContent.mjs +6 -3
- package/drawer/DrawerItem.mjs +10 -10
- package/drawer/DrawerNavigation.mjs +109 -130
- package/expansionpanel/ExpansionPanel.mjs +12 -15
- package/expansionpanel/ExpansionPanelContent.mjs +3 -9
- package/gridlayout/GridLayout.mjs +1 -10
- package/gridlayout/GridLayoutItem.mjs +1 -10
- package/index.d.mts +10 -0
- package/index.d.ts +10 -0
- package/menu/components/MenuItem.js +1 -1
- package/menu/components/MenuItem.mjs +17 -16
- package/menu/components/MenuItemInternal.js +1 -1
- package/menu/components/MenuItemInternal.mjs +35 -34
- package/menu/components/MenuItemLink.mjs +4 -17
- package/menu/utils/getNewItemIdUponKeyboardNavigation.js +1 -1
- package/menu/utils/getNewItemIdUponKeyboardNavigation.mjs +55 -57
- package/menu/utils/hoverDelay.js +1 -1
- package/menu/utils/hoverDelay.mjs +2 -2
- package/menu/utils/itemsIdsUtils.js +1 -1
- package/menu/utils/itemsIdsUtils.mjs +14 -18
- package/menu/utils/misc.js +1 -1
- package/menu/utils/misc.mjs +2 -2
- package/menu/utils/prepareInputItemsForInternalWork.js +1 -1
- package/menu/utils/prepareInputItemsForInternalWork.mjs +50 -35
- package/package-metadata.mjs +1 -1
- package/package.json +6 -6
- package/panelbar/PanelBar.mjs +2 -7
- package/panelbar/util.js +1 -1
- package/panelbar/util.mjs +27 -40
- package/splitter/SplitterBar.mjs +23 -40
- package/splitter/SplitterPane.mjs +1 -11
- package/stacklayout/StackLayout.mjs +2 -14
- package/stepper/Step.mjs +25 -46
- package/stepper/Stepper.js +1 -1
- package/stepper/Stepper.mjs +147 -186
- package/tabstrip/TabStripContent.mjs +2 -14
- package/tabstrip/TabStripTab.mjs +2 -9
- package/tilelayout/InternalTile.mjs +31 -19
- package/tilelayout/ResizeHandlers.mjs +7 -1
- package/tilelayout/TileLayout.mjs +24 -20
- package/timeline/TimelineCard.mjs +1 -4
- package/timeline/TimelineHorizontal.mjs +52 -63
- package/timeline/TimelineVertical.mjs +7 -5
- package/timeline/utils.mjs +4 -1
package/card/Avatar.mjs
CHANGED
|
@@ -46,7 +46,21 @@ n.propTypes = {
|
|
|
46
46
|
rounded: a.oneOf([null, "small", "medium", "large", "full"]),
|
|
47
47
|
fillMode: a.oneOf([null, "solid", "outline"]),
|
|
48
48
|
/* eslint-disable max-len */
|
|
49
|
-
themeColor: a.oneOf([
|
|
49
|
+
themeColor: a.oneOf([
|
|
50
|
+
null,
|
|
51
|
+
"base",
|
|
52
|
+
"dark",
|
|
53
|
+
"error",
|
|
54
|
+
"info",
|
|
55
|
+
"inverse",
|
|
56
|
+
"inverse",
|
|
57
|
+
"light",
|
|
58
|
+
"primary",
|
|
59
|
+
"secondary",
|
|
60
|
+
"success",
|
|
61
|
+
"tertiary",
|
|
62
|
+
"warning"
|
|
63
|
+
])
|
|
50
64
|
};
|
|
51
65
|
export {
|
|
52
66
|
n as Avatar
|
package/card/CardBody.mjs
CHANGED
|
@@ -9,17 +9,7 @@
|
|
|
9
9
|
import * as s from "react";
|
|
10
10
|
import r from "prop-types";
|
|
11
11
|
import { classNames as a } from "@progress/kendo-react-common";
|
|
12
|
-
const t = (e) => /* @__PURE__ */ s.createElement(
|
|
13
|
-
"div",
|
|
14
|
-
{
|
|
15
|
-
style: e.style,
|
|
16
|
-
className: a(
|
|
17
|
-
"k-card-body",
|
|
18
|
-
e.className
|
|
19
|
-
)
|
|
20
|
-
},
|
|
21
|
-
e.children
|
|
22
|
-
);
|
|
12
|
+
const t = (e) => /* @__PURE__ */ s.createElement("div", { style: e.style, className: a("k-card-body", e.className) }, e.children);
|
|
23
13
|
t.propTypes = {
|
|
24
14
|
className: r.string
|
|
25
15
|
};
|
package/card/CardFooter.mjs
CHANGED
|
@@ -9,17 +9,7 @@
|
|
|
9
9
|
import * as r from "react";
|
|
10
10
|
import s from "prop-types";
|
|
11
11
|
import { classNames as t } from "@progress/kendo-react-common";
|
|
12
|
-
const a = (e) => /* @__PURE__ */ r.createElement(
|
|
13
|
-
"div",
|
|
14
|
-
{
|
|
15
|
-
style: e.style,
|
|
16
|
-
className: t(
|
|
17
|
-
"k-card-footer",
|
|
18
|
-
e.className
|
|
19
|
-
)
|
|
20
|
-
},
|
|
21
|
-
e.children
|
|
22
|
-
);
|
|
12
|
+
const a = (e) => /* @__PURE__ */ r.createElement("div", { style: e.style, className: t("k-card-footer", e.className) }, e.children);
|
|
23
13
|
a.propTypes = {
|
|
24
14
|
className: s.string
|
|
25
15
|
};
|
package/card/CardHeader.mjs
CHANGED
|
@@ -9,17 +9,7 @@
|
|
|
9
9
|
import * as r from "react";
|
|
10
10
|
import a from "prop-types";
|
|
11
11
|
import { classNames as s } from "@progress/kendo-react-common";
|
|
12
|
-
const t = (e) => /* @__PURE__ */ r.createElement(
|
|
13
|
-
"div",
|
|
14
|
-
{
|
|
15
|
-
style: e.style,
|
|
16
|
-
className: s(
|
|
17
|
-
"k-card-header",
|
|
18
|
-
e.className
|
|
19
|
-
)
|
|
20
|
-
},
|
|
21
|
-
e.children
|
|
22
|
-
);
|
|
12
|
+
const t = (e) => /* @__PURE__ */ r.createElement("div", { style: e.style, className: s("k-card-header", e.className) }, e.children);
|
|
23
13
|
t.propTypes = {
|
|
24
14
|
className: a.string
|
|
25
15
|
};
|
package/card/CardImage.mjs
CHANGED
package/card/CardSubtitle.mjs
CHANGED
|
@@ -9,17 +9,7 @@
|
|
|
9
9
|
import * as t from "react";
|
|
10
10
|
import s from "prop-types";
|
|
11
11
|
import { classNames as r } from "@progress/kendo-react-common";
|
|
12
|
-
const a = (e) => /* @__PURE__ */ t.createElement(
|
|
13
|
-
"div",
|
|
14
|
-
{
|
|
15
|
-
style: e.style,
|
|
16
|
-
className: r(
|
|
17
|
-
"k-card-subtitle",
|
|
18
|
-
e.className
|
|
19
|
-
)
|
|
20
|
-
},
|
|
21
|
-
e.children
|
|
22
|
-
);
|
|
12
|
+
const a = (e) => /* @__PURE__ */ t.createElement("div", { style: e.style, className: r("k-card-subtitle", e.className) }, e.children);
|
|
23
13
|
a.propTypes = {
|
|
24
14
|
className: s.string
|
|
25
15
|
};
|
package/card/CardTitle.mjs
CHANGED
|
@@ -9,17 +9,7 @@
|
|
|
9
9
|
import * as t from "react";
|
|
10
10
|
import s from "prop-types";
|
|
11
11
|
import { classNames as r } from "@progress/kendo-react-common";
|
|
12
|
-
const a = (e) => /* @__PURE__ */ t.createElement(
|
|
13
|
-
"div",
|
|
14
|
-
{
|
|
15
|
-
style: e.style,
|
|
16
|
-
className: r(
|
|
17
|
-
"k-card-title",
|
|
18
|
-
e.className
|
|
19
|
-
)
|
|
20
|
-
},
|
|
21
|
-
e.children
|
|
22
|
-
);
|
|
12
|
+
const a = (e) => /* @__PURE__ */ t.createElement("div", { style: e.style, className: r("k-card-title", e.className) }, e.children);
|
|
23
13
|
a.propTypes = {
|
|
24
14
|
className: s.string
|
|
25
15
|
};
|
|
@@ -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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),u=require("@progress/kendo-react-common"),a=require("@progress/kendo-react-popup"),i=require("../menu/components/Menu.js");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,t.get?t:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const c=m(l),r=e=>{const n=c.useRef(null);return c.useEffect(()=>{e.show&&setTimeout(()=>{const o=n.current&&n.current.element,t=o&&o.querySelector(".k-menu-item"),s=u.getActiveElement(t&&t.ownerDocument);t&&t!==s&&t.focus()})},[e.show]),c.createElement(a.Popup,{show:e.show,offset:e.offset,popupClass:"k-menu-popup k-overflow-visible",animate:!1},c.createElement(i.Menu,{vertical:!0,...e,ref:n,className:u.classNames("k-context-menu",e.className),onClose:e.onClose,role:"menu"},e.children))};r.displayName="KendoReactContextMenu";exports.ContextMenu=r;
|
|
@@ -7,40 +7,28 @@
|
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
9
|
import * as n from "react";
|
|
10
|
-
import { getActiveElement as
|
|
10
|
+
import { getActiveElement as s, classNames as u } from "@progress/kendo-react-common";
|
|
11
11
|
import { Popup as l } from "@progress/kendo-react-popup";
|
|
12
12
|
import { Menu as a } from "../menu/components/Menu.mjs";
|
|
13
13
|
const r = (e) => {
|
|
14
14
|
const o = n.useRef(null);
|
|
15
15
|
return n.useEffect(() => {
|
|
16
16
|
e.show && setTimeout(() => {
|
|
17
|
-
const m = o.current && o.current.element, t = m && m.querySelector(".k-menu-item"), c =
|
|
17
|
+
const m = o.current && o.current.element, t = m && m.querySelector(".k-menu-item"), c = s(t && t.ownerDocument);
|
|
18
18
|
t && t !== c && t.focus();
|
|
19
19
|
});
|
|
20
|
-
}, [e.show]), /* @__PURE__ */ n.createElement(
|
|
21
|
-
|
|
20
|
+
}, [e.show]), /* @__PURE__ */ n.createElement(l, { show: e.show, offset: e.offset, popupClass: "k-menu-popup k-overflow-visible", animate: !1 }, /* @__PURE__ */ n.createElement(
|
|
21
|
+
a,
|
|
22
22
|
{
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
vertical: !0,
|
|
24
|
+
...e,
|
|
25
|
+
ref: o,
|
|
26
|
+
className: u("k-context-menu", e.className),
|
|
27
|
+
onClose: e.onClose,
|
|
28
|
+
role: "menu"
|
|
27
29
|
},
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
{
|
|
31
|
-
vertical: !0,
|
|
32
|
-
...e,
|
|
33
|
-
ref: o,
|
|
34
|
-
className: s(
|
|
35
|
-
"k-context-menu",
|
|
36
|
-
e.className
|
|
37
|
-
),
|
|
38
|
-
onClose: e.onClose,
|
|
39
|
-
role: "menu"
|
|
40
|
-
},
|
|
41
|
-
e.children
|
|
42
|
-
)
|
|
43
|
-
);
|
|
30
|
+
e.children
|
|
31
|
+
));
|
|
44
32
|
};
|
|
45
33
|
r.displayName = "KendoReactContextMenu";
|
|
46
34
|
export {
|