@progress/kendo-react-layout 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

package/dist/npm/expansionpanel/index.js

@@ -1,7 +1,19 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./ExpansionPanel"));
-__export(require("./ExpansionPanelContent"));
+__exportStar(require("./ExpansionPanel"), exports);
+__exportStar(require("./ExpansionPanelContent"), exports);
+__exportStar(require("./interfaces"), exports);

package/dist/npm/gridlayout/GridLayout.d.ts

@@ -36,4 +36,4 @@ export interface GridLayoutHandle {
  *    ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const GridLayout: React.ForwardRefExoticComponent<GridLayoutProps & React.RefAttributes<GridLayoutHandle>>;
+export declare const GridLayout: React.ForwardRefExoticComponent<GridLayoutProps & React.RefAttributes<GridLayoutHandle | null>>;

package/dist/npm/gridlayout/GridLayout.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridLayout = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_licensing_1 = require("@progress/kendo-licensing");
@@ -43,17 +44,17 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
  * ```
  */
 exports.GridLayout = React.forwardRef(function (props, ref) {
-    kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_licensing_1.validatePackage)(package_metadata_1.packageMetadata);
     var elementRef = React.useRef(null);
     var getImperativeHandle = React.useCallback(function () { return ({
         element: elementRef.current
     }); }, []);
     React.useImperativeHandle(ref, getImperativeHandle);
     var className = props.className, style = props.style, id = props.id, children = props.children, gap = props.gap;
-    var layoutId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
+    var layoutId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
     var hAlign = React.useMemo(function () { return props.align && props.align.horizontal ? props.align.horizontal : defaultProps.hAlign; }, [props.align]);
     var vAlign = React.useMemo(function () { return props.align && props.align.vertical ? props.align.vertical : defaultProps.vAlign; }, [props.align]);
-    var gridLayoutClasses = React.useMemo(function () { return kendo_react_common_1.classNames('k-grid-layout', {
+    var gridLayoutClasses = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-grid-layout', {
         'k-justify-items-start': hAlign === 'start',
         'k-justify-items-center': hAlign === 'center',
         'k-justify-items-end': hAlign === 'end',
@@ -64,10 +65,10 @@ exports.GridLayout = React.forwardRef(function (props, ref) {
         'k-align-items-stretch': vAlign === 'stretch'
     }, className); }, [hAlign, vAlign, className]);
     var gapStyle = gap
-        ? "" + (typeof gap.rows === 'number' ? gap.rows + 'px' : gap.rows) + ' ' + ("" + (typeof gap.cols === 'number' ? gap.cols + 'px' : gap.cols))
+        ? "".concat(typeof gap.rows === 'number' ? gap.rows + 'px' : gap.rows) + ' ' + "".concat(typeof gap.cols === 'number' ? gap.cols + 'px' : gap.cols)
         : undefined;
-    var gridTemplateRowsStyle = props.rows && props.rows.map(function (row) { return "" + (typeof row.height === 'number' ? row.height + 'px' : row.height); }).join(' ');
-    var gridTemplateColumnsStyle = props.cols && props.cols.map(function (col) { return "" + (typeof col.width === 'number' ? col.width + 'px' : col.width); }).join(' ');
+    var gridTemplateRowsStyle = props.rows && props.rows.map(function (row) { return "".concat(typeof row.height === 'number' ? row.height + 'px' : row.height); }).join(' ');
+    var gridTemplateColumnsStyle = props.cols && props.cols.map(function (col) { return "".concat(typeof col.width === 'number' ? col.width + 'px' : col.width); }).join(' ');
     var gridLayoutStyles = __assign({ gap: gapStyle, gridTemplateColumns: gridTemplateColumnsStyle, gridTemplateRows: gridTemplateRowsStyle }, style);
     return (React.createElement("div", { ref: elementRef, className: gridLayoutClasses, style: gridLayoutStyles, id: id || layoutId }, children));
 });

package/dist/npm/gridlayout/GridLayoutItem.d.ts

@@ -35,4 +35,4 @@ export interface GridLayoutItemHandle {
  *    ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const GridLayoutItem: React.ForwardRefExoticComponent<GridLayoutItemProps & React.RefAttributes<GridLayoutItemHandle>>;
+export declare const GridLayoutItem: React.ForwardRefExoticComponent<GridLayoutItemProps & React.RefAttributes<GridLayoutItemHandle | null>>;

package/dist/npm/gridlayout/GridLayoutItem.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridLayoutItem = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_licensing_1 = require("@progress/kendo-licensing");
@@ -42,15 +43,15 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
  * ```
  */
 exports.GridLayoutItem = React.forwardRef(function (props, ref) {
-    kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_licensing_1.validatePackage)(package_metadata_1.packageMetadata);
     var elementRef = React.useRef(null);
     var getImperativeHandle = React.useCallback(function () { return ({
         element: elementRef.current
     }); }, []);
     React.useImperativeHandle(ref, getImperativeHandle);
     var className = props.className, style = props.style, id = props.id, children = props.children, row = props.row, col = props.col, rowSpan = props.rowSpan, colSpan = props.colSpan;
-    var itemId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
-    var gridLayoutItemStyles = __assign({ gridArea: (row || 'auto') + " / " + (col || 'auto') + " / " + (rowSpan ? 'span ' + rowSpan : 'auto') + " / " + (colSpan ? 'span ' + colSpan : 'auto') }, style);
+    var itemId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
+    var gridLayoutItemStyles = __assign({ gridArea: "".concat(row || 'auto', " / ").concat(col || 'auto', " / ").concat(rowSpan ? 'span ' + rowSpan : 'auto', " / ").concat(colSpan ? 'span ' + colSpan : 'auto') }, style);
     return (React.createElement("div", { ref: elementRef, className: className, style: gridLayoutItemStyles, id: id || itemId }, children));
 });
 exports.GridLayoutItem.propTypes = {

package/dist/npm/main.js

@@ -1,49 +1,97 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./tabstrip/TabStrip"));
-__export(require("./tabstrip/TabStripContent"));
-__export(require("./tabstrip/TabStripNavigation"));
-__export(require("./tabstrip/TabStripNavigationItem"));
-__export(require("./tabstrip/TabStripTab"));
-__export(require("./panelbar/PanelBar"));
-__export(require("./panelbar/PanelBarItem"));
-__export(require("./panelbar/util"));
-__export(require("./menu/components/Menu"));
-__export(require("./menu/components/MenuItemLink"));
-__export(require("./menu/components/MenuItem"));
-__export(require("./menu/components/MenuItemArrow"));
-__export(require("./splitter/Splitter"));
-__export(require("./splitter/SplitterPane"));
-__export(require("./card/Card"));
-__export(require("./card/CardHeader"));
-__export(require("./card/CardTitle"));
-__export(require("./card/CardBody"));
-__export(require("./card/CardActions"));
-__export(require("./card/CardImage"));
-__export(require("./card/CardSubtitle"));
-__export(require("./card/CardFooter"));
-__export(require("./card/Avatar"));
-__export(require("./drawer/Drawer"));
-__export(require("./drawer/DrawerNavigation"));
-__export(require("./drawer/DrawerContent"));
-__export(require("./drawer/DrawerItem"));
-__export(require("./stepper/Stepper"));
-__export(require("./stepper/Step"));
-__export(require("./appbar/AppBar"));
-__export(require("./appbar/AppBarSection"));
-__export(require("./appbar/AppBarSpacer"));
-__export(require("./tilelayout/TileLayout"));
-__export(require("./bottomnavigation/BottomNavigation"));
-__export(require("./bottomnavigation/BottomNavigationItem"));
-__export(require("./stacklayout/StackLayout"));
-__export(require("./gridlayout/GridLayout"));
-__export(require("./gridlayout/GridLayoutItem"));
-__export(require("./breadcrumb/Breadcrumb"));
-__export(require("./breadcrumb/BreadcrumbOrderedList"));
-__export(require("./breadcrumb/BreadcrumbListItem"));
-__export(require("./breadcrumb/BreadcrumbDelimiter"));
-__export(require("./breadcrumb/BreadcrumbLink"));
-__export(require("./expansionpanel"));
+__exportStar(require("./tabstrip/TabStrip"), exports);
+__exportStar(require("./tabstrip/TabStripContent"), exports);
+__exportStar(require("./tabstrip/TabStripNavigation"), exports);
+__exportStar(require("./tabstrip/TabStripNavigationItem"), exports);
+__exportStar(require("./tabstrip/TabStripTab"), exports);
+__exportStar(require("./panelbar/PanelBar"), exports);
+__exportStar(require("./panelbar/PanelBarItem"), exports);
+__exportStar(require("./panelbar/util"), exports);
+__exportStar(require("./panelbar/interfaces/PanelBarProps"), exports);
+__exportStar(require("./panelbar/interfaces/PanelBarItemProps"), exports);
+__exportStar(require("./panelbar/interfaces/RenderPanelBarItem"), exports);
+__exportStar(require("./panelbar/interfaces/PanelBarSelectEventArguments"), exports);
+__exportStar(require("./menu/components/Menu"), exports);
+__exportStar(require("./menu/components/MenuItemLink"), exports);
+__exportStar(require("./menu/components/MenuItem"), exports);
+__exportStar(require("./menu/components/MenuItemArrow"), exports);
+__exportStar(require("./menu/models/MenuItemModel"), exports);
+__exportStar(require("./menu/events"), exports);
+__exportStar(require("./splitter/Splitter"), exports);
+__exportStar(require("./splitter/SplitterPane"), exports);
+__exportStar(require("./card/Card"), exports);
+__exportStar(require("./card/CardHeader"), exports);
+__exportStar(require("./card/CardTitle"), exports);
+__exportStar(require("./card/CardBody"), exports);
+__exportStar(require("./card/CardActions"), exports);
+__exportStar(require("./card/CardImage"), exports);
+__exportStar(require("./card/CardSubtitle"), exports);
+__exportStar(require("./card/CardFooter"), exports);
+__exportStar(require("./card/interfaces/CardProps"), exports);
+__exportStar(require("./card/interfaces/CardHandle"), exports);
+__exportStar(require("./card/interfaces/AvatarProps"), exports);
+__exportStar(require("./card/interfaces/CardActionsProps"), exports);
+__exportStar(require("./card/Avatar"), exports);
+__exportStar(require("./drawer/Drawer"), exports);
+__exportStar(require("./drawer/interfaces/DrawerProps"), exports);
+__exportStar(require("./drawer/DrawerNavigation"), exports);
+__exportStar(require("./drawer/interfaces/DrawerNavigationProps"), exports);
+__exportStar(require("./drawer/DrawerContent"), exports);
+__exportStar(require("./drawer/interfaces/DrawerContentProps"), exports);
+__exportStar(require("./drawer/DrawerItem"), exports);
+__exportStar(require("./drawer/interfaces/DrawerItemHandle"), exports);
+__exportStar(require("./drawer/interfaces/DrawerItemProps"), exports);
+__exportStar(require("./drawer/interfaces/DrawerSelectEvent"), exports);
+__exportStar(require("./drawer/interfaces/DrawerAnimation"), exports);
+__exportStar(require("./stepper/Stepper"), exports);
+__exportStar(require("./stepper/interfaces/StepperProps"), exports);
+__exportStar(require("./stepper/interfaces/StepperHandle"), exports);
+__exportStar(require("./stepper/interfaces/StepperChangeEvent"), exports);
+__exportStar(require("./stepper/interfaces/StepperFocusEvent"), exports);
+__exportStar(require("./stepper/Step"), exports);
+__exportStar(require("./stepper/interfaces/StepProps"), exports);
+__exportStar(require("./stepper/interfaces/StepHandle"), exports);
+__exportStar(require("./stepper/interfaces/StepChangeEvent"), exports);
+__exportStar(require("./stepper/interfaces/StepFocusEvent"), exports);
+__exportStar(require("./appbar/AppBar"), exports);
+__exportStar(require("./appbar/interfaces/AppBarProps"), exports);
+__exportStar(require("./appbar/AppBarSection"), exports);
+__exportStar(require("./appbar/interfaces/AppBarSectionProps"), exports);
+__exportStar(require("./appbar/AppBarSpacer"), exports);
+__exportStar(require("./appbar/interfaces/AppBarSpacerProps"), exports);
+__exportStar(require("./tilelayout/TileLayout"), exports);
+__exportStar(require("./tilelayout/interfaces/main"), exports);
+__exportStar(require("./bottomnavigation/BottomNavigation"), exports);
+__exportStar(require("./bottomnavigation/BottomNavigationProps"), exports);
+__exportStar(require("./bottomnavigation/BottomNavigationItem"), exports);
+__exportStar(require("./bottomnavigation/BottomNavigationItemProps"), exports);
+__exportStar(require("./bottomnavigation/models/events"), exports);
+__exportStar(require("./stacklayout/StackLayout"), exports);
+__exportStar(require("./stacklayout/StackLayoutProps"), exports);
+__exportStar(require("./gridlayout/GridLayout"), exports);
+__exportStar(require("./gridlayout/GridLayoutItem"), exports);
+__exportStar(require("./gridlayout/interfaces/GridLayoutProps"), exports);
+__exportStar(require("./gridlayout/interfaces/GridLayoutItemProps"), exports);
+__exportStar(require("./gridlayout/interfaces/GridLayoutRowProps"), exports);
+__exportStar(require("./gridlayout/interfaces/GridLayoutColumnProps"), exports);
+__exportStar(require("./breadcrumb/Breadcrumb"), exports);
+__exportStar(require("./breadcrumb/BreadcrumbOrderedList"), exports);
+__exportStar(require("./breadcrumb/BreadcrumbListItem"), exports);
+__exportStar(require("./breadcrumb/BreadcrumbDelimiter"), exports);
+__exportStar(require("./breadcrumb/BreadcrumbLink"), exports);
+__exportStar(require("./expansionpanel"), exports);

package/dist/npm/menu/components/Menu.d.ts

@@ -38,7 +38,7 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
      */
     static propTypes: {
         vertical: PropTypes.Requireable<boolean>;
-        items: PropTypes.Requireable<object[]>;
+        items: PropTypes.Requireable<(object | null | undefined)[]>;
         style: PropTypes.Requireable<object>;
         dir: PropTypes.Requireable<string>;
         hoverOpenDelay: PropTypes.Requireable<number>;
@@ -46,7 +46,7 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
         openOnClick: PropTypes.Requireable<boolean>;
         itemRender: PropTypes.Requireable<any>;
         linkRender: PropTypes.Requireable<any>;
-        customCloseItemIds: PropTypes.Requireable<string[]>;
+        customCloseItemIds: PropTypes.Requireable<(string | null | undefined)[]>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
     };
     /**

package/dist/npm/menu/components/Menu.js

@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -56,8 +59,10 @@ var Menu = /** @class */ (function (_super) {
     __extends(Menu, _super);
     function Menu(props) {
         var _this = _super.call(this, props) || this;
-        _this.guid = kendo_react_common_1.guid();
+        _this.guid = (0, kendo_react_common_1.guid)();
         _this.directionHolder = new DirectionHolder_1.DirectionHolder();
+        _this.inputItems = [];
+        _this.items = [];
         /**
          * Resets the selection and opening of Menu items.
          */
@@ -69,8 +74,8 @@ var Menu = /** @class */ (function (_super) {
             // The focusedItemId may be empty when contentRender is used.
             // For example, content with input.
             if (_this.state.focusedItemId !== itemsIdsUtils_1.EMPTY_ID) {
-                var currentItem = itemsIdsUtils_1.getItemById(_this.state.focusedItemId, _this.items);
-                var newItemId = getNewItemIdUponKeyboardNavigation_1.getNewItemIdUponKeyboardNavigation(_this.items, currentItem.id, event.keyCode, event.key, _this.props.vertical, _this.directionHolder.getIsDirectionRightToLeft());
+                var currentItem = (0, itemsIdsUtils_1.getItemById)(_this.state.focusedItemId, _this.items);
+                var newItemId = (0, getNewItemIdUponKeyboardNavigation_1.getNewItemIdUponKeyboardNavigation)(_this.items, currentItem.id, event.keyCode, event.key, _this.props.vertical, _this.directionHolder.getIsDirectionRightToLeft());
                 if (currentItem.id !== newItemId) {
                     event.preventDefault();
                     _this.setFocusedItemId(newItemId);
@@ -92,7 +97,7 @@ var Menu = /** @class */ (function (_super) {
                 _this.itemHoverRequest = window.setTimeout(function () {
                     _this.setHoveredItemId(itemId);
                     _this.itemHoverRequest = null;
-                }, hoverDelay_1.getHoverOpenDelay(_this.props));
+                }, (0, hoverDelay_1.getHoverOpenDelay)(_this.props));
             }
         };
         _this.onItemMouseLeave = function (itemId) {
@@ -103,7 +108,7 @@ var Menu = /** @class */ (function (_super) {
                 _this.itemLeaveRequest = window.setTimeout(function () {
                     _this.setHoveredItemId(itemsIdsUtils_1.EMPTY_ID);
                     _this.itemLeaveRequest = null;
-                }, hoverDelay_1.getHoverCloseDelay(_this.props));
+                }, (0, hoverDelay_1.getHoverCloseDelay)(_this.props));
             }
         };
         _this.onItemMouseDown = function () {
@@ -114,7 +119,7 @@ var Menu = /** @class */ (function (_super) {
             _this.mouseOverHandler.handleItemFocus();
         };
         _this.onItemClick = function (event, itemId) {
-            var item = itemsIdsUtils_1.getItemById(itemId, _this.items);
+            var item = (0, itemsIdsUtils_1.getItemById)(itemId, _this.items);
             if (!item.disabled) {
                 _this.setFocusedItemId(itemId);
                 _this.mouseOverHandler.handleItemClick(itemId, _this.isItemWithDefaultClose(itemId));
@@ -130,9 +135,9 @@ var Menu = /** @class */ (function (_super) {
             }
         };
         _this.getInputItem = function (itemId) {
-            return itemsIdsUtils_1.getItemById(itemId, _this.inputItems);
+            return (0, itemsIdsUtils_1.getItemById)(itemId, _this.inputItems);
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         _this.mouseOverHandler = new MouseOverHandler_1.MouseOverHandler(_this.props.openOnClick, _this.reset, _this.onItemMouseOver);
         _this.state = Object.assign({}, initialItemsIds, { isFirstRender: true });
         return _this;
@@ -148,7 +153,7 @@ var Menu = /** @class */ (function (_super) {
         }
         var lastItemIdToBeOpened = this.state.hoveredItemId ?
             this.state.hoveredItemId :
-            this.state.focusedItemId ? itemsIdsUtils_1.getDirectParentId(this.state.focusedItemId) : itemsIdsUtils_1.EMPTY_ID;
+            this.state.focusedItemId ? (0, itemsIdsUtils_1.getDirectParentId)(this.state.focusedItemId) : itemsIdsUtils_1.EMPTY_ID;
         return (React.createElement("div", { onKeyDown: this.onKeyDown, style: this.props.style, className: this.getMenuWrapperClassName(), ref: function (el) { return _this.menuWrapperEl = el; } },
             React.createElement(MenuItemInternalsList_1.MenuItemInternalsList, { className: this.getMenuClassName(), "aria-orientation": this.props.vertical ? 'vertical' : undefined, items: this.items, isMenuVertical: this.props.vertical, isDirectionRightToLeft: this.directionHolder.getIsDirectionRightToLeft(), focusedItemId: this.state.focusedItemId, lastItemIdToBeOpened: lastItemIdToBeOpened, tabbableItemId: this.state.tabbableItemId, itemRender: this.props.itemRender, linkRender: this.props.linkRender, menuGuid: this.guid, onMouseLeave: this.onItemMouseLeave, onMouseOver: this.onItemMouseOver, onMouseDown: this.onItemMouseDown, onFocus: this.onItemFocus, onClick: this.onItemClick, onBlur: this.onItemBlur, onOriginalItemNeeded: this.getInputItem })));
     };
@@ -180,16 +185,16 @@ var Menu = /** @class */ (function (_super) {
     Menu.prototype.setFocusedItemId = function (focusedItemId) {
         this.setState(function (prevState) {
             var tabbableItemId = focusedItemId === itemsIdsUtils_1.EMPTY_ID ?
-                prevState.tabbableItemId : itemsIdsUtils_1.getRootParentId(focusedItemId);
+                prevState.tabbableItemId : (0, itemsIdsUtils_1.getRootParentId)(focusedItemId);
             var hoveredItemId = focusedItemId === itemsIdsUtils_1.EMPTY_ID ||
-                (itemsIdsUtils_1.isIdEmptyOrZeroLevel(prevState.hoveredItemId) && itemsIdsUtils_1.isIdEmptyOrZeroLevel(focusedItemId)) ?
+                ((0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(prevState.hoveredItemId) && (0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(focusedItemId)) ?
                 prevState.hoveredItemId : itemsIdsUtils_1.EMPTY_ID;
             return { hoveredItemId: hoveredItemId, focusedItemId: focusedItemId, tabbableItemId: tabbableItemId };
         });
     };
     Menu.prototype.setHoveredItemId = function (hoveredItemId) {
         this.setState(function (prevState) {
-            if (itemsIdsUtils_1.isIdEmptyOrZeroLevel(hoveredItemId) && itemsIdsUtils_1.isIdEmptyOrZeroLevel(prevState.focusedItemId)) {
+            if ((0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(hoveredItemId) && (0, itemsIdsUtils_1.isIdEmptyOrZeroLevel)(prevState.focusedItemId)) {
                 return {
                     hoveredItemId: hoveredItemId,
                     focusedItemId: prevState.focusedItemId,
@@ -202,12 +207,12 @@ var Menu = /** @class */ (function (_super) {
         });
     };
     Menu.prototype.getMenuWrapperClassName = function () {
-        return kendo_react_common_1.classNames({
+        return (0, kendo_react_common_1.classNames)({
             'k-rtl': this.directionHolder.getIsDirectionRightToLeft()
         }, this.props.className);
     };
     Menu.prototype.getMenuClassName = function () {
-        return kendo_react_common_1.classNames('k-widget', 'k-reset', 'k-header', 'k-menu', { 'k-menu-horizontal': !this.props.vertical }, { 'k-menu-vertical': this.props.vertical });
+        return (0, kendo_react_common_1.classNames)('k-widget', 'k-reset', 'k-header', 'k-menu', { 'k-menu-horizontal': !this.props.vertical }, { 'k-menu-vertical': this.props.vertical });
     };
     Menu.prototype.clearItemHoverAndLeaveRequestsIfApplicable = function () {
         if (this.itemHoverRequest) {
@@ -227,12 +232,12 @@ var Menu = /** @class */ (function (_super) {
             this.menuWrapperEl && getComputedStyle(this.menuWrapperEl).direction === 'rtl';
     };
     Menu.prototype.prepareItems = function () {
-        var _a = prepareInputItemsForInternalWork_1.prepareInputItemsForInternalWork(this.props.items, this.props.children), items = _a.items, inputItems = _a.inputItems;
+        var _a = (0, prepareInputItemsForInternalWork_1.prepareInputItemsForInternalWork)(this.props.items, this.props.children), items = _a.items, inputItems = _a.inputItems;
         this.items = items;
         this.inputItems = inputItems;
     };
     Menu.prototype.dispatchSelectEventIfWired = function (event, itemId) {
-        kendo_react_common_1.dispatchEvent(this.props.onSelect, event, this, { item: this.getInputItem(itemId), itemId: itemId });
+        (0, kendo_react_common_1.dispatchEvent)(this.props.onSelect, event, this, { item: this.getInputItem(itemId), itemId: itemId });
     };
     /**
      * @hidden

package/dist/npm/menu/components/MenuItem.d.ts

@@ -25,5 +25,5 @@ export declare class MenuItem extends React.Component<MenuItemProps, {}> {
     /**
      * @hidden
      */
-    render(): any;
+    render(): null;
 }

package/dist/npm/menu/components/MenuItem.js

@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItem = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var MenuItem = /** @class */ (function (_super) {

package/dist/npm/menu/components/MenuItemArrow.js

@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItemArrow = exports.leftArrowClass = exports.rightArrowClass = exports.downArrowClass = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -43,8 +46,8 @@ var MenuItemArrow = /** @class */ (function (_super) {
     };
     MenuItemArrow.prototype.getArrowClassName = function () {
         var _a;
-        var childrenPosition = misc_1.getChildrenPosition(this.props.itemId, this.props.verticalMenu === true, this.props.dir === 'rtl');
-        return kendo_react_common_1.classNames('k-icon', (_a = {},
+        var childrenPosition = (0, misc_1.getChildrenPosition)(this.props.itemId, this.props.verticalMenu === true, this.props.dir === 'rtl');
+        return (0, kendo_react_common_1.classNames)('k-icon', (_a = {},
             _a[exports.downArrowClass] = childrenPosition === 'downward',
             _a[exports.rightArrowClass] = childrenPosition === 'rightward',
             _a[exports.leftArrowClass] = childrenPosition === 'leftward',

package/dist/npm/menu/components/MenuItemInternal.d.ts

@@ -31,10 +31,10 @@ export declare class MenuItemInternal extends React.Component<MenuItemInternalPr
     private renderArrowIfApplicable;
     private onMouseOver;
     private onMouseLeave;
-    private readonly itemRender;
-    private readonly linkRender;
-    private readonly contentRender;
-    private readonly Opened;
+    private get itemRender();
+    private get linkRender();
+    private get contentRender();
+    private get Opened();
     private getPopupClassName;
     private getMenuItemClassName;
 }

package/dist/npm/menu/components/MenuItemInternal.js

@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItemInternal = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_popup_1 = require("@progress/kendo-react-popup");
@@ -74,7 +77,7 @@ var MenuItemInternal = /** @class */ (function (_super) {
         var item = this.props.item;
         var itemId = item.id;
         return (React.createElement(React.Fragment, null,
-            React.createElement("li", { className: this.getMenuItemClassName(item), style: item.cssStyle, tabIndex: itemId === this.props.tabbableItemId ? 0 : -1, onMouseOver: this.onMouseOver, onMouseLeave: this.onMouseLeave, onMouseDown: function (event) { return _this.props.onMouseDown(event); }, onBlur: function () { return _this.props.onBlur(itemId); }, onFocus: function () { return _this.props.onFocus(itemId); }, onClick: function (event) { return _this.props.onClick(event, itemId); }, role: "menuitem", "aria-disabled": item.disabled ? true : undefined, "aria-haspopup": item.items.length > 0 ? true : undefined, "aria-expanded": item.items.length > 0 ? this.Opened : undefined, "aria-label": item.text, "aria-owns": this.Opened ? misc_1.getDOMElementId(this.props.menuGuid, itemId) : undefined, ref: function (el) { return _this.itemElement = el; }, key: "0" }, this.contentRender ? this.renderContent() : this.renderMenuItemLink()),
+            React.createElement("li", { className: this.getMenuItemClassName(item), style: item.cssStyle, tabIndex: itemId === this.props.tabbableItemId ? 0 : -1, onMouseOver: this.onMouseOver, onMouseLeave: this.onMouseLeave, onMouseDown: function (event) { return _this.props.onMouseDown(event); }, onBlur: function () { return _this.props.onBlur(itemId); }, onFocus: function () { return _this.props.onFocus(itemId); }, onClick: function (event) { return _this.props.onClick(event, itemId); }, role: "menuitem", "aria-disabled": item.disabled ? true : undefined, "aria-haspopup": item.items.length > 0 ? true : undefined, "aria-expanded": item.items.length > 0 ? this.Opened : undefined, "aria-label": item.text, "aria-owns": this.Opened ? (0, misc_1.getDOMElementId)(this.props.menuGuid, itemId) : undefined, ref: function (el) { return _this.itemElement = el; }, key: "0" }, this.contentRender ? this.renderContent() : this.renderMenuItemLink()),
             this.renderPopupIfOpened()));
     };
     MenuItemInternal.prototype.renderContent = function () {
@@ -85,7 +88,7 @@ var MenuItemInternal = /** @class */ (function (_super) {
     MenuItemInternal.prototype.renderMenuItemLink = function () {
         var item = this.props.item;
         if (this.linkRender) {
-            return (React.createElement(this.linkRender, { item: this.props.onOriginalItemNeeded(item.id), itemId: item.id, opened: this.Opened, dir: misc_1.convertBoolDirectionToString(this.props.isDirectionRightToLeft) }));
+            return (React.createElement(this.linkRender, { item: this.props.onOriginalItemNeeded(item.id), itemId: item.id, opened: this.Opened, dir: (0, misc_1.convertBoolDirectionToString)(this.props.isDirectionRightToLeft) }));
         }
         else {
             var textOrItemRender = this.itemRender ?
@@ -100,7 +103,7 @@ var MenuItemInternal = /** @class */ (function (_super) {
     MenuItemInternal.prototype.renderPopupIfOpened = function () {
         if (this.Opened) {
             var itemId = this.props.item.id;
-            var _a = misc_1.getPopupSettings(itemId, this.props.isMenuVertical, this.props.isDirectionRightToLeft), anchorAlign = _a.anchorAlign, popupAlign = _a.popupAlign, collision = _a.collision;
+            var _a = (0, misc_1.getPopupSettings)(itemId, this.props.isMenuVertical, this.props.isDirectionRightToLeft), anchorAlign = _a.anchorAlign, popupAlign = _a.popupAlign, collision = _a.collision;
             return (React.createElement(kendo_react_popup_1.Popup, { anchor: this.itemElement, show: true, popupClass: this.getPopupClassName(), anchorAlign: anchorAlign, popupAlign: popupAlign, collision: collision, animate: false, key: "1" },
                 React.createElement(MenuItemInternalsList_1.MenuItemInternalsList, { parentItemId: itemId, 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, className: "k-group k-menu-group k-reset", onMouseOver: this.props.onMouseOver, onMouseLeave: this.props.onMouseLeave, onMouseDown: this.props.onMouseDown, onBlur: this.props.onBlur, onFocus: this.props.onFocus, onClick: this.props.onClick, onOriginalItemNeeded: this.props.onOriginalItemNeeded })));
         }
@@ -110,51 +113,51 @@ var MenuItemInternal = /** @class */ (function (_super) {
     };
     MenuItemInternal.prototype.renderMenuIconIfApplicable = function () {
         return this.props.item.icon ?
-            React.createElement("span", { className: "k-icon k-i-" + this.props.item.icon, role: "presentation", key: "0" }) : null;
+            React.createElement("span", { className: "k-icon k-i-".concat(this.props.item.icon), role: "presentation", key: "0" }) : null;
     };
     MenuItemInternal.prototype.renderArrowIfApplicable = function () {
         return this.props.item.items.length > 0 ?
-            (React.createElement(MenuItemArrow_1.MenuItemArrow, { itemId: this.props.item.id, verticalMenu: this.props.isMenuVertical, dir: misc_1.convertBoolDirectionToString(this.props.isDirectionRightToLeft), key: "2" })) : null;
+            (React.createElement(MenuItemArrow_1.MenuItemArrow, { itemId: this.props.item.id, verticalMenu: this.props.isMenuVertical, dir: (0, misc_1.convertBoolDirectionToString)(this.props.isDirectionRightToLeft), key: "2" })) : null;
     };
     Object.defineProperty(MenuItemInternal.prototype, "itemRender", {
         get: function () {
             return this.props.item.render || this.props.itemRender;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MenuItemInternal.prototype, "linkRender", {
         get: function () {
             return this.props.item.linkRender || this.props.linkRender;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MenuItemInternal.prototype, "contentRender", {
         get: function () {
             return this.props.item.contentParentItemId ? this.props.item.contentRender : null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(MenuItemInternal.prototype, "Opened", {
         get: function () {
             var props = this.props;
             return props.item.items.length > 0 &&
-                itemsIdsUtils_1.shouldOpenItem(props.item.id, props.lastItemIdToBeOpened) &&
+                (0, itemsIdsUtils_1.shouldOpenItem)(props.item.id, props.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;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     MenuItemInternal.prototype.getPopupClassName = function () {
-        return kendo_react_common_1.classNames('k-menu-popup', { 'k-rtl': this.props.isDirectionRightToLeft });
+        return (0, kendo_react_common_1.classNames)('k-menu-popup', { 'k-rtl': this.props.isDirectionRightToLeft });
     };
     MenuItemInternal.prototype.getMenuItemClassName = function (item) {
-        return kendo_react_common_1.classNames('k-item', 'k-menu-item', {
-            'k-first': itemsIdsUtils_1.isFirstItemFromSiblings(item.id),
+        return (0, kendo_react_common_1.classNames)('k-item', 'k-menu-item', {
+            'k-first': (0, itemsIdsUtils_1.isFirstItemFromSiblings)(item.id),
             'k-last': item.isLastFromSiblings,
             'k-disabled': item.disabled
         }, item.cssClass);