@progress/kendo-react-layout 5.6.0-dev.202208291054 → 5.6.0-next.202208310638

package/dist/npm/panelbar/PanelBarItem.js

@@ -77,9 +77,8 @@ var PanelBarItem = /** @class */ (function (_super) {
      * @hidden
      */
     PanelBarItem.prototype.render = function () {
-        var _a;
         var _this = this;
-        var _b = this.props, id = _b.id, children = _b.children, title = _b.title, uniquePrivateKey = _b.uniquePrivateKey, disabled = _b.disabled, selected = _b.selected, focused = _b.focused, expanded = _b.expanded, className = _b.className, level = _b.level, headerClassName = _b.headerClassName, animation = _b.animation, keepItemsMounted = _b.keepItemsMounted;
+        var _a = this.props, id = _a.id, children = _a.children, title = _a.title, uniquePrivateKey = _a.uniquePrivateKey, disabled = _a.disabled, selected = _a.selected, focused = _a.focused, expanded = _a.expanded, className = _a.className, level = _a.level, headerClassName = _a.headerClassName, animation = _a.animation, keepItemsMounted = _a.keepItemsMounted;
         var panelBarItemAriaAttributes = {
             'role': 'treeitem',
             'aria-disabled': disabled,
@@ -87,25 +86,22 @@ var PanelBarItem = /** @class */ (function (_super) {
             'aria-selected': !disabled && selected,
             'aria-expanded': !disabled && expanded && !!children
         };
-        var panelBarItemClassName = (0, kendo_react_common_1.classNames)('k-item', {
+        var panelBarItemClassName = (0, kendo_react_common_1.classNames)('k-panelbar-item', {
             'k-panelbar-header': level === 0,
-            'k-panelbar-item': level !== 0,
-            'k-state-expanded': expanded && !!children
+            'k-state-expanded': expanded && !!children,
+            'k-disabled': disabled
         }, "k-level-".concat(level), className);
         var panelBarLinkClassName = (0, kendo_react_common_1.classNames)('k-link', {
             'k-selected': !disabled && selected,
-            'k-focus': !disabled && focused,
-            'k-disabled': disabled
+            'k-focus': !disabled && focused
         }, headerClassName);
-        var panelBarItemArrowClassName = (0, kendo_react_common_1.classNames)('k-panelbar-toggle', 'k-icon', (_a = {},
-            _a['k-i-arrow-chevron-up'] = expanded && !!children,
-            _a['k-panelbar-collapse'] = expanded && !!children,
-            _a['k-i-arrow-chevron-down'] = !expanded && !!children,
-            _a['k-panelbar-expand'] = !expanded && !!children,
-            _a));
         var animationStyle = { display: 'block' };
         var icon = iconElement(this.props);
-        var arrow = (!disabled && children) ? React.createElement("span", { className: panelBarItemArrowClassName }) : null;
+        var arrow = (!disabled && children)
+            ? (React.createElement(kendo_react_common_1.Icon, { name: expanded ? 'chevron-up' : 'chevron-down', className: (0, kendo_react_common_1.classNames)('k-panelbar-toggle', expanded
+                    ? 'k-panelbar-collapse'
+                    : 'k-panelbar-expand') }))
+            : null;
         var opened = (!disabled && expanded);
         var content = opened || keepItemsMounted
             ? (React.createElement("ul", { role: "group", className: "k-panelbar-group k-panel k-group", style: { display: keepItemsMounted

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

@@ -35,6 +35,4 @@ export declare class SplitterBar extends React.Component<SplitterBarProps, Split
     private onPrevToggle;
     private onNextToggle;
     private onKeyDown;
-    private previousArrowClass;
-    private nextArrowClass;
 }

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',

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

@@ -35,7 +35,7 @@ export declare class TabStripContent extends React.Component<TabStripContentProp
      */
     static propTypes: {
         animation: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[] | null | undefined>>;
+        children: PropTypes.Requireable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[]>;
         selected: PropTypes.Requireable<number>;
         style: PropTypes.Requireable<object>;
     };

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<NonNullable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[] | null | undefined>>;
+        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/npm/tabstrip/TabStripNavigationItem.d.ts

@@ -46,7 +46,7 @@ export declare class TabStripNavigationItem extends React.Component<TabStripNavi
         disabled: PropTypes.Requireable<boolean>;
         index: PropTypes.Requireable<number>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        title: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
+        title: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
         first: PropTypes.Requireable<boolean>;
         last: PropTypes.Requireable<boolean>;
     };

package/dist/npm/tabstrip/TabStripTab.d.ts

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

package/dist/npm/tilelayout/TileLayout.d.ts

@@ -94,8 +94,8 @@ export declare class TileLayout extends React.Component<TileLayoutProps, TileLay
         dir: PropTypes.Requireable<string>;
         gap: PropTypes.Requireable<object>;
         columns: PropTypes.Requireable<number>;
-        columnWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        rowHeight: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        columnWidth: PropTypes.Requireable<string | number>;
+        rowHeight: PropTypes.Requireable<string | number>;
         dataItemKey: PropTypes.Requireable<string>;
         items: PropTypes.Requireable<any[]>;
         positions: PropTypes.Requireable<any[]>;