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

package/dist/npm/menu/components/MenuItemInternalsList.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.MenuItemInternalsList = void 0;
 var React = require("react");
 var MenuItemInternal_1 = require("./MenuItemInternal");
 var misc_1 = require("./../utils/misc");
@@ -35,7 +38,7 @@ var MenuItemInternalsList = /** @class */ (function (_super) {
     }
     MenuItemInternalsList.prototype.render = function () {
         var parentItemId = this.props.parentItemId;
-        return (React.createElement("ul", { className: this.props.className, role: parentItemId !== undefined ? 'menu' : 'menubar', id: parentItemId !== undefined ? misc_1.getDOMElementId(this.props.menuGuid, parentItemId) : undefined, onMouseOver: parentItemId !== undefined ? this.onMouseOver : undefined, onMouseLeave: parentItemId !== undefined ? this.onMouseLeave : undefined, "aria-orientation": this.props['aria-orientation'] }, this.renderChildItems()));
+        return (React.createElement("ul", { className: this.props.className, role: parentItemId !== undefined ? 'menu' : 'menubar', id: parentItemId !== undefined ? (0, misc_1.getDOMElementId)(this.props.menuGuid, parentItemId) : undefined, onMouseOver: parentItemId !== undefined ? this.onMouseOver : undefined, onMouseLeave: parentItemId !== undefined ? this.onMouseLeave : undefined, "aria-orientation": this.props['aria-orientation'] }, this.renderChildItems()));
     };
     MenuItemInternalsList.prototype.renderChildItems = function () {
         var _this = this;

package/dist/npm/menu/components/MenuItemLink.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.MenuItemLink = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -29,11 +32,11 @@ var MenuItemLink = /** @class */ (function (_super) {
             return (React.createElement("a", { className: this.getMenuItemClassName(), role: "presentation", href: this.props.url, tabIndex: -1 }, this.props.children));
         }
         else {
-            return (React.createElement("span", { id: this.props.id, className: kendo_react_common_1.classNames(this.getMenuItemClassName(), this.props.className), style: this.props.style, role: "presentation" }, this.props.children));
+            return (React.createElement("span", { id: this.props.id, className: (0, kendo_react_common_1.classNames)(this.getMenuItemClassName(), this.props.className), style: this.props.style, role: "presentation" }, this.props.children));
         }
     };
     MenuItemLink.prototype.getMenuItemClassName = function () {
-        return kendo_react_common_1.classNames('k-link', 'k-menu-link', {
+        return (0, kendo_react_common_1.classNames)('k-link', 'k-menu-link', {
             'k-active': this.props.opened
         });
     };

package/dist/npm/menu/consts.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.POPUP_SETTINGS = exports.POPUP_SETTINGS_RTL = void 0;
 /**
  * @hidden
  */

package/dist/npm/menu/models/BaseMenuItem.d.ts

@@ -43,4 +43,8 @@ export interface BaseMenuItem {
      * Represents any additional data that is associated with the Menu item.
      */
     data?: any;
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
 }

package/dist/npm/menu/utils/DirectionHolder.d.ts

@@ -5,7 +5,7 @@ export declare class DirectionHolder {
     private phase;
     private previousIsDirectionRightToLeft?;
     private isDirectionRightToLeft?;
-    getIsDirectionRightToLeft(): boolean;
+    getIsDirectionRightToLeft(): boolean | undefined;
     setIsDirectionRightToLeft(value: boolean): void;
     hasDirectionChanged(): boolean;
 }

package/dist/npm/menu/utils/DirectionHolder.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DirectionHolder = void 0;
 /**
  * @hidden
  */

package/dist/npm/menu/utils/MouseOverHandler.d.ts

@@ -8,9 +8,9 @@ export declare class MouseOverHandler {
     private isMouseOverEnabled;
     private mouseDown;
     constructor(openOnClick: boolean | undefined, resetMenu: any, openItem: any);
-    OpenOnClick: boolean | undefined;
+    set OpenOnClick(value: boolean | undefined);
     handleItemSelectedViaKeyboard(): void;
-    readonly IsMouseOverEnabled: boolean;
+    get IsMouseOverEnabled(): boolean;
     handleItemMouseDown(): void;
     handleItemFocus(): void;
     handleItemClick(itemId: string, clickedItemIsWithDefaultClose: boolean): void;

package/dist/npm/menu/utils/MouseOverHandler.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MouseOverHandler = void 0;
 /**
  * @hidden
  */
@@ -8,6 +9,7 @@ var MouseOverHandler = /** @class */ (function () {
         this.openOnClick = openOnClick;
         this.resetMenu = resetMenu;
         this.openItem = openItem;
+        this.mouseDown = false;
         this.openOnClick = openOnClick;
         this.isMouseOverEnabled = openOnClick ? false : true;
     }
@@ -19,7 +21,7 @@ var MouseOverHandler = /** @class */ (function () {
             }
             this.openOnClick = value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     MouseOverHandler.prototype.handleItemSelectedViaKeyboard = function () {
@@ -32,7 +34,7 @@ var MouseOverHandler = /** @class */ (function () {
         get: function () {
             return this.isMouseOverEnabled;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     MouseOverHandler.prototype.handleItemMouseDown = function () {

package/dist/npm/menu/utils/getNewItemIdUponKeyboardNavigation.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNewItemIdUponKeyboardNavigation = void 0;
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var itemsIdsUtils_1 = require("./itemsIdsUtils");
 var NO_WHITESPACE_REGEX = /\S/;
@@ -54,7 +55,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
             return getNextSiblingId();
         }
         else {
-            if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
+            if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
                 return getFirstChildIdForEnabledItemOrGetSameId();
             }
             else {
@@ -67,7 +68,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
             return getPrevSiblingId();
         }
         else {
-            if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
+            if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
                 return getLastChildIdForEnabledItemOrGetSameId();
             }
             else {
@@ -80,7 +81,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
             return sourceItemId;
         }
         else {
-            return hasChildren() ? itemsIdsUtils_1.getFirstChildId(sourceItemId) : itemsIdsUtils_1.getRootParentId(sourceItemId);
+            return hasChildren() ? (0, itemsIdsUtils_1.getFirstChildId)(sourceItemId) : (0, itemsIdsUtils_1.getRootParentId)(sourceItemId);
         }
     }
     function getIdUponHomeKey() {
@@ -91,12 +92,12 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
         return siblings[siblings.length - 1].id;
     }
     function getIdUponEscKey() {
-        return itemsIdsUtils_1.isIdZeroLevel(sourceItemId) ? sourceItemId : itemsIdsUtils_1.getDirectParentId(sourceItemId);
+        return (0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId) ? sourceItemId : (0, itemsIdsUtils_1.getDirectParentId)(sourceItemId);
     }
     function getIdUponSearchByChar() {
         var searchChar = key.toLowerCase();
         var siblings = getSiblings();
-        var currentItemIndex = Number(itemsIdsUtils_1.getShortId(sourceItemId));
+        var currentItemIndex = Number((0, itemsIdsUtils_1.getShortId)(sourceItemId));
         var itemsToSearch = siblings.slice(currentItemIndex + 1).concat(siblings.slice(0, currentItemIndex + 1));
         var matchedSibling = itemsToSearch.find(function (item) {
             return (item.text || '').toLowerCase().startsWith(searchChar);
@@ -105,37 +106,37 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
     }
     // #region Left Key Internals
     function getIdUponLeftKeyForHorizontalMenu() {
-        if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
+        if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
             return getPrevSiblingId();
         }
-        else if (itemsIdsUtils_1.isIdFirstLevel(sourceItemId)) {
-            return getFirstChildIdForEnabledItemOrGetSameId(getPrevSiblingId(itemsIdsUtils_1.getRootParentId(sourceItemId)));
+        else if ((0, itemsIdsUtils_1.isIdFirstLevel)(sourceItemId)) {
+            return getFirstChildIdForEnabledItemOrGetSameId(getPrevSiblingId((0, itemsIdsUtils_1.getRootParentId)(sourceItemId)));
         }
         else {
-            return itemsIdsUtils_1.getDirectParentId(sourceItemId);
+            return (0, itemsIdsUtils_1.getDirectParentId)(sourceItemId);
         }
     }
     function getIdUponLeftKeyForVerticalMenu() {
-        if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
+        if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
             return getLastChildIdForEnabledItemOrGetSameId();
         }
         else {
-            return itemsIdsUtils_1.getDirectParentId(sourceItemId);
+            return (0, itemsIdsUtils_1.getDirectParentId)(sourceItemId);
         }
     }
     // #endregion
     // #region Right Key Internals
     function getIdUponRightKeyForHorizontalMenu() {
-        if (itemsIdsUtils_1.isIdZeroLevel(sourceItemId)) {
+        if ((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId)) {
             return getNextSiblingId();
         }
         else {
-            return getFirstChildIdForEnabledItemOrGetSameId(hasChildren() ? sourceItemId : getNextSiblingId(itemsIdsUtils_1.getRootParentId(sourceItemId)));
+            return getFirstChildIdForEnabledItemOrGetSameId(hasChildren() ? sourceItemId : getNextSiblingId((0, itemsIdsUtils_1.getRootParentId)(sourceItemId)));
         }
     }
     function getIdUponRightKeyForVerticalMenu() {
-        return getFirstChildIdForEnabledItemOrGetSameId(itemsIdsUtils_1.isIdZeroLevel(sourceItemId) || hasChildren() ?
-            sourceItemId : getNextSiblingId(itemsIdsUtils_1.getRootParentId(sourceItemId)));
+        return getFirstChildIdForEnabledItemOrGetSameId((0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId) || hasChildren() ?
+            sourceItemId : getNextSiblingId((0, itemsIdsUtils_1.getRootParentId)(sourceItemId)));
     }
     // #endregion
     // #region Utils
@@ -155,7 +156,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
         if (items === undefined) {
             items = sourceItems;
         }
-        return itemsIdsUtils_1.getItemById(itemId, items);
+        return (0, itemsIdsUtils_1.getItemById)(itemId, items);
     }
     function hasChildren(itemId) {
         return getItemById(itemId).items.length > 0;
@@ -171,8 +172,8 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
         return itemChildren[itemChildren.length - 1].id;
     }
     function getSiblings() {
-        return itemsIdsUtils_1.isIdZeroLevel(sourceItemId) ?
-            sourceItems : getItemById(itemsIdsUtils_1.getDirectParentId(sourceItemId), sourceItems).items;
+        return (0, itemsIdsUtils_1.isIdZeroLevel)(sourceItemId) ?
+            sourceItems : getItemById((0, itemsIdsUtils_1.getDirectParentId)(sourceItemId), sourceItems).items;
     }
     function getFirstOrLastChildIdForEnabledItemOrGetSameId(getFirstChild, itemId) {
         if (itemId === undefined) {
@@ -180,7 +181,7 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
         }
         var item = getItemById(itemId);
         if (hasChildren(itemId) && !item.disabled) {
-            return getFirstChild ? itemsIdsUtils_1.getFirstChildId(itemId) : getLastChildId(itemId);
+            return getFirstChild ? (0, itemsIdsUtils_1.getFirstChildId)(itemId) : getLastChildId(itemId);
         }
         else {
             return itemId;
@@ -190,14 +191,14 @@ function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode,
         if (itemId === undefined) {
             itemId = sourceItemId;
         }
-        if (itemsIdsUtils_1.isIdZeroLevel(itemId)) {
-            return itemsIdsUtils_1.getDirectSiblingIdForLevelZero(next, itemId, sourceItems.length);
+        if ((0, itemsIdsUtils_1.isIdZeroLevel)(itemId)) {
+            return (0, itemsIdsUtils_1.getDirectSiblingIdForLevelZero)(next, itemId, sourceItems.length);
         }
         else {
-            var directParentId = itemsIdsUtils_1.getDirectParentId(itemId);
-            var shortId = itemsIdsUtils_1.getShortId(itemId);
+            var directParentId = (0, itemsIdsUtils_1.getDirectParentId)(itemId);
+            var shortId = (0, itemsIdsUtils_1.getShortId)(itemId);
             var siblingsCount = getItemById(directParentId).items.length;
-            return itemsIdsUtils_1.createId(itemsIdsUtils_1.getDirectSiblingIdForLevelZero(next, shortId, siblingsCount), directParentId);
+            return (0, itemsIdsUtils_1.createId)((0, itemsIdsUtils_1.getDirectSiblingIdForLevelZero)(next, shortId, siblingsCount), directParentId);
         }
     }
     // #endregion

package/dist/npm/menu/utils/hoverDelay.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHoverCloseDelay = exports.getHoverOpenDelay = void 0;
 /**
  * @hidden
  */

package/dist/npm/menu/utils/itemsIdsUtils.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDirectSiblingIdForLevelZero = exports.getShortId = exports.isFirstItemFromSiblings = exports.isIdFirstLevel = exports.isIdZeroLevel = exports.isIdEmptyOrZeroLevel = exports.getDirectParentId = exports.createId = exports.shouldOpenItem = exports.getFirstChildId = exports.getIdWithoutRootParentId = exports.getRootParentId = exports.getItemById = exports.SEPARATOR = exports.ZERO_LEVEL_ZERO_ITEM_ID = exports.EMPTY_ID = void 0;
 /**
  * @hidden
  */

package/dist/npm/menu/utils/misc.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDOMElementId = exports.convertBoolDirectionToString = exports.getChildrenPosition = exports.getPopupSettings = void 0;
 var consts_1 = require("../consts");
 var itemsIdsUtils_1 = require("./itemsIdsUtils");
 /**
@@ -19,7 +20,7 @@ exports.getPopupSettings = getPopupSettings;
  * @hidden
  */
 function getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft) {
-    if (itemsIdsUtils_1.isIdZeroLevel(itemId)) {
+    if ((0, itemsIdsUtils_1.isIdZeroLevel)(itemId)) {
         if (isMenuVertical) {
             return isDirectionRightToLeft ? 'leftward' : 'rightward';
         }
@@ -43,6 +44,6 @@ exports.convertBoolDirectionToString = convertBoolDirectionToString;
  * @hidden
  */
 function getDOMElementId(menuGuid, itemId) {
-    return menuGuid + "_" + itemId;
+    return "".concat(menuGuid, "_").concat(itemId);
 }
 exports.getDOMElementId = getDOMElementId;

package/dist/npm/menu/utils/prepareInputItemsForInternalWork.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareInputItemsForInternalWork = void 0;
 var React = require("react");
 var itemsIdsUtils_1 = require("./itemsIdsUtils");
 var MenuItem_1 = require("../components/MenuItem");
@@ -79,7 +80,7 @@ function convertInputModelsToInternalOnesHelper(inputModels, parentId) {
     for (var index = 0; index < inputModels.length; index++) {
         var inputModel = inputModels[index];
         var internalModel = copyInputItemWithoutChildren(inputModel);
-        internalModel.id = itemsIdsUtils_1.createId(index.toString(), parentId);
+        internalModel.id = (0, itemsIdsUtils_1.createId)(index.toString(), parentId);
         internalModel.isLastFromSiblings = index === inputModels.length - 1;
         internalModel.items = copyOrCreateModelChildren(inputModel, internalModel);
         result.push(internalModel);
@@ -90,7 +91,7 @@ function copyOrCreateModelChildren(inputModel, internalModel) {
     if (inputModel.contentRender) {
         return [{
                 contentParentItemId: internalModel.id,
-                id: itemsIdsUtils_1.createId(itemsIdsUtils_1.ZERO_LEVEL_ZERO_ITEM_ID, internalModel.id),
+                id: (0, itemsIdsUtils_1.createId)(itemsIdsUtils_1.ZERO_LEVEL_ZERO_ITEM_ID, internalModel.id),
                 isLastFromSiblings: true,
                 contentRender: inputModel.contentRender,
                 items: []

package/dist/npm/package-metadata.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageMetadata = void 0;
 /**
  * @hidden
  */
@@ -7,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-layout',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653456913,
+    publishDate: 1654690499,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/panelbar/PanelBar.d.ts

@@ -18,10 +18,10 @@ export declare class PanelBar extends React.Component<PanelBarProps, PanelBarSta
      */
     static propTypes: {
         animation: PropTypes.Requireable<boolean>;
-        children: (props: PanelBarProps, propName: any) => Error;
+        children: (props: PanelBarProps, propName: any) => Error | null | undefined;
         dir: PropTypes.Requireable<string>;
         selected: PropTypes.Requireable<string>;
-        expanded: PropTypes.Requireable<string[]>;
+        expanded: PropTypes.Requireable<(string | null | undefined)[]>;
         focused: PropTypes.Requireable<string>;
         expandMode: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
@@ -44,10 +44,10 @@ export declare class PanelBar extends React.Component<PanelBarProps, PanelBarSta
     private activeDescendant?;
     private _element;
     private nextTickId;
-    private readonly expandMode;
-    private readonly selectedItem;
-    private readonly expandedItems;
-    private readonly children;
+    private get expandMode();
+    private get selectedItem();
+    private get expandedItems();
+    private get children();
     constructor(props: PanelBarProps);
     /**
      * @hidden

package/dist/npm/panelbar/PanelBar.js

@@ -3,10 +3,12 @@ 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 __());
@@ -23,7 +25,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelBar = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var PanelBarItem_1 = require("./PanelBarItem");
@@ -48,7 +60,7 @@ var PanelBar = /** @class */ (function (_super) {
          * @hidden
          */
         _this.onSelect = function (event) {
-            var flattenChildren = util_1.flatChildren(React.Children.toArray(_this.children));
+            var flattenChildren = (0, util_1.flatChildren)(React.Children.toArray(_this.children));
             var selectedChild;
             var newExpanded;
             flattenChildren.forEach(function (child) {
@@ -58,10 +70,10 @@ var PanelBar = /** @class */ (function (_super) {
             });
             switch (_this.expandMode) {
                 case 'single':
-                    newExpanded = selectedChild.props.parentUniquePrivateKey.concat([selectedChild.props.uniquePrivateKey]);
-                    if (util_1.isArrayEqual(_this.expandedItems, newExpanded)) {
+                    newExpanded = __spreadArray(__spreadArray([], selectedChild.props.parentUniquePrivateKey, true), [selectedChild.props.uniquePrivateKey], false);
+                    if ((0, util_1.isArrayEqual)(_this.expandedItems, newExpanded)) {
                         if (selectedChild.props.parentUniquePrivateKey) {
-                            newExpanded = selectedChild.props.parentUniquePrivateKey.slice();
+                            newExpanded = __spreadArray([], selectedChild.props.parentUniquePrivateKey, true);
                         }
                         else {
                             newExpanded = [];
@@ -90,7 +102,7 @@ var PanelBar = /** @class */ (function (_super) {
          */
         _this.onFocus = function (event, step) {
             if (step === void 0) { step = 0; }
-            var flattenChildren = util_1.flatVisibleChildren(React.Children.toArray(_this.children));
+            var flattenChildren = (0, util_1.flatVisibleChildren)(React.Children.toArray(_this.children));
             var focusedChild;
             flattenChildren.forEach(function (child, ixd) {
                 if (child.props.uniquePrivateKey === (event.uniquePrivateKey || _this.state.focused)) {
@@ -170,10 +182,10 @@ var PanelBar = /** @class */ (function (_super) {
                 }
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
-        var initialState = util_1.getInitialState(props, _this.expandMode);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
+        var initialState = (0, util_1.getInitialState)(props, _this.expandMode);
         if (!initialState.focused) {
-            initialState.focused = util_1.getFirstId(props);
+            initialState.focused = (0, util_1.getFirstId)(props);
         }
         _this.state = initialState;
         return _this;
@@ -182,7 +194,7 @@ var PanelBar = /** @class */ (function (_super) {
         get: function () {
             return this.props.expandMode || 'multiple';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(PanelBar.prototype, "selectedItem", {
@@ -190,7 +202,7 @@ var PanelBar = /** @class */ (function (_super) {
             var _a = this.props.selected, selected = _a === void 0 ? this.state.selected : _a;
             return selected;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(PanelBar.prototype, "expandedItems", {
@@ -198,12 +210,12 @@ var PanelBar = /** @class */ (function (_super) {
             var expanded = this.props.isControlled ? this.props.expanded || [] : this.state.expanded;
             return expanded;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(PanelBar.prototype, "children", {
         get: function () {
-            var state = __assign({}, this.state, { selected: this.selectedItem });
+            var state = __assign(__assign({}, this.state), { selected: this.selectedItem });
             var renderState = {
                 animation: this.props.animation,
                 keepItemsMounted: this.props.keepItemsMounted,
@@ -212,9 +224,9 @@ var PanelBar = /** @class */ (function (_super) {
                 handleSelect: this.handleSelect,
                 children: this.props.children
             };
-            return util_1.renderChildren(renderState);
+            return (0, util_1.renderChildren)(renderState);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -225,7 +237,7 @@ var PanelBar = /** @class */ (function (_super) {
         var ariaProps = {
             'aria-activedescendant': this.activeDescendant
         };
-        var className = kendo_react_common_1.classNames('k-panelbar', this.props.className);
+        var className = (0, kendo_react_common_1.classNames)('k-panelbar', this.props.className);
         return (React.createElement("ul", __assign({ ref: function (div) { _this._element = div; }, dir: this.props.dir, role: 'tree', tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleWrapperFocus, onBlur: this.handleWrapperBlur, className: className, style: this.props.style }, ariaProps), this.children));
     };
     PanelBar.prototype.nextTick = function (f) {

package/dist/npm/panelbar/PanelBarItem.d.ts

@@ -29,7 +29,7 @@ export declare class PanelBarItem extends React.PureComponent<PanelBarItemProps,
     static defaultProps: {
         title: string;
     };
-    constructor(props: any);
+    constructor(props: PanelBarItemProps);
     /**
      * @hidden
      */

package/dist/npm/panelbar/PanelBarItem.js

@@ -3,10 +3,12 @@ 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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelBarItem = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -37,7 +40,7 @@ function iconElement(_a) {
         return (React.createElement("img", { role: "presentation", className: 'k-panelbar-item-icon k-image', src: imageUrl }));
     }
     else if (icon) {
-        var iconClasses = kendo_react_common_1.classNames('k-panelbar-item-icon', 'k-icon', 'k-i-' + icon);
+        var iconClasses = (0, kendo_react_common_1.classNames)('k-panelbar-item-icon', 'k-icon', 'k-i-' + icon);
         return (React.createElement("span", { role: "presentation", className: iconClasses }));
     }
     else if (iconClass) {
@@ -61,12 +64,12 @@ var PanelBarItem = /** @class */ (function (_super) {
         };
         _this.childFactory = function (child) {
             if (_this.props.keepItemsMounted) {
-                return React.cloneElement(child, __assign({}, child.props, { in: _this.props.expanded }));
+                return React.cloneElement(child, __assign(__assign({}, child.props), { in: _this.props.expanded }));
             }
             return child;
         };
         _this.state = {
-            show: props.expanded
+            show: props.expanded || false
         };
         return _this;
     }
@@ -74,8 +77,8 @@ var PanelBarItem = /** @class */ (function (_super) {
      * @hidden
      */
     PanelBarItem.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var _b = this.props, id = _b.id, children = _b.children, title = _b.title, uniquePrivateKey = _b.uniquePrivateKey, disabled = _b.disabled, selected = _b.selected, focused = _b.focused, expanded = _b.expanded, className = _b.className, level = _b.level, headerClassName = _b.headerClassName, animation = _b.animation, keepItemsMounted = _b.keepItemsMounted;
         var panelBarItemAriaAttributes = {
             'role': 'treeitem',
@@ -84,17 +87,17 @@ var PanelBarItem = /** @class */ (function (_super) {
             'aria-selected': !disabled && selected,
             'aria-expanded': !disabled && expanded && !!children
         };
-        var panelBarItemClassName = kendo_react_common_1.classNames('k-item', {
+        var panelBarItemClassName = (0, kendo_react_common_1.classNames)('k-item', {
             'k-panelbar-header': level === 0,
             'k-panelbar-item': level !== 0,
             'k-state-expanded': expanded && !!children
-        }, "k-level-" + level, className);
-        var panelBarLinkClassName = kendo_react_common_1.classNames('k-link', {
+        }, "k-level-".concat(level), className);
+        var panelBarLinkClassName = (0, kendo_react_common_1.classNames)('k-link', {
             'k-selected': !disabled && selected,
             'k-focus': !disabled && focused,
             'k-disabled': disabled
         }, headerClassName);
-        var panelBarItemArrowClassName = kendo_react_common_1.classNames('k-panelbar-toggle', 'k-icon', (_a = {},
+        var panelBarItemArrowClassName = (0, kendo_react_common_1.classNames)('k-panelbar-toggle', 'k-icon', (_a = {},
             _a['k-i-arrow-chevron-up'] = expanded && !!children,
             _a['k-panelbar-collapse'] = expanded && !!children,
             _a['k-i-arrow-chevron-down'] = !expanded && !!children,

package/dist/npm/panelbar/interfaces/NavigationAction.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationAction = void 0;
 /**
  * @hidden
  */