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

package/dist/es/main.js

@@ -6,10 +6,16 @@ export * from './tabstrip/TabStripTab';
 export * from './panelbar/PanelBar';
 export * from './panelbar/PanelBarItem';
 export * from './panelbar/util';
+export * from './panelbar/interfaces/PanelBarProps';
+export * from './panelbar/interfaces/PanelBarItemProps';
+export * from './panelbar/interfaces/RenderPanelBarItem';
+export * from './panelbar/interfaces/PanelBarSelectEventArguments';
 export * from './menu/components/Menu';
 export * from './menu/components/MenuItemLink';
 export * from './menu/components/MenuItem';
 export * from './menu/components/MenuItemArrow';
+export * from './menu/models/MenuItemModel';
+export * from './menu/events';
 export * from './splitter/Splitter';
 export * from './splitter/SplitterPane';
 export * from './card/Card';
@@ -20,22 +26,53 @@ export * from './card/CardActions';
 export * from './card/CardImage';
 export * from './card/CardSubtitle';
 export * from './card/CardFooter';
+export * from './card/interfaces/CardProps';
+export * from './card/interfaces/CardHandle';
+export * from './card/interfaces/AvatarProps';
+export * from './card/interfaces/CardActionsProps';
 export * from './card/Avatar';
 export * from './drawer/Drawer';
+export * from './drawer/interfaces/DrawerProps';
 export * from './drawer/DrawerNavigation';
+export * from './drawer/interfaces/DrawerNavigationProps';
 export * from './drawer/DrawerContent';
+export * from './drawer/interfaces/DrawerContentProps';
 export * from './drawer/DrawerItem';
+export * from './drawer/interfaces/DrawerItemHandle';
+export * from './drawer/interfaces/DrawerItemProps';
+export * from './drawer/interfaces/DrawerSelectEvent';
+export * from './drawer/interfaces/DrawerAnimation';
 export * from './stepper/Stepper';
+export * from './stepper/interfaces/StepperProps';
+export * from './stepper/interfaces/StepperHandle';
+export * from './stepper/interfaces/StepperChangeEvent';
+export * from './stepper/interfaces/StepperFocusEvent';
 export * from './stepper/Step';
+export * from './stepper/interfaces/StepProps';
+export * from './stepper/interfaces/StepHandle';
+export * from './stepper/interfaces/StepChangeEvent';
+export * from './stepper/interfaces/StepFocusEvent';
 export * from './appbar/AppBar';
+export * from './appbar/interfaces/AppBarProps';
 export * from './appbar/AppBarSection';
+export * from './appbar/interfaces/AppBarSectionProps';
 export * from './appbar/AppBarSpacer';
+export * from './appbar/interfaces/AppBarSpacerProps';
 export * from './tilelayout/TileLayout';
+export * from './tilelayout/interfaces/main';
 export * from './bottomnavigation/BottomNavigation';
+export * from './bottomnavigation/BottomNavigationProps';
 export * from './bottomnavigation/BottomNavigationItem';
+export * from './bottomnavigation/BottomNavigationItemProps';
+export * from './bottomnavigation/models/events';
 export * from './stacklayout/StackLayout';
+export * from './stacklayout/StackLayoutProps';
 export * from './gridlayout/GridLayout';
 export * from './gridlayout/GridLayoutItem';
+export * from './gridlayout/interfaces/GridLayoutProps';
+export * from './gridlayout/interfaces/GridLayoutItemProps';
+export * from './gridlayout/interfaces/GridLayoutRowProps';
+export * from './gridlayout/interfaces/GridLayoutColumnProps';
 export * from './breadcrumb/Breadcrumb';
 export * from './breadcrumb/BreadcrumbOrderedList';
 export * from './breadcrumb/BreadcrumbListItem';

package/dist/es/menu/BaseMenuItemInternalProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/menu/MenuProps.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/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/es/menu/components/Menu.js

@@ -2,10 +2,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 __());
@@ -56,6 +58,8 @@ var Menu = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this.guid = guid();
         _this.directionHolder = new DirectionHolder();
+        _this.inputItems = [];
+        _this.items = [];
         /**
          * Resets the selection and opening of Menu items.
          */

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

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

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

@@ -2,10 +2,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 __());

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

@@ -2,10 +2,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 __());

package/dist/es/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/es/menu/components/MenuItemInternal.js

@@ -2,10 +2,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 __());
@@ -108,7 +110,7 @@ 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 ?
@@ -118,21 +120,21 @@ var MenuItemInternal = /** @class */ (function (_super) {
         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", {
@@ -144,7 +146,7 @@ var MenuItemInternal = /** @class */ (function (_super) {
                 // 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 () {

package/dist/es/menu/components/MenuItemInternalsList.js

@@ -2,10 +2,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 __());

package/dist/es/menu/components/MenuItemLink.js

@@ -2,10 +2,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 __());

package/dist/es/menu/events.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/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/es/menu/models/BaseMenuItem.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/menu/models/MenuItemModel.js

@@ -0,0 +1 @@
+export {};

package/dist/es/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/es/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/es/menu/utils/MouseOverHandler.js

@@ -6,6 +6,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;
     }
@@ -17,7 +18,7 @@ var MouseOverHandler = /** @class */ (function () {
             }
             this.openOnClick = value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     MouseOverHandler.prototype.handleItemSelectedViaKeyboard = function () {
@@ -30,7 +31,7 @@ var MouseOverHandler = /** @class */ (function () {
         get: function () {
             return this.isMouseOverEnabled;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     MouseOverHandler.prototype.handleItemMouseDown = function () {

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

@@ -38,5 +38,5 @@ export function convertBoolDirectionToString(isDirectionRightToLeft) {
  * @hidden
  */
 export function getDOMElementId(menuGuid, itemId) {
-    return menuGuid + "_" + itemId;
+    return "".concat(menuGuid, "_").concat(itemId);
 }

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var 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/es/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/es/panelbar/PanelBar.js

@@ -2,10 +2,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 __());
@@ -22,6 +24,15 @@ 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));
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { PanelBarItem } from './PanelBarItem';
@@ -56,10 +67,10 @@ var PanelBar = /** @class */ (function (_super) {
             });
             switch (_this.expandMode) {
                 case 'single':
-                    newExpanded = selectedChild.props.parentUniquePrivateKey.concat([selectedChild.props.uniquePrivateKey]);
+                    newExpanded = __spreadArray(__spreadArray([], selectedChild.props.parentUniquePrivateKey, true), [selectedChild.props.uniquePrivateKey], false);
                     if (isArrayEqual(_this.expandedItems, newExpanded)) {
                         if (selectedChild.props.parentUniquePrivateKey) {
-                            newExpanded = selectedChild.props.parentUniquePrivateKey.slice();
+                            newExpanded = __spreadArray([], selectedChild.props.parentUniquePrivateKey, true);
                         }
                         else {
                             newExpanded = [];
@@ -180,7 +191,7 @@ var PanelBar = /** @class */ (function (_super) {
         get: function () {
             return this.props.expandMode || 'multiple';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(PanelBar.prototype, "selectedItem", {
@@ -188,7 +199,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", {
@@ -196,12 +207,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,7 +223,7 @@ var PanelBar = /** @class */ (function (_super) {
             };
             return renderChildren(renderState);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**

package/dist/es/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/es/panelbar/PanelBarItem.js

@@ -2,10 +2,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 __());
@@ -59,12 +61,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;
     }
@@ -72,8 +74,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',
@@ -86,7 +88,7 @@ var PanelBarItem = /** @class */ (function (_super) {
             'k-panelbar-header': level === 0,
             'k-panelbar-item': level !== 0,
             'k-state-expanded': expanded && !!children
-        }, "k-level-" + level, className);
+        }, "k-level-".concat(level), className);
         var panelBarLinkClassName = classNames('k-link', {
             'k-selected': !disabled && selected,
             'k-focus': !disabled && focused,

package/dist/es/panelbar/interfaces/PanelBarItemClickEventArguments.js

@@ -0,0 +1 @@
+export {};

package/dist/es/panelbar/interfaces/PanelBarItemProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/panelbar/interfaces/PanelBarProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/panelbar/interfaces/PanelBarSelectEventArguments.js

@@ -0,0 +1 @@
+export {};

package/dist/es/panelbar/interfaces/RenderPanelBarItem.js

@@ -0,0 +1 @@
+export {};

package/dist/es/panelbar/util.js

@@ -9,6 +9,15 @@ 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));
+};
 import * as React from 'react';
 import { PanelBarItem } from './PanelBarItem';
 /**
@@ -30,11 +39,11 @@ export var renderChildren = function (_a) {
                     children: child.props.children,
                     parentExpanded: (expanded || []).indexOf(privateKey) > -1,
                     level: level + 1,
-                    parentPrivateKey: parentPrivateKey.concat([privateKey])
+                    parentPrivateKey: __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false)
                 };
                 nestedChildren = renderChildren(renderState);
             }
-            return React.cloneElement(child, __assign({}, child.props, { animation: child.props.animation !== undefined ? child.props.animation : animation, keepItemsMounted: keepItemsMounted, id: child.props.id || "k-panelbar-item-default-" + privateKey, uniquePrivateKey: privateKey, parentUniquePrivateKey: parentPrivateKey, parentExpanded: parentExpanded, level: level, expanded: (expanded || []).indexOf(privateKey) > -1, focused: state.focused === privateKey && state.wrapperFocused, selected: state.selected === privateKey, children: nestedChildren, onSelect: handleSelect }));
+            return React.cloneElement(child, __assign(__assign({}, child.props), { animation: child.props.animation !== undefined ? child.props.animation : animation, keepItemsMounted: keepItemsMounted, id: child.props.id || "k-panelbar-item-default-".concat(privateKey), uniquePrivateKey: privateKey, parentUniquePrivateKey: parentPrivateKey, parentExpanded: parentExpanded, level: level, expanded: (expanded || []).indexOf(privateKey) > -1, focused: state.focused === privateKey && state.wrapperFocused, selected: state.selected === privateKey, children: nestedChildren, onSelect: handleSelect }));
         }
         else {
             return React.createElement("div", { className: "k-panelbar-content k-content" }, child);
@@ -82,7 +91,7 @@ export var getInitialState = function (props, expandMode, result, parentExpanded
                     }
                 }
                 if (child.props.children) {
-                    result = getInitialState(child.props, expandMode, result, !!child.props.expanded, parentPrivateKey.concat([privateKey]));
+                    result = getInitialState(child.props, expandMode, result, !!child.props.expanded, __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false));
                 }
             }
         }
@@ -96,8 +105,8 @@ var getId = function (child, parentPrivateKey, idx) {
     return child && child.props && child.props.id
         ? child.props.id
         : parentPrivateKey.length
-            ? parentPrivateKey[parentPrivateKey.length - 1] + ("." + idx)
-            : "." + idx;
+            ? parentPrivateKey[parentPrivateKey.length - 1] + ".".concat(idx)
+            : ".".concat(idx);
 };
 /**
  * @hidden

package/dist/es/splitter/Splitter.d.ts

@@ -98,12 +98,12 @@ export declare class Splitter extends React.Component<SplitterProps, SplitterSta
      */
     readonly state: SplitterState;
     private panesDuringOnChange?;
-    private readonly isControlledState;
-    private readonly panes;
+    private get isControlledState();
+    private get panes();
     private _container;
-    private readonly orientation;
-    private readonly isRtl;
-    private readonly panesContent;
+    private get orientation();
+    private get isRtl();
+    private get panesContent();
     /**
      * @hidden
      */