@progress/kendo-react-layout 5.3.0-dev.202204191312 → 5.3.0-dev.202204281202

package/dist/es/bottomnavigation/BottomNavigationItemProps.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 /**
  * The interface for describing items that can be passed to the `items` property of the BottomNavigation component.
  */

package/dist/es/bottomnavigation/BottomNavigationProps.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { BottomNavigationItemProps } from './BottomNavigationItemProps';
 import { BottomNavigationEvent, BottomNavigationSelectEvent } from './models/events';
 /**

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-layout',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1650373174,
+    publishDate: 1651146566,
     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/splitter/SplitterPane.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
+import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
 /**
  * Represents the pane options of the Splitter.
  */
-export interface SplitterPaneProps {
+export interface SplitterPaneProps extends KendoReactComponentBaseProps {
     /**
      * Sets the size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)). Has to be between the `min` and `max` properties.
      */

package/dist/es/splitter/SplitterPane.js

@@ -23,7 +23,7 @@ var SplitterPane = /** @class */ (function (_super) {
     }
     SplitterPane.prototype.render = function () {
         var _a;
-        var _b = this.props, size = _b.size, collapsed = _b.collapsed, overlay = _b.overlay, containsSplitter = _b.containsSplitter, collapsible = _b.collapsible, resizable = _b.resizable, scrollable = _b.scrollable, keepMounted = _b.keepMounted;
+        var _b = this.props, id = _b.id, size = _b.size, collapsed = _b.collapsed, overlay = _b.overlay, containsSplitter = _b.containsSplitter, collapsible = _b.collapsible, resizable = _b.resizable, scrollable = _b.scrollable, keepMounted = _b.keepMounted;
         var fixedSize = size && size.length > 0;
         var style = {
             flexBasis: size
@@ -35,7 +35,7 @@ var SplitterPane = /** @class */ (function (_super) {
             _a['k-pane-static'] = !resizable && !collapsible || fixedSize,
             _a['k-scrollable'] = scrollable,
             _a));
-        return (React.createElement("div", { style: style, className: paneClasses },
+        return (React.createElement("div", { id: id, style: style, className: paneClasses },
             !collapsed || keepMounted ? this.props.children : undefined,
             overlay ? React.createElement("div", { className: 'k-splitter-overlay k-overlay' }) : undefined));
     };

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
+import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
 /**
  * The arguments that are passed to the `onSelect` callback function of the TabStrip.
  */
@@ -12,7 +13,7 @@ export interface TabStripSelectEventArguments {
 /**
  * Represents the props of the [KendoReact TabStrip component]({% slug overview_tabstrip %}).
  */
-export interface TabStripProps {
+export interface TabStripProps extends KendoReactComponentBaseProps {
     /**
      * Enables the tab animation.
      */

package/dist/es/tabstrip/TabStrip.js

@@ -26,8 +26,7 @@ import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { TabStripNavigation } from './TabStripNavigation';
 import { TabStripContent } from './TabStripContent';
-import { Keys, classNames } from '@progress/kendo-react-common';
-import { validatePackage } from '@progress/kendo-react-common';
+import { Keys, classNames, validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from '../package-metadata';
 // tslint:enable:max-line-length
 var TabStrip = /** @class */ (function (_super) {
@@ -172,7 +171,7 @@ var TabStrip = /** @class */ (function (_super) {
             'k-tabstrip-bottom': tabPosition === 'bottom',
             'k-tabstrip-top': tabPosition === 'top'
         }, this.props.className);
-        return (React.createElement("div", { ref: function (div) { return _this._element = div; }, dir: this.props.dir, className: componentClasses, style: this.props.style },
+        return (React.createElement("div", { id: this.props.id, ref: function (div) { return _this._element = div; }, dir: this.props.dir, className: componentClasses, style: this.props.style },
             !bottom && React.createElement(TabStripNavigation, __assign({}, tabProps, { tabIndex: tabIndex })),
             this.renderContent(tabProps),
             bottom && React.createElement(TabStripNavigation, __assign({}, tabProps, { tabIndex: tabIndex }))));

package/dist/npm/bottomnavigation/BottomNavigationItemProps.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 /**
  * The interface for describing items that can be passed to the `items` property of the BottomNavigation component.
  */

package/dist/npm/bottomnavigation/BottomNavigationProps.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { BottomNavigationItemProps } from './BottomNavigationItemProps';
 import { BottomNavigationEvent, BottomNavigationSelectEvent } from './models/events';
 /**

package/dist/npm/package-metadata.js

@@ -7,7 +7,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-layout',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1650373174,
+    publishDate: 1651146566,
     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/splitter/SplitterPane.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
+import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
 /**
  * Represents the pane options of the Splitter.
  */
-export interface SplitterPaneProps {
+export interface SplitterPaneProps extends KendoReactComponentBaseProps {
     /**
      * Sets the size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)). Has to be between the `min` and `max` properties.
      */

package/dist/npm/splitter/SplitterPane.js

@@ -25,7 +25,7 @@ var SplitterPane = /** @class */ (function (_super) {
     }
     SplitterPane.prototype.render = function () {
         var _a;
-        var _b = this.props, size = _b.size, collapsed = _b.collapsed, overlay = _b.overlay, containsSplitter = _b.containsSplitter, collapsible = _b.collapsible, resizable = _b.resizable, scrollable = _b.scrollable, keepMounted = _b.keepMounted;
+        var _b = this.props, id = _b.id, size = _b.size, collapsed = _b.collapsed, overlay = _b.overlay, containsSplitter = _b.containsSplitter, collapsible = _b.collapsible, resizable = _b.resizable, scrollable = _b.scrollable, keepMounted = _b.keepMounted;
         var fixedSize = size && size.length > 0;
         var style = {
             flexBasis: size
@@ -37,7 +37,7 @@ var SplitterPane = /** @class */ (function (_super) {
             _a['k-pane-static'] = !resizable && !collapsible || fixedSize,
             _a['k-scrollable'] = scrollable,
             _a));
-        return (React.createElement("div", { style: style, className: paneClasses },
+        return (React.createElement("div", { id: id, style: style, className: paneClasses },
             !collapsed || keepMounted ? this.props.children : undefined,
             overlay ? React.createElement("div", { className: 'k-splitter-overlay k-overlay' }) : undefined));
     };

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
+import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
 /**
  * The arguments that are passed to the `onSelect` callback function of the TabStrip.
  */
@@ -12,7 +13,7 @@ export interface TabStripSelectEventArguments {
 /**
  * Represents the props of the [KendoReact TabStrip component]({% slug overview_tabstrip %}).
  */
-export interface TabStripProps {
+export interface TabStripProps extends KendoReactComponentBaseProps {
     /**
      * Enables the tab animation.
      */

package/dist/npm/tabstrip/TabStrip.js

@@ -29,7 +29,6 @@ var PropTypes = require("prop-types");
 var TabStripNavigation_1 = require("./TabStripNavigation");
 var TabStripContent_1 = require("./TabStripContent");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
 // tslint:enable:max-line-length
 var TabStrip = /** @class */ (function (_super) {
@@ -157,7 +156,7 @@ var TabStrip = /** @class */ (function (_super) {
                 }
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        kendo_react_common_1.validatePackage(package_metadata_1.packageMetadata);
         return _this;
     }
     /**
@@ -174,7 +173,7 @@ var TabStrip = /** @class */ (function (_super) {
             'k-tabstrip-bottom': tabPosition === 'bottom',
             'k-tabstrip-top': tabPosition === 'top'
         }, this.props.className);
-        return (React.createElement("div", { ref: function (div) { return _this._element = div; }, dir: this.props.dir, className: componentClasses, style: this.props.style },
+        return (React.createElement("div", { id: this.props.id, ref: function (div) { return _this._element = div; }, dir: this.props.dir, className: componentClasses, style: this.props.style },
             !bottom && React.createElement(TabStripNavigation_1.TabStripNavigation, __assign({}, tabProps, { tabIndex: tabIndex })),
             this.renderContent(tabProps),
             bottom && React.createElement(TabStripNavigation_1.TabStripNavigation, __assign({}, tabProps, { tabIndex: tabIndex }))));