@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.
Files changed (71) hide show
  1. package/README.md +82 -82
  2. package/actionsheet/ActionSheet.js +1 -1
  3. package/actionsheet/ActionSheet.mjs +25 -38
  4. package/actionsheet/ActionSheetFooter.mjs +1 -10
  5. package/actionsheet/ActionSheetHeader.mjs +1 -10
  6. package/actionsheet/ActionSheetItem.mjs +10 -7
  7. package/appbar/AppBar.mjs +5 -30
  8. package/appbar/AppBarSection.mjs +4 -17
  9. package/appbar/AppBarSpacer.mjs +6 -16
  10. package/bottomnavigation/BottomNavigation.mjs +30 -54
  11. package/bottomnavigation/BottomNavigationItem.mjs +63 -61
  12. package/breadcrumb/Breadcrumb.mjs +39 -63
  13. package/breadcrumb/BreadcrumbDelimiter.mjs +29 -24
  14. package/breadcrumb/BreadcrumbLink.mjs +16 -18
  15. package/breadcrumb/BreadcrumbListItem.mjs +31 -29
  16. package/breadcrumb/BreadcrumbOrderedList.mjs +47 -42
  17. package/card/Avatar.mjs +15 -1
  18. package/card/CardBody.mjs +1 -11
  19. package/card/CardFooter.mjs +1 -11
  20. package/card/CardHeader.mjs +1 -11
  21. package/card/CardImage.mjs +1 -4
  22. package/card/CardSubtitle.mjs +1 -11
  23. package/card/CardTitle.mjs +1 -11
  24. package/contextmenu/ContextMenu.js +1 -1
  25. package/contextmenu/ContextMenu.mjs +12 -24
  26. package/dist/cdn/js/kendo-react-layout.js +1 -1
  27. package/drawer/Drawer.mjs +10 -21
  28. package/drawer/DrawerContent.mjs +6 -3
  29. package/drawer/DrawerItem.mjs +10 -10
  30. package/drawer/DrawerNavigation.mjs +109 -130
  31. package/expansionpanel/ExpansionPanel.mjs +12 -15
  32. package/expansionpanel/ExpansionPanelContent.mjs +3 -9
  33. package/gridlayout/GridLayout.mjs +1 -10
  34. package/gridlayout/GridLayoutItem.mjs +1 -10
  35. package/index.d.mts +10 -0
  36. package/index.d.ts +10 -0
  37. package/menu/components/MenuItem.js +1 -1
  38. package/menu/components/MenuItem.mjs +17 -16
  39. package/menu/components/MenuItemInternal.js +1 -1
  40. package/menu/components/MenuItemInternal.mjs +35 -34
  41. package/menu/components/MenuItemLink.mjs +4 -17
  42. package/menu/utils/getNewItemIdUponKeyboardNavigation.js +1 -1
  43. package/menu/utils/getNewItemIdUponKeyboardNavigation.mjs +55 -57
  44. package/menu/utils/hoverDelay.js +1 -1
  45. package/menu/utils/hoverDelay.mjs +2 -2
  46. package/menu/utils/itemsIdsUtils.js +1 -1
  47. package/menu/utils/itemsIdsUtils.mjs +14 -18
  48. package/menu/utils/misc.js +1 -1
  49. package/menu/utils/misc.mjs +2 -2
  50. package/menu/utils/prepareInputItemsForInternalWork.js +1 -1
  51. package/menu/utils/prepareInputItemsForInternalWork.mjs +50 -35
  52. package/package-metadata.mjs +1 -1
  53. package/package.json +6 -6
  54. package/panelbar/PanelBar.mjs +2 -7
  55. package/panelbar/util.js +1 -1
  56. package/panelbar/util.mjs +27 -40
  57. package/splitter/SplitterBar.mjs +23 -40
  58. package/splitter/SplitterPane.mjs +1 -11
  59. package/stacklayout/StackLayout.mjs +2 -14
  60. package/stepper/Step.mjs +25 -46
  61. package/stepper/Stepper.js +1 -1
  62. package/stepper/Stepper.mjs +147 -186
  63. package/tabstrip/TabStripContent.mjs +2 -14
  64. package/tabstrip/TabStripTab.mjs +2 -9
  65. package/tilelayout/InternalTile.mjs +31 -19
  66. package/tilelayout/ResizeHandlers.mjs +7 -1
  67. package/tilelayout/TileLayout.mjs +24 -20
  68. package/timeline/TimelineCard.mjs +1 -4
  69. package/timeline/TimelineHorizontal.mjs +52 -63
  70. package/timeline/TimelineVertical.mjs +7 -5
  71. 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([null, "base", "dark", "error", "info", "inverse", "inverse", "light", "primary", "secondary", "success", "tertiary", "warning"])
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
  };
@@ -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
  };
@@ -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
  };
@@ -18,10 +18,7 @@ const c = (e) => {
18
18
  "img",
19
19
  {
20
20
  style: s.style,
21
- className: t(
22
- "k-card-media",
23
- s.className
24
- ),
21
+ className: t("k-card-media", s.className),
25
22
  src: s.src,
26
23
  alt: s.alt
27
24
  }
@@ -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
  };
@@ -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 a=require("react"),u=require("@progress/kendo-react-common"),l=require("@progress/kendo-react-popup"),m=require("../menu/components/Menu.js");function i(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=i(a),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(l.Popup,{show:e.show,offset:e.offset,popupClass:"k-menu-popup",animate:!1},c.createElement(m.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;
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 u, classNames as s } from "@progress/kendo-react-common";
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 = u(t && t.ownerDocument);
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
- l,
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
- show: e.show,
24
- offset: e.offset,
25
- popupClass: "k-menu-popup",
26
- animate: !1
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
- /* @__PURE__ */ n.createElement(
29
- a,
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 {