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

package/dist/es/breadcrumb/Breadcrumb.d.ts

@@ -101,6 +101,10 @@ export interface DataModel {
      * Represents the `iconClass` used inside the BreadcrumbLink component.
      */
     iconClass?: string;
+    /**
+     * @hidden
+     */
+    disabled?: boolean;
 }
 /**
  * Represents the target (element, props, and focus()) of the `BreadcrumbClickEvent`.

package/dist/es/breadcrumb/Breadcrumb.js

@@ -52,15 +52,20 @@ export var Breadcrumb = React.forwardRef(function (props, ref) {
             dispatchEvent(props.onKeyDown, event, event.target, { id: event.target.id });
         }
     };
+    var valueField = (props.valueField || defaultProps.valueField);
+    var iconField = (props.iconField || defaultProps.iconField);
+    var iconClassField = (props.iconClassField || defaultProps.iconClassField);
+    var textField = (props.textField || defaultProps.textField);
     return (React.createElement("nav", { "aria-label": props.ariaLabel, id: props.id, style: props.style, ref: breadcrumbRef, dir: dir, className: classNames('k-breadcrumb', {
             'k-rtl': dir === 'rtl',
             'k-disabled': disabled
         }, props.className) },
         React.createElement(OrderedListComponent, null,
-            React.createElement(React.Fragment, null, Object.keys(props.data).map(function (key) {
-                return (React.createElement(ListItemComponent, { key: props.data[key][props.valueField || defaultProps.valueField] },
-                    key !== '0' && React.createElement(DelimiterComponent, null),
-                    React.createElement(LinkComponent, __assign({ isLast: props.data.length - 1 === Number(key), id: props.data[key][props.valueField || defaultProps.valueField], icon: props.data[key][props.iconField || defaultProps.iconField], iconClass: props.data[key][props.iconClassField || defaultProps.iconClassField], text: props.data[key][props.textField || defaultProps.textField], disabled: props.data[key].disabled || false, onItemSelect: handleItemSelect, onKeyDown: handleKeyDown }, props))));
+            React.createElement(React.Fragment, null, props.data.map(function (item, index, data) {
+                var key = item[valueField];
+                return (React.createElement(ListItemComponent, { key: key },
+                    index !== 0 && React.createElement(DelimiterComponent, null),
+                    React.createElement(LinkComponent, __assign({ isLast: data.length - 1 === index, id: String(key), icon: item[iconField], iconClass: String(item[iconClassField]), text: String(item[textField]), disabled: item.disabled || false, onItemSelect: handleItemSelect, onKeyDown: handleKeyDown }, props))));
             })))));
 });
 var propTypes = {

package/dist/es/menu/components/Menu.d.ts

@@ -38,7 +38,7 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
      */
     static propTypes: {
         vertical: PropTypes.Requireable<boolean>;
-        items: PropTypes.Requireable<(object | null)[]>;
+        items: PropTypes.Requireable<(object | null | undefined)[]>;
         style: PropTypes.Requireable<object>;
         dir: PropTypes.Requireable<string>;
         hoverOpenDelay: PropTypes.Requireable<number>;
@@ -46,7 +46,7 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
         openOnClick: PropTypes.Requireable<boolean>;
         itemRender: PropTypes.Requireable<any>;
         linkRender: PropTypes.Requireable<any>;
-        customCloseItemIds: PropTypes.Requireable<(string | null)[]>;
+        customCloseItemIds: PropTypes.Requireable<(string | null | undefined)[]>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
     };
     /**

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-layout',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1654509261,
+    publishDate: 1655143167,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/panelbar/PanelBar.d.ts

@@ -21,7 +21,7 @@ export declare class PanelBar extends React.Component<PanelBarProps, PanelBarSta
         children: (props: PanelBarProps, propName: any) => Error | null | undefined;
         dir: PropTypes.Requireable<string>;
         selected: PropTypes.Requireable<string>;
-        expanded: PropTypes.Requireable<(string | null)[]>;
+        expanded: PropTypes.Requireable<(string | null | undefined)[]>;
         focused: PropTypes.Requireable<string>;
         expandMode: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;

package/dist/es/panelbar/PanelBarItem.d.ts

@@ -29,7 +29,7 @@ export declare class PanelBarItem extends React.PureComponent<PanelBarItemProps,
     static defaultProps: {
         title: string;
     };
-    constructor(props: any);
+    constructor(props: PanelBarItemProps);
     /**
      * @hidden
      */

package/dist/es/panelbar/PanelBarItem.js

@@ -66,7 +66,7 @@ var PanelBarItem = /** @class */ (function (_super) {
             return child;
         };
         _this.state = {
-            show: props.expanded
+            show: props.expanded || false
         };
         return _this;
     }

package/dist/es/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<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null)[]>;
+        children: PropTypes.Requireable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[]>;
         selected: PropTypes.Requireable<number>;
         style: PropTypes.Requireable<object>;
     };

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

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

package/dist/es/tabstrip/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<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        title: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        title: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
     };
     /**
      * @hidden

package/dist/es/tilelayout/InternalTile.js

@@ -99,9 +99,6 @@ var InternalTile = /** @class */ (function (_super) {
             }
         };
         _this.handlePress = function (e) {
-            if (!_this.reorderable) {
-                return;
-            }
             if (!_this.dragElement) {
                 return;
             }
@@ -127,7 +124,7 @@ var InternalTile = /** @class */ (function (_super) {
             };
         };
         _this.handleDrag = function (e) {
-            if (!_this.reorderable || _this.ignoreDrag) {
+            if (_this.ignoreDrag) {
                 return;
             }
             var dragElement = _this.dragElement;
@@ -163,9 +160,6 @@ var InternalTile = /** @class */ (function (_super) {
             _this.props.update(_this.props.index, row, _this.state.rtl ? -col : col, 0, 0);
         };
         _this.handleRelease = function () {
-            if (!_this.reorderable) {
-                return;
-            }
             _this.dragging = _this.resizing = false;
             _this.currentTranslate = { x: 0, y: 0 };
             if (_this.element) {
@@ -222,7 +216,7 @@ var InternalTile = /** @class */ (function (_super) {
             this.props.children,
             React.createElement(ResizeHandlers, { onPress: this.handlePress, onResize: this.handleResize, resizable: resizable, rtl: this.state.rtl })));
         return (React.createElement("div", { ref: function (e) { _this.element = e; }, style: itemStyles, className: this.props.hintClassName },
-            React.createElement(Draggable, { ref: function (e) { _this.draggable = e; }, onDrag: this.handleDrag, onRelease: this.handleRelease, onPress: this.handlePress }, card)));
+            React.createElement(Draggable, { ref: function (e) { _this.draggable = e; }, onDrag: this.props.reorderable ? this.handleDrag : undefined, onRelease: this.props.reorderable ? this.handleRelease : undefined, onPress: this.props.reorderable ? this.handlePress : undefined }, card)));
     };
     /**
      * @hidden

package/dist/npm/breadcrumb/Breadcrumb.d.ts

@@ -101,6 +101,10 @@ export interface DataModel {
      * Represents the `iconClass` used inside the BreadcrumbLink component.
      */
     iconClass?: string;
+    /**
+     * @hidden
+     */
+    disabled?: boolean;
 }
 /**
  * Represents the target (element, props, and focus()) of the `BreadcrumbClickEvent`.

package/dist/npm/breadcrumb/Breadcrumb.js

@@ -55,15 +55,20 @@ exports.Breadcrumb = React.forwardRef(function (props, ref) {
             (0, kendo_react_common_1.dispatchEvent)(props.onKeyDown, event, event.target, { id: event.target.id });
         }
     };
+    var valueField = (props.valueField || defaultProps.valueField);
+    var iconField = (props.iconField || defaultProps.iconField);
+    var iconClassField = (props.iconClassField || defaultProps.iconClassField);
+    var textField = (props.textField || defaultProps.textField);
     return (React.createElement("nav", { "aria-label": props.ariaLabel, id: props.id, style: props.style, ref: breadcrumbRef, dir: dir, className: (0, kendo_react_common_1.classNames)('k-breadcrumb', {
             'k-rtl': dir === 'rtl',
             'k-disabled': disabled
         }, props.className) },
         React.createElement(OrderedListComponent, null,
-            React.createElement(React.Fragment, null, Object.keys(props.data).map(function (key) {
-                return (React.createElement(ListItemComponent, { key: props.data[key][props.valueField || defaultProps.valueField] },
-                    key !== '0' && React.createElement(DelimiterComponent, null),
-                    React.createElement(LinkComponent, __assign({ isLast: props.data.length - 1 === Number(key), id: props.data[key][props.valueField || defaultProps.valueField], icon: props.data[key][props.iconField || defaultProps.iconField], iconClass: props.data[key][props.iconClassField || defaultProps.iconClassField], text: props.data[key][props.textField || defaultProps.textField], disabled: props.data[key].disabled || false, onItemSelect: handleItemSelect, onKeyDown: handleKeyDown }, props))));
+            React.createElement(React.Fragment, null, props.data.map(function (item, index, data) {
+                var key = item[valueField];
+                return (React.createElement(ListItemComponent, { key: key },
+                    index !== 0 && React.createElement(DelimiterComponent, null),
+                    React.createElement(LinkComponent, __assign({ isLast: data.length - 1 === index, id: String(key), icon: item[iconField], iconClass: String(item[iconClassField]), text: String(item[textField]), disabled: item.disabled || false, onItemSelect: handleItemSelect, onKeyDown: handleKeyDown }, props))));
             })))));
 });
 var propTypes = {

package/dist/npm/menu/components/Menu.d.ts

@@ -38,7 +38,7 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
      */
     static propTypes: {
         vertical: PropTypes.Requireable<boolean>;
-        items: PropTypes.Requireable<(object | null)[]>;
+        items: PropTypes.Requireable<(object | null | undefined)[]>;
         style: PropTypes.Requireable<object>;
         dir: PropTypes.Requireable<string>;
         hoverOpenDelay: PropTypes.Requireable<number>;
@@ -46,7 +46,7 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
         openOnClick: PropTypes.Requireable<boolean>;
         itemRender: PropTypes.Requireable<any>;
         linkRender: PropTypes.Requireable<any>;
-        customCloseItemIds: PropTypes.Requireable<(string | null)[]>;
+        customCloseItemIds: PropTypes.Requireable<(string | null | undefined)[]>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
     };
     /**

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-layout',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1654509261,
+    publishDate: 1655143167,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/panelbar/PanelBar.d.ts

@@ -21,7 +21,7 @@ export declare class PanelBar extends React.Component<PanelBarProps, PanelBarSta
         children: (props: PanelBarProps, propName: any) => Error | null | undefined;
         dir: PropTypes.Requireable<string>;
         selected: PropTypes.Requireable<string>;
-        expanded: PropTypes.Requireable<(string | null)[]>;
+        expanded: PropTypes.Requireable<(string | null | undefined)[]>;
         focused: PropTypes.Requireable<string>;
         expandMode: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;

package/dist/npm/panelbar/PanelBarItem.d.ts

@@ -29,7 +29,7 @@ export declare class PanelBarItem extends React.PureComponent<PanelBarItemProps,
     static defaultProps: {
         title: string;
     };
-    constructor(props: any);
+    constructor(props: PanelBarItemProps);
     /**
      * @hidden
      */

package/dist/npm/panelbar/PanelBarItem.js

@@ -69,7 +69,7 @@ var PanelBarItem = /** @class */ (function (_super) {
             return child;
         };
         _this.state = {
-            show: props.expanded
+            show: props.expanded || false
         };
         return _this;
     }

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<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null)[]>;
+        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<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null)[]>;
+        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/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<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        title: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        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/InternalTile.js

@@ -102,9 +102,6 @@ var InternalTile = /** @class */ (function (_super) {
             }
         };
         _this.handlePress = function (e) {
-            if (!_this.reorderable) {
-                return;
-            }
             if (!_this.dragElement) {
                 return;
             }
@@ -130,7 +127,7 @@ var InternalTile = /** @class */ (function (_super) {
             };
         };
         _this.handleDrag = function (e) {
-            if (!_this.reorderable || _this.ignoreDrag) {
+            if (_this.ignoreDrag) {
                 return;
             }
             var dragElement = _this.dragElement;
@@ -166,9 +163,6 @@ var InternalTile = /** @class */ (function (_super) {
             _this.props.update(_this.props.index, row, _this.state.rtl ? -col : col, 0, 0);
         };
         _this.handleRelease = function () {
-            if (!_this.reorderable) {
-                return;
-            }
             _this.dragging = _this.resizing = false;
             _this.currentTranslate = { x: 0, y: 0 };
             if (_this.element) {
@@ -225,7 +219,7 @@ var InternalTile = /** @class */ (function (_super) {
             this.props.children,
             React.createElement(ResizeHandlers_1.ResizeHandlers, { onPress: this.handlePress, onResize: this.handleResize, resizable: resizable, rtl: this.state.rtl })));
         return (React.createElement("div", { ref: function (e) { _this.element = e; }, style: itemStyles, className: this.props.hintClassName },
-            React.createElement(kendo_react_common_1.Draggable, { ref: function (e) { _this.draggable = e; }, onDrag: this.handleDrag, onRelease: this.handleRelease, onPress: this.handlePress }, card)));
+            React.createElement(kendo_react_common_1.Draggable, { ref: function (e) { _this.draggable = e; }, onDrag: this.props.reorderable ? this.handleDrag : undefined, onRelease: this.props.reorderable ? this.handleRelease : undefined, onPress: this.props.reorderable ? this.handlePress : undefined }, card)));
     };
     /**
      * @hidden