@progress/kendo-react-layout 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/npm/card/CardSubtitle.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardSubtitle = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
-exports.CardSubtitle = function (props) {
-    return (React.createElement("div", { style: props.style, className: kendo_react_common_1.classNames('k-card-subtitle', props.className) }, props.children));
+var CardSubtitle = function (props) {
+    return (React.createElement("div", { style: props.style, className: (0, kendo_react_common_1.classNames)('k-card-subtitle', props.className) }, props.children));
 };
+exports.CardSubtitle = CardSubtitle;
 exports.CardSubtitle.propTypes = {
     className: PropTypes.string
 };

package/dist/npm/card/CardTitle.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardTitle = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
-exports.CardTitle = function (props) {
-    return (React.createElement("div", { style: props.style, className: kendo_react_common_1.classNames('k-card-title', props.className) }, props.children));
+var CardTitle = function (props) {
+    return (React.createElement("div", { style: props.style, className: (0, kendo_react_common_1.classNames)('k-card-title', props.className) }, props.children));
 };
+exports.CardTitle = CardTitle;
 exports.CardTitle.propTypes = {
     className: PropTypes.string
 };

package/dist/npm/card/interfaces/Enums.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.cardActionsLayout = exports.cardType = exports.cardOrientation = exports.avatarType = void 0;
 var avatarType;
 (function (avatarType) {
     avatarType["TEXT"] = "text";

package/dist/npm/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/npm/drawer/Drawer.js

@@ -1,5 +1,7 @@
 "use strict";
+var _this = this;
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var DrawerContext_1 = require("./context/DrawerContext");
@@ -38,7 +40,7 @@ var package_metadata_1 = require("../package-metadata");
  * ```
  */
 exports.Drawer = React.forwardRef(function (props, target) {
-    kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
     var expanded = props.expanded, mode = props.mode, position = props.position, className = props.className, children = props.children, style = props.style, animation = props.animation, mini = props.mini, width = props.width, miniWidth = props.miniWidth, items = props.items, item = props.item, tabIndex = props.tabIndex, onOverlayClick = props.onOverlayClick, onSelect = props.onSelect;
     var elementRef = React.useRef(null);
     var focusElement = React.useCallback(function () {
@@ -50,16 +52,20 @@ exports.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 = kendo_react_common_1.useDir(elementRef, props.dir);
-    var drawerClassNames = kendo_react_common_1.classNames({
+    var dir = (0, kendo_react_common_1.useDir)(elementRef, props.dir);
+    var drawerClassNames = (0, kendo_react_common_1.classNames)({
         'k-drawer-container': true,
         'k-drawer-expanded': expanded,
         'k-drawer-overlay': mode === 'overlay',

package/dist/npm/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/npm/drawer/DrawerContent.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerContent = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -39,7 +40,7 @@ exports.DrawerContent = React.forwardRef(function (props, target) {
     React.useImperativeHandle(target, function () { return ({
         element: elementRef.current
     }); });
-    var contentClassNames = kendo_react_common_1.classNames({
+    var contentClassNames = (0, kendo_react_common_1.classNames)({
         'k-drawer-content': true
     }, className);
     return (React.createElement("div", { className: contentClassNames, style: style, ref: elementRef }, children));

package/dist/npm/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/npm/drawer/DrawerItem.js

@@ -15,11 +15,14 @@ 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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerItem = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -66,18 +69,18 @@ exports.DrawerItem = React.forwardRef(function (props, target) {
         focus: focusElement,
         props: props
     }); });
-    var itemClassNames = kendo_react_common_1.classNames('k-drawer-item', {
+    var itemClassNames = (0, kendo_react_common_1.classNames)('k-drawer-item', {
         '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,
@@ -85,7 +88,7 @@ exports.DrawerItem = React.forwardRef(function (props, target) {
         !expanded && mini ? null : React.createElement("span", { className: 'k-item-text' }, text)));
     return (separator
         ? React.createElement("li", { className: 'k-drawer-item k-drawer-separator', role: "presentation" })
-        : (React.createElement("li", __assign({ ref: elementRef, className: itemClassNames, style: style, role: "option", "aria-selected": selected, "aria-disabled": disabled, onClick: handleClick, tabIndex: kendo_react_common_1.getTabIndex(tabIndex, disabled) }, others), !item ? drawerItemContent : children)));
+        : (React.createElement("li", __assign({ ref: elementRef, className: itemClassNames, style: style, role: "option", "aria-selected": selected, "aria-disabled": disabled, onClick: handleClick, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled) }, others), !item ? drawerItemContent : children)));
 });
 exports.DrawerItem.propTypes = {
     className: PropTypes.string,

package/dist/npm/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/npm/drawer/DrawerNavigation.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerNavigation = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var DrawerContext_1 = require("./context/DrawerContext");
@@ -81,7 +82,7 @@ exports.DrawerNavigation = React.forwardRef(function (props, target) {
         element: elementRef.current,
         focus: focusElement
     }); });
-    var navigationClassNames = React.useMemo(function () { return 'k-widget k-drawer ' + kendo_react_common_1.classNames({
+    var navigationClassNames = React.useMemo(function () { return 'k-widget k-drawer ' + (0, kendo_react_common_1.classNames)({
         'k-drawer-start': position === 'start',
         'k-drawer-end': position === 'end'
     }, className); }, [position]);
@@ -128,11 +129,11 @@ exports.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_1.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/npm/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/npm/drawer/context/DrawerContext.js

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

package/dist/npm/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/npm/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/npm/expansionpanel/ExpansionPanel.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpansionPanel = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -9,18 +10,18 @@ var package_metadata_1 = require("../package-metadata");
  */
 exports.ExpansionPanel = React.forwardRef(function (props, target) {
     var _a;
-    kendo_react_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
     var elementRef = React.useRef(null);
     var _b = React.useState(false), focused = _b[0], setFocused = _b[1];
     var getImperativeHandle = React.useCallback(function () { return ({ element: elementRef.current }); }, []);
     React.useImperativeHandle(target, getImperativeHandle);
     var _c = props.expanded, expanded = _c === void 0 ? false : _c, disabled = props.disabled, title = props.title, subtitle = props.subtitle, onAction = props.onAction, expandIcon = props.expandIcon, collapseIcon = props.collapseIcon;
     var onClick = React.useCallback(function (event) {
-        kendo_react_common_1.dispatchEvent(onAction, event, getImperativeHandle(), { expanded: expanded });
+        (0, kendo_react_common_1.dispatchEvent)(onAction, event, getImperativeHandle(), { expanded: expanded });
     }, [onAction, expanded]);
     var onKeyDown = React.useCallback(function (event) {
         if (event.keyCode === kendo_react_common_1.Keys.enter || event.keyCode === kendo_react_common_1.Keys.space) {
-            kendo_react_common_1.dispatchEvent(onAction, event, getImperativeHandle(), { expanded: expanded });
+            (0, kendo_react_common_1.dispatchEvent)(onAction, event, getImperativeHandle(), { expanded: expanded });
         }
     }, [onAction, expanded]);
     var handleFocus = React.useCallback(function () {
@@ -35,18 +36,18 @@ exports.ExpansionPanel = React.forwardRef(function (props, target) {
         }
         setFocused(false);
     }, [props.disabled]);
-    var _d = kendo_react_common_1.useAsyncFocusBlur({ onFocus: handleFocus, onBlur: handleBlur }), onFocus = _d.onFocus, onBlur = _d.onBlur;
-    return (React.createElement("div", { ref: elementRef, className: kendo_react_common_1.classNames('k-expander', props.className, {
+    var _d = (0, kendo_react_common_1.useAsyncFocusBlur)({ onFocus: handleFocus, onBlur: handleBlur }), onFocus = _d.onFocus, onBlur = _d.onBlur;
+    return (React.createElement("div", { ref: elementRef, className: (0, kendo_react_common_1.classNames)('k-expander', props.className, {
             'k-expanded': expanded,
             'k-focus': focused && !disabled,
             'k-disabled': disabled
-        }), onFocus: onFocus, onBlur: onBlur, style: props.style, id: props.id, "aria-expanded": expanded, "aria-disabled": disabled, dir: kendo_react_common_1.useRtl(elementRef, props.dir), tabIndex: kendo_react_common_1.getTabIndex(props.tabIndex, disabled), onKeyDown: disabled ? undefined : onKeyDown },
+        }), onFocus: onFocus, onBlur: onBlur, style: props.style, id: props.id, "aria-expanded": expanded, "aria-disabled": disabled, dir: (0, kendo_react_common_1.useRtl)(elementRef, props.dir), tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, disabled), onKeyDown: disabled ? undefined : onKeyDown },
         React.createElement("div", { className: "k-expander-header", onClick: disabled ? undefined : onClick },
             title !== undefined ? React.createElement("div", { className: "k-expander-title" }, title) : undefined,
             React.createElement("span", { className: "k-spacer" }),
             subtitle !== undefined ? React.createElement("div", { className: "k-expander-sub-title" }, subtitle) : undefined,
             React.createElement("span", { className: "k-expander-indicator" },
-                React.createElement("span", { className: kendo_react_common_1.classNames((_a = {},
+                React.createElement("span", { className: (0, kendo_react_common_1.classNames)((_a = {},
                         // expand icon
                         _a[String(expandIcon)] = Boolean(!expanded && expandIcon),
                         _a['k-icon k-i-arrow-chevron-down'] = !expanded && !expandIcon,

package/dist/npm/expansionpanel/ExpansionPanelContent.js

@@ -11,13 +11,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpansionPanelContent = void 0;
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var React = require("react");
 /**
  * Represents the KendoReact ExpansionPanelContent component.
  */
 exports.ExpansionPanelContent = React.forwardRef(function (props, ref) {
-    return (React.createElement("div", __assign({ ref: ref }, props, { className: kendo_react_common_1.classNames('k-expander-content-wrapper', props.className) }),
+    return (React.createElement("div", __assign({ ref: ref }, props, { className: (0, kendo_react_common_1.classNames)('k-expander-content-wrapper', props.className) }),
         React.createElement("div", { className: 'k-expander-content' }, props.children)));
 });
 exports.ExpansionPanelContent.displayName = 'KendoReactExpansionPanelContent';

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)[]>;
         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)[]>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
     };
     /**