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

package/dist/es/splitter/Splitter.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 __());
@@ -27,8 +29,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';
@@ -82,6 +86,7 @@ var Splitter = /** @class */ (function (_super) {
      */
     function Splitter(props) {
         var _this = _super.call(this, props) || this;
+        _this._container = null;
         _this.validatePanes = function (panesOptions) {
             var withoutSize = panesOptions.filter(function (pane) { return pane.size === undefined; });
             if (!withoutSize.length) {
@@ -102,9 +107,7 @@ var Splitter = /** @class */ (function (_super) {
                 if (isDragging && dragIndex !== undefined) {
                     overlay = dragIndex === index || dragIndex + 1 === index;
                 }
-                paneOptions.push(__assign({}, PANE_DEFAULTS, { orientation: orientation,
-                    containsSplitter: containsSplitter,
-                    overlay: overlay }, (panes || [])[index]));
+                paneOptions.push(__assign(__assign(__assign({}, PANE_DEFAULTS), { orientation: orientation, containsSplitter: containsSplitter, overlay: overlay }), (panes || [])[index]));
             }
             return paneOptions;
         };
@@ -126,7 +129,7 @@ var Splitter = /** @class */ (function (_super) {
             var updatedState = panesOptions.map(function (pane, idx) {
                 var paneProps = _this.getPaneProps(pane);
                 if (idx === index) {
-                    return __assign({}, paneProps, { collapsed: !pane.collapsed });
+                    return __assign(__assign({}, paneProps), { collapsed: !pane.collapsed });
                 }
                 else {
                     return __assign({}, paneProps);
@@ -199,10 +202,10 @@ var Splitter = /** @class */ (function (_super) {
         _this.elementSize = function (el, isContainer) {
             var sizeType = isContainer ? 'client' : 'offset';
             if (_this.orientation === 'vertical') {
-                return el[sizeType + "Height"];
+                return el["".concat(sizeType, "Height")];
             }
             else {
-                return el[sizeType + "Width"];
+                return el["".concat(sizeType, "Width")];
             }
         };
         _this.clamp = function (min, max, v) { return Math.min(max, Math.max(min, v)); };
@@ -224,7 +227,7 @@ var Splitter = /** @class */ (function (_super) {
         get: function () {
             return this.props.panes !== undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Splitter.prototype, "panes", {
@@ -233,28 +236,28 @@ var Splitter = /** @class */ (function (_super) {
                 this.panesDuringOnChange :
                 (this.isControlledState ? this.props.panes : this.state.panes);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Splitter.prototype, "orientation", {
         get: function () {
             return this.props.orientation || 'horizontal';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Splitter.prototype, "isRtl", {
         get: function () {
             return this._container && (getComputedStyle(this._container).direction === 'rtl') || false;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Splitter.prototype, "panesContent", {
         get: function () {
             return React.Children.toArray(this.props.children).filter(function (c) { return c; });
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -264,7 +267,7 @@ var Splitter = /** @class */ (function (_super) {
         var _this = this;
         var panesContent = this.panesContent;
         var panesOptions = this.panesOptions(panesContent);
-        var className = classNames('k-widget', 'k-splitter', 'k-splitter-flex', "k-splitter-" + this.orientation, this.props.className);
+        var className = classNames('k-widget', 'k-splitter', 'k-splitter-flex', "k-splitter-".concat(this.orientation), this.props.className);
         this.validatePanes(panesOptions);
         return (React.createElement("div", { style: this.props.style, ref: function (ref) { return _this._container = ref; }, className: className }, this.mapSplitterPanes(panesOptions, panesContent)));
     };
@@ -340,10 +343,10 @@ var Splitter = /** @class */ (function (_super) {
         var updatedState = panesOptions.map(function (pane, idx) {
             var paneProps = _this.getPaneProps(pane);
             if (idx === prevIndex) {
-                return __assign({}, paneProps, { size: prevSize });
+                return __assign(__assign({}, paneProps), { size: prevSize });
             }
             else if (idx === nextIndex) {
-                return __assign({}, paneProps, { size: nextSize });
+                return __assign(__assign({}, paneProps), { size: nextSize });
             }
             else {
                 return __assign({}, paneProps);

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

@@ -23,9 +23,9 @@ export interface SplitterBarState {
  */
 export declare class SplitterBar extends React.Component<SplitterBarProps, SplitterBarState> {
     private draggable;
-    private readonly isStatic;
-    private readonly isDraggable;
-    private readonly isHorizontal;
+    private get isStatic();
+    private get isDraggable();
+    private get isHorizontal();
     constructor(props: SplitterBarProps);
     render(): JSX.Element;
     private onDrag;

package/dist/es/splitter/SplitterBar.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 __());
@@ -20,6 +22,7 @@ var SplitterBar = /** @class */ (function (_super) {
     __extends(SplitterBar, _super);
     function SplitterBar(props) {
         var _this = _super.call(this, props) || this;
+        _this.draggable = null;
         _this.onDrag = function (data, isFirst, isLast) {
             var event = data.event;
             var _a = _this.props, onDrag = _a.onDrag, index = _a.index;
@@ -130,7 +133,7 @@ var SplitterBar = /** @class */ (function (_super) {
             var nearCollapsiblePane = prev.collapsible || next.collapsible;
             return !betweenResizablePanes && !nearCollapsiblePane;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SplitterBar.prototype, "isDraggable", {
@@ -140,19 +143,19 @@ var SplitterBar = /** @class */ (function (_super) {
             var nearCollapsedPane = prev.collapsed || next.collapsed;
             return !!betweenResizablePanes && !nearCollapsedPane;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SplitterBar.prototype, "isHorizontal", {
         get: function () {
             return this.props.orientation === 'horizontal';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     SplitterBar.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var isDraggable = this.isDraggable;
         var isStatic = this.isStatic;
         var isHorizontal = this.isHorizontal;

package/dist/es/splitter/SplitterPane.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/stacklayout/StackLayout.d.ts

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

package/dist/es/stacklayout/StackLayout.js

@@ -63,7 +63,7 @@ export var StackLayout = React.forwardRef(function (props, ref) {
         'k-align-items-end': !isHorizontal && hAlign === 'end' || isHorizontal && vAlign === 'bottom',
         'k-align-items-stretch': !isHorizontal && hAlign === 'stretch' || isHorizontal && vAlign === 'stretch'
     }, className); }, [orientation, isHorizontal, hAlign, vAlign, className]);
-    var stackLayoutStyles = __assign({ gap: "" + (typeof props.gap === 'number' ? props.gap + 'px' : props.gap) }, style);
+    var stackLayoutStyles = __assign({ gap: "".concat(typeof props.gap === 'number' ? props.gap + 'px' : props.gap) }, style);
     return (React.createElement("div", { ref: elementRef, className: stackLayoutClasses, style: stackLayoutStyles, id: id || layoutId }, children));
 });
 var defaultProps = {

package/dist/es/stacklayout/StackLayoutProps.js

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

package/dist/es/stepper/Step.d.ts

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

package/dist/es/stepper/Step.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';
@@ -93,16 +95,16 @@ export var Step = React.forwardRef(function (props, target) {
         'k-step-error': isValid !== undefined && !isValid,
         'k-step-success': isValid
     }, className); }, [index, numOfSteps, value, current, optional, disabled, focused, isValid, className]);
-    var itemStyles = React.useMemo(function () { return (__assign({ maxWidth: !isVertical ? "calc(100% / " + numOfSteps + ")" : undefined, maxHeight: isVertical ? "calc(100% / " + numOfSteps + ")" : undefined, pointerEvents: !allowClick ? 'none' : undefined }, style)); }, [isVertical, numOfSteps, style, allowClick]);
+    var itemStyles = React.useMemo(function () { return (__assign({ maxWidth: !isVertical ? "calc(100% / ".concat(numOfSteps, ")") : undefined, maxHeight: isVertical ? "calc(100% / ".concat(numOfSteps, ")") : undefined, pointerEvents: !allowClick ? 'none' : undefined }, style)); }, [isVertical, numOfSteps, style, allowClick]);
     var validationIconClasses = (isValid
-        ? successIcon ? "" + successIcon : 'k-icon k-i-check'
-        : errorIcon ? "" + errorIcon : 'k-icon k-i-warning');
+        ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check'
+        : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-warning');
     var validationIcons = (React.createElement("span", { className: 'k-step-indicator-icon ' + validationIconClasses, "aria-hidden": "true" }));
     var stepIndicator = (React.createElement(React.Fragment, null, mode !== 'labels' ?
         React.createElement("span", { className: "k-step-indicator", "aria-hidden": true, style: { transitionDuration: progressAnimation + 'ms' } }, icon
             ? !isInLabel && isValid !== undefined
                 ? validationIcons
-                : React.createElement("span", { className: "k-step-indicator-icon k-icon " + icon })
+                : React.createElement("span", { className: "k-step-indicator-icon k-icon ".concat(icon) })
             : isValid !== undefined
                 ? validationIcons
                 : React.createElement("span", { className: "k-step-indicator-text" }, text ? text : index + 1)) :

package/dist/es/stepper/Stepper.d.ts

@@ -20,4 +20,4 @@ import { StepperHandle } from './interfaces/StepperHandle';
  *    ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<StepperHandle>>;
+export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<StepperHandle | null>>;

package/dist/es/stepper/Stepper.js

@@ -188,15 +188,18 @@ export var Stepper = React.forwardRef(function (props, target) {
 });
 Stepper.propTypes = {
     animationDuration: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),
+    children: PropTypes.any,
     className: PropTypes.string,
     dir: PropTypes.string,
     disabled: PropTypes.bool,
+    errorIcon: PropTypes.string,
     item: PropTypes.any,
-    items: PropTypes.arrayOf(PropTypes.any),
+    items: PropTypes.any,
     linear: PropTypes.bool,
     mode: PropTypes.oneOf(['steps', 'labels']),
     orientation: PropTypes.oneOf(['horizontal', 'vertical']),
     style: PropTypes.object,
+    successIcon: PropTypes.string,
     value: PropTypes.number.isRequired,
     onChange: PropTypes.func,
     onFocus: PropTypes.func

package/dist/es/stepper/interfaces/StepChangeEvent.js

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

package/dist/es/stepper/interfaces/StepFocusEvent.js

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

package/dist/es/stepper/interfaces/StepHandle.js

@@ -1,3 +1,4 @@
 /**
  * The Step ref.
  */
+export {};

package/dist/es/stepper/interfaces/StepProps.js

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

package/dist/es/stepper/interfaces/StepperChangeEvent.js

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

package/dist/es/stepper/interfaces/StepperFocusEvent.js

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

package/dist/es/stepper/interfaces/StepperHandle.js

@@ -1,3 +1,4 @@
 /**
  * The Stepper ref.
  */
+export {};

package/dist/es/stepper/interfaces/StepperOnNavigateEvent.js

@@ -6,6 +6,7 @@ var StepperOnNavigateEvent = /** @class */ (function () {
      * @hidden
      */
     function StepperOnNavigateEvent(target, prevIndex, nextIndex) {
+        this.syntheticEvent = null;
         this.target = target;
         this.prevIndex = prevIndex;
         this.nextIndex = nextIndex;

package/dist/es/stepper/interfaces/StepperProps.js

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

package/dist/es/stepper/messages/index.d.ts

@@ -6,5 +6,5 @@ export declare const optionalText = "stepper.optionalText";
  * @hidden
  */
 export declare const messages: {
-    [optionalText]: string;
+    "stepper.optionalText": string;
 };

package/dist/es/tabstrip/TabStrip.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 __());
@@ -162,7 +164,7 @@ var TabStrip = /** @class */ (function (_super) {
      */
     TabStrip.prototype.render = function () {
         var _this = this;
-        var tabProps = __assign({}, this.props, { children: this.children(), onKeyDown: this.onKeyDown, onSelect: this.onSelect });
+        var tabProps = __assign(__assign({}, this.props), { children: this.children(), onKeyDown: this.onKeyDown, onSelect: this.onSelect });
         var tabPosition = tabProps.tabPosition, _a = tabProps.tabIndex, tabIndex = _a === void 0 ? 0 : _a;
         var bottom = tabPosition === 'bottom';
         var componentClasses = classNames('k-tabstrip', 'k-floatwrap', {

package/dist/es/tabstrip/TabStripContent.d.ts

@@ -24,6 +24,10 @@ export interface TabStripContentProps {
      * @hidden
      */
     keepTabsMounted?: boolean;
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
 }
 export declare class TabStripContent extends React.Component<TabStripContentProps, {}> {
     /**
@@ -31,7 +35,7 @@ export declare class TabStripContent extends React.Component<TabStripContentProp
      */
     static propTypes: {
         animation: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<PropTypes.ReactElementLike | PropTypes.ReactElementLike[]>;
+        children: PropTypes.Requireable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[]>;
         selected: PropTypes.Requireable<number>;
         style: PropTypes.Requireable<object>;
     };

package/dist/es/tabstrip/TabStripContent.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 __());
@@ -32,7 +34,7 @@ var TabStripContent = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.contentId = guid();
         _this.childFactory = function (child) {
-            return React.cloneElement(child, __assign({}, child.props, { in: child.props.children.props.id === String(_this.contentId + _this.props.selected) }));
+            return React.cloneElement(child, __assign(__assign({}, child.props), { in: child.props.children.props.id === String(_this.contentId + _this.props.selected) }));
         };
         return _this;
     }

package/dist/es/tabstrip/TabStripNavigation.d.ts

@@ -34,7 +34,7 @@ export declare class TabStripNavigation extends React.Component<TabStripNavigati
      * @hidden
      */
     static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactElementLike | PropTypes.ReactElementLike[]>;
+        children: PropTypes.Requireable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[]>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         selected: PropTypes.Requireable<number>;

package/dist/es/tabstrip/TabStripNavigation.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/tabstrip/TabStripNavigationItem.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/tabstrip/TabStripTab.d.ts

@@ -28,7 +28,11 @@ export declare class TabStripTab extends React.Component<TabStripTabProps, {}> {
     static propTypes: {
         disabled: PropTypes.Requireable<boolean>;
         contentClassName: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        title: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
     };
+    /**
+     * @hidden
+     */
+    render(): null;
 }

package/dist/es/tabstrip/TabStripTab.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 __());
@@ -18,6 +20,12 @@ var TabStripTab = /** @class */ (function (_super) {
     function TabStripTab() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    /**
+     * @hidden
+     */
+    TabStripTab.prototype.render = function () {
+        return null;
+    };
     /**
      * @hidden
      */

package/dist/es/tilelayout/InternalTile.d.ts

@@ -9,6 +9,7 @@ export interface InternalTileProps extends TileLayoutItem {
     index: number;
     defaultPosition: TileStrictPosition;
     ignoreDrag?: (event: any) => boolean;
+    children?: React.ReactNode;
 }
 /**
  * @hidden
@@ -42,7 +43,7 @@ export declare class InternalTile extends React.Component<InternalTileProps, {
         resizable: boolean;
         reorderable: boolean;
     };
-    protected readonly reorderable: boolean;
+    protected get reorderable(): boolean;
     state: {
         rtl: boolean;
     };
@@ -53,7 +54,7 @@ export declare class InternalTile extends React.Component<InternalTileProps, {
     dragging: boolean;
     resizing: boolean;
     element: HTMLElement | null;
-    readonly dragElement: HTMLElement;
+    get dragElement(): HTMLElement | null | undefined;
     ignoreDrag: boolean;
     pressOffset: {
         x: number;
@@ -80,7 +81,7 @@ export declare class InternalTile extends React.Component<InternalTileProps, {
     /**
      * @hidden
      */
-    getSnapshotBeforeUpdate(_: any): any;
+    getSnapshotBeforeUpdate(_: any): null;
     /**
      * @hidden
      */