@progress/kendo-react-layout 5.6.0-dev.202208291418 → 5.6.0-dev.202209021051

package/dist/npm/splitter/SplitterBar.js

@@ -30,9 +30,6 @@ var SplitterBar = /** @class */ (function (_super) {
             var event = data.event;
             var _a = _this.props, onDrag = _a.onDrag, index = _a.index;
             var element = _this.draggable && _this.draggable.element;
-            if (!isLast && event) {
-                event.originalEvent.preventDefault();
-            }
             if (element && !_this.isStatic && _this.isDraggable) {
                 onDrag(event, element, index, isFirst, isLast);
             }
@@ -96,34 +93,6 @@ var SplitterBar = /** @class */ (function (_super) {
                 }
             }
         };
-        _this.previousArrowClass = function (isHorizontal) {
-            var _a;
-            var prev = _this.props.prev;
-            var isCollapsible = prev.collapsible;
-            var isCollapsed = prev.collapsed;
-            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,
-                _a['k-i-arrow-60-right'] = isCollapsible && isHorizontal && isCollapsed,
-                _a['k-i-arrow-60-up'] = isCollapsible && !isHorizontal && !isCollapsed,
-                _a['k-i-arrow-60-down'] = isCollapsible && !isHorizontal && isCollapsed,
-                _a));
-        };
-        _this.nextArrowClass = function (isHorizontal) {
-            var _a;
-            var next = _this.props.next;
-            var isCollapsible = next.collapsible;
-            var isCollapsed = next.collapsed;
-            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,
-                _a['k-i-arrow-60-left'] = isCollapsible && isHorizontal && isCollapsed,
-                _a['k-i-arrow-60-down'] = isCollapsible && !isHorizontal && !isCollapsed,
-                _a['k-i-arrow-60-up'] = isCollapsible && !isHorizontal && isCollapsed,
-                _a));
-        };
         _this.state = {
             focused: false
         };
@@ -171,13 +140,29 @@ var SplitterBar = /** @class */ (function (_super) {
             _a['k-splitbar-static-horizontal'] = isHorizontal && isStatic,
             _a['k-splitbar-static-vertical'] = !isHorizontal && isStatic,
             _a));
-        var previousArrowClass = this.previousArrowClass(isHorizontal);
-        var nextArrowClass = this.nextArrowClass(isHorizontal);
         return (React.createElement(kendo_react_common_1.Draggable, { onPress: function (event) { return _this.onDrag(event, true, false); }, onDrag: function (event) { return _this.onDrag(event, false, false); }, onRelease: function (event) { return _this.onDrag(event, false, true); }, ref: function (component) { _this.draggable = component; } },
             React.createElement("div", { tabIndex: isStatic ? -1 : 0, role: 'separator', className: barClasses, style: { touchAction: 'none' }, onFocus: this.onFocus, onBlur: this.onBlur, onDoubleClick: this.onToggle, onKeyDown: this.onKeyDown },
-                React.createElement("div", { className: previousArrowClass, onClick: this.onPrevToggle }),
+                this.props.prev.collapsible && React.createElement("div", { className: 'k-collapse-prev', onClick: this.onPrevToggle },
+                    React.createElement(kendo_react_common_1.Icon, { name: this.props.prev.collapsible
+                            ? isHorizontal
+                                ? this.props.prev.collapsed
+                                    ? 'caret-alt-right'
+                                    : 'caret-alt-left'
+                                : this.props.prev.collapsed
+                                    ? 'caret-alt-down'
+                                    : 'caret-alt-up'
+                            : undefined })),
                 React.createElement("div", { className: 'k-resize-handle' }),
-                React.createElement("div", { className: nextArrowClass, onClick: this.onNextToggle }))));
+                this.props.next.collapsible && React.createElement("div", { className: 'k-collapse-next', onClick: this.onNextToggle },
+                    React.createElement(kendo_react_common_1.Icon, { name: this.props.next.collapsible
+                            ? isHorizontal
+                                ? this.props.next.collapsed
+                                    ? 'caret-alt-left'
+                                    : 'caret-alt-right'
+                                : this.props.next.collapsed
+                                    ? 'caret-alt-up'
+                                    : 'caret-alt-down'
+                            : undefined })))));
     };
     return SplitterBar;
 }(React.Component));

package/dist/npm/stepper/Step.js

@@ -93,15 +93,16 @@ exports.Step = React.forwardRef(function (props, target) {
         'k-step-done': index < value,
         'k-step-current': current,
         'k-step-optional': optional,
-        'k-step-disabled': disabled,
-        'k-step-focus': focused,
         'k-step-error': isValid !== undefined && !isValid,
         'k-step-success': isValid
+    }, {
+        'k-disabled': disabled,
+        'k-focus': focused
     }, className); }, [index, numOfSteps, value, current, optional, disabled, focused, isValid, className]);
     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 ? "".concat(successIcon) : 'k-icon k-i-check'
-        : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-warning');
+        ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check-circle'
+        : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-exclamation-circle');
     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

package/dist/npm/tabstrip/TabStrip.js

@@ -170,7 +170,7 @@ var TabStrip = /** @class */ (function (_super) {
         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 = (0, kendo_react_common_1.classNames)('k-tabstrip', 'k-floatwrap', {
+        var componentClasses = (0, kendo_react_common_1.classNames)('k-tabstrip', {
             'k-tabstrip-left': tabPosition === 'left',
             'k-tabstrip-right': tabPosition === 'right',
             'k-tabstrip-bottom': tabPosition === 'bottom',