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

package/dist/npm/splitter/SplitterBar.js

@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SplitterBar = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
@@ -22,6 +25,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;
@@ -97,7 +101,7 @@ var SplitterBar = /** @class */ (function (_super) {
             var prev = _this.props.prev;
             var isCollapsible = prev.collapsible;
             var isCollapsed = prev.collapsed;
-            return kendo_react_common_1.classNames('k-icon', (_a = {},
+            return (0, kendo_react_common_1.classNames)('k-icon', (_a = {},
                 _a['k-hidden'] = !isCollapsible,
                 _a['k-collapse-prev'] = isCollapsible,
                 _a['k-i-arrow-60-left'] = isCollapsible && isHorizontal && !isCollapsed,
@@ -111,7 +115,7 @@ var SplitterBar = /** @class */ (function (_super) {
             var next = _this.props.next;
             var isCollapsible = next.collapsible;
             var isCollapsed = next.collapsed;
-            return kendo_react_common_1.classNames('k-icon', (_a = {},
+            return (0, kendo_react_common_1.classNames)('k-icon', (_a = {},
                 _a['k-hidden'] = !isCollapsible,
                 _a['k-collapse-next'] = isCollapsible,
                 _a['k-i-arrow-60-right'] = isCollapsible && isHorizontal && !isCollapsed,
@@ -132,7 +136,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", {
@@ -142,23 +146,23 @@ 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;
-        var barClasses = kendo_react_common_1.classNames('k-splitbar', (_a = {},
+        var barClasses = (0, kendo_react_common_1.classNames)('k-splitbar', (_a = {},
             _a['k-focus'] = this.state.focused,
             _a['k-splitbar-horizontal'] = isHorizontal,
             _a['k-splitbar-vertical'] = !isHorizontal,

package/dist/npm/splitter/SplitterPane.js

@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SplitterPane = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
@@ -30,7 +33,7 @@ var SplitterPane = /** @class */ (function (_super) {
         var style = {
             flexBasis: size
         };
-        var paneClasses = kendo_react_common_1.classNames('k-pane', (_a = {},
+        var paneClasses = (0, kendo_react_common_1.classNames)('k-pane', (_a = {},
             _a['k-state-hidden'] = collapsed,
             _a['hidden'] = collapsed,
             _a['k-pane-flex'] = containsSplitter,

package/dist/npm/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/npm/stacklayout/StackLayout.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.StackLayout = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_licensing_1 = require("@progress/kendo-licensing");
@@ -41,19 +42,19 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
  * ```
  */
 exports.StackLayout = 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;
-    var layoutId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
+    var layoutId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
     var orientation = React.useMemo(function () { return props.orientation || defaultProps.orientation; }, [props.orientation]);
     var isHorizontal = orientation === 'horizontal';
     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 stackLayoutClasses = React.useMemo(function () { return kendo_react_common_1.classNames('k-stack-layout', {
+    var stackLayoutClasses = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-stack-layout', {
         'k-hstack': orientation === 'horizontal',
         'k-vstack': orientation === 'vertical',
         'k-justify-content-start': isHorizontal && hAlign === 'start' || !isHorizontal && vAlign === 'top',
@@ -65,7 +66,7 @@ exports.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/npm/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/npm/stepper/Step.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.Step = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var StepperContext_1 = require("./context/StepperContext");
@@ -54,7 +57,7 @@ exports.Step = React.forwardRef(function (props, target) {
     var elementRef = React.useRef(null);
     var focusElement = React.useCallback(function () {
         if (elementRef.current) {
-            kendo_react_common_1.focusFirstFocusableChild(elementRef.current);
+            (0, kendo_react_common_1.focusFirstFocusableChild)(elementRef.current);
         }
     }, []);
     var getImperativeHandle = React.useCallback(function () { return ({
@@ -64,7 +67,7 @@ exports.Step = React.forwardRef(function (props, target) {
     React.useImperativeHandle(target, getImperativeHandle);
     var allowClick = !linear || (index === value - 1 || index === value || index === value + 1);
     var isInLabel = mode === 'labels' || (Boolean(icon) && Boolean(label));
-    var localizationService = kendo_react_intl_1.useLocalization();
+    var localizationService = (0, kendo_react_intl_1.useLocalization)();
     var localizeMessage = function (message) {
         return localizationService.toLanguageString(message, messages_1.messages[message]);
     };
@@ -76,15 +79,15 @@ exports.Step = React.forwardRef(function (props, target) {
             : contants_1.NO_ANIMATION;
     var handleClick = React.useCallback(function (event) {
         if (onChange && !disabled) {
-            kendo_react_common_1.dispatchEvent(onChange, event, getImperativeHandle(), { value: index });
+            (0, kendo_react_common_1.dispatchEvent)(onChange, event, getImperativeHandle(), { value: index });
         }
     }, [onChange, value, disabled]);
     var handleFocus = React.useCallback(function (event) {
         if (onFocus && !disabled) {
-            kendo_react_common_1.dispatchEvent(onFocus, event, getImperativeHandle(), undefined);
+            (0, kendo_react_common_1.dispatchEvent)(onFocus, event, getImperativeHandle(), undefined);
         }
     }, [onFocus, disabled]);
-    var itemClassNames = React.useMemo(function () { return kendo_react_common_1.classNames('k-step', {
+    var itemClassNames = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-step', {
         'k-step-first': index === 0,
         'k-step-last': numOfSteps && index === numOfSteps - 1,
         'k-step-done': index < value,
@@ -95,16 +98,16 @@ exports.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/npm/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/npm/stepper/Stepper.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stepper = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var StepperContext_1 = require("./context/StepperContext");
@@ -40,12 +41,12 @@ var package_metadata_1 = require("../package-metadata");
  * ```
  */
 exports.Stepper = 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 animationDuration = props.animationDuration, children = props.children, className = props.className, disabled = props.disabled, errorIcon = props.errorIcon, item = props.item, items = props.items, linear = props.linear, mode = props.mode, orientation = props.orientation, style = props.style, successIcon = props.successIcon, onChange = props.onChange, onFocus = props.onFocus;
     var elementRef = React.useRef(null);
     var focusElement = React.useCallback(function () {
         if (elementRef.current) {
-            kendo_react_common_1.focusFirstFocusableChild(elementRef.current);
+            (0, kendo_react_common_1.focusFirstFocusableChild)(elementRef.current);
         }
     }, []);
     var getImperativeHandle = React.useCallback(function () { return ({
@@ -57,7 +58,7 @@ exports.Stepper = React.forwardRef(function (props, target) {
     var _a = React.useState(value), focusedIdx = _a[0], setFocusedIdx = _a[1];
     var numOfSteps = items ? items.length : 0;
     var isVertical = orientation === 'vertical';
-    var dir = kendo_react_common_1.useRtl(elementRef, props.dir);
+    var dir = (0, kendo_react_common_1.useRtl)(elementRef, props.dir);
     var animation = typeof animationDuration === 'number'
         ? animationDuration
         : animationDuration !== false
@@ -69,7 +70,7 @@ exports.Stepper = React.forwardRef(function (props, target) {
         var nextIdx = val === value + 1;
         var allowClick = !linear || (prevIdx || currIdx || nextIdx);
         if (value !== val && onChange && !disabled && allowClick) {
-            kendo_react_common_1.dispatchEvent(onChange, event, getImperativeHandle(), { value: val });
+            (0, kendo_react_common_1.dispatchEvent)(onChange, event, getImperativeHandle(), { value: val });
             setFocusedIdx(val);
         }
     }, [value, linear, onChange, disabled, setFocusedIdx]);
@@ -80,7 +81,7 @@ exports.Stepper = React.forwardRef(function (props, target) {
     }, [dispatchChangeEvent]);
     var handleFocus = React.useCallback(function (event) {
         if (onFocus && !disabled) {
-            kendo_react_common_1.dispatchEvent(onFocus, event.syntheticEvent, getImperativeHandle(), undefined);
+            (0, kendo_react_common_1.dispatchEvent)(onFocus, event.syntheticEvent, getImperativeHandle(), undefined);
         }
     }, [onFocus, disabled]);
     var handleEnter = React.useCallback(function (event) {
@@ -145,11 +146,11 @@ exports.Stepper = React.forwardRef(function (props, target) {
             default:
         }
     }, [items, setFocusedIdx, focusedIdx, dir, handleEnter]);
-    var stepperClasses = React.useMemo(function () { return kendo_react_common_1.classNames('k-stepper', {
+    var stepperClasses = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-stepper', {
         'k-stepper-linear': linear
     }, className); }, [linear, className]);
     var stepperStyles = React.useMemo(function () { return (__assign({ display: 'grid', gridTemplateColumns: !isVertical ? 'repeat(' + numOfSteps * 2 + ', 1fr)' : undefined, gridTemplateRows: isVertical ? 'repeat(' + numOfSteps + ', 1fr)' : undefined }, style)); }, [isVertical, numOfSteps, style]);
-    var listClasses = React.useMemo(function () { return kendo_react_common_1.classNames('k-step-list', {
+    var listClasses = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-step-list', {
         'k-step-list-horizontal': !isVertical,
         'k-step-list-vertical': isVertical
     }); }, [isVertical]);
@@ -190,15 +191,18 @@ exports.Stepper = React.forwardRef(function (props, target) {
 });
 exports.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/npm/stepper/contants.js

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

package/dist/npm/stepper/context/StepperContext.js

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

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepperOnNavigateEvent = void 0;
 /**
  * The `StepperOnNavigateEvent` event.
  */
@@ -8,6 +9,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/npm/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/npm/stepper/messages/index.js

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

package/dist/npm/tabstrip/TabStrip.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabStrip = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var TabStripNavigation_1 = require("./TabStripNavigation");
@@ -156,7 +159,7 @@ var TabStrip = /** @class */ (function (_super) {
                 }
             }
         };
-        kendo_react_common_1.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     /**
@@ -164,10 +167,10 @@ 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 = kendo_react_common_1.classNames('k-tabstrip', 'k-floatwrap', {
+        var componentClasses = (0, kendo_react_common_1.classNames)('k-tabstrip', 'k-floatwrap', {
             'k-tabstrip-left': tabPosition === 'left',
             'k-tabstrip-right': tabPosition === 'right',
             'k-tabstrip-bottom': tabPosition === 'bottom',

package/dist/npm/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)[]>;
         selected: PropTypes.Requireable<number>;
         style: PropTypes.Requireable<object>;
     };

package/dist/npm/tabstrip/TabStripContent.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabStripContent = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_animation_1 = require("@progress/kendo-react-animation");
@@ -32,9 +35,9 @@ var TabStripContent = /** @class */ (function (_super) {
     __extends(TabStripContent, _super);
     function TabStripContent() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.contentId = kendo_react_common_1.guid();
+        _this.contentId = (0, kendo_react_common_1.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;
     }
@@ -45,7 +48,7 @@ var TabStripContent = /** @class */ (function (_super) {
         var _a = this.props, children = _a.children, selected = _a.selected;
         var selectedTab = children && typeof selected === 'number' &&
             React.Children.toArray(children)[selected];
-        var contentClasses = kendo_react_common_1.classNames('k-content', 'k-active', selectedTab && selectedTab.props.contentClassName);
+        var contentClasses = (0, kendo_react_common_1.classNames)('k-content', 'k-active', selectedTab && selectedTab.props.contentClassName);
         return (React.createElement("div", { className: contentClasses, style: this.props.style }, this.renderContent(children)));
     };
     TabStripContent.prototype.renderContent = function (children) {

package/dist/npm/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)[]>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         selected: PropTypes.Requireable<number>;

package/dist/npm/tabstrip/TabStripNavigation.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabStripNavigation = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var TabStripNavigationItem_1 = require("./TabStripNavigationItem");
@@ -60,11 +63,11 @@ var TabStripNavigation = /** @class */ (function (_super) {
                 return (React.createElement(TabStripNavigationItem_1.TabStripNavigationItem, __assign({ key: index }, tabProps)));
             });
         }
-        var wrapperClasses = kendo_react_common_1.classNames('k-tabstrip-items-wrapper', {
+        var wrapperClasses = (0, kendo_react_common_1.classNames)('k-tabstrip-items-wrapper', {
             'k-hstack': tabPosition === 'top' || tabPosition === 'bottom',
             'k-vstack': tabPosition === 'left' || tabPosition === 'right'
         });
-        var navClasses = kendo_react_common_1.classNames('k-tabstrip-items', 'k-reset');
+        var navClasses = (0, kendo_react_common_1.classNames)('k-tabstrip-items', 'k-reset');
         return (React.createElement("div", { className: wrapperClasses },
             React.createElement("ul", { className: navClasses, role: 'tablist', tabIndex: this.props.tabIndex, onKeyDown: onKeyDown }, tabs)));
     };

package/dist/npm/tabstrip/TabStripNavigationItem.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabStripNavigationItem = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -53,7 +56,7 @@ var TabStripNavigationItem = /** @class */ (function (_super) {
             'role': 'tab',
             onClick: !disabled ? this.onClick : undefined
         };
-        var itemClasses = kendo_react_common_1.classNames('k-item', (_a = {},
+        var itemClasses = (0, kendo_react_common_1.classNames)('k-item', (_a = {},
             _a['k-first'] = first,
             _a['k-last'] = last,
             _a['k-disabled'] = disabled,

package/dist/npm/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/npm/tabstrip/TabStripTab.js

@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabStripTab = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var TabStripTab = /** @class */ (function (_super) {
@@ -20,6 +23,12 @@ var TabStripTab = /** @class */ (function (_super) {
     function TabStripTab() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    /**
+     * @hidden
+     */
+    TabStripTab.prototype.render = function () {
+        return null;
+    };
     /**
      * @hidden
      */