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

package/dist/es/Button.d.ts

@@ -86,7 +86,7 @@ export interface ButtonProps extends ButtonInterface, React.ButtonHTMLAttributes
 export interface ButtonState {
     selected: boolean;
 }
-export default class Button extends React.Component<ButtonProps, ButtonState> {
+export declare class Button extends React.Component<ButtonProps, ButtonState> {
     /**
      * @hidden
      */
@@ -98,11 +98,11 @@ export default class Button extends React.Component<ButtonProps, ButtonState> {
         iconClass: PropTypes.Requireable<string>;
         imageUrl: PropTypes.Requireable<string>;
         imageAlt: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<string>;
-        shape: PropTypes.Requireable<string>;
-        rounded: PropTypes.Requireable<string>;
-        fillMode: PropTypes.Requireable<string>;
-        themeColor: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<string | null>;
+        shape: PropTypes.Requireable<string | null>;
+        rounded: PropTypes.Requireable<string | null>;
+        fillMode: PropTypes.Requireable<string | null>;
+        themeColor: PropTypes.Requireable<string | null>;
     };
     /**
      * @hidden
@@ -124,19 +124,19 @@ export default class Button extends React.Component<ButtonProps, ButtonState> {
     /**
      * Gets the DOM element of the Button component.
      */
-    readonly element: HTMLButtonElement | null;
+    get element(): HTMLButtonElement | null;
     /**
      * Returns `true` when the component is togglable and selected ([see example]({% slug toggleable_button %})).
      * Otherwise, returns `false`.
      */
-    readonly selected: boolean;
+    get selected(): boolean;
     constructor(props: any);
     /**
      * @hidden
      */
     static getDerivedStateFromProps(props: ButtonProps, state: ButtonState): {
         selected: boolean;
-    };
+    } | null;
     /**
      * @hidden
      */

package/dist/es/Button.js

@@ -2,10 +2,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 __());
@@ -27,8 +29,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -75,7 +79,7 @@ var Button = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Button.prototype, "selected", {
@@ -86,7 +90,7 @@ var Button = /** @class */ (function (_super) {
         get: function () {
             return this._selectedTemp !== undefined ? this._selectedTemp : this.state.selected;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -102,8 +106,8 @@ var Button = /** @class */ (function (_super) {
      * @hidden
      */
     Button.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var _b = this.props, children = _b.children, togglable = _b.togglable, icon = _b.icon, iconClass = _b.iconClass, imageUrl = _b.imageUrl, imageAlt = _b.imageAlt, className = _b.className, onClick = _b.onClick, _c = _b.size, size = _c === void 0 ? Button.defaultProps.size : _c, _d = _b.shape, shape = _d === void 0 ? Button.defaultProps.shape : _d, _e = _b.rounded, rounded = _e === void 0 ? Button.defaultProps.rounded : _e, _f = _b.fillMode, fillMode = _f === void 0 ? Button.defaultProps.fillMode : _f, _g = _b.themeColor, themeColor = _g === void 0 ? Button.defaultProps.themeColor : _g, htmlAttributes = __rest(_b, ["children", "togglable", "icon", "iconClass", "imageUrl", "imageAlt", "className", "onClick", "size", "shape", "rounded", "fillMode", "themeColor"]);
         var hasIcon = (icon !== undefined || iconClass !== undefined || imageUrl !== undefined);
         var hasChildren = children !== undefined;
@@ -114,11 +118,11 @@ var Button = /** @class */ (function (_super) {
             imageAlt: imageAlt
         });
         return (React.createElement("button", __assign({ ref: function (button) { return _this._element = button; }, role: togglable ? 'checkbox' : undefined, "aria-disabled": this.props.disabled || undefined, "aria-checked": togglable ? this.state.selected : undefined }, htmlAttributes, { onClick: this.handleClick, className: classNames('k-button', (_a = {},
-                _a["k-button-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
-                _a["k-button-" + shape] = shape,
-                _a["k-button-" + fillMode] = fillMode,
-                _a["k-button-" + fillMode + "-" + themeColor] = Boolean(fillMode && themeColor),
-                _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+                _a["k-button-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
+                _a["k-button-".concat(shape)] = shape,
+                _a["k-button-".concat(fillMode)] = fillMode,
+                _a["k-button-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor),
+                _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
                 _a['k-icon-button'] = !hasChildren && hasIcon,
                 _a['k-disabled'] = this.props.disabled,
                 _a['k-selected'] = this.state.selected,
@@ -166,4 +170,4 @@ var Button = /** @class */ (function (_super) {
     };
     return Button;
 }(React.Component));
-export default Button;
+export { Button };

package/dist/es/ButtonGroup.d.ts

@@ -10,12 +10,12 @@ export interface ButtonGroupProps extends ButtonGroupInterface {
      */
     className?: string;
 }
-export default class ButtonGroup extends React.Component<ButtonGroupProps, {}> {
+export declare class ButtonGroup extends React.Component<ButtonGroupProps, {}> {
     /**
      * @hidden
      */
     static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactElementLike | PropTypes.ReactElementLike[]>;
+        children: PropTypes.Requireable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null)[]>;
         className: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         width: PropTypes.Requireable<string>;

package/dist/es/ButtonGroup.js

@@ -2,10 +2,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 __());
@@ -41,8 +43,8 @@ var ButtonGroup = /** @class */ (function (_super) {
      * @hidden
      */
     ButtonGroup.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var buttons = this.mapButtons(this.props.children);
         var groupClasses = classNames([styles['button-group']], (_a = {},
             _a['k-disabled'] = this.props.disabled,
@@ -50,7 +52,7 @@ var ButtonGroup = /** @class */ (function (_super) {
             _a), this.props.className);
         var groupProps = {
             className: groupClasses,
-            style: { 'width': "" + this.props.width },
+            style: { 'width': "".concat(this.props.width) },
             dir: this.props.dir,
             // Accessibility properties
             role: 'group',
@@ -77,9 +79,9 @@ var ButtonGroup = /** @class */ (function (_super) {
             _a[styles['group-start']] = isRtl ? isLast : index === 0,
             _a[styles['group-end']] = isRtl ? index === 0 : isLast,
             _a));
-        var style = __assign({}, (this.props.width ? { width: this.props.width } : {}), (child.props.style || {}));
+        var style = __assign(__assign({}, (this.props.width ? { width: this.props.width } : {})), (child.props.style || {}));
         var disabled = this.props.disabled || child.props.disabled;
-        var buttonProps = __assign({}, child.props, (className ? { className: className } : {}), (Object.keys(style).length ? { style: style } : {}), (disabled !== undefined ? { disabled: disabled } : {}));
+        var buttonProps = __assign(__assign(__assign(__assign({}, child.props), (className ? { className: className } : {})), (Object.keys(style).length ? { style: style } : {})), (disabled !== undefined ? { disabled: disabled } : {}));
         return React.Children.count(child.props.children) > 0 ?
             React.cloneElement(child, buttonProps, child.props.children) :
             React.cloneElement(child, buttonProps);
@@ -96,4 +98,4 @@ var ButtonGroup = /** @class */ (function (_super) {
     };
     return ButtonGroup;
 }(React.Component));
-export default ButtonGroup;
+export { ButtonGroup };

package/dist/es/ButtonGroupInterface.d.ts

@@ -1,7 +1,12 @@
+/// <reference types="react" />
 /**
  * Represents the properties which can be set to a ButtonGroup.
  */
 export interface ButtonGroupInterface {
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
     /**
      * By default, the ButtonGroup is enabled ([see example]({% slug disabledstate_buttongroup %})). To disable the whole group of buttons, set its `disabled` attribute to `true`. To disable a specific button, set its own `disabled` attribute to `true` and leave the `disabled` attribute of the ButtonGroup undefined.
      *

package/dist/es/ButtonGroupInterface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/ButtonInterface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/Chip/Chip.d.ts

@@ -192,4 +192,4 @@ export interface ChipHandle {
 /**
  * Represents the Chip component.
  */
-export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<ChipHandle>>;
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<ChipHandle | null>>;

package/dist/es/Chip/Chip.js

@@ -112,10 +112,10 @@ export var Chip = React.forwardRef(function (props, ref) {
                 'k-selected': selected,
                 'k-focus': focused
             },
-            _a["k-chip-" + (kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
-            _a["k-rounded-" + (kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.rounded,
-            _a["k-chip-" + props.fillMode] = props.fillMode,
-            _a["k-chip-" + props.fillMode + "-" + props.themeColor] = Boolean(props.fillMode && props.themeColor),
+            _a["k-chip-".concat(kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
+            _a["k-rounded-".concat(kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.rounded,
+            _a["k-chip-".concat(props.fillMode)] = props.fillMode,
+            _a["k-chip-".concat(props.fillMode, "-").concat(props.themeColor)] = Boolean(props.fillMode && props.themeColor),
             _a), props.className), "aria-checked": selected, "aria-disabled": props.disabled, "aria-describedby": props.ariaDescribedBy, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown }),
         (selected && props.selectedIcon) && React.createElement("span", { className: classNames('k-chip-icon', 'k-icon', props.selectedIcon) }),
         props.icon && React.createElement("span", { className: classNames('k-chip-icon', 'k-icon', props.icon) }),

package/dist/es/Chip/ChipList.d.ts

@@ -108,16 +108,16 @@ export interface ChipListHandle {
 /**
  * @hidden
  */
-export declare const ChipListSelectionContext: React.Context<[string | string[], Function]>;
+export declare const ChipListSelectionContext: React.Context<[string | string[] | null, Function]>;
 /**
  * @hidden
  */
-export declare const ChipListFocusContext: React.Context<[string | string[], Function]>;
+export declare const ChipListFocusContext: React.Context<[string | string[] | null, Function]>;
 /**
  * @hidden
  */
-export declare const ChipListDataContext: React.Context<[string, Function]>;
+export declare const ChipListDataContext: React.Context<[string | null, Function]>;
 /**
  * Represents the ChipList component.
  */
-export declare const ChipList: React.ForwardRefExoticComponent<ChipListProps & React.RefAttributes<ChipListHandle>>;
+export declare const ChipList: React.ForwardRefExoticComponent<ChipListProps & React.RefAttributes<ChipListHandle | null>>;

package/dist/es/Chip/ChipList.js

@@ -42,7 +42,7 @@ export var ChipListDataContext = React.createContext([null, function (_args) {
 var useSelection = function (defaultValue, args, callback) {
     var _a = React.useState(defaultValue), state = _a[0], setState = _a[1];
     var handleDispatchSelection = function (action) {
-        var newState = selectionReducer(args.state || state, __assign({}, action, args));
+        var newState = selectionReducer(args.state || state, __assign(__assign({}, action), args));
         if (callback) {
             callback(newState, action.event);
         }
@@ -56,7 +56,7 @@ var useSelection = function (defaultValue, args, callback) {
 var useFocus = function (args) {
     var _a = React.useState(null), state = _a[0], setState = _a[1];
     var handleDispatchFocus = function (action) {
-        var newState = focusReducer(action.payload, __assign({}, action, args));
+        var newState = focusReducer(action.payload, __assign(__assign({}, action), args));
         setState(newState);
     };
     return [state, handleDispatchFocus];
@@ -67,7 +67,7 @@ var useFocus = function (args) {
 var useData = function (defaultData, args, callback) {
     var _a = React.useState(defaultData), state = _a[0], setState = _a[1];
     var handleDispatchData = function (action) {
-        var newState = dataReducer(args.state || state, __assign({}, action, args));
+        var newState = dataReducer(args.state || state, __assign(__assign({}, action), args));
         if (callback) {
             callback(newState, action.event);
         }
@@ -135,7 +135,7 @@ export var ChipList = React.forwardRef(function (props, ref) {
                             'k-rtl': dir === 'rtl',
                             'k-disabled': disabled
                         },
-                        _a["k-chip-list-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
+                        _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
                         _a), className), "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy }), data.map(function (item, index) {
                     return (React.createElement(ChipComponent, { role: 'option', dataItem: item, size: size, key: [valueGetter(item), index].join('-'), text: textGetter(item), value: valueGetter(item) }));
                 }))))));

package/dist/es/Chip/selection-reducer.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 /**
  * @hidden
  */
@@ -40,7 +49,7 @@ export var selectionReducer = function (state, action) {
                     if (Array.isArray(state)) {
                         return state.some(function (i) { return i === action.payload; })
                             ? state.filter(function (i) { return i !== action.payload; })
-                            : state.concat([action.payload]);
+                            : __spreadArray(__spreadArray([], state, true), [action.payload], false);
                     }
                     if (state === null) {
                         return [action.payload];
@@ -51,7 +60,7 @@ export var selectionReducer = function (state, action) {
                     if (Array.isArray(state)) {
                         return state.some(function (i) { return i === action.payload; })
                             ? state.filter(function (i) { return i !== action.payload; })
-                            : state.concat([action.payload]);
+                            : __spreadArray(__spreadArray([], state, true), [action.payload], false);
                     }
                     return state;
                 }

package/dist/es/FloatingActionButton/FloatingActionButton.d.ts

@@ -14,4 +14,4 @@ import { FloatingActionButtonProps } from './interfaces/FloatingActionButtonProp
  *    ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<FloatingActionButtonHandle>>;
+export declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<FloatingActionButtonHandle | null>>;

package/dist/es/FloatingActionButton/FloatingActionButton.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -200,7 +202,7 @@ export var FloatingActionButton = React.forwardRef(function (props, ref) {
     var buttonClassNames = React.useMemo(function () {
         var _a;
         return classNames('k-fab k-fab-solid', (_a = {},
-            _a["k-fab-" + shape] = shape,
+            _a["k-fab-".concat(shape)] = shape,
             _a['k-fab-sm'] = size === 'small',
             _a['k-fab-md'] = size === 'medium',
             _a['k-fab-lg'] = size === 'large',
@@ -208,12 +210,12 @@ export var FloatingActionButton = React.forwardRef(function (props, ref) {
             _a['k-pos-absolute'] = positionMode === 'absolute',
             _a['k-pos-fixed'] = positionMode === 'fixed',
             _a['k-focus'] = focused,
-            _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
-            _a["k-fab-solid-" + themeColor] = themeColor,
-            _a), "k-" + align.vertical + "-" + align.horizontal, className);
+            _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+            _a["k-fab-solid-".concat(themeColor)] = themeColor,
+            _a), "k-".concat(align.vertical, "-").concat(align.horizontal), className);
     }, [themeColor, size, rounded, shape, disabled, positionMode, align, focused, className]);
     var fabItems = (items && (items.map(function (element, index) {
-        return (React.createElement(FloatingActionButtonItem, __assign({}, element, { key: index, index: index, id: listId + "-" + index, disabled: disabled || element.disabled, focused: focusedIndex === index, dataItem: element, item: item, className: classNames(element.className, getTextDirectionClass(dir || 'ltr', align.horizontal)), onClick: handleItemClick, onDown: handleItemDown })));
+        return (React.createElement(FloatingActionButtonItem, __assign({}, element, { key: index, index: index, id: "".concat(listId, "-").concat(index), disabled: disabled || element.disabled, focused: focusedIndex === index, dataItem: element, item: item, className: classNames(element.className, getTextDirectionClass(dir || 'ltr', align.horizontal)), onClick: handleItemClick, onDown: handleItemDown })));
     })));
     var isIconFab = icon && !text;
     var fabWidth = elementRef.current ? elementRef.current.offsetWidth : 0;
@@ -221,9 +223,9 @@ export var FloatingActionButton = React.forwardRef(function (props, ref) {
     var spacing = (fabWidth / 2) - (iconWidth / 2);
     return (React.createElement(ZIndexContext.Provider, { value: currentZIndex },
         React.createElement(React.Fragment, null,
-            React.createElement("button", __assign({ ref: elementRef, id: id || buttonId, role: items ? 'menubutton' : 'button', type: 'button', "aria-disabled": disabled, "aria-expanded": items ? open : undefined, "aria-haspopup": items ? true : false, "aria-label": (text || '') + " floatingactionbutton", "aria-owns": items ? listId : undefined, "aria-activedescendant": focusedIndex >= 0 && items ? listId + "-" + focusedIndex : undefined, tabIndex: getTabIndex(tabIndex, disabled), accessKey: accessKey, dir: dir, disabled: disabled, className: buttonClassNames, style: style, onClick: handleClick, onMouseDown: handleMouseDown, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown }, others),
+            React.createElement("button", __assign({ ref: elementRef, id: id || buttonId, role: items ? 'menubutton' : 'button', type: 'button', "aria-disabled": disabled, "aria-expanded": items ? open : undefined, "aria-haspopup": items ? true : false, "aria-label": "".concat(text || '', " floatingactionbutton"), "aria-owns": items ? listId : undefined, "aria-activedescendant": focusedIndex >= 0 && items ? "".concat(listId, "-").concat(focusedIndex) : undefined, tabIndex: getTabIndex(tabIndex, disabled), accessKey: accessKey, dir: dir, disabled: disabled, className: buttonClassNames, style: style, onClick: handleClick, onMouseDown: handleMouseDown, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown }, others),
                 icon ?
-                    React.createElement("span", { role: "presentation", className: classNames("k-fab-icon k-icon k-i-" + icon) }) :
+                    React.createElement("span", { role: "presentation", className: classNames("k-fab-icon k-icon k-i-".concat(icon)) }) :
                     iconClass ?
                         React.createElement("span", { role: "presentation", className: iconClass }) :
                         null,

package/dist/es/FloatingActionButton/FloatingActionButtonItem.d.ts

@@ -97,4 +97,4 @@ export interface FloatingActionButtonItemProps {
  *    ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const FloatingActionButtonItem: React.ForwardRefExoticComponent<Pick<FloatingActionButtonItemProps, string | number> & React.RefAttributes<FloatingActionButtonItemHandle>>;
+export declare const FloatingActionButtonItem: React.ForwardRefExoticComponent<Pick<FloatingActionButtonItemProps, keyof FloatingActionButtonItemProps> & React.RefAttributes<FloatingActionButtonItemHandle | null>>;

package/dist/es/FloatingActionButton/FloatingActionButtonItem.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -58,10 +60,10 @@ export var FloatingActionButtonItem = React.forwardRef(function (props, ref) {
         'k-disabled': disabled
     }, className); }, [className, disabled, focused]);
     var ItemComp = item;
-    return (React.createElement("li", __assign({ ref: elementRef, id: id, className: itemClassNames, style: style, role: 'menuitem', tabIndex: getTabIndex(tabIndex, disabled), "aria-disabled": disabled, "aria-label": (text || '') + " floatingactionbutton item", onClick: handleClick, onMouseDown: onDown, onPointerDown: onDown }, others), ItemComp ? React.createElement(ItemComp, { itemIndex: index, item: dataItem }) :
+    return (React.createElement("li", __assign({ ref: elementRef, id: id, className: itemClassNames, style: style, role: 'menuitem', tabIndex: getTabIndex(tabIndex, disabled), "aria-disabled": disabled, "aria-label": "".concat(text || '', " floatingactionbutton item"), onClick: handleClick, onMouseDown: onDown, onPointerDown: onDown }, others), ItemComp ? React.createElement(ItemComp, { itemIndex: index, item: dataItem }) :
         (React.createElement(React.Fragment, null,
             text && React.createElement("span", { className: "k-fab-item-text" }, text),
-            icon && React.createElement("span", { className: classNames("k-fab-item-icon k-icon k-i-" + icon) })))));
+            icon && React.createElement("span", { className: classNames("k-fab-item-icon k-icon k-i-".concat(icon)) })))));
 });
 FloatingActionButtonItem.propTypes = {
     className: PropTypes.string,

package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonHandle.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/align-offset.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/align.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/events.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/position-mode.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/rounded.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/shape.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/size.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/theme-color.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/utils.d.ts

@@ -8,7 +8,7 @@ export declare const DEFAULT_OFFSET = "16px";
 /**
  * @hidden
  */
-export declare const toStringValues: (val: string | number) => string;
+export declare const toStringValues: (val: number | string) => string;
 /**
  * @hidden
  */
@@ -24,4 +24,4 @@ export declare const getTextDirectionClass: (rtl: string, hAlign: any) => any;
 /**
  * @hidden
  */
-export declare const position: (ref: any, align: FloatingActionButtonAlign, alignOffset: FloatingActionButtonAlignOffset, isRtl: boolean) => void;
+export declare const position: (ref: any, align: FloatingActionButtonAlign, alignOffset: FloatingActionButtonAlignOffset | undefined, isRtl: boolean) => void;

package/dist/es/FloatingActionButton/utils.js

@@ -53,13 +53,13 @@ export var position = function (ref, align, alignOffset, isRtl) {
             toStringValues(alignOffset.x) :
             DEFAULT_OFFSET;
         var xCenterFab = alignOffset && alignOffset.x !== undefined ?
-            "calc(50% + " + toStringValues(alignOffset.x) + ")" :
+            "calc(50% + ".concat(toStringValues(alignOffset.x), ")") :
             '50%';
         var yFab = alignOffset && alignOffset.y !== undefined ?
             toStringValues(alignOffset.y) :
             DEFAULT_OFFSET;
         var yCenterFab = alignOffset && alignOffset.y !== undefined ?
-            "calc(50% + " + toStringValues(alignOffset.y) + ")" :
+            "calc(50% + ".concat(toStringValues(alignOffset.y), ")") :
             '50%';
         ref.current.style.setProperty(horizontalPosition(align, isRtl), horizontal === 'center' ? xCenterFab : xFab);
         ref.current.style.setProperty(verticalPosition(align), vertical === 'middle' ? yCenterFab : yFab);

package/dist/es/ListButton/ButtonItem.d.ts

@@ -24,8 +24,7 @@ export interface ButtonItemProps {
 /**
  * @hidden
  */
-declare const ButtonItem: {
+export declare const ButtonItem: {
     (props: ButtonItemProps): any;
     displayName: string;
 };
-export default ButtonItem;

package/dist/es/ListButton/ButtonItem.js

@@ -3,7 +3,7 @@ import { classNames } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
-var ButtonItem = function (props) {
+export var ButtonItem = function (props) {
     var _a;
     var handleClick = React.useCallback(function (event) {
         props.onClick(event, props.index);
@@ -17,8 +17,8 @@ var ButtonItem = function (props) {
         ? (React.createElement(As, { item: props.dataItem, itemIndex: props.index }))
         : (React.createElement(React.Fragment, null,
             (props.dataItem.icon || props.dataItem.iconClass) && (React.createElement("span", { className: classNames('k-icon', (_a = {},
-                    _a["k-i-" + props.dataItem.icon] = props.dataItem.icon,
-                    _a["" + props.dataItem.iconClass] = props.dataItem.iconClass,
+                    _a["k-i-".concat(props.dataItem.icon)] = props.dataItem.icon,
+                    _a["".concat(props.dataItem.iconClass)] = props.dataItem.iconClass,
                     _a)) })),
             (props.dataItem.imageUrl) && (React.createElement("img", { role: "presentation", alt: "", src: props.dataItem.imageUrl, className: 'k-icon' })),
             (text) && (React.createElement("span", { className: "k-menu-link-text" }, text))))))));
@@ -26,4 +26,3 @@ var ButtonItem = function (props) {
         props.render !== undefined) ? props.render.call(undefined, item, props) : item);
 };
 ButtonItem.displayName = 'KendoReactButtonItem';
-export default ButtonItem;

package/dist/es/ListButton/DropDownButton.d.ts

@@ -28,7 +28,7 @@ export interface DropDownButtonState {
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export default class DropDownButton extends React.Component<DropDownButtonProps, DropDownButtonState> {
+export declare class DropDownButton extends React.Component<DropDownButtonProps, DropDownButtonState> {
     /**
      * @hidden
      */
@@ -76,7 +76,7 @@ export default class DropDownButton extends React.Component<DropDownButtonProps,
     private guid;
     private buttonsData;
     constructor(props: DropDownButtonProps);
-    private readonly opened;
+    private get opened();
     /**
      * @hidden
      */
@@ -92,7 +92,7 @@ export default class DropDownButton extends React.Component<DropDownButtonProps,
     /**
      * The DOM element of main button.
      */
-    readonly element: HTMLButtonElement | null;
+    get element(): HTMLButtonElement | null;
     private onKeyDown;
     private handleFocus;
     private handleBlur;