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

package/dist/npm/panelbar/util.js

@@ -10,13 +10,23 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isArrayEqual = exports.PanelBarUtils = exports.isPresent = exports.flatVisibleChildren = exports.flatChildren = exports.flatVisibleItems = exports.getInitialState = exports.getFirstId = exports.renderChildren = void 0;
 var React = require("react");
 var PanelBarItem_1 = require("./PanelBarItem");
 /**
  * @hidden
  */
-exports.renderChildren = function (_a) {
+var renderChildren = function (_a) {
     var _b = _a.animation, animation = _b === void 0 ? true : _b, _c = _a.keepItemsMounted, keepItemsMounted = _c === void 0 ? false : _c, state = _a.state, expanded = _a.expanded, handleSelect = _a.handleSelect, children = _a.children, _d = _a.parentExpanded, parentExpanded = _d === void 0 ? true : _d, _e = _a.level, level = _e === void 0 ? 0 : _e, _f = _a.parentPrivateKey, parentPrivateKey = _f === void 0 ? [] : _f;
     return React.Children.map(children, function (child, idx) {
         if (child && child.type === PanelBarItem_1.PanelBarItem) {
@@ -32,31 +42,33 @@ exports.renderChildren = function (_a) {
                     children: child.props.children,
                     parentExpanded: (expanded || []).indexOf(privateKey) > -1,
                     level: level + 1,
-                    parentPrivateKey: parentPrivateKey.concat([privateKey])
+                    parentPrivateKey: __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false)
                 };
-                nestedChildren = exports.renderChildren(renderState);
+                nestedChildren = (0, exports.renderChildren)(renderState);
             }
-            return React.cloneElement(child, __assign({}, child.props, { animation: child.props.animation !== undefined ? child.props.animation : animation, keepItemsMounted: keepItemsMounted, id: child.props.id || "k-panelbar-item-default-" + privateKey, uniquePrivateKey: privateKey, parentUniquePrivateKey: parentPrivateKey, parentExpanded: parentExpanded, level: level, expanded: (expanded || []).indexOf(privateKey) > -1, focused: state.focused === privateKey && state.wrapperFocused, selected: state.selected === privateKey, children: nestedChildren, onSelect: handleSelect }));
+            return React.cloneElement(child, __assign(__assign({}, child.props), { animation: child.props.animation !== undefined ? child.props.animation : animation, keepItemsMounted: keepItemsMounted, id: child.props.id || "k-panelbar-item-default-".concat(privateKey), uniquePrivateKey: privateKey, parentUniquePrivateKey: parentPrivateKey, parentExpanded: parentExpanded, level: level, expanded: (expanded || []).indexOf(privateKey) > -1, focused: state.focused === privateKey && state.wrapperFocused, selected: state.selected === privateKey, children: nestedChildren, onSelect: handleSelect }));
         }
         else {
             return React.createElement("div", { className: "k-panelbar-content k-content" }, child);
         }
     });
 };
+exports.renderChildren = renderChildren;
 /**
  * @hidden
  */
-exports.getFirstId = function (props) {
+var getFirstId = function (props) {
     var firstItem = React.Children.toArray(props.children)[0];
     if (firstItem) {
         return getId(firstItem, [], 0);
     }
     return '';
 };
+exports.getFirstId = getFirstId;
 /**
  * @hidden
  */
-exports.getInitialState = function (props, expandMode, result, parentExpanded, parentPrivateKey) {
+var getInitialState = function (props, expandMode, result, parentExpanded, parentPrivateKey) {
     if (result === void 0) { result = {
         expanded: props.expanded || [],
         selected: props.selected || '',
@@ -84,13 +96,14 @@ exports.getInitialState = function (props, expandMode, result, parentExpanded, p
                     }
                 }
                 if (child.props.children) {
-                    result = exports.getInitialState(child.props, expandMode, result, !!child.props.expanded, parentPrivateKey.concat([privateKey]));
+                    result = (0, exports.getInitialState)(child.props, expandMode, result, !!child.props.expanded, __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false));
                 }
             }
         }
     });
     return result;
 };
+exports.getInitialState = getInitialState;
 /**
  * @hidden
  */
@@ -98,8 +111,8 @@ var getId = function (child, parentPrivateKey, idx) {
     return child && child.props && child.props.id
         ? child.props.id
         : parentPrivateKey.length
-            ? parentPrivateKey[parentPrivateKey.length - 1] + ("." + idx)
-            : "." + idx;
+            ? parentPrivateKey[parentPrivateKey.length - 1] + ".".concat(idx)
+            : ".".concat(idx);
 };
 /**
  * @hidden
@@ -154,7 +167,8 @@ exports.flatVisibleChildren = flatVisibleChildren;
 /**
  * @hidden
  */
-exports.isPresent = function (value) { return value !== null && value !== undefined; };
+var isPresent = function (value) { return value !== null && value !== undefined; };
+exports.isPresent = isPresent;
 /**
  * Represents the PanelBarUtils functions.
  */
@@ -185,9 +199,10 @@ var PanelBarUtils;
 /**
  * @hidden
  */
-exports.isArrayEqual = function (firstArray, secondArray) {
+var isArrayEqual = function (firstArray, secondArray) {
     if (firstArray.length !== secondArray.length) {
         return false;
     }
     return firstArray.every(function (ex, i) { return ex === secondArray[i]; });
 };
+exports.isArrayEqual = isArrayEqual;

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

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

package/dist/npm/splitter/Splitter.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 __());
@@ -28,11 +30,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.Splitter = void 0;
 var React = require("react");
 var SplitterPane_1 = require("./SplitterPane");
 var SplitterBar_1 = require("./SplitterBar");
@@ -84,6 +89,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) {
@@ -104,9 +110,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;
         };
@@ -128,7 +132,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);
@@ -201,15 +205,15 @@ 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)); };
         _this.fixedSize = function (size) { return size && size.length > 0; };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         _this.state = {
             isDragging: false,
             dragIndex: undefined,
@@ -226,7 +230,7 @@ var Splitter = /** @class */ (function (_super) {
         get: function () {
             return this.props.panes !== undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Splitter.prototype, "panes", {
@@ -235,28 +239,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
     });
     /**
@@ -266,7 +270,7 @@ var Splitter = /** @class */ (function (_super) {
         var _this = this;
         var panesContent = this.panesContent;
         var panesOptions = this.panesOptions(panesContent);
-        var className = kendo_react_common_1.classNames('k-widget', 'k-splitter', 'k-splitter-flex', "k-splitter-" + this.orientation, this.props.className);
+        var className = (0, kendo_react_common_1.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)));
     };
@@ -342,10 +346,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/npm/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/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