@progress/kendo-react-buttons 5.4.0-dev.202205180853 → 5.4.0-dev.202205271059

package/dist/npm/ListButton/DropDownButton.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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropDownButton = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var main_1 = require("./../main");
@@ -102,7 +105,7 @@ var DropDownButton = /** @class */ (function (_super) {
                 _this.dispatchPopupEvent(event, newState.opened);
             }
             if (_this.opened) {
-                var newFocused = navigation_1.default(focusedIndex, event.keyCode, event.altKey, _this.buttonsData.length);
+                var newFocused = navigation_1.navigate(focusedIndex, event.keyCode, event.altKey, _this.buttonsData.length);
                 newState.focusedIndex = newFocused;
                 var arrowKey = event.keyCode === kendo_react_common_1.Keys.up || event.keyCode === kendo_react_common_1.Keys.down ||
                     event.keyCode === kendo_react_common_1.Keys.left || event.keyCode === kendo_react_common_1.Keys.right;
@@ -160,7 +163,7 @@ var DropDownButton = /** @class */ (function (_super) {
         get: function () {
             return this.props.opened === undefined ? this.state.opened : this.props.opened;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -174,7 +177,7 @@ var DropDownButton = /** @class */ (function (_super) {
         var focusedIndex = this.state.focusedIndex;
         this.buttonsData = this.props.items ||
             React.Children.toArray(this.props.children)
-                .filter(function (child) { return child && child.type === DropDownButtonItem_1.default; })
+                .filter(function (child) { return child && child.type === DropDownButtonItem_1.DropDownButtonItem; })
                 .map(function (child) { return child.props; });
         return (React.createElement("div", { id: id, style: style, className: kendo_react_common_1.classNames('k-dropdown-button', {
                 'k-focus': this.state.focused
@@ -207,7 +210,7 @@ var DropDownButton = /** @class */ (function (_super) {
         get: function () {
             return this.mainButton;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     DropDownButton.prototype.dispatchClickEvent = function (dispatchedEvent, index) {
@@ -230,7 +233,7 @@ var DropDownButton = /** @class */ (function (_super) {
         var _this = this;
         var _a = this.props, item = _a.item, itemRender = _a.itemRender, textField = _a.textField;
         return this.buttonsData.length > 0 ? (this.buttonsData.map(function (dataItem, index) {
-            return (React.createElement(ButtonItem_1.default, { className: "k-menu-item", dataItem: dataItem, textField: textField, focused: _this.state.focusedIndex === index, onClick: _this.onItemClick, onDown: _this.onItemDown, render: itemRender, item: item, index: index, key: index, id: _this.guid + "-" + index }));
+            return (React.createElement(ButtonItem_1.ButtonItem, { className: "k-menu-item", dataItem: dataItem, textField: textField, focused: _this.state.focusedIndex === index, onClick: _this.onItemClick, onDown: _this.onItemDown, render: itemRender, item: item, index: index, key: index, id: _this.guid + "-" + index }));
         })) : null;
     };
     DropDownButton.prototype.isItemDisabled = function (index) {
@@ -276,4 +279,4 @@ var DropDownButton = /** @class */ (function (_super) {
     };
     return DropDownButton;
 }(React.Component));
-exports.default = DropDownButton;
+exports.DropDownButton = DropDownButton;

package/dist/npm/ListButton/DropDownButtonItem.d.ts

@@ -10,7 +10,7 @@ export interface DropDownButtonItemProps extends ButtonItem {
      */
     selected?: boolean;
 }
-export default class DropDownButtonItem extends React.Component<DropDownButtonItemProps, {}> {
+export declare class DropDownButtonItem extends React.Component<DropDownButtonItemProps, {}> {
     /**
      * @hidden
      */

package/dist/npm/ListButton/DropDownButtonItem.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.DropDownButtonItem = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var DropDownButtonItem = /** @class */ (function (_super) {
@@ -40,4 +43,4 @@ var DropDownButtonItem = /** @class */ (function (_super) {
     };
     return DropDownButtonItem;
 }(React.Component));
-exports.default = DropDownButtonItem;
+exports.DropDownButtonItem = DropDownButtonItem;

package/dist/npm/ListButton/SplitButton.d.ts

@@ -28,7 +28,7 @@ export interface SplitButtonState {
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export default class SplitButton extends React.Component<SplitButtonProps, SplitButtonState> {
+export declare class SplitButton extends React.Component<SplitButtonProps, SplitButtonState> {
     /**
      * @hidden
      */
@@ -78,7 +78,7 @@ export default class SplitButton extends React.Component<SplitButtonProps, Split
     private guid;
     private buttonsData;
     constructor(props: SplitButtonProps);
-    private readonly opened;
+    private get opened();
     /**
      * @hidden
      */
@@ -90,7 +90,7 @@ export default class SplitButton extends React.Component<SplitButtonProps, Split
     /**
      * The DOM element of main button.
      */
-    readonly element: HTMLButtonElement | null;
+    get element(): HTMLButtonElement | null;
     private onKeyDown;
     private onFocus;
     private onItemClick;

package/dist/npm/ListButton/SplitButton.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.SplitButton = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var main_1 = require("./../main");
@@ -95,7 +98,7 @@ var SplitButton = /** @class */ (function (_super) {
                 _this.dispatchPopupEvent(event, newState.opened);
             }
             if (_this.opened) {
-                var newFocused = navigation_1.default(focusedIndex, event.keyCode, event.altKey, _this.buttonsData.length);
+                var newFocused = navigation_1.navigate(focusedIndex, event.keyCode, event.altKey, _this.buttonsData.length);
                 if (newFocused !== focusedIndex) {
                     newState = newState || {};
                     newState.focusedIndex = newFocused;
@@ -168,7 +171,7 @@ var SplitButton = /** @class */ (function (_super) {
         get: function () {
             return this.props.opened === undefined ? this.state.opened : this.props.opened;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -178,7 +181,7 @@ var SplitButton = /** @class */ (function (_super) {
         var _this = this;
         this.buttonsData = this.props.items ||
             React.Children.toArray(this.props.children)
-                .filter(function (child) { return child && child.type === SplitButtonItem_1.default; })
+                .filter(function (child) { return child && child.type === SplitButtonItem_1.SplitButtonItem; })
                 .map(function (child) { return child.props; });
         var rtl = this.isRtl();
         var dir = rtl ? 'rtl' : undefined;
@@ -207,7 +210,7 @@ var SplitButton = /** @class */ (function (_super) {
         get: function () {
             return this.mainButton;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     SplitButton.prototype.dispatchClickEvent = function (dispatchedEvent, clickedItemIndex) {
@@ -235,7 +238,7 @@ var SplitButton = /** @class */ (function (_super) {
         var _this = this;
         var _a = this.props, item = _a.item, itemRender = _a.itemRender, textField = _a.textField;
         return this.buttonsData.length > 0 ? (this.buttonsData.map(function (dataItem, index) {
-            return (React.createElement(ButtonItem_1.default, { className: "k-menu-item", dataItem: dataItem, textField: textField, focused: _this.state.focusedIndex === index, onClick: _this.onItemClick, onDown: _this.onItemDown, render: itemRender, item: item, key: index, index: index, id: _this.guid + "-" + index }));
+            return (React.createElement(ButtonItem_1.ButtonItem, { className: "k-menu-item", dataItem: dataItem, textField: textField, focused: _this.state.focusedIndex === index, onClick: _this.onItemClick, onDown: _this.onItemDown, render: itemRender, item: item, key: index, index: index, id: _this.guid + "-" + index }));
         })) : null;
     };
     SplitButton.prototype.isItemDisabled = function (index) {
@@ -283,4 +286,4 @@ var SplitButton = /** @class */ (function (_super) {
     };
     return SplitButton;
 }(React.Component));
-exports.default = SplitButton;
+exports.SplitButton = SplitButton;

package/dist/npm/ListButton/SplitButtonItem.d.ts

@@ -6,7 +6,7 @@ import { ButtonItem } from './models/ButtonItem';
  */
 export interface SplitButtonItemProps extends ButtonItem {
 }
-export default class SplitButtonItem extends React.Component<SplitButtonItemProps, {}> {
+export declare class SplitButtonItem extends React.Component<SplitButtonItemProps, {}> {
     /**
      * @hidden
      */

package/dist/npm/ListButton/SplitButtonItem.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.SplitButtonItem = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var SplitButtonItem = /** @class */ (function (_super) {
@@ -39,4 +42,4 @@ var SplitButtonItem = /** @class */ (function (_super) {
     };
     return SplitButtonItem;
 }(React.Component));
-exports.default = SplitButtonItem;
+exports.SplitButtonItem = SplitButtonItem;

package/dist/npm/ListButton/models/events.d.ts

@@ -1,5 +1,5 @@
-import SplitButton from './../SplitButton';
-import DropDownButton from './../DropDownButton';
+import { SplitButton } from './../SplitButton';
+import { DropDownButton } from './../DropDownButton';
 import { BaseEvent } from '@progress/kendo-react-common';
 export interface SplitButtonFocusEvent extends BaseEvent<SplitButton> {
 }

package/dist/npm/ListButton/utils/navigation.d.ts

@@ -2,4 +2,4 @@
  * @hidden
  */
 declare const navigate: (focusedIndex: number, keyCode: number, altKey: boolean, total: number) => number;
-export default navigate;
+export { navigate };

package/dist/npm/ListButton/utils/navigation.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.navigate = void 0;
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * @hidden
@@ -23,4 +24,4 @@ var navigate = function (focusedIndex, keyCode, altKey, total) {
             return focusedIndex;
     }
 };
-exports.default = navigate;
+exports.navigate = navigate;

package/dist/npm/ListButton/utils/popup.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPopupAlign = exports.getAnchorAlign = void 0;
 /**
  * @hidden
  */

package/dist/npm/main.d.ts

@@ -1,17 +1,17 @@
-import Button, { ButtonProps } from './Button';
-import ButtonGroup, { ButtonGroupProps } from './ButtonGroup';
-import SplitButton from './ListButton/SplitButton';
-import SplitButtonItem, { SplitButtonItemProps } from './ListButton/SplitButtonItem';
-import DropDownButton from './ListButton/DropDownButton';
-import DropDownButtonItem, { DropDownButtonItemProps } from './ListButton/DropDownButtonItem';
+import { Button, ButtonProps } from './Button';
+import { ButtonGroup, ButtonGroupProps } from './ButtonGroup';
+import { SplitButton } from './ListButton/SplitButton';
+import { SplitButtonItem, SplitButtonItemProps } from './ListButton/SplitButtonItem';
+import { DropDownButton } from './ListButton/DropDownButton';
+import { DropDownButtonItem, DropDownButtonItemProps } from './ListButton/DropDownButtonItem';
 import { DropDownButtonProps } from './ListButton/models/ListButtonProps';
 import { SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent } from './ListButton/models/events';
 import { ButtonItem } from './ListButton/models/ButtonItem';
 import { ButtonItemProps } from './ListButton/ButtonItem';
 import { ButtonsPopupSettings } from './ListButton/models/PopupSettings';
-import Toolbar, { ToolbarProps, ToolbarResizeEvent } from './toolbar/Toolbar';
-import ToolbarItem, { ToolbarItemProps } from './toolbar/tools/ToolbarItem';
-import ToolbarSeparator from './toolbar/tools/ToolbarSeparator';
+import { Toolbar, ToolbarProps, ToolbarResizeEvent } from './toolbar/Toolbar';
+import { ToolbarItem, ToolbarItemProps } from './toolbar/tools/ToolbarItem';
+import { ToolbarSeparator } from './toolbar/tools/ToolbarSeparator';
 import { ToolbarSpacer, ToolbarSpacerProps } from './toolbar/tools/ToolbarSpacer';
 import { Chip, ChipProps, ChipHandle } from './Chip/Chip';
 import { ChipList, ChipListProps, ChipListHandle } from './Chip/ChipList';

package/dist/npm/main.js

@@ -1,30 +1,42 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingActionButtonItem = exports.FloatingActionButton = exports.ChipList = exports.Chip = exports.DropDownButtonItem = exports.DropDownButton = exports.SplitButtonItem = exports.SplitButton = exports.ButtonGroup = exports.Button = exports.ToolbarSpacer = exports.ToolbarSeparator = exports.ToolbarItem = exports.Toolbar = void 0;
 var Button_1 = require("./Button");
-exports.Button = Button_1.default;
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
 var ButtonGroup_1 = require("./ButtonGroup");
-exports.ButtonGroup = ButtonGroup_1.default;
+Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
 var SplitButton_1 = require("./ListButton/SplitButton");
-exports.SplitButton = SplitButton_1.default;
+Object.defineProperty(exports, "SplitButton", { enumerable: true, get: function () { return SplitButton_1.SplitButton; } });
 var SplitButtonItem_1 = require("./ListButton/SplitButtonItem");
-exports.SplitButtonItem = SplitButtonItem_1.default;
+Object.defineProperty(exports, "SplitButtonItem", { enumerable: true, get: function () { return SplitButtonItem_1.SplitButtonItem; } });
 var DropDownButton_1 = require("./ListButton/DropDownButton");
-exports.DropDownButton = DropDownButton_1.default;
+Object.defineProperty(exports, "DropDownButton", { enumerable: true, get: function () { return DropDownButton_1.DropDownButton; } });
 var DropDownButtonItem_1 = require("./ListButton/DropDownButtonItem");
-exports.DropDownButtonItem = DropDownButtonItem_1.default;
+Object.defineProperty(exports, "DropDownButtonItem", { enumerable: true, get: function () { return DropDownButtonItem_1.DropDownButtonItem; } });
 var Toolbar_1 = require("./toolbar/Toolbar");
-exports.Toolbar = Toolbar_1.default;
+Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return Toolbar_1.Toolbar; } });
 var ToolbarItem_1 = require("./toolbar/tools/ToolbarItem");
-exports.ToolbarItem = ToolbarItem_1.default;
+Object.defineProperty(exports, "ToolbarItem", { enumerable: true, get: function () { return ToolbarItem_1.ToolbarItem; } });
 var ToolbarSeparator_1 = require("./toolbar/tools/ToolbarSeparator");
-exports.ToolbarSeparator = ToolbarSeparator_1.default;
+Object.defineProperty(exports, "ToolbarSeparator", { enumerable: true, get: function () { return ToolbarSeparator_1.ToolbarSeparator; } });
 var ToolbarSpacer_1 = require("./toolbar/tools/ToolbarSpacer");
-exports.ToolbarSpacer = ToolbarSpacer_1.ToolbarSpacer;
+Object.defineProperty(exports, "ToolbarSpacer", { enumerable: true, get: function () { return ToolbarSpacer_1.ToolbarSpacer; } });
 var Chip_1 = require("./Chip/Chip");
-exports.Chip = Chip_1.Chip;
+Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Chip_1.Chip; } });
 var ChipList_1 = require("./Chip/ChipList");
-exports.ChipList = ChipList_1.ChipList;
+Object.defineProperty(exports, "ChipList", { enumerable: true, get: function () { return ChipList_1.ChipList; } });
 var FloatingActionButton_1 = require("./FloatingActionButton/FloatingActionButton");
-exports.FloatingActionButton = FloatingActionButton_1.FloatingActionButton;
+Object.defineProperty(exports, "FloatingActionButton", { enumerable: true, get: function () { return FloatingActionButton_1.FloatingActionButton; } });
 var FloatingActionButtonItem_1 = require("./FloatingActionButton/FloatingActionButtonItem");
-exports.FloatingActionButtonItem = FloatingActionButtonItem_1.FloatingActionButtonItem;
+Object.defineProperty(exports, "FloatingActionButtonItem", { enumerable: true, get: function () { return FloatingActionButtonItem_1.FloatingActionButtonItem; } });
+__exportStar(require("./FloatingActionButton/models/events"), exports);

package/dist/npm/package-metadata.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageMetadata = void 0;
 /**
  * @hidden
  */
@@ -7,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-buttons',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1652862503,
+    publishDate: 1653647977,
     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/toolbar/Toolbar.d.ts

@@ -94,7 +94,7 @@ export interface ToolbarProps extends KendoReactComponentBaseProps {
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export default class Toolbar extends React.Component<ToolbarProps> {
+export declare class Toolbar extends React.Component<ToolbarProps> {
     /**
      * @hidden
      */
@@ -119,12 +119,12 @@ export default class Toolbar extends React.Component<ToolbarProps> {
     private buttons;
     private focusedSelector;
     constructor(props: ToolbarProps);
-    private readonly selectors;
-    private readonly focusedIndex;
+    private get selectors();
+    private get focusedIndex();
     /**
      * Returns the HTML element of the Toolbar component.
      */
-    readonly element: HTMLDivElement | null;
+    get element(): HTMLDivElement | null;
     /**
      * @hidden
      */

package/dist/npm/toolbar/Toolbar.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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolbar = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -101,7 +104,7 @@ var Toolbar = /** @class */ (function (_super) {
                 _this.offsetHeight = offsetHeight;
                 var newSizes = { offsetWidth: _this.offsetWidth, offsetHeight: _this.offsetHeight };
                 if (_this.props.onResize) {
-                    _this.props.onResize.call(undefined, __assign({ target: _this }, newSizes, { nativeEvent: event }));
+                    _this.props.onResize.call(undefined, __assign(__assign({ target: _this }, newSizes), { nativeEvent: event }));
                 }
             }
         };
@@ -112,7 +115,7 @@ var Toolbar = /** @class */ (function (_super) {
         get: function () {
             return this.props.buttons || util_1.toolbarButtons;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Toolbar.prototype, "focusedIndex", {
@@ -120,7 +123,7 @@ var Toolbar = /** @class */ (function (_super) {
             var focused = this.element && this.element.querySelector(this.focusedSelector);
             return Math.max(0, this.buttons.findIndex(function (e) { return e === focused; }));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Toolbar.prototype, "element", {
@@ -130,7 +133,7 @@ var Toolbar = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -205,4 +208,4 @@ var Toolbar = /** @class */ (function (_super) {
     };
     return Toolbar;
 }(React.Component));
-exports.default = Toolbar;
+exports.Toolbar = Toolbar;

package/dist/npm/toolbar/tools/ToolbarItem.d.ts

@@ -19,7 +19,7 @@ export interface ToolbarItemProps extends KendoReactComponentBaseProps {
  * To add a tool to the Toolbar, wrap it inside a ToolbarItem component
  * ([see example]({% slug content_toolbar %})).
  */
-export default class ToolbarItem extends React.PureComponent<ToolbarItemProps> {
+export declare class ToolbarItem extends React.PureComponent<ToolbarItemProps> {
     /**
      * @hidden
      */
@@ -30,7 +30,7 @@ export default class ToolbarItem extends React.PureComponent<ToolbarItemProps> {
     /**
      * Returns the HTML element of the ToolbarItem component.
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * @hidden
      */

package/dist/npm/toolbar/tools/ToolbarItem.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.ToolbarItem = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 /**
@@ -34,7 +37,7 @@ var ToolbarItem = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -52,4 +55,4 @@ var ToolbarItem = /** @class */ (function (_super) {
     };
     return ToolbarItem;
 }(React.PureComponent));
-exports.default = ToolbarItem;
+exports.ToolbarItem = ToolbarItem;

package/dist/npm/toolbar/tools/ToolbarSeparator.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 /**
  * Represents the KendoReact Toolbar Separator component.
  */
-export default class ToolbarSeparator extends React.PureComponent<{}> {
+export declare class ToolbarSeparator extends React.PureComponent<{}> {
     /**
      * @hidden
      */

package/dist/npm/toolbar/tools/ToolbarSeparator.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.ToolbarSeparator = void 0;
 var React = require("react");
 var ToolbarItem_1 = require("./ToolbarItem");
 /**
@@ -27,8 +30,8 @@ var ToolbarSeparator = /** @class */ (function (_super) {
      * @hidden
      */
     ToolbarSeparator.prototype.render = function () {
-        return (React.createElement(ToolbarItem_1.default, { className: "k-separator" }));
+        return (React.createElement(ToolbarItem_1.ToolbarItem, { className: "k-separator" }));
     };
     return ToolbarSeparator;
 }(React.PureComponent));
-exports.default = ToolbarSeparator;
+exports.ToolbarSeparator = ToolbarSeparator;

package/dist/npm/toolbar/tools/ToolbarSpacer.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarSpacer = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");

package/dist/npm/util.d.ts

@@ -5,10 +5,10 @@ export declare const toolbarButtons: string[];
 declare const _default: {
     styles: {
         button: string;
-        'flat': string;
-        'outline': string;
-        'clear': string;
-        'primary': string;
+        flat: string;
+        outline: string;
+        clear: string;
+        primary: string;
         'state-selected': string;
         'button-icon': string;
         'button-icontext': string;
@@ -17,8 +17,8 @@ declare const _default: {
         'group-end': string;
         'button-group': string;
         'button-group-stretched': string;
-        'ltr': string;
-        'rtl': string;
+        ltr: string;
+        rtl: string;
     };
 };
 /**

package/dist/npm/util.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.toolbarButtons = void 0;
 /**
  * @hidden
  */