@progress/kendo-react-layout 14.4.1 → 14.5.0-develop.1

package/menu/components/MenuItemInternal.mjs

@@ -5,240 +5,195 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as s from "react";
-import { getActiveElement as u, IconWrap as h, classNames as p } from "@progress/kendo-react-common";
-import { Popup as c } from "@progress/kendo-react-popup";
-import { shouldOpenItem as I, isFirstItemFromSiblings as g } from "../utils/itemsIdsUtils.mjs";
-import { getDOMElementId as d, convertBoolDirectionToString as m, getPopupSettings as f } from "../utils/misc.mjs";
-import { MenuItemLink as v } from "./MenuItemLink.mjs";
-import { MenuItemArrow as M } from "./MenuItemArrow.mjs";
-class k extends s.Component {
-  constructor() {
-    super(...arguments), this.onMouseOver = (e) => {
-      this.props.onMouseOver(this.props.parentItemId), e.stopPropagation();
-    }, this.onMouseLeave = (e) => {
-      this.props.onMouseLeave(this.props.parentItemId), e.stopPropagation();
-    };
-  }
-  render() {
-    const e = this.props.parentItemId;
-    return /* @__PURE__ */ s.createElement(
-      "ul",
+import * as i from "react";
+import { getActiveElement as F, classNames as v, IconWrap as B } from "@progress/kendo-react-common";
+import { Popup as y } from "@progress/kendo-react-popup";
+import { shouldOpenItem as x, isFirstItemFromSiblings as S } from "../utils/itemsIdsUtils.mjs";
+import { getDOMElementId as M, convertBoolDirectionToString as R, getPopupSettings as G } from "../utils/misc.mjs";
+import { MenuItemLink as V } from "./MenuItemLink.mjs";
+import { MenuItemArrow as w } from "./MenuItemArrow.mjs";
+const A = (e) => {
+  const { parentItemId: a } = e, c = a !== void 0 ? (o) => {
+    e.onMouseOver(a), o.stopPropagation();
+  } : void 0, I = a !== void 0 ? (o) => {
+    e.onMouseLeave(a), o.stopPropagation();
+  } : void 0;
+  let t;
+  return e.role ? t = e.role : a !== void 0 ? t = "menu" : t = "menubar", /* @__PURE__ */ i.createElement(
+    "ul",
+    {
+      className: e.className,
+      role: t,
+      id: a !== void 0 ? M(e.menuGuid, a) : void 0,
+      onMouseOver: c,
+      onMouseLeave: I,
+      "aria-orientation": e["aria-orientation"]
+    },
+    e.items.length > 0 ? e.items.map((o, l) => /* @__PURE__ */ i.createElement(
+      W,
       {
-        className: this.props.className,
-        role: this.props.role ? this.props.role : e !== void 0 ? "menu" : "menubar",
-        id: e !== void 0 ? d(this.props.menuGuid, e) : void 0,
-        onMouseOver: e !== void 0 ? this.onMouseOver : void 0,
-        onMouseLeave: e !== void 0 ? this.onMouseLeave : void 0,
-        "aria-orientation": this.props["aria-orientation"]
-      },
-      this.renderChildItems()
-    );
-  }
-  renderChildItems() {
-    return this.props.items.length > 0 ? this.props.items.map((e, t) => /* @__PURE__ */ s.createElement(
-      O,
-      {
-        item: e,
-        animate: this.props.animate,
-        isMenuVertical: this.props.isMenuVertical,
-        isDirectionRightToLeft: this.props.isDirectionRightToLeft,
-        focusedItemId: this.props.focusedItemId,
-        lastItemIdToBeOpened: this.props.lastItemIdToBeOpened,
-        tabbableItemId: this.props.tabbableItemId,
-        itemRender: this.props.itemRender,
-        linkRender: this.props.linkRender,
-        menuGuid: this.props.menuGuid,
-        onMouseOver: this.props.onMouseOver,
-        onMouseLeave: this.props.onMouseLeave,
-        onBlur: this.props.onBlur,
-        onFocus: this.props.onFocus,
-        onClick: this.props.onClick,
-        onOriginalItemNeeded: this.props.onOriginalItemNeeded,
-        onPopupClose: this.props.onPopupClose,
-        key: t
+        item: o,
+        animate: e.animate,
+        isMenuVertical: e.isMenuVertical,
+        isDirectionRightToLeft: e.isDirectionRightToLeft,
+        focusedItemId: e.focusedItemId,
+        lastItemIdToBeOpened: e.lastItemIdToBeOpened,
+        tabbableItemId: e.tabbableItemId,
+        itemRender: e.itemRender,
+        linkRender: e.linkRender,
+        menuGuid: e.menuGuid,
+        onMouseOver: e.onMouseOver,
+        onMouseLeave: e.onMouseLeave,
+        onBlur: e.onBlur,
+        onFocus: e.onFocus,
+        onClick: e.onClick,
+        onOriginalItemNeeded: e.onOriginalItemNeeded,
+        onPopupClose: e.onPopupClose,
+        key: l
       }
-    )) : null;
-  }
-}
-class O extends s.Component {
-  constructor(e) {
-    super(e), this.isFirstRender = !0, this.onMouseOver = (t) => {
-      this.props.onMouseOver(this.props.item.id), t.stopPropagation();
-    }, this.onMouseLeave = (t) => {
-      this.props.onMouseLeave(this.props.item.id), t.stopPropagation();
-    }, this.onPopupClose = (t) => {
-      this.props.onPopupClose(this.props.item.id, t);
-    }, this.state = { opened: !1 };
-  }
-  componentDidMount() {
-    const e = this.props.focusedItemId, t = this.props.item.id;
-    e && e === t && this.itemElement.focus({ preventScroll: !0 }), this.isFirstRender = !1;
-  }
-  componentDidUpdate(e) {
-    const t = this.props.focusedItemId, i = this.props.item.id;
-    if (t) {
-      const n = u(document);
-      e.focusedItemId !== t && t === i && // https://github.com/telerik/kendo-react/issues/216 :
+    )) : null
+  );
+}, W = (e) => {
+  const a = i.useRef(null), c = i.useRef(!0), I = i.useRef(void 0), t = e.item, o = t.id, l = M(e.menuGuid, o), b = t.separator, O = t.render || e.itemRender, k = t.linkRender || e.linkRender, g = t.contentParentItemId ? t.contentRender : null, d = t.items.length > 0 && x(o, e.lastItemIdToBeOpened) && !c.current;
+  i.useEffect(() => {
+    var f, s, m;
+    const n = e.focusedItemId, r = e.item.id, u = I.current;
+    if (c.current)
+      n && n === r && ((f = a.current) == null || f.focus({ preventScroll: !0 })), c.current = !1;
+    else if (n) {
+      const T = F(document);
+      u !== n && n === r && // https://github.com/telerik/kendo-react/issues/216 :
       // No need to focus the wrapping menu item DOM element
       // when a child DOM element was clicked.
-      !this.itemElement.contains(n) && this.itemElement.focus({ preventScroll: !0 });
+      !((s = a.current) != null && s.contains(T)) && ((m = a.current) == null || m.focus({ preventScroll: !0 }));
     }
-  }
-  render() {
-    const e = this.props.item, t = e.id, i = d(this.props.menuGuid, t), n = e.separator;
-    return /* @__PURE__ */ s.createElement(s.Fragment, null, n ? /* @__PURE__ */ s.createElement(
-      "li",
-      {
-        className: "k-separator k-item",
-        "aria-hidden": !0,
-        key: i,
-        id: i,
-        ref: (o) => {
-          this.itemElement = o;
-        }
-      }
-    ) : /* @__PURE__ */ s.createElement(
-      "li",
-      {
-        id: i,
-        className: this.getMenuItemClassName(e),
-        style: e.cssStyle,
-        tabIndex: t === this.props.tabbableItemId ? 0 : -1,
-        onMouseOver: this.onMouseOver,
-        onMouseLeave: this.onMouseLeave,
-        onBlur: (o) => this.props.onBlur(t, o),
-        onFocus: () => this.props.onFocus(t),
-        onClick: (o) => this.props.onClick(o, t),
-        role: "menuitem",
-        "aria-disabled": e.disabled ? !0 : void 0,
-        "aria-haspopup": e.items.length > 0 ? !0 : void 0,
-        "aria-expanded": e.items.length > 0 ? this.Opened : void 0,
-        "aria-label": e.text,
-        "aria-owns": this.Opened ? i : void 0,
-        ref: (o) => {
-          this.itemElement = o;
-        },
-        key: i
-      },
-      this.contentRender ? this.renderContent() : this.renderMenuItemLink()
-    ), this.renderPopupIfOpened());
-  }
-  renderContent() {
-    const e = this.props.item.contentParentItemId;
-    return /* @__PURE__ */ s.createElement("div", { className: "k-content", role: "presentation" }, /* @__PURE__ */ s.createElement(this.contentRender, { item: this.props.onOriginalItemNeeded(e), itemId: e }));
-  }
-  renderMenuItemLink() {
-    const e = this.props.item;
-    if (this.linkRender)
-      return /* @__PURE__ */ s.createElement(
-        this.linkRender,
+    I.current = n;
+  });
+  const E = (n) => {
+    e.onMouseOver(o), n.stopPropagation();
+  }, L = (n) => {
+    e.onMouseLeave(o), n.stopPropagation();
+  }, h = (n) => {
+    e.onPopupClose(o, n);
+  }, C = () => {
+    const n = t.contentParentItemId, r = g;
+    return /* @__PURE__ */ i.createElement("div", { className: "k-content", role: "presentation" }, /* @__PURE__ */ i.createElement(r, { item: e.onOriginalItemNeeded(n), itemId: n }));
+  }, D = () => {
+    if (k) {
+      const u = k;
+      return /* @__PURE__ */ i.createElement(
+        u,
         {
-          item: this.props.onOriginalItemNeeded(e.id),
-          itemId: e.id,
-          opened: this.Opened,
-          dir: m(this.props.isDirectionRightToLeft)
+          item: e.onOriginalItemNeeded(t.id),
+          itemId: t.id,
+          opened: d,
+          dir: R(e.isDirectionRightToLeft)
         }
       );
-    const t = this.itemRender ? /* @__PURE__ */ s.createElement(this.itemRender, { item: this.props.onOriginalItemNeeded(e.id), itemId: e.id, key: "1" }) : /* @__PURE__ */ s.createElement("span", { className: "k-menu-link-text" }, e.text);
-    return /* @__PURE__ */ s.createElement(v, { url: e.url, opened: this.Opened }, this.renderMenuIconIfApplicable(), t, this.renderArrowIfApplicable());
-  }
-  renderPopupIfOpened() {
-    const e = this.props.item.id, t = this.props.animate, { anchorAlign: i, popupAlign: n, collision: o, animationDirection: r } = f(
-      e,
-      this.props.isMenuVertical,
-      this.props.isDirectionRightToLeft
-    ), l = t === !0 ? { openDuration: 300, closeDuration: 300, direction: r } : t === !1 ? !1 : {
-      openDuration: (t == null ? void 0 : t.openDuration) || 300,
-      closeDuration: (t == null ? void 0 : t.closeDuration) || 300,
-      direction: (t == null ? void 0 : t.direction) || r
-    };
-    return /* @__PURE__ */ s.createElement(
-      c,
+    }
+    const n = O, r = n ? /* @__PURE__ */ i.createElement(n, { item: e.onOriginalItemNeeded(t.id), itemId: t.id, key: "1" }) : /* @__PURE__ */ i.createElement("span", { className: "k-menu-link-text" }, t.text);
+    return /* @__PURE__ */ i.createElement(V, { url: t.url, opened: d }, t.icon || t.svgIcon ? /* @__PURE__ */ i.createElement(B, { name: t.icon, icon: t.svgIcon, key: "0" }) : null, r, t.items.length > 0 ? /* @__PURE__ */ i.createElement("span", { className: "k-menu-expand-arrow", "aria-hidden": !0 }, /* @__PURE__ */ i.createElement(
+      w,
       {
-        anchor: this.itemElement,
-        show: this.Opened,
-        popupClass: this.getPopupClassName(),
-        anchorAlign: i,
-        popupAlign: n,
-        collision: o,
-        animate: l,
-        onClose: this.onPopupClose,
+        itemId: t.id,
+        verticalMenu: e.isMenuVertical,
+        dir: R(e.isDirectionRightToLeft),
+        key: "2"
+      }
+    )) : null);
+  }, N = () => {
+    const n = e.animate, { anchorAlign: r, popupAlign: u, collision: f, animationDirection: s } = G(
+      o,
+      e.isMenuVertical,
+      e.isDirectionRightToLeft
+    );
+    let m;
+    return n === !0 ? m = { openDuration: 300, closeDuration: 300, direction: s } : n === !1 ? m = !1 : m = {
+      openDuration: (n == null ? void 0 : n.openDuration) || 300,
+      closeDuration: (n == null ? void 0 : n.closeDuration) || 300,
+      direction: (n == null ? void 0 : n.direction) || s
+    }, /* @__PURE__ */ i.createElement(
+      y,
+      {
+        anchor: a.current,
+        show: d,
+        popupClass: v("k-menu-popup", { "k-rtl": e.isDirectionRightToLeft }),
+        anchorAlign: r,
+        popupAlign: u,
+        collision: f,
+        animate: m,
+        onClose: h,
         key: "1"
       },
-      /* @__PURE__ */ s.createElement(
-        k,
+      /* @__PURE__ */ i.createElement(
+        A,
         {
-          parentItemId: e,
-          animate: this.props.animate,
-          items: this.props.item.items,
-          menuGuid: this.props.menuGuid,
-          focusedItemId: this.props.focusedItemId,
-          lastItemIdToBeOpened: this.props.lastItemIdToBeOpened,
-          tabbableItemId: this.props.tabbableItemId,
-          itemRender: this.props.itemRender,
-          linkRender: this.props.linkRender,
-          isMenuVertical: this.props.isMenuVertical,
-          isDirectionRightToLeft: this.props.isDirectionRightToLeft,
+          parentItemId: o,
+          animate: e.animate,
+          items: t.items,
+          menuGuid: e.menuGuid,
+          focusedItemId: e.focusedItemId,
+          lastItemIdToBeOpened: e.lastItemIdToBeOpened,
+          tabbableItemId: e.tabbableItemId,
+          itemRender: e.itemRender,
+          linkRender: e.linkRender,
+          isMenuVertical: e.isMenuVertical,
+          isDirectionRightToLeft: e.isDirectionRightToLeft,
           className: "k-group k-menu-group k-reset k-menu-group-md",
-          onMouseOver: this.props.onMouseOver,
-          onMouseLeave: this.props.onMouseLeave,
-          onBlur: this.props.onBlur,
-          onFocus: this.props.onFocus,
-          onClick: this.props.onClick,
-          onOriginalItemNeeded: this.props.onOriginalItemNeeded,
-          onPopupClose: this.props.onPopupClose
+          onMouseOver: e.onMouseOver,
+          onMouseLeave: e.onMouseLeave,
+          onBlur: e.onBlur,
+          onFocus: e.onFocus,
+          onClick: e.onClick,
+          onOriginalItemNeeded: e.onOriginalItemNeeded,
+          onPopupClose: e.onPopupClose
         }
       )
     );
-  }
-  renderMenuIconIfApplicable() {
-    const { icon: e, svgIcon: t } = this.props.item;
-    return e || t ? /* @__PURE__ */ s.createElement(h, { name: e, icon: t, key: "0" }) : null;
-  }
-  renderArrowIfApplicable() {
-    return this.props.item.items.length > 0 ? /* @__PURE__ */ s.createElement("span", { className: "k-menu-expand-arrow", "aria-hidden": !0 }, /* @__PURE__ */ s.createElement(
-      M,
-      {
-        itemId: this.props.item.id,
-        verticalMenu: this.props.isMenuVertical,
-        dir: m(this.props.isDirectionRightToLeft),
-        key: "2"
-      }
-    )) : null;
-  }
-  get itemRender() {
-    return this.props.item.render || this.props.itemRender;
-  }
-  get linkRender() {
-    return this.props.item.linkRender || this.props.linkRender;
-  }
-  get contentRender() {
-    return this.props.item.contentParentItemId ? this.props.item.contentRender : null;
-  }
-  get Opened() {
-    const e = this.props;
-    return e.item.items.length > 0 && I(e.item.id, e.lastItemIdToBeOpened) && // HACK: Wait for the second render because otherwise the scenario of
-    // popup inside popup throws an error (for example, hover of item with id '0_0').
-    !this.isFirstRender;
-  }
-  getPopupClassName() {
-    return p("k-menu-popup", { "k-rtl": this.props.isDirectionRightToLeft });
-  }
-  getMenuItemClassName(e) {
-    return p(
-      "k-item",
-      "k-menu-item",
-      {
-        "k-first": g(e.id),
-        "k-last": e.isLastFromSiblings,
-        "k-disabled": e.disabled
-      },
-      e.cssClass
-    );
-  }
-}
+  }, P = v(
+    "k-item",
+    "k-menu-item",
+    {
+      "k-first": S(o),
+      "k-last": t.isLastFromSiblings,
+      "k-disabled": t.disabled
+    },
+    t.cssClass
+  );
+  return /* @__PURE__ */ i.createElement(i.Fragment, null, b ? /* @__PURE__ */ i.createElement(
+    "li",
+    {
+      className: "k-separator k-item",
+      "aria-hidden": !0,
+      key: l,
+      id: l,
+      ref: a
+    }
+  ) : /* @__PURE__ */ i.createElement(
+    "li",
+    {
+      id: l,
+      className: P,
+      style: t.cssStyle,
+      tabIndex: o === e.tabbableItemId ? 0 : -1,
+      onMouseOver: E,
+      onMouseLeave: L,
+      onBlur: (n) => e.onBlur(o, n),
+      onFocus: () => e.onFocus(o),
+      onClick: (n) => e.onClick(n, o),
+      role: "menuitem",
+      "aria-disabled": t.disabled ? !0 : void 0,
+      "aria-haspopup": t.items.length > 0 ? !0 : void 0,
+      "aria-expanded": t.items.length > 0 ? d : void 0,
+      "aria-label": t.text,
+      "aria-owns": d ? l : void 0,
+      ref: a,
+      key: l
+    },
+    g ? C() : D()
+  ), N());
+};
 export {
-  O as MenuItemInternal,
-  k as MenuItemInternalsList
+  W as MenuItemInternal,
+  A as MenuItemInternalsList
 };

package/menu/components/MenuItemLink.d.ts

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as PropTypes } from 'prop-types';
 import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
 import * as React from 'react';
 /**
@@ -21,17 +20,4 @@ export interface MenuItemLinkProps extends KendoReactComponentBaseProps {
      */
     url?: string;
 }
-export declare class MenuItemLink extends React.Component<MenuItemLinkProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        opened: PropTypes.Requireable<boolean>;
-        url: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    render(): React.JSX.Element;
-    private getMenuItemClassName;
-}
+export declare const MenuItemLink: (props: MenuItemLinkProps) => React.JSX.Element;

package/menu/components/MenuItemLink.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),i=require("prop-types"),l=require("@progress/kendo-react-common");function c(e){const s=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(s,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const r=c(p),o=class o extends r.Component{render(){return this.props.url?r.createElement("a",{className:this.getMenuItemClassName(),role:"presentation",href:this.props.url,tabIndex:-1},this.props.children):r.createElement("span",{id:this.props.id,className:l.classNames(this.getMenuItemClassName(),this.props.className),style:this.props.style,role:"presentation"},this.props.children)}getMenuItemClassName(){return l.classNames("k-link","k-menu-link",{"k-active":this.props.opened})}};o.propTypes={opened:i.bool,url:i.string};let n=o;exports.MenuItemLink=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),r=require("prop-types"),s=require("@progress/kendo-react-common");function u(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 c=u(o),l=e=>s.classNames("k-link","k-menu-link",{"k-active":e}),i=e=>e.url?c.createElement("a",{className:l(e.opened),href:e.url,tabIndex:-1},e.children):c.createElement("span",{id:e.id,className:s.classNames(l(e.opened),e.className),style:e.style,role:"presentation"},e.children);i.propTypes={opened:r.bool,url:r.string};exports.MenuItemLink=i;

package/menu/components/MenuItemLink.mjs

@@ -5,36 +5,23 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as e from "react";
-import t from "prop-types";
-import { classNames as r } from "@progress/kendo-react-common";
-const s = class s extends e.Component {
-  /**
-   * @hidden
-   */
-  render() {
-    return this.props.url ? /* @__PURE__ */ e.createElement("a", { className: this.getMenuItemClassName(), role: "presentation", href: this.props.url, tabIndex: -1 }, this.props.children) : /* @__PURE__ */ e.createElement(
-      "span",
-      {
-        id: this.props.id,
-        className: r(this.getMenuItemClassName(), this.props.className),
-        style: this.props.style,
-        role: "presentation"
-      },
-      this.props.children
-    );
-  }
-  getMenuItemClassName() {
-    return r("k-link", "k-menu-link", {
-      "k-active": this.props.opened
-    });
-  }
+import * as t from "react";
+import n from "prop-types";
+import { classNames as l } from "@progress/kendo-react-common";
+const a = (e) => l("k-link", "k-menu-link", { "k-active": e }), m = (e) => e.url ? /* @__PURE__ */ t.createElement("a", { className: a(e.opened), href: e.url, tabIndex: -1 }, e.children) : /* @__PURE__ */ t.createElement(
+  "span",
+  {
+    id: e.id,
+    className: l(a(e.opened), e.className),
+    style: e.style,
+    role: "presentation"
+  },
+  e.children
+);
+m.propTypes = {
+  opened: n.bool,
+  url: n.string
 };
-s.propTypes = {
-  opened: t.bool,
-  url: t.string
-};
-let p = s;
 export {
-  p as MenuItemLink
+  m as MenuItemLink
 };

package/menu/events.d.ts

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { Menu } from './components/Menu.js';
+import { MenuHandle } from './components/Menu.js';
 import { MenuItemModel } from './models/MenuItemModel';
 import { BaseEvent } from '@progress/kendo-react-common';
 import { PopupCloseEvent } from '@progress/kendo-react-popup';
 /**
  * The arguments for the `select` event of the Menu. If the item has a URL and the event is prevented, navigation to the URL does not occur.
  */
-export interface MenuSelectEvent extends BaseEvent<Menu> {
+export interface MenuSelectEvent extends BaseEvent<MenuHandle> {
     /**
      * The id of selected item. The ids are hierarchical and zero-based. The first root item has a `0` id. If the first root item has children, the first child acquires a `0_0` id and the second acquires a `0_1` id.
      */
@@ -27,9 +27,9 @@ export interface MenuSelectEvent extends BaseEvent<Menu> {
  */
 export interface MenuCloseEvent {
     /**
-     * The Menu component instance.
+     * The Menu component handle.
      */
-    target: Menu;
+    target: MenuHandle;
     /**
      * The id of the item whose popup was closed. The ids are hierarchical and zero-based. The first root item has a `0` id. If the first root item has children, the first child acquires a `0_0` id and the second acquires a `0_1` id.
      */

package/menu/utils/DirectionHolder.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class e{constructor(){this.phase="Initialized"}getIsDirectionRightToLeft(){return this.isDirectionRightToLeft}setIsDirectionRightToLeft(i){this.phase=this.phase==="NotInitialized"?"Initialized":"NewValueReceived",this.previousIsDirectionRightToLeft=this.isDirectionRightToLeft,this.isDirectionRightToLeft=i}hasDirectionChanged(){return this.phase==="NewValueReceived"?this.previousIsDirectionRightToLeft!==this.isDirectionRightToLeft:!1}}exports.DirectionHolder=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{constructor(){this.phase="NotInitialized"}getIsDirectionRightToLeft(){return this.isDirectionRightToLeft}setIsDirectionRightToLeft(i){this.phase=this.phase==="NotInitialized"?"Initialized":"NewValueReceived",this.previousIsDirectionRightToLeft=this.isDirectionRightToLeft,this.isDirectionRightToLeft=i}hasDirectionChanged(){return this.phase==="NewValueReceived"?this.previousIsDirectionRightToLeft!==this.isDirectionRightToLeft:!1}}exports.DirectionHolder=t;

package/menu/utils/DirectionHolder.mjs

@@ -7,7 +7,7 @@
  */
 class e {
   constructor() {
-    this.phase = "Initialized";
+    this.phase = "NotInitialized";
   }
   getIsDirectionRightToLeft() {
     return this.isDirectionRightToLeft;

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1777886164,version:"14.4.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1777909861,version:"14.5.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1777886164,
-    version: '14.4.1',
+    publishDate: 1777909861,
+    version: '14.5.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-layout",
-  "version": "14.4.1",
+  "version": "14.5.0-develop.1",
   "description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,12 +26,12 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "14.4.1",
-    "@progress/kendo-react-buttons": "14.4.1",
-    "@progress/kendo-react-common": "14.4.1",
-    "@progress/kendo-react-intl": "14.4.1",
-    "@progress/kendo-react-popup": "14.4.1",
-    "@progress/kendo-react-progressbars": "14.4.1",
+    "@progress/kendo-react-animation": "14.5.0-develop.1",
+    "@progress/kendo-react-buttons": "14.5.0-develop.1",
+    "@progress/kendo-react-common": "14.5.0-develop.1",
+    "@progress/kendo-react-intl": "14.5.0-develop.1",
+    "@progress/kendo-react-popup": "14.5.0-develop.1",
+    "@progress/kendo-react-progressbars": "14.5.0-develop.1",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -76,7 +76,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1777886164,
+      "publishDate": 1777909861,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },