@progress/kendo-react-buttons 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

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");
@@ -58,7 +61,7 @@ var SplitButton = /** @class */ (function (_super) {
         };
         _this.wrapper = null;
         _this.mainButton = null;
-        _this.guid = kendo_react_common_1.guid();
+        _this.guid = (0, kendo_react_common_1.guid)();
         _this.buttonsData = [];
         _this.onKeyDown = function (event) {
             var focusedIndex = _this.state.focusedIndex;
@@ -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 = (0, navigation_1.navigate)(focusedIndex, event.keyCode, event.altKey, _this.buttonsData.length);
                 if (newFocused !== focusedIndex) {
                     newState = newState || {};
                     newState.focusedIndex = newFocused;
@@ -112,7 +115,7 @@ var SplitButton = /** @class */ (function (_super) {
             }
         };
         _this.onFocus = function (event) {
-            kendo_react_common_2.dispatchEvent(_this.props.onFocus, event, _this, undefined);
+            (0, kendo_react_common_2.dispatchEvent)(_this.props.onFocus, event, _this, undefined);
             _this.setState({ focused: true, focusedIndex: -1 });
         };
         _this.onItemClick = function (event, clickedItemIndex) {
@@ -131,7 +134,7 @@ var SplitButton = /** @class */ (function (_super) {
                 focusedIndex: -1,
                 opened: false
             });
-            kendo_react_common_2.dispatchEvent(_this.props.onBlur, event, _this, undefined);
+            (0, kendo_react_common_2.dispatchEvent)(_this.props.onBlur, event, _this, undefined);
             if (_this.opened) {
                 _this.dispatchPopupEvent(event, false);
             }
@@ -159,16 +162,16 @@ var SplitButton = /** @class */ (function (_super) {
             }
         };
         _this.dispatchPopupEvent = function (dispatchedEvent, open) {
-            kendo_react_common_2.dispatchEvent(open ? _this.props.onOpen : _this.props.onClose, dispatchedEvent, _this, undefined);
+            (0, kendo_react_common_2.dispatchEvent)(open ? _this.props.onOpen : _this.props.onClose, dispatchedEvent, _this, undefined);
         };
-        kendo_react_common_3.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_3.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     Object.defineProperty(SplitButton.prototype, "opened", {
         get: function () {
             return this.props.opened === undefined ? this.state.opened : this.props.opened;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -178,16 +181,16 @@ 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;
         var _a = this.props, id = _a.id, style = _a.style, tabIndex = _a.tabIndex, disabled = _a.disabled;
         var focusedIndex = this.state.focusedIndex;
-        return (React.createElement("div", { id: id, style: style, className: kendo_react_common_1.classNames('k-split-button', 'k-button-group', {
+        return (React.createElement("div", { id: id, style: style, className: (0, kendo_react_common_1.classNames)('k-split-button', 'k-button-group', {
                 'k-focus': this.state.focused
-            }, "k-rounded-" + kendo_react_common_1.kendoThemeMaps.roundedMap[this.props.rounded || 'medium'], this.props.className), onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, dir: dir, ref: function (el) { return _this.wrapper = el; } },
-            React.createElement(main_1.Button, { ref: function (el) { return _this.mainButton = el && el.element; }, type: "button", size: this.props.size, rounded: this.props.rounded, fillMode: this.props.fillMode, themeColor: this.props.themeColor, onClick: function (event) { return _this.onItemClick(event, -1); }, disabled: disabled || undefined, tabIndex: tabIndex, accessKey: this.props.accessKey, className: this.props.buttonClass, icon: this.props.icon, iconClass: this.props.iconClass, imageUrl: this.props.imageUrl, dir: dir, "aria-disabled": disabled, "aria-haspopup": true, "aria-expanded": this.opened, "aria-label": this.props.text + " splitbutton", "aria-owns": this.guid, "aria-activedescendant": focusedIndex >= 0 ? this.guid + "-" + focusedIndex : undefined }, this.props.text),
+            }, "k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[this.props.rounded || 'medium']), this.props.className), onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, dir: dir, ref: function (el) { return _this.wrapper = el; } },
+            React.createElement(main_1.Button, { ref: function (el) { return _this.mainButton = el && el.element; }, type: "button", size: this.props.size, rounded: this.props.rounded, fillMode: this.props.fillMode, themeColor: this.props.themeColor, onClick: function (event) { return _this.onItemClick(event, -1); }, disabled: disabled || undefined, tabIndex: tabIndex, accessKey: this.props.accessKey, className: this.props.buttonClass, icon: this.props.icon, iconClass: this.props.iconClass, imageUrl: this.props.imageUrl, dir: dir, "aria-disabled": disabled, "aria-haspopup": true, "aria-expanded": this.opened, "aria-label": "".concat(this.props.text, " splitbutton"), "aria-owns": this.guid, "aria-activedescendant": focusedIndex >= 0 ? "".concat(this.guid, "-").concat(focusedIndex) : undefined }, this.props.text),
             React.createElement(main_1.Button, { type: "button", size: this.props.size, rounded: this.props.rounded, fillMode: this.props.fillMode, themeColor: this.props.themeColor, icon: "arrow-s", className: "k-split-button-arrow", disabled: disabled || undefined, tabIndex: -1, onClick: this.onSplitPartClick, onMouseDown: this.onDownSplitPart, onPointerDown: this.onDownSplitPart, dir: dir, "aria-label": "menu toggling button" }),
             this.renderPopup(rtl)));
     };
@@ -207,16 +210,16 @@ var SplitButton = /** @class */ (function (_super) {
         get: function () {
             return this.mainButton;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     SplitButton.prototype.dispatchClickEvent = function (dispatchedEvent, clickedItemIndex) {
         if (!this.isItemDisabled(clickedItemIndex)) {
             if (clickedItemIndex === -1) {
-                kendo_react_common_2.dispatchEvent(this.props.onButtonClick, dispatchedEvent, this, undefined);
+                (0, kendo_react_common_2.dispatchEvent)(this.props.onButtonClick, dispatchedEvent, this, undefined);
             }
             else {
-                kendo_react_common_2.dispatchEvent(this.props.onItemClick, dispatchedEvent, this, {
+                (0, kendo_react_common_2.dispatchEvent)(this.props.onItemClick, dispatchedEvent, this, {
                     item: this.buttonsData[clickedItemIndex],
                     itemIndex: clickedItemIndex
                 });
@@ -226,16 +229,16 @@ var SplitButton = /** @class */ (function (_super) {
     SplitButton.prototype.renderPopup = function (rtl) {
         var _a;
         var _b = this.props.popupSettings, popupSettings = _b === void 0 ? {} : _b;
-        return (React.createElement(kendo_react_popup_1.Popup, { anchor: this.wrapper, show: this.opened, animate: popupSettings.animate, popupClass: kendo_react_common_1.classNames('k-menu-popup', popupSettings.popupClass), anchorAlign: popupSettings.anchorAlign || popup_1.getAnchorAlign(rtl), popupAlign: popupSettings.popupAlign || popup_1.getPopupAlign(rtl), style: rtl ? { direction: 'rtl' } : undefined },
-            React.createElement("ul", { role: "menu", id: this.guid, className: kendo_react_common_1.classNames('k-group k-menu-group k-reset', (_a = {},
-                    _a["k-menu-group-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
+        return (React.createElement(kendo_react_popup_1.Popup, { anchor: this.wrapper, show: this.opened, animate: popupSettings.animate, popupClass: (0, kendo_react_common_1.classNames)('k-menu-popup', popupSettings.popupClass), anchorAlign: popupSettings.anchorAlign || (0, popup_1.getAnchorAlign)(rtl), popupAlign: popupSettings.popupAlign || (0, popup_1.getPopupAlign)(rtl), style: rtl ? { direction: 'rtl' } : undefined },
+            React.createElement("ul", { role: "menu", id: this.guid, className: (0, kendo_react_common_1.classNames)('k-group k-menu-group k-reset', (_a = {},
+                    _a["k-menu-group-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
                     _a)) }, this.renderChildItems())));
     };
     SplitButton.prototype.renderChildItems = function () {
         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: "".concat(_this.guid, "-").concat(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
      */
@@ -21,5 +21,5 @@ export default class SplitButtonItem extends React.Component<SplitButtonItemProp
     /**
      * @hidden
      */
-    render(): any;
+    render(): null;
 }

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,46 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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: 1653029822,
+    publishDate: 1654508868,
     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
      */
@@ -105,7 +105,7 @@ export default class Toolbar extends React.Component<ToolbarProps> {
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         onResize: PropTypes.Requireable<(...args: any[]) => any>;
-        buttons: PropTypes.Requireable<string[]>;
+        buttons: PropTypes.Requireable<(string | null)[]>;
     };
     /**
      * @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,18 +104,18 @@ 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 }));
                 }
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     Object.defineProperty(Toolbar.prototype, "selectors", {
         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
     });
     /**
@@ -171,7 +174,7 @@ var Toolbar = /** @class */ (function (_super) {
      */
     Toolbar.prototype.render = function () {
         var _this = this;
-        return (React.createElement("div", { id: this.props.id, className: kendo_react_common_1.classNames('k-widget k-toolbar', this.props.className), style: this.props.style, role: "toolbar", dir: this.props.dir, ref: function (element) { return _this._element = element; }, onKeyDown: this.props.keyboardNavigation !== false ? this.onKeyDown : undefined }, this.props.children));
+        return (React.createElement("div", { id: this.props.id, className: (0, kendo_react_common_1.classNames)('k-widget k-toolbar', this.props.className), style: this.props.style, role: "toolbar", dir: this.props.dir, ref: function (element) { return _this._element = element; }, onKeyDown: this.props.keyboardNavigation !== false ? this.onKeyDown : undefined }, this.props.children));
     };
     Toolbar.prototype.focusButton = function (prevIndex, index) {
         var _a = this.props.tabIndex, tabIndex = _a === void 0 ? Toolbar.defaultProps.tabIndex : _a;
@@ -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.d.ts

@@ -20,4 +20,4 @@ export interface ToolbarSpacerHandle {
  * To specify an empty space, provide a ToolbarSpacer component
  * ([see example]({% slug content_toolbar %})).
  */
-export declare const ToolbarSpacer: React.RefForwardingComponent<ToolbarSpacerHandle | null, ToolbarSpacerProps>;
+export declare const ToolbarSpacer: React.ForwardRefExoticComponent<ToolbarSpacerProps & React.RefAttributes<ToolbarSpacerHandle>>;

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");
@@ -13,9 +14,10 @@ exports.ToolbarSpacer = React.forwardRef(function (props, ref) {
     var spacer = React.useRef(null);
     React.useImperativeHandle(spacer, function () { return ({ element: element.current }); });
     React.useImperativeHandle(ref, function () { return ({ element: element.current }); });
-    var className = React.useMemo(function () { return kendo_react_common_1.classNames('k-spacer', props.className); }, [props.className]);
+    var className = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-spacer', props.className); }, [props.className]);
     return (React.createElement("span", { ref: element, className: className }));
 });
+exports.ToolbarSpacer.displayName = 'KendoReactToolbarSpacer';
 exports.ToolbarSpacer.propTypes = {
     className: PropTypes.string
 };

package/dist/npm/util.d.ts

@@ -2,13 +2,16 @@
  * @hidden
  */
 export declare const toolbarButtons: string[];
+/**
+ * @hidden
+ */
 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,11 +20,8 @@ declare const _default: {
         'group-end': string;
         'button-group': string;
         'button-group-stretched': string;
-        'ltr': string;
-        'rtl': string;
+        ltr: string;
+        rtl: string;
     };
 };
-/**
- * @hidden
- */
 export default _default;

package/dist/npm/util.js

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