@progress/kendo-react-buttons 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

package/dist/npm/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;
-    constructor(props: any);
+    get selected(): boolean;
+    constructor(props: ButtonProps);
     /**
      * @hidden
      */
     static getDerivedStateFromProps(props: ButtonProps, state: ButtonState): {
         selected: boolean;
-    };
+    } | null;
     /**
      * @hidden
      */

package/dist/npm/Button.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 __());
@@ -28,11 +30,14 @@ 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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -47,11 +52,11 @@ function iconElement(_a) {
         return (React.createElement("img", { role: "presentation", className: 'k-button-icon', alt: imageAlt, src: imageUrl }));
     }
     else if (icon) {
-        var iconClasses = kendo_react_common_1.classNames('k-button-icon k-icon', 'k-i-' + icon);
+        var iconClasses = (0, kendo_react_common_1.classNames)('k-button-icon k-icon', 'k-i-' + icon);
         return (React.createElement("span", { role: "presentation", className: iconClasses }));
     }
     else if (iconClass) {
-        return (React.createElement("span", { role: "presentation", className: kendo_react_common_1.classNames('k-button-icon', iconClass) }));
+        return (React.createElement("span", { role: "presentation", className: (0, kendo_react_common_1.classNames)('k-button-icon', iconClass) }));
     }
     return null;
 }
@@ -66,7 +71,7 @@ var Button = /** @class */ (function (_super) {
                 _this.props.onClick.call(undefined, event);
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         _this.state = { selected: _this.props.togglable === true && _this.props.selected === true };
         return _this;
     }
@@ -77,7 +82,7 @@ var Button = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Button.prototype, "selected", {
@@ -88,7 +93,7 @@ var Button = /** @class */ (function (_super) {
         get: function () {
             return this._selectedTemp !== undefined ? this._selectedTemp : this.state.selected;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -104,8 +109,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;
@@ -115,12 +120,12 @@ var Button = /** @class */ (function (_super) {
             imageUrl: imageUrl,
             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: kendo_react_common_1.classNames('k-button', (_a = {},
-                _a["k-button-" + (kendo_react_common_1.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-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+        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: (0, kendo_react_common_1.classNames)('k-button', (_a = {},
+                _a["k-button-".concat(kendo_react_common_1.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(kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
                 _a['k-icon-button'] = !hasChildren && hasIcon,
                 _a['k-disabled'] = this.props.disabled,
                 _a['k-selected'] = this.state.selected,
@@ -168,4 +173,4 @@ var Button = /** @class */ (function (_super) {
     };
     return Button;
 }(React.Component));
-exports.default = Button;
+exports.Button = Button;

package/dist/npm/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 | undefined)[]>;
         className: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         width: PropTypes.Requireable<string>;

package/dist/npm/ButtonGroup.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.ButtonGroup = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -36,23 +39,23 @@ var ButtonGroup = /** @class */ (function (_super) {
     function ButtonGroup(props) {
         var _this = _super.call(this, props) || this;
         _this._element = null;
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     /**
      * @hidden
      */
     ButtonGroup.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var buttons = this.mapButtons(this.props.children);
-        var groupClasses = kendo_react_common_1.classNames([styles['button-group']], (_a = {},
+        var groupClasses = (0, kendo_react_common_1.classNames)([styles['button-group']], (_a = {},
             _a['k-disabled'] = this.props.disabled,
             _a[styles['button-group-stretched']] = !!this.props.width,
             _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',
@@ -75,13 +78,13 @@ var ButtonGroup = /** @class */ (function (_super) {
     };
     ButtonGroup.prototype.renderButton = function (child, index, isLast, isRtl) {
         var _a;
-        var className = kendo_react_common_1.classNames(child.props.className, (_a = {},
+        var className = (0, kendo_react_common_1.classNames)(child.props.className, (_a = {},
             _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);
@@ -98,4 +101,4 @@ var ButtonGroup = /** @class */ (function (_super) {
     };
     return ButtonGroup;
 }(React.Component));
-exports.default = ButtonGroup;
+exports.ButtonGroup = ButtonGroup;

package/dist/npm/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/npm/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/npm/Chip/Chip.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chip = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var ChipList_1 = require("./ChipList");
@@ -26,10 +27,10 @@ var kendo_react_common_3 = require("@progress/kendo-react-common");
  */
 exports.Chip = React.forwardRef(function (props, ref) {
     var _a;
-    kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
     var target = React.useRef(null);
     var chipRef = React.useRef(null);
-    var dir = kendo_react_common_1.useDir(chipRef, props.dir);
+    var dir = (0, kendo_react_common_1.useDir)(chipRef, props.dir);
     React.useImperativeHandle(target, function () { return ({
         element: chipRef.current,
         props: props
@@ -107,27 +108,27 @@ exports.Chip = React.forwardRef(function (props, ref) {
             });
         }
     }, [props.onBlur]);
-    var mouseProps = kendo_react_common_3.useMouse(props, target, { onClick: handleClick });
-    return (React.createElement("div", __assign({}, mouseProps, { role: props.role, id: props.value, style: props.style, ref: chipRef, dir: dir, tabIndex: kendo_react_common_1.getTabIndex(props.tabIndex, props.disabled, undefined), className: kendo_react_common_1.classNames('k-chip', (_a = {
+    var mouseProps = (0, kendo_react_common_3.useMouse)(props, target, { onClick: handleClick });
+    return (React.createElement("div", __assign({}, mouseProps, { role: props.role, id: props.value, style: props.style, ref: chipRef, dir: dir, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled, undefined), className: (0, kendo_react_common_1.classNames)('k-chip', (_a = {
                 'k-rtl': dir === 'rtl',
                 'k-disabled': props.disabled,
                 'k-selected': selected,
                 'k-focus': focused
             },
-            _a["k-chip-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
-            _a["k-rounded-" + (kendo_react_common_1.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(kendo_react_common_1.kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
+            _a["k-rounded-".concat(kendo_react_common_1.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: kendo_react_common_1.classNames('k-chip-icon', 'k-icon', props.selectedIcon) }),
-        props.icon && React.createElement("span", { className: kendo_react_common_1.classNames('k-chip-icon', 'k-icon', props.icon) }),
+        (selected && props.selectedIcon) && React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-chip-icon', 'k-icon', props.selectedIcon) }),
+        props.icon && React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-chip-icon', 'k-icon', props.icon) }),
         React.createElement("span", { className: 'k-chip-content' }, props.children !== undefined
             ? props.children
             : props.text &&
                 React.createElement("span", { "aria-label": props.text, className: 'k-chip-label' }, props.text)),
         props.removable && (React.createElement("span", { className: "k-chip-actions" },
             React.createElement("span", { className: "k-chip-action" },
-                React.createElement("span", { className: kendo_react_common_1.classNames('k-chip-remove-action', 'k-icon', props.removeIcon), onClick: handleRemove }))))));
+                React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-chip-remove-action', 'k-icon', props.removeIcon), onClick: handleRemove }))))));
 });
 var propTypes = {
     id: PropTypes.string,

package/dist/npm/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/npm/Chip/ChipList.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChipList = exports.ChipListDataContext = exports.ChipListFocusContext = exports.ChipListSelectionContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -44,7 +45,7 @@ exports.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 = selection_reducer_1.selectionReducer(args.state || state, __assign({}, action, args));
+        var newState = (0, selection_reducer_1.selectionReducer)(args.state || state, __assign(__assign({}, action), args));
         if (callback) {
             callback(newState, action.event);
         }
@@ -58,7 +59,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 = focus_reducer_1.focusReducer(action.payload, __assign({}, action, args));
+        var newState = (0, focus_reducer_1.focusReducer)(action.payload, __assign(__assign({}, action), args));
         setState(newState);
     };
     return [state, handleDispatchFocus];
@@ -69,7 +70,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 = data_reducer_1.dataReducer(args.state || state, __assign({}, action, args));
+        var newState = (0, data_reducer_1.dataReducer)(args.state || state, __assign(__assign({}, action), args));
         if (callback) {
             callback(newState, action.event);
         }
@@ -82,10 +83,10 @@ var useData = function (defaultData, args, callback) {
  */
 exports.ChipList = React.forwardRef(function (props, ref) {
     var _a;
-    kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
     var target = React.useRef(null);
     var chipListRef = React.useRef(null);
-    var dir = kendo_react_common_1.useDir(chipListRef, props.dir);
+    var dir = (0, kendo_react_common_1.useDir)(chipListRef, props.dir);
     var chip = props.chip, id = props.id, style = props.style, tabIndex = props.tabIndex, disabled = props.disabled, size = props.size, className = props.className, ariaDescribedBy = props.ariaDescribedBy, ariaLabelledBy = props.ariaLabelledBy, _b = props.selection, selection = _b === void 0 ? defaultProps.selection : _b, _c = props.value, value = _c === void 0 ? defaultProps.defaultValue : _c, _d = props.defaultData, defaultData = _d === void 0 ? defaultProps.defaultData : _d, _e = props.valueField, valueField = _e === void 0 ? defaultProps.valueField : _e, _f = props.textField, textField = _f === void 0 ? defaultProps.textField : _f, onChange = props.onChange, onDataChange = props.onDataChange;
     var ChipComponent = React.useMemo(function () { return chip || Chip_1.Chip; }, [chip, Chip_1.Chip]);
     React.useImperativeHandle(target, function () { return ({
@@ -126,18 +127,18 @@ exports.ChipList = React.forwardRef(function (props, ref) {
     var data = React.useMemo(function () { return props.data || stateData; }, [props.data, stateData]);
     var chipValue = React.useMemo(function () { return value || stateValue; }, [value, stateValue]);
     var items = React.useMemo(function () { return data.reduce(itemsReducer, []); }, [data, itemsReducer]);
-    var valueGetter = React.useCallback(function (item) { return kendo_react_common_1.getter(valueField)(item); }, [valueField]);
-    var textGetter = React.useCallback(function (item) { return kendo_react_common_1.getter(textField)(item); }, [textField]);
+    var valueGetter = React.useCallback(function (item) { return (0, kendo_react_common_1.getter)(valueField)(item); }, [valueField]);
+    var textGetter = React.useCallback(function (item) { return (0, kendo_react_common_1.getter)(textField)(item); }, [textField]);
     var _j = useFocus({ items: items }), focus = _j[0], dispatchFocus = _j[1];
-    var mouseProps = kendo_react_common_1.useMouse(props, target);
+    var mouseProps = (0, kendo_react_common_1.useMouse)(props, target);
     return (React.createElement(exports.ChipListSelectionContext.Provider, { value: [chipValue, dispatchStateValue] },
         React.createElement(exports.ChipListFocusContext.Provider, { value: [focus, dispatchFocus] },
             React.createElement(exports.ChipListDataContext.Provider, { value: [data, dispatchData] },
-                React.createElement("div", __assign({ ref: chipListRef }, mouseProps, { role: 'listbox', id: id, dir: dir, style: style, tabIndex: kendo_react_common_1.getTabIndex(tabIndex, disabled, undefined), className: kendo_react_common_1.classNames('k-chip-list', (_a = {
+                React.createElement("div", __assign({ ref: chipListRef }, mouseProps, { role: 'listbox', id: id, dir: dir, style: style, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled, undefined), className: (0, kendo_react_common_1.classNames)('k-chip-list', (_a = {
                             'k-rtl': dir === 'rtl',
                             'k-disabled': disabled
                         },
-                        _a["k-chip-list-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
+                        _a["k-chip-list-".concat(kendo_react_common_1.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/npm/Chip/data-reducer.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.dataReducer = exports.DATA_ACTION = void 0;
 /**
  * @hidden
  */
@@ -12,7 +13,7 @@ var DATA_ACTION;
 /**
  * @hidden
  */
-exports.dataReducer = function (state, action) {
+var dataReducer = function (state, action) {
     switch (action.type) {
         case DATA_ACTION.add:
             // TODO v2
@@ -26,3 +27,4 @@ exports.dataReducer = function (state, action) {
             return state;
     }
 };
+exports.dataReducer = dataReducer;

package/dist/npm/Chip/focus-reducer.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.focusReducer = exports.FOCUS_ACTION = void 0;
 /**
  * @hidden
  */
@@ -13,7 +14,7 @@ var FOCUS_ACTION;
 /**
  * @hidden
  */
-exports.focusReducer = function (state, action) {
+var focusReducer = function (state, action) {
     var currentIndex = action.items.findIndex(function (i) { return i === state; });
     switch (action.type) {
         case FOCUS_ACTION.next:
@@ -32,3 +33,4 @@ exports.focusReducer = function (state, action) {
             return state;
     }
 };
+exports.focusReducer = focusReducer;

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

@@ -1,5 +1,15 @@
 "use strict";
+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));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectionReducer = exports.SELECTION_ACTION = exports.SELECTION_TYPE = void 0;
 /**
  * @hidden
  */
@@ -20,7 +30,7 @@ var SELECTION_ACTION;
 /**
  * @hidden
  */
-exports.selectionReducer = function (state, action) {
+var selectionReducer = function (state, action) {
     switch (action.selection) {
         case SELECTION_TYPE.single:
             switch (action.type) {
@@ -42,7 +52,7 @@ exports.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];
@@ -53,7 +63,7 @@ exports.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;
                 }
@@ -66,3 +76,4 @@ exports.selectionReducer = function (state, action) {
             return state;
     }
 };
+exports.selectionReducer = selectionReducer;

package/dist/npm/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>>;