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

package/menu/components/Menu.mjs

@@ -5,240 +5,251 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as p from "react";
-import o from "prop-types";
-import { Keys as I, classNames as C, dispatchEvent as k } from "@progress/kendo-react-common";
-import { ZERO_LEVEL_ZERO_ITEM_ID as g, EMPTY_ID as r, getItemById as l, isIdZeroLevel as d, getDirectParentId as c, getRootParentId as u, isIdEmptyOrZeroLevel as m } from "../utils/itemsIdsUtils.mjs";
-import { prepareInputItemsForInternalWork as O } from "../utils/prepareInputItemsForInternalWork.mjs";
-import { getNewItemIdUponKeyboardNavigation as f } from "../utils/getNewItemIdUponKeyboardNavigation.mjs";
-import { getHoverOpenDelay as H, getHoverCloseDelay as R } from "../utils/hoverDelay.mjs";
-import { MenuItemInternalsList as L } from "./MenuItemInternal.mjs";
-import { DirectionHolder as y } from "../utils/DirectionHolder.mjs";
-import { MouseOverHandler as D } from "../utils/MouseOverHandler.mjs";
-const v = {
-  focusedItemId: r,
-  hoveredItemId: r,
-  tabbableItemId: g
-}, h = class h extends p.Component {
-  constructor(s) {
-    super(s), this.menuWrapperEl = null, this.directionHolder = new y(), this.inputItems = [], this.items = [], this.reset = () => {
-      this.clearItemHoverAndLeaveRequestsIfApplicable(), this.setState(v);
-    }, this.handleClickOutside = (e) => {
-      var t;
-      if (this.props.openOnClick && this.state.hoveredItemId !== r) {
-        const i = e.target;
-        this.menuWrapperEl && !this.menuWrapperEl.contains(i) && (this.menuItemId && ((t = i.closest) != null && t.call(i, `[id^="${this.menuItemId}_"]`)) || this.setHoveredItemId(r));
+import * as r from "react";
+import u from "prop-types";
+import { dispatchEvent as oe, Keys as B, classNames as ce } from "@progress/kendo-react-common";
+import { ZERO_LEVEL_ZERO_ITEM_ID as A, EMPTY_ID as i, getRootParentId as _, isIdEmptyOrZeroLevel as P, getItemById as S, isIdZeroLevel as O, getDirectParentId as W } from "../utils/itemsIdsUtils.mjs";
+import { prepareInputItemsForInternalWork as se } from "../utils/prepareInputItemsForInternalWork.mjs";
+import { getNewItemIdUponKeyboardNavigation as Z } from "../utils/getNewItemIdUponKeyboardNavigation.mjs";
+import { getHoverOpenDelay as ue, getHoverCloseDelay as ie } from "../utils/hoverDelay.mjs";
+import { MenuItemInternalsList as le } from "./MenuItemInternal.mjs";
+import { DirectionHolder as ae } from "../utils/DirectionHolder.mjs";
+import { MouseOverHandler as de } from "../utils/MouseOverHandler.mjs";
+const q = {
+  focusedItemId: i,
+  hoveredItemId: i,
+  tabbableItemId: A
+}, j = r.forwardRef((o, x) => {
+  const R = r.useRef(null), g = r.useRef(null), h = r.useRef(null), k = r.useRef(new ae()), D = r.useRef([]), F = r.useRef([]), l = r.useRef(o);
+  l.current = o;
+  const [f, L] = r.useState({ ...q }), C = r.useRef(f);
+  C.current = f;
+  const H = r.useRef(() => {
+  }), p = r.useRef(new de(o.openOnClick, () => H.current())), { items: z, inputItems: G } = se(
+    o.items,
+    o.children
+  );
+  D.current = z, F.current = G, k.current.setIsDirectionRightToLeft(U());
+  function U() {
+    return !!(l.current.dir !== void 0 ? l.current.dir === "rtl" : R.current && getComputedStyle(R.current).direction === "rtl");
+  }
+  const b = r.useCallback(() => {
+    g.current && (clearTimeout(g.current), g.current = null), h.current && (clearTimeout(h.current), h.current = null);
+  }, []), K = r.useCallback(() => {
+    b(), L({ ...q });
+  }, [b]);
+  H.current = K;
+  const y = r.useRef({
+    get element() {
+      return R.current;
+    },
+    reset: () => H.current()
+  });
+  r.useImperativeHandle(x, () => y.current, []);
+  const m = r.useCallback((e) => {
+    L((t) => {
+      const n = e === i ? t.tabbableItemId : _(e);
+      return { hoveredItemId: e === i || P(t.hoveredItemId) && P(e) ? t.hoveredItemId : i, focusedItemId: e, tabbableItemId: n };
+    });
+  }, []), a = r.useCallback((e) => {
+    L((t) => P(e) && P(t.focusedItemId) ? {
+      hoveredItemId: e,
+      focusedItemId: t.focusedItemId,
+      tabbableItemId: t.tabbableItemId
+    } : { hoveredItemId: e, focusedItemId: i, tabbableItemId: A });
+  }, []), I = r.useCallback((e) => S(e, F.current), []), T = r.useCallback(
+    (e, t) => {
+      oe(l.current.onSelect, e, y.current, {
+        item: I(t),
+        itemId: t
+      });
+    },
+    [I]
+  ), E = r.useCallback((e) => !l.current.customCloseItemIds || l.current.customCloseItemIds.indexOf(e) === -1, []), N = r.useCallback(
+    (e) => {
+      var c, s;
+      const t = l.current, n = C.current;
+      if (t.openOnClick && n.hoveredItemId !== i) {
+        const d = e.target;
+        ((c = R.current) == null ? void 0 : c.contains(d)) === !1 && (t.id && ((s = d.closest) != null && s.call(d, `[id^="${t.id}_"]`)) || a(i));
       }
-    }, this.onKeyDown = (e) => {
-      if (this.state.focusedItemId !== r) {
-        const t = l(this.state.focusedItemId, this.items);
-        let i = f(
-          this.items,
-          t.id,
+    },
+    [a]
+  ), Y = r.useCallback(
+    (e) => {
+      const t = C.current, n = l.current, c = D.current;
+      if (t.focusedItemId !== i) {
+        const s = S(t.focusedItemId, c);
+        let d = Z(
+          c,
+          s.id,
           e.keyCode,
           e.key,
-          this.props.vertical,
-          this.directionHolder.getIsDirectionRightToLeft()
+          n.vertical,
+          k.current.getIsDirectionRightToLeft()
         );
-        const n = l(i, this.items);
-        if (n && n.separator && (i = f(
-          this.items,
-          i,
+        const v = S(d, c);
+        if (v != null && v.separator && (d = Z(
+          c,
+          d,
           e.keyCode,
           e.key,
-          this.props.vertical,
-          this.directionHolder.getIsDirectionRightToLeft()
-        )), t.id !== i && (e.preventDefault(), this.setFocusedItemId(i)), (e.keyCode === I.enter || e.keyCode === I.space) && !t.disabled && (this.mouseOverHandler.handleItemSelectedViaKeyboard(), this.dispatchSelectEventIfWired(e, t.id), !e.isDefaultPrevented() && t.items.length === 0 && t.url && window.location.assign(t.url)), e.keyCode === I.esc && d(t.id) && this.props.onClose) {
-          const a = this.getInputItem(t.id);
-          this.props.onClose({
-            target: this,
-            item: a,
-            itemId: t.id
+          n.vertical,
+          k.current.getIsDirectionRightToLeft()
+        )), s.id !== d && (e.preventDefault(), m(d)), (e.keyCode === B.enter || e.keyCode === B.space) && !s.disabled && (p.current.handleItemSelectedViaKeyboard(), T(e, s.id), !e.isDefaultPrevented() && s.items.length === 0 && s.url && window.location.assign(s.url)), e.keyCode === B.esc && O(s.id) && n.onClose) {
+          const w = I(s.id);
+          n.onClose({
+            target: y.current,
+            item: w,
+            itemId: s.id
           });
         }
       }
-    }, this.onItemMouseOver = (e) => {
-      const t = this.props.openOnClick && !d(e) && this.state.hoveredItemId !== r;
-      (this.mouseOverHandler.IsMouseOverEnabled || t) && (this.clearItemHoverAndLeaveRequestsIfApplicable(), this.itemHoverRequest = window.setTimeout(() => {
-        this.setHoveredItemId(e), this.itemHoverRequest = null;
-      }, H(this.props)));
-    }, this.onItemMouseLeave = (e) => {
-      const t = this.props.openOnClick && !d(e) && this.state.hoveredItemId !== r;
-      (this.mouseOverHandler.IsMouseOverEnabled || t) && this.isItemWithDefaultClose(e) && (this.clearItemHoverAndLeaveRequestsIfApplicable(), this.itemLeaveRequest = window.setTimeout(() => {
-        t ? this.setHoveredItemId(c(e)) : this.setHoveredItemId(r), this.itemLeaveRequest = null;
-      }, R(this.props)));
-    }, this.onItemFocus = (e) => {
-      this.state.hoveredItemId === r ? this.setFocusedItemId(e) : this.setState((t) => ({
+    },
+    [m, T, I]
+  ), $ = r.useCallback(
+    (e) => {
+      const t = C.current, n = l.current, c = n.openOnClick && !O(e) && t.hoveredItemId !== i;
+      (p.current.IsMouseOverEnabled || c) && (b(), g.current = window.setTimeout(() => {
+        a(e), g.current = null;
+      }, ue(n)));
+    },
+    [b, a]
+  ), J = r.useCallback(
+    (e) => {
+      const t = C.current, n = l.current, c = n.openOnClick && !O(e) && t.hoveredItemId !== i;
+      (p.current.IsMouseOverEnabled || c) && E(e) && (b(), h.current = window.setTimeout(() => {
+        a(c ? W(e) : i), h.current = null;
+      }, ie(n)));
+    },
+    [b, E, a]
+  ), Q = r.useCallback(
+    (e) => {
+      C.current.hoveredItemId === i ? m(e) : L((n) => ({
         focusedItemId: e,
-        hoveredItemId: t.hoveredItemId,
-        tabbableItemId: u(e)
+        hoveredItemId: n.hoveredItemId,
+        tabbableItemId: _(e)
       }));
-    }, this.onItemClick = (e, t) => {
-      const i = l(t, this.items);
-      if (!i.disabled) {
-        const n = d(t), a = !i.items || i.items.length === 0;
-        n ? (this.setFocusedItemId(t), a ? this.setHoveredItemId(r) : this.props.openOnClick && this.state.hoveredItemId !== r && u(this.state.hoveredItemId) === t ? this.setHoveredItemId(r) : this.setHoveredItemId(t)) : a && (this.setFocusedItemId(t), this.setHoveredItemId(r)), this.dispatchSelectEventIfWired(e, t), !e.isDefaultPrevented() && i.url && window.location.assign(i.url);
+    },
+    [m]
+  ), X = r.useCallback(
+    (e, t) => {
+      const n = D.current, c = S(t, n), s = C.current, d = l.current;
+      if (!c.disabled) {
+        const v = O(t), w = !c.items || c.items.length === 0;
+        v ? (m(t), w ? a(i) : d.openOnClick && s.hoveredItemId !== i && _(s.hoveredItemId) === t ? a(i) : a(t)) : w && (m(t), a(i)), T(e, t), !e.isDefaultPrevented() && c.url && window.location.assign(c.url);
       }
-    }, this.onPopupClose = (e, t) => {
-      this.props.onClose && this.props.onClose({
-        target: this,
-        item: this.getInputItem(e),
+    },
+    [m, a, T]
+  ), ee = r.useCallback(
+    (e, t) => {
+      const n = l.current;
+      n.onClose && n.onClose({
+        target: y.current,
+        item: I(e),
         itemId: e,
         popupCloseEvent: t
       });
-    }, this.onItemBlur = (e, t) => {
-      if (this.isItemWithDefaultClose(e) && this.setFocusedItemId(r), t.relatedTarget && t.relatedTarget.nodeName === "LI") {
-        const i = t.relatedTarget.getAttribute("id");
-        if (i && i.includes(this.menuItemId))
+    },
+    [I]
+  ), te = r.useCallback(
+    (e, t) => {
+      var c;
+      const n = l.current;
+      if (E(e) && m(i), ((c = t.relatedTarget) == null ? void 0 : c.nodeName) === "LI") {
+        const s = t.relatedTarget.getAttribute("id");
+        if (s != null && s.includes(n.id))
           return;
       }
-      if (d(e) && this.props.onClose) {
-        const i = this.getInputItem(e);
-        this.props.onClose({
-          target: this,
-          item: i,
+      if (O(e) && n.onClose) {
+        const s = I(e);
+        n.onClose({
+          target: y.current,
+          item: s,
           itemId: e
         });
       }
-    }, this.getInputItem = (e) => l(e, this.inputItems), this.mouseOverHandler = new D(this.props.openOnClick, this.reset), this.state = Object.assign({}, v, { isFirstRender: !0 });
-  }
-  get menuItemId() {
-    return this.props.id;
-  }
-  /**
-   * The current element or `null` if there is no one.
-   */
-  get element() {
-    return this.menuWrapperEl;
-  }
-  get animate() {
-    return this.props.animate !== void 0 ? this.props.animate : h.defaultProps.animate;
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    this.prepareItems(), this.state.isFirstRender || this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());
-    const s = this.state.hoveredItemId ? this.state.hoveredItemId : this.state.focusedItemId ? c(this.state.focusedItemId) : r;
-    return /* @__PURE__ */ p.createElement(
-      "div",
+    },
+    [E, m, I]
+  ), V = r.useRef(o.vertical);
+  r.useEffect(() => () => {
+    b();
+  }, [b]), r.useEffect(() => (o.openOnClick && document.addEventListener("mousedown", N), () => {
+    document.removeEventListener("mousedown", N);
+  }), [o.openOnClick, N]), r.useEffect(() => {
+    const e = !!V.current != !!o.vertical, t = k.current.hasDirectionChanged();
+    (e || t) && K(), p.current.OpenOnClick = o.openOnClick, V.current = o.vertical;
+  });
+  const re = () => ce(
+    "k-reset",
+    "k-header",
+    "k-menu",
+    { "k-menu-horizontal": !o.vertical },
+    { "k-menu-vertical": o.vertical },
+    o.className
+  );
+  let M;
+  f.hoveredItemId ? M = f.hoveredItemId : f.focusedItemId ? M = W(f.focusedItemId) : M = i;
+  const ne = o.animate !== void 0 ? o.animate : !0;
+  return /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      id: o.id,
+      onKeyDown: Y,
+      style: o.style,
+      className: k.current.getIsDirectionRightToLeft() ? "k-rtl" : void 0,
+      ref: R
+    },
+    /* @__PURE__ */ r.createElement(
+      le,
       {
-        id: this.props.id,
-        onKeyDown: this.onKeyDown,
-        style: this.props.style,
-        className: this.directionHolder.getIsDirectionRightToLeft() ? "k-rtl" : void 0,
-        ref: (e) => {
-          this.menuWrapperEl = e;
-        }
-      },
-      /* @__PURE__ */ p.createElement(
-        L,
-        {
-          className: this.getMenuClassName(),
-          "aria-orientation": this.props.vertical ? "vertical" : void 0,
-          items: this.items,
-          animate: this.animate,
-          isMenuVertical: this.props.vertical,
-          isDirectionRightToLeft: this.directionHolder.getIsDirectionRightToLeft(),
-          focusedItemId: this.state.focusedItemId,
-          lastItemIdToBeOpened: s,
-          tabbableItemId: this.state.tabbableItemId,
-          itemRender: this.props.itemRender,
-          linkRender: this.props.linkRender,
-          menuGuid: this.menuItemId,
-          onMouseLeave: this.onItemMouseLeave,
-          onMouseOver: this.onItemMouseOver,
-          onFocus: this.onItemFocus,
-          onClick: this.onItemClick,
-          onBlur: this.onItemBlur,
-          onOriginalItemNeeded: this.getInputItem,
-          onPopupClose: this.onPopupClose,
-          role: this.props.role
-        }
-      )
-    );
-  }
-  /**
-   * @hidden
-   */
-  componentDidMount() {
-    this.setState({ isFirstRender: !1 }), this.props.openOnClick && document.addEventListener("mousedown", this.handleClickOutside);
-  }
-  /**
-   * @hidden
-   */
-  componentDidUpdate(s) {
-    (!!s.vertical != !!this.props.vertical || this.directionHolder.hasDirectionChanged()) && this.reset(), this.mouseOverHandler.OpenOnClick = this.props.openOnClick, s.openOnClick !== this.props.openOnClick && (this.props.openOnClick ? document.addEventListener("mousedown", this.handleClickOutside) : document.removeEventListener("mousedown", this.handleClickOutside));
-  }
-  /**
-   * @hidden
-   */
-  componentWillUnmount() {
-    this.clearItemHoverAndLeaveRequestsIfApplicable(), document.removeEventListener("mousedown", this.handleClickOutside);
-  }
-  setFocusedItemId(s) {
-    this.setState((e) => {
-      const t = s === r ? e.tabbableItemId : u(s);
-      return { hoveredItemId: s === r || m(e.hoveredItemId) && m(s) ? e.hoveredItemId : r, focusedItemId: s, tabbableItemId: t };
-    });
-  }
-  setHoveredItemId(s) {
-    this.setState((e) => m(s) && m(e.focusedItemId) ? {
-      hoveredItemId: s,
-      focusedItemId: e.focusedItemId,
-      tabbableItemId: e.tabbableItemId
-    } : { hoveredItemId: s, focusedItemId: r, tabbableItemId: g });
-  }
-  getMenuClassName() {
-    return C(
-      "k-reset",
-      "k-header",
-      "k-menu",
-      { "k-menu-horizontal": !this.props.vertical },
-      { "k-menu-vertical": this.props.vertical },
-      this.props.className
-    );
-  }
-  clearItemHoverAndLeaveRequestsIfApplicable() {
-    this.itemHoverRequest && (clearTimeout(this.itemHoverRequest), this.itemHoverRequest = null), this.itemLeaveRequest && (clearTimeout(this.itemLeaveRequest), this.itemLeaveRequest = null);
-  }
-  isItemWithDefaultClose(s) {
-    return !this.props.customCloseItemIds || this.props.customCloseItemIds.indexOf(s) === -1;
-  }
-  checkIsDirectionRightToLeft() {
-    return !!(this.props.dir !== void 0 ? this.props.dir === "rtl" : this.menuWrapperEl && getComputedStyle(this.menuWrapperEl).direction === "rtl");
-  }
-  prepareItems() {
-    const { items: s, inputItems: e } = O(this.props.items, this.props.children);
-    this.items = s, this.inputItems = e;
-  }
-  dispatchSelectEventIfWired(s, e) {
-    k(this.props.onSelect, s, this, { item: this.getInputItem(e), itemId: e });
-  }
-};
-h.propTypes = {
-  vertical: o.bool,
-  items: o.arrayOf(o.object),
-  style: o.object,
-  animate: o.oneOfType([
-    o.bool,
-    o.shape({
-      openDuration: o.number,
-      closeDuration: o.number
+        className: re(),
+        "aria-orientation": o.vertical ? "vertical" : void 0,
+        items: D.current,
+        animate: ne,
+        isMenuVertical: o.vertical,
+        isDirectionRightToLeft: k.current.getIsDirectionRightToLeft(),
+        focusedItemId: f.focusedItemId,
+        lastItemIdToBeOpened: M,
+        tabbableItemId: f.tabbableItemId,
+        itemRender: o.itemRender,
+        linkRender: o.linkRender,
+        menuGuid: o.id,
+        onMouseLeave: J,
+        onMouseOver: $,
+        onFocus: Q,
+        onClick: X,
+        onBlur: te,
+        onOriginalItemNeeded: I,
+        onPopupClose: ee,
+        role: o.role
+      }
+    )
+  );
+});
+j.propTypes = {
+  vertical: u.bool,
+  items: u.arrayOf(u.object),
+  style: u.object,
+  animate: u.oneOfType([
+    u.bool,
+    u.shape({
+      openDuration: u.number,
+      closeDuration: u.number
     })
   ]),
-  dir: o.string,
-  hoverOpenDelay: o.number,
-  hoverCloseDelay: o.number,
-  openOnClick: o.bool,
-  itemRender: o.any,
-  linkRender: o.any,
-  customCloseItemIds: o.arrayOf(o.string),
-  onSelect: o.func,
-  onClose: o.func,
-  role: o.string
-}, h.defaultProps = { vertical: !1, animate: !0 };
-let b = h;
+  dir: u.string,
+  hoverOpenDelay: u.number,
+  hoverCloseDelay: u.number,
+  openOnClick: u.bool,
+  itemRender: u.any,
+  linkRender: u.any,
+  customCloseItemIds: u.arrayOf(u.string),
+  onSelect: u.func,
+  onClose: u.func,
+  role: u.string
+};
+j.displayName = "Menu";
 export {
-  b as Menu
+  j as Menu
 };

package/menu/components/MenuItem.d.ts

@@ -5,9 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as PropTypes } from 'prop-types';
 import { BaseMenuItem } from '../models/BaseMenuItem';
-import * as React from 'react';
 /**
  * The properties of the KendoReact MenuItem component ([more information and examples](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/items)).
  */
@@ -19,25 +17,7 @@ export interface MenuItemProps extends BaseMenuItem {
  * @remarks
  * Supported children components are: {@link MenuItem}.
  */
-export declare class MenuItem extends React.Component<MenuItemProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        text: PropTypes.Requireable<string>;
-        url: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        cssClass: PropTypes.Requireable<string>;
-        cssStyle: PropTypes.Requireable<object>;
-        render: PropTypes.Requireable<any>;
-        linkRender: PropTypes.Requireable<any>;
-        contentRender: PropTypes.Requireable<any>;
-        data: PropTypes.Requireable<any>;
-        separator: PropTypes.Requireable<boolean>;
-    };
-    /**
-     * @hidden
-     */
-    render(): null;
-}
+export declare const MenuItem: {
+    (_props: MenuItemProps): null;
+    displayName: string;
+};

package/menu/components/MenuItem.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 c=require("react"),e=require("prop-types");function i(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const l=i(c),s=class s extends l.Component{render(){return null}};s.propTypes={text:e.string,url:e.string,icon:e.string,disabled:e.bool,cssClass:e.string,cssStyle:e.object,render:e.any,linkRender:e.any,contentRender:e.any,data:e.any,separator:e.bool};let o=s;exports.MenuItem=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("prop-types"),n=t=>null;n.propTypes={text:e.string,url:e.string,icon:e.string,disabled:e.bool,cssClass:e.string,cssStyle:e.object,render:e.any,linkRender:e.any,contentRender:e.any,data:e.any,separator:e.bool};n.displayName="MenuItem";exports.MenuItem=n;

package/menu/components/MenuItem.mjs

@@ -5,30 +5,22 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as n from "react";
-import r from "prop-types";
-const s = class s extends n.Component {
-  /**
-   * @hidden
-   */
-  render() {
-    return null;
-  }
+import e from "prop-types";
+const n = (r) => null;
+n.propTypes = {
+  text: e.string,
+  url: e.string,
+  icon: e.string,
+  disabled: e.bool,
+  cssClass: e.string,
+  cssStyle: e.object,
+  render: e.any,
+  linkRender: e.any,
+  contentRender: e.any,
+  data: e.any,
+  separator: e.bool
 };
-s.propTypes = {
-  text: r.string,
-  url: r.string,
-  icon: r.string,
-  disabled: r.bool,
-  cssClass: r.string,
-  cssStyle: r.object,
-  render: r.any,
-  linkRender: r.any,
-  contentRender: r.any,
-  data: r.any,
-  separator: r.bool
-};
-let t = s;
+n.displayName = "MenuItem";
 export {
-  t as MenuItem
+  n as MenuItem
 };

package/menu/components/MenuItemArrow.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 * as React from 'react';
 /**
  * The properties of the KendoReact MenuItemArrow component.
@@ -27,27 +26,13 @@ export interface MenuItemArrowProps {
 /**
  * @hidden
  */
-export declare const downArrowName = "caret-alt-down";
+export declare const downArrowName = "chevron-down";
 /**
  * @hidden
  */
-export declare const rightArrowName = "caret-alt-right";
+export declare const rightArrowName = "chevron-right";
 /**
  * @hidden
  */
-export declare const leftArrowName = "caret-alt-left";
-export declare class MenuItemArrow extends React.Component<MenuItemArrowProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        itemId: PropTypes.Requireable<string>;
-        dir: PropTypes.Requireable<string>;
-        verticalMenu: PropTypes.Requireable<boolean>;
-    };
-    /**
-     * @hidden
-     */
-    render(): React.JSX.Element;
-    private getIcon;
-}
+export declare const leftArrowName = "chevron-left";
+export declare const MenuItemArrow: (props: MenuItemArrowProps) => React.JSX.Element;

package/menu/components/MenuItemArrow.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 m=require("react"),n=require("prop-types"),p=require("@progress/kendo-react-common"),o=require("@progress/kendo-svg-icons"),g=require("../utils/misc.js");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=f(m),l="caret-alt-down",d="caret-alt-right",u="caret-alt-left",i=class i extends s.Component{render(){return s.createElement(p.IconWrap,{"aria-hidden":!0,...this.getIcon()})}getIcon(){switch(g.getChildrenPosition(this.props.itemId,this.props.verticalMenu===!0,this.props.dir==="rtl")){case"downward":return{name:l,icon:o.caretAltDownIcon};case"rightward":return{name:d,icon:o.caretAltRightIcon};case"leftward":return{name:u,icon:o.caretAltLeftIcon};default:return{}}}};i.propTypes={itemId:n.string,dir:n.string,verticalMenu:n.bool};let c=i;exports.MenuItemArrow=c;exports.downArrowName=l;exports.leftArrowName=u;exports.rightArrowName=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=require("@progress/kendo-react-common"),n=require("@progress/kendo-svg-icons"),d=require("../utils/misc.js");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const m=l(u),c="chevron-down",i="chevron-right",a="chevron-left",w=e=>{switch(d.getChildrenPosition(e.itemId,e.verticalMenu===!0,e.dir==="rtl")){case"downward":return{name:c,icon:n.chevronDownIcon};case"rightward":return{name:i,icon:n.chevronRightIcon};case"leftward":return{name:a,icon:n.chevronLeftIcon};default:return{}}},f=e=>m.createElement(s.IconWrap,{"aria-hidden":!0,...w(e)});exports.MenuItemArrow=f;exports.downArrowName=c;exports.leftArrowName=a;exports.rightArrowName=i;