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

package/dist/es/appbar/AppBar.d.ts

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

package/dist/es/appbar/AppBarSection.d.ts

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

package/dist/es/appbar/AppBarSpacer.d.ts

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

package/dist/es/appbar/interfaces/AppBarProps.js

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

package/dist/es/appbar/interfaces/AppBarSectionProps.js

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

package/dist/es/appbar/interfaces/AppBarSpacerProps.d.ts

@@ -12,4 +12,8 @@ export interface AppBarSpacerProps {
      * Sets additional CSS styles to the AppBarSpacer.
      */
     style?: React.CSSProperties;
+    /**
+     * Determines the children nodes.
+     */
+    children?: React.ReactNode;
 }

package/dist/es/appbar/interfaces/AppBarSpacerProps.js

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

package/dist/es/bottomnavigation/BottomNavigation.d.ts

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

package/dist/es/bottomnavigation/BottomNavigation.js

@@ -84,7 +84,7 @@ export var BottomNavigation = React.forwardRef(function (props, ref) {
         dispatchEvent(onKeyDown, event, getImperativeHandle(), undefined);
     }, [dispatchSelectEvent, onKeyDown]);
     return (React.createElement("nav", { ref: elementRef, className: navClasses, style: style, id: id || navId, dir: dir }, items && (items.map(function (element, index) {
-        return (React.createElement(BottomNavigationItem, __assign({}, element, { key: index, index: index, id: (id || navId) + "-" + index, disabled: disabled || element.disabled, selected: element.selected, dataItem: element, item: item, render: itemRender, onSelect: handleSelect, onKeyDown: handleKeyDown })));
+        return (React.createElement(BottomNavigationItem, __assign({}, element, { key: index, index: index, id: "".concat(id || navId, "-").concat(index), disabled: disabled || element.disabled, selected: element.selected, dataItem: element, item: item, render: itemRender, onSelect: handleSelect, onKeyDown: handleKeyDown })));
     }))));
 });
 var defaultProps = {

package/dist/es/bottomnavigation/BottomNavigationItem.d.ts

@@ -9,4 +9,4 @@ export interface BottomNavigationItemHandle {
 /**
  * Represents the [KendoReact BottomNavigationItem component]({% slug overview_bottomnavigation %}).
  */
-export declare const BottomNavigationItem: React.ForwardRefExoticComponent<Pick<BottomNavigationItemProps, string | number> & React.RefAttributes<BottomNavigationItemHandle>>;
+export declare const BottomNavigationItem: React.ForwardRefExoticComponent<Pick<BottomNavigationItemProps, keyof BottomNavigationItemProps> & React.RefAttributes<BottomNavigationItemHandle | null>>;

package/dist/es/bottomnavigation/BottomNavigationItem.js

@@ -31,7 +31,7 @@ export var BottomNavigationItem = React.forwardRef(function (props, ref) {
     var ItemComp = item;
     var bottomNavItem = (React.createElement("span", { ref: elementRef, className: itemClasses, style: style, role: 'link', id: id, tabIndex: tabIndex, onClick: handleClick, onKeyDown: handleKeyDown, "aria-selected": selected, "aria-disabled": disabled }, ItemComp ? React.createElement(ItemComp, { itemIndex: index, item: dataItem }) :
         (React.createElement(React.Fragment, null,
-            icon && React.createElement("span", { className: "k-bottom-nav-item-icon k-icon k-i-" + icon }),
+            icon && React.createElement("span", { className: "k-bottom-nav-item-icon k-icon k-i-".concat(icon) }),
             text && React.createElement("span", { className: 'k-bottom-nav-item-text', style: { userSelect: 'none' } }, text)))));
     return renderer !== undefined ? renderer.call(undefined, bottomNavItem, props) : bottomNavItem;
 });

package/dist/es/bottomnavigation/BottomNavigationItemProps.js

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

package/dist/es/bottomnavigation/BottomNavigationProps.js

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

package/dist/es/bottomnavigation/models/events.js

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

package/dist/es/bottomnavigation/models/utils.d.ts

@@ -2,35 +2,35 @@
  * @hidden
  */
 export declare const THEME_COLOR_CLASSES: {
-    'primary': string;
-    'secondary': string;
-    'tertiary': string;
-    'info': string;
-    'success': string;
-    'warning': string;
-    'error': string;
-    'dark': string;
-    'light': string;
-    'inverse': string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+    dark: string;
+    light: string;
+    inverse: string;
 };
 /**
  * @hidden
  */
 export declare const FILL_CLASSES: {
-    'flat': string;
-    'solid': string;
+    flat: string;
+    solid: string;
 };
 /**
  * @hidden
  */
 export declare const ITEM_FLOW_CLASSES: {
-    'vertical': string;
-    'horizontal': string;
+    vertical: string;
+    horizontal: string;
 };
 /**
  * @hidden
  */
 export declare const POSITION_MODE_CLASSES: {
-    'fixed': string;
-    'sticky': string;
+    fixed: string;
+    sticky: string;
 };

package/dist/es/breadcrumb/Breadcrumb.d.ts

@@ -101,6 +101,10 @@ export interface DataModel {
      * Represents the `iconClass` used inside the BreadcrumbLink component.
      */
     iconClass?: string;
+    /**
+     * @hidden
+     */
+    disabled?: boolean;
 }
 /**
  * Represents the target (element, props, and focus()) of the `BreadcrumbClickEvent`.
@@ -140,4 +144,4 @@ export interface BreadcrumbLinkKeyDownEvent extends BaseEvent<BreadcrumbLinkHand
 /**
  * Represents the Breadcrumb component.
  */
-export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<BreadcrumbHandle>>;
+export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<BreadcrumbHandle | null>>;

package/dist/es/breadcrumb/Breadcrumb.js

@@ -52,15 +52,20 @@ export var Breadcrumb = React.forwardRef(function (props, ref) {
             dispatchEvent(props.onKeyDown, event, event.target, { id: event.target.id });
         }
     };
+    var valueField = (props.valueField || defaultProps.valueField);
+    var iconField = (props.iconField || defaultProps.iconField);
+    var iconClassField = (props.iconClassField || defaultProps.iconClassField);
+    var textField = (props.textField || defaultProps.textField);
     return (React.createElement("nav", { "aria-label": props.ariaLabel, id: props.id, style: props.style, ref: breadcrumbRef, dir: dir, className: classNames('k-breadcrumb', {
             'k-rtl': dir === 'rtl',
             'k-disabled': disabled
         }, props.className) },
         React.createElement(OrderedListComponent, null,
-            React.createElement(React.Fragment, null, Object.keys(props.data).map(function (key) {
-                return (React.createElement(ListItemComponent, { key: props.data[key][props.valueField || defaultProps.valueField] },
-                    key !== '0' && React.createElement(DelimiterComponent, null),
-                    React.createElement(LinkComponent, __assign({ isLast: props.data.length - 1 === Number(key), id: props.data[key][props.valueField || defaultProps.valueField], icon: props.data[key][props.iconField || defaultProps.iconField], iconClass: props.data[key][props.iconClassField || defaultProps.iconClassField], text: props.data[key][props.textField || defaultProps.textField], disabled: props.data[key].disabled || false, onItemSelect: handleItemSelect, onKeyDown: handleKeyDown }, props))));
+            React.createElement(React.Fragment, null, props.data.map(function (item, index, data) {
+                var key = item[valueField];
+                return (React.createElement(ListItemComponent, { key: key },
+                    index !== 0 && React.createElement(DelimiterComponent, null),
+                    React.createElement(LinkComponent, __assign({ isLast: data.length - 1 === index, id: String(key), icon: item[iconField], iconClass: String(item[iconClassField]), text: String(item[textField]), disabled: item.disabled || false, onItemSelect: handleItemSelect, onKeyDown: handleKeyDown }, props))));
             })))));
 });
 var propTypes = {

package/dist/es/breadcrumb/BreadcrumbDelimiter.d.ts

@@ -36,4 +36,4 @@ export interface BreadcrumbDelimiterHandle {
 /**
  * Represents the BreadcrumbDelimiter component.
  */
-export declare const BreadcrumbDelimiter: React.ForwardRefExoticComponent<BreadcrumbDelimiterProps & React.RefAttributes<BreadcrumbDelimiterHandle>>;
+export declare const BreadcrumbDelimiter: React.ForwardRefExoticComponent<BreadcrumbDelimiterProps & React.RefAttributes<BreadcrumbDelimiterHandle | null>>;

package/dist/es/breadcrumb/BreadcrumbDelimiter.js

@@ -24,5 +24,4 @@ var propTypes = {
     tabIndex: PropTypes.number
 };
 BreadcrumbDelimiter.displayName = 'KendoReactBreadcrumbDelimiter';
-// TODO: delete casting when @types/react is updated!
 BreadcrumbDelimiter.propTypes = propTypes;

package/dist/es/breadcrumb/BreadcrumbLink.d.ts

@@ -74,4 +74,4 @@ export interface BreadcrumbLinkHandle {
      */
     focus: () => void;
 }
-export declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<BreadcrumbLinkHandle>>;
+export declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<BreadcrumbLinkHandle | null>>;

package/dist/es/breadcrumb/BreadcrumbListItem.d.ts

@@ -40,4 +40,4 @@ export interface BreadcrumbListItemHandle {
 /**
  * Represents the BreadcrumbListItem component.
  */
-export declare const BreadcrumbListItem: React.ForwardRefExoticComponent<BreadcrumbListItemProps & React.RefAttributes<BreadcrumbListItemHandle>>;
+export declare const BreadcrumbListItem: React.ForwardRefExoticComponent<BreadcrumbListItemProps & React.RefAttributes<BreadcrumbListItemHandle | null>>;

package/dist/es/breadcrumb/BreadcrumbListItem.js

@@ -30,5 +30,4 @@ var propTypes = {
     style: PropTypes.object
 };
 BreadcrumbListItem.displayName = 'KendoReactBreadcrumbListItem';
-// TODO: delete casting when @types/react is updated!
 BreadcrumbListItem.propTypes = propTypes;

package/dist/es/breadcrumb/BreadcrumbOrderedList.d.ts

@@ -48,4 +48,4 @@ export interface BreadcrumbOrderedListHandle {
 /**
  * Represents the BreadcrumbOrderedList component.
  */
-export declare const BreadcrumbOrderedList: React.ForwardRefExoticComponent<BreadcrumbOrderedListProps & React.RefAttributes<BreadcrumbOrderedListHandle>>;
+export declare const BreadcrumbOrderedList: React.ForwardRefExoticComponent<BreadcrumbOrderedListProps & React.RefAttributes<BreadcrumbOrderedListHandle | null>>;

package/dist/es/breadcrumb/BreadcrumbOrderedList.js

@@ -29,5 +29,4 @@ var propTypes = {
     disabled: PropTypes.bool
 };
 BreadcrumbOrderedList.displayName = 'KendoReactBreadcrumbOrderedList';
-// TODO: delete casting when @types/react is updated!
 BreadcrumbOrderedList.propTypes = propTypes;

package/dist/es/card/Avatar.js

@@ -9,12 +9,12 @@ export var Avatar = function (props) {
     validatePackage(packageMetadata);
     return (React.createElement("div", { style: props.style, className: classNames('k-avatar', (_a = {},
             _a['k-avatar-bordered'] = props.border,
-            _a["k-rounded-" + (kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.rounded,
-            _a["k-avatar-" + (kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
-            _a["k-avatar-" + props.fillMode] = props.fillMode,
-            _a["k-avatar-" + props.fillMode + "-" + props.themeColor] = Boolean(props.fillMode && props.themeColor),
+            _a["k-rounded-".concat(kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.rounded,
+            _a["k-avatar-".concat(kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
+            _a["k-avatar-".concat(props.fillMode)] = props.fillMode,
+            _a["k-avatar-".concat(props.fillMode, "-").concat(props.themeColor)] = Boolean(props.fillMode && props.themeColor),
             _a), props.className) },
-        React.createElement("span", { className: "k-avatar-" + props.type }, props.children)));
+        React.createElement("span", { className: "k-avatar-".concat(props.type) }, props.children)));
 };
 Avatar.propTypes = {
     className: PropTypes.string,

package/dist/es/card/Card.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { CardProps } from './interfaces/CardProps';
 import { CardHandle } from './interfaces/CardHandle';
-export declare const Card: React.ForwardRefExoticComponent<Pick<CardProps, string | number> & React.RefAttributes<CardHandle>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<CardProps, keyof CardProps> & React.RefAttributes<CardHandle | null>>;

package/dist/es/card/Card.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -36,7 +38,7 @@ export var Card = React.forwardRef(function (props, ref) {
         props: props
     }); });
     React.useImperativeHandle(ref, function () { return target.current; });
-    return (React.createElement("div", __assign({ dir: dir, style: style, ref: chipRef, className: classNames('k-card', className, (_a = {}, _a["k-card-" + type] = type !== cardType.DEFAULT, _a), orientation !== cardOrientation.HORIZONTAL ? 'k-card-vertical' : 'k-card-horizontal') }, customProps), children));
+    return (React.createElement("div", __assign({ dir: dir, style: style, ref: chipRef, className: classNames('k-card', className, (_a = {}, _a["k-card-".concat(type)] = type !== cardType.DEFAULT, _a), orientation !== cardOrientation.HORIZONTAL ? 'k-card-vertical' : 'k-card-horizontal') }, customProps), children));
 });
 Card.displayName = 'KendoReactCard';
 Card.propTypes = {
@@ -49,6 +51,5 @@ Card.propTypes = {
 };
 Card.defaultProps = {
     type: cardType.DEFAULT,
-    orientation: cardOrientation.VERTICAL,
-    dir: 'ltr'
+    orientation: cardOrientation.VERTICAL
 };

package/dist/es/card/CardActions.js

@@ -3,7 +3,7 @@ import * as PropTypes from 'prop-types';
 import { classNames } from '@progress/kendo-react-common';
 import { cardActionsLayout, cardOrientation } from './interfaces/Enums';
 export var CardActions = function (props) {
-    return (React.createElement("div", { style: props.style, className: classNames('k-card-actions', props.className, "k-card-actions-" + props.layout, props.orientation !== cardOrientation.VERTICAL ? 'k-card-actions-horizontal' : 'k-card-actions-vertical') }, props.children));
+    return (React.createElement("div", { style: props.style, className: classNames('k-card-actions', props.className, "k-card-actions-".concat(props.layout), props.orientation !== cardOrientation.VERTICAL ? 'k-card-actions-horizontal' : 'k-card-actions-vertical') }, props.children));
 };
 CardActions.propTypes = {
     layout: PropTypes.oneOf(['stretched', 'start', 'center', 'end']),

package/dist/es/card/interfaces/AvatarProps.js

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

package/dist/es/card/interfaces/CardActionsProps.js

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

package/dist/es/card/interfaces/CardBodyProps.js

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

package/dist/es/card/interfaces/CardFooterProps.js

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

package/dist/es/card/interfaces/CardHandle.js

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

package/dist/es/card/interfaces/CardHeaderProps.js

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

package/dist/es/card/interfaces/CardImageProps.js

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

package/dist/es/card/interfaces/CardProps.js

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

package/dist/es/card/interfaces/CardSubtitleProps.js

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

package/dist/es/card/interfaces/CardTitleProps.js

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

package/dist/es/drawer/Drawer.d.ts

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

package/dist/es/drawer/Drawer.js

@@ -1,3 +1,4 @@
+var _this = this;
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { DrawerContext } from './context/DrawerContext';
@@ -48,12 +49,16 @@ export var Drawer = React.forwardRef(function (props, target) {
         element: elementRef.current,
         focus: focusElement
     }); });
-    var handleSelect = React.useCallback(function (itemTarget, itemIndex) {
+    var handleSelect = React.useCallback(function (itemTarget, itemIndex, event) {
         if (items && onSelect) {
-            onSelect.call(undefined, {
+            var ev = {
                 itemTarget: itemTarget,
-                itemIndex: itemIndex
-            });
+                itemIndex: itemIndex,
+                syntheticEvent: event,
+                nativeEvent: event && event.nativeEvent,
+                target: _this
+            };
+            onSelect.call(undefined, ev);
         }
     }, [items, onSelect]);
     var dir = useDir(elementRef, props.dir);

package/dist/es/drawer/DrawerContent.d.ts

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

package/dist/es/drawer/DrawerItem.d.ts

@@ -29,4 +29,4 @@ import { DrawerItemProps } from './interfaces/DrawerItemProps';
  *    ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const DrawerItem: React.ForwardRefExoticComponent<Pick<DrawerItemProps, string | number> & React.RefAttributes<DrawerItemHandle>>;
+export declare const DrawerItem: React.ForwardRefExoticComponent<Pick<DrawerItemProps, keyof DrawerItemProps> & React.RefAttributes<DrawerItemHandle | null>>;

package/dist/es/drawer/DrawerItem.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -68,14 +70,14 @@ export var DrawerItem = React.forwardRef(function (props, target) {
         'k-selected': selected,
         'k-disabled': disabled
     }, className);
-    var handleClick = React.useCallback(function () {
+    var handleClick = React.useCallback(function (event) {
         if (onSelect && !disabled) {
             var handle = {
                 element: elementRef.current,
                 focus: focusElement,
                 props: props
             };
-            onSelect(handle, index);
+            onSelect(handle, index, event);
         }
     }, [onSelect, index, disabled]);
     var drawerItemContent = (React.createElement(React.Fragment, null,

package/dist/es/drawer/DrawerNavigation.d.ts

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

package/dist/es/drawer/DrawerNavigation.js

@@ -126,11 +126,11 @@ export var DrawerNavigation = React.forwardRef(function (props, target) {
                 mini ? collapseOverlayMini : collapseOverlayRtl;
     var drawerItems = (items && (React.createElement("ul", { className: 'k-drawer-items', role: "listbox", "aria-label": "drawer-list", "aria-expanded": expanded }, items
         .map(function (element, index) {
-        var drawerItemProps = __assign({ index: index }, element, { onSelect: onSelect });
+        var drawerItemProps = __assign(__assign({ index: index }, element), { onSelect: onSelect });
         var ItemComp = item || DrawerItem;
         return (React.createElement(ItemComp, __assign({ key: index }, drawerItemProps)));
     }))));
-    var drawerNavigation = (React.createElement("div", { style: customSettings ? __assign({}, drawerAnimation, style) : style, className: navigationClassNames, ref: elementRef },
+    var drawerNavigation = (React.createElement("div", { style: customSettings ? __assign(__assign({}, drawerAnimation), style) : style, className: navigationClassNames, ref: elementRef },
         React.createElement("div", { className: 'k-drawer-wrapper', style: !expanded && mini && mode === 'overlay' ? { width: navMiniWidth } : { width: navWidth } }, drawerItems || children)));
     return (mode === 'overlay' ?
         (React.createElement(React.Fragment, null,

package/dist/es/drawer/context/DrawerContext.d.ts

@@ -14,7 +14,7 @@ export declare type DrawerContextType = {
     width?: number;
     miniWidth?: number;
     onOverlayClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    onSelect?: (target: any, idx: number) => void;
+    onSelect?: (target: any, idx: number, event: React.SyntheticEvent<HTMLElement>) => void;
 };
 /** @hidden */
 export declare const DrawerContext: React.Context<DrawerContextType>;

package/dist/es/drawer/interfaces/DrawerAnimation.js

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

package/dist/es/drawer/interfaces/DrawerContentProps.js

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

package/dist/es/drawer/interfaces/DrawerItemHandle.js

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

package/dist/es/drawer/interfaces/DrawerItemProps.d.ts

@@ -52,5 +52,5 @@ export interface DrawerItemProps {
     /**
      * @hidden
      */
-    onSelect?(target?: any, idx?: number): void;
+    onSelect?(target?: any, idx?: number, event?: React.SyntheticEvent<Element>): void;
 }

package/dist/es/drawer/interfaces/DrawerItemProps.js

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

package/dist/es/drawer/interfaces/DrawerNavigationProps.js

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

package/dist/es/drawer/interfaces/DrawerProps.js

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

package/dist/es/drawer/interfaces/DrawerSelectEvent.js

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

package/dist/es/expansionpanel/ExpansionPanel.d.ts

@@ -3,4 +3,4 @@ import { ExpansionPanelHandle, ExpansionPanelProps } from './interfaces';
 /**
  * Represents the [KendoReact ExpansionPanel component]({% slug overview_expansionpanel %}).
  */
-export declare const ExpansionPanel: React.ForwardRefExoticComponent<ExpansionPanelProps & React.RefAttributes<ExpansionPanelHandle>>;
+export declare const ExpansionPanel: React.ForwardRefExoticComponent<ExpansionPanelProps & React.RefAttributes<ExpansionPanelHandle | null>>;

package/dist/es/expansionpanel/index.js

@@ -1,2 +1,3 @@
 export * from './ExpansionPanel';
 export * from './ExpansionPanelContent';
+export * from './interfaces';

package/dist/es/expansionpanel/interfaces.js

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

package/dist/es/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/es/gridlayout/GridLayout.js

@@ -62,10 +62,10 @@ export var 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/es/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/es/gridlayout/GridLayoutItem.js

@@ -48,7 +48,7 @@ export var GridLayoutItem = React.forwardRef(function (props, ref) {
     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 guid(); }, []);
-    var gridLayoutItemStyles = __assign({ gridArea: (row || 'auto') + " / " + (col || 'auto') + " / " + (rowSpan ? 'span ' + rowSpan : 'auto') + " / " + (colSpan ? 'span ' + colSpan : 'auto') }, style);
+    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));
 });
 GridLayoutItem.propTypes = {

package/dist/es/gridlayout/interfaces/GridLayoutColumnProps.js

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

package/dist/es/gridlayout/interfaces/GridLayoutItemProps.js

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

package/dist/es/gridlayout/interfaces/GridLayoutProps.js

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

package/dist/es/gridlayout/interfaces/GridLayoutRowProps.js

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