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

package/dist/npm/hooks/usePointer.d.ts

@@ -6,16 +6,16 @@ declare type ElementPointer = {
 /**
  * @hidden
  */
-export declare const usePointer: <E extends HTMLElement, P extends KendoPointer<any, any>, R extends {}>(props: P, target: React.RefObject<R>, extend?: {
-    onPointerDown?: (args: React.PointerEvent<E>) => void;
-    onPointerMove?: (args: React.PointerEvent<E>) => void;
-    onPointerUp?: (args: React.PointerEvent<E>) => void;
-    onPointerCancel?: (args: React.PointerEvent<E>) => void;
-    onGotPointerCapture?: (args: React.PointerEvent<E>) => void;
-    onLostPointerCapture?: (args: React.PointerEvent<E>) => void;
-    onPointerEnter?: (args: React.PointerEvent<E>) => void;
-    onPointerOver?: (args: React.PointerEvent<E>) => void;
-    onPointerLeave?: (args: React.PointerEvent<E>) => void;
-    onPointerOut?: (args: React.PointerEvent<E>) => void;
+export declare const usePointer: <E extends HTMLElement | null, P extends KendoPointer<any, any>, R extends {}>(props: P, target: React.RefObject<R>, extend?: {
+    onPointerDown?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerMove?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerUp?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerCancel?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onGotPointerCapture?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onLostPointerCapture?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerEnter?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerOver?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerLeave?: ((args: React.PointerEvent<E>) => void) | undefined;
+    onPointerOut?: ((args: React.PointerEvent<E>) => void) | undefined;
 }) => ElementPointer;
 export {};

package/dist/npm/hooks/usePointer.js

@@ -11,15 +11,16 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePointer = void 0;
 var React = require("react");
 /**
  * @hidden
  */
-exports.usePointer = function (props, target, extend) {
+var usePointer = function (props, target, extend) {
     if (extend === void 0) { extend = {}; }
     return Object.keys(extend).reduce(function (acc, key) {
         var _a;
-        return (__assign({}, acc, (_a = {}, _a[key] = React.useCallback(function (syntheticEvent) {
+        return (__assign(__assign({}, acc), (_a = {}, _a[key] = React.useCallback(function (syntheticEvent) {
             if (extend[key]) {
                 extend[key](syntheticEvent);
             }
@@ -29,3 +30,4 @@ exports.usePointer = function (props, target, extend) {
         }, [props[key], extend[key], target]), _a)));
     }, {});
 };
+exports.usePointer = usePointer;

package/dist/npm/hooks/usePropsContext.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 /** @hidden */
-export declare const usePropsContext: <T extends any>(context: React.Context<(p: T) => T>, props: T) => T;
+export declare const usePropsContext: <T extends unknown>(context: React.Context<(p: T) => T>, props: T) => T;

package/dist/npm/hooks/usePropsContext.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePropsContext = void 0;
 var React = require("react");
 /** @hidden */
-exports.usePropsContext = function (context, props) {
+var usePropsContext = function (context, props) {
     var contextPropsCallback = React.useContext(context);
     var contextProps = contextPropsCallback(props);
     return contextProps;
 };
+exports.usePropsContext = usePropsContext;

package/dist/npm/hooks/useRtl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRtl = void 0;
 var React = require("react");
 // Same as 'useDir'. Export to avoid breaking change.
 // 'useRtl' is incorrect naming, since applies that the returned value is `true` or `false`.

package/dist/npm/hooks/useTouch.d.ts

@@ -6,10 +6,10 @@ declare type ElementTouch = {
 /**
  * @hidden
  */
-export declare const useMouse: <E extends HTMLElement, P extends KendoTouch<any, any>, R extends {}>(props: P, target: React.RefObject<R>, extend?: {
-    onTouchStart?: (args: React.TouchEvent<E>) => void;
-    onTouchMove?: (args: React.TouchEvent<E>) => void;
-    onTouchEnd?: (args: React.TouchEvent<E>) => void;
-    onTouchCancel?: (args: React.TouchEvent<E>) => void;
+export declare const useMouse: <E extends HTMLElement | null, P extends KendoTouch<any, any>, R extends {}>(props: P, target: React.RefObject<R>, extend?: {
+    onTouchStart?: ((args: React.TouchEvent<E>) => void) | undefined;
+    onTouchMove?: ((args: React.TouchEvent<E>) => void) | undefined;
+    onTouchEnd?: ((args: React.TouchEvent<E>) => void) | undefined;
+    onTouchCancel?: ((args: React.TouchEvent<E>) => void) | undefined;
 }) => ElementTouch;
 export {};

package/dist/npm/hooks/useTouch.js

@@ -11,15 +11,16 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMouse = void 0;
 var React = require("react");
 /**
  * @hidden
  */
-exports.useMouse = function (props, target, extend) {
+var useMouse = function (props, target, extend) {
     if (extend === void 0) { extend = {}; }
     return Object.keys(extend).reduce(function (acc, key) {
         var _a;
-        return (__assign({}, acc, (_a = {}, _a[key] = React.useCallback(function (syntheticEvent) {
+        return (__assign(__assign({}, acc), (_a = {}, _a[key] = React.useCallback(function (syntheticEvent) {
             if (extend[key]) {
                 extend[key](syntheticEvent);
             }
@@ -29,3 +30,4 @@ exports.useMouse = function (props, target, extend) {
         }, [props[key], extend[key], target]), _a)));
     }, {});
 };
+exports.useMouse = useMouse;

package/dist/npm/hooks/useWindow.d.ts

@@ -2,6 +2,6 @@ import * as React from 'react';
 /**
  * Returns a function, which gets the `defaultView` based on the `ownerDocument` of the element.
  */
-export declare const useWindow: (ref: React.RefObject<HTMLElement | {
-    element: HTMLElement;
+export declare const useWindow: (ref: React.RefObject<HTMLElement | null | {
+    element: HTMLElement | null;
 }>) => () => Window;

package/dist/npm/hooks/useWindow.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindow = void 0;
 var React = require("react");
 var useDocument_1 = require("./useDocument");
 /**
  * Returns a function, which gets the `defaultView` based on the `ownerDocument` of the element.
  */
-exports.useWindow = function (ref) {
-    var getDocument = useDocument_1.useDocument(ref);
+var useWindow = function (ref) {
+    var getDocument = (0, useDocument_1.useDocument)(ref);
     var getWindow = React.useCallback(function () {
         var document = getDocument();
         return document
@@ -15,3 +16,4 @@ exports.useWindow = function (ref) {
     }, [getDocument]);
     return getWindow;
 };
+exports.useWindow = useWindow;

package/dist/npm/icons/Icon.d.ts

@@ -32,4 +32,4 @@ export interface IconProps extends BaseIconProps, KendoMouse<IconHandle, HTMLSpa
  *    ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconHandle>>;
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconHandle | null>>;

package/dist/npm/icons/Icon.js

@@ -15,11 +15,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.Icon = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var classNames_1 = require("../classNames");
@@ -49,11 +52,11 @@ exports.Icon = React.forwardRef(function (props, ref) {
     var themeColorProp = React.useMemo(function () { return themeColor || defaultProps.themeColor; }, [themeColor]);
     var sizeProp = React.useMemo(function () { return size || defaultProps.size; }, [size]);
     var flipProp = React.useMemo(function () { return flip || defaultProps.flip; }, [flip]);
-    var fontClassNames = React.useMemo(function () { return classNames_1.classNames('k-icon', 'k-i-' + name, 'k-color-' + themeColorProp, {
+    var fontClassNames = React.useMemo(function () { return (0, classNames_1.classNames)('k-icon', 'k-i-' + name, 'k-color-' + themeColorProp, {
         'k-flip-h': flipProp === 'horizontal' || flipProp === 'both',
         'k-flip-v': flipProp === 'vertical' || flipProp === 'both'
     }, constants_1.SIZE_CLASSES[sizeProp], className); }, [name, themeColorProp, sizeProp, flipProp, className]);
-    var mouseProps = main_1.useMouse(props, target);
+    var mouseProps = (0, main_1.useMouse)(props, target);
     return (React.createElement("span", __assign({ ref: elementRef }, others, mouseProps, { className: fontClassNames, style: style, role: "presentation" })));
 });
 exports.Icon.propTypes = {

package/dist/npm/icons/SvgIcon.d.ts

@@ -68,4 +68,4 @@ export interface SvgIconProps extends BaseIconProps, React.SVGAttributes<HTMLOrS
  *    ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const SvgIcon: React.ForwardRefExoticComponent<SvgIconProps & React.RefAttributes<SvgIconHandle>>;
+export declare const SvgIcon: React.ForwardRefExoticComponent<SvgIconProps & React.RefAttributes<SvgIconHandle | null>>;

package/dist/npm/icons/SvgIcon.js

@@ -15,11 +15,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.SvgIcon = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var classNames_1 = require("../classNames");
@@ -50,7 +53,7 @@ exports.SvgIcon = React.forwardRef(function (props, ref) {
     var sizeProp = React.useMemo(function () { return size || defaultProps.size; }, [size]);
     var flipProp = React.useMemo(function () { return flip || defaultProps.flip; }, [flip]);
     var viewBoxProp = React.useMemo(function () { return viewBox || defaultProps.viewBox; }, [viewBox]);
-    var elementClassNames = React.useMemo(function () { return classNames_1.classNames('k-svg-icon', 'k-color-' + themeColorProp, 'k-svg-i-' + iconNameProp, {
+    var elementClassNames = React.useMemo(function () { return (0, classNames_1.classNames)('k-svg-icon', 'k-color-' + themeColorProp, 'k-svg-i-' + iconNameProp, {
         'k-flip-h': flipProp === 'horizontal' || flipProp === 'both',
         'k-flip-v': flipProp === 'vertical' || flipProp === 'both'
     }, constants_1.SIZE_CLASSES[sizeProp], className); }, [iconNameProp, themeColorProp, sizeProp, flipProp, className]);

package/dist/npm/icons/constants.d.ts

@@ -2,10 +2,10 @@
  * @hidden
  */
 export declare const SIZE_CLASSES: {
-    'default': string;
-    'xsmall': string;
-    'small': string;
-    'medium': string;
-    'large': string;
-    'xlarge': string;
+    default: string;
+    xsmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
 };

package/dist/npm/icons/constants.js

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

package/dist/npm/keys.js

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

package/dist/npm/main.js

@@ -1,44 +1,62 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+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 });
-__export(require("./contexts/ZIndexContext"));
-__export(require("./browser-support.service"));
-__export(require("./canUseDOM"));
-__export(require("./canUseRef"));
-__export(require("./classNames"));
-__export(require("./clone"));
-__export(require("./focus"));
-__export(require("./FormComponent"));
-__export(require("./getTabIndex"));
-__export(require("./getter"));
-__export(require("./guid"));
-__export(require("./keys"));
-__export(require("./noop"));
-__export(require("./scrollbarWidth"));
-__export(require("./setter"));
-__export(require("./treeDataOperations"));
-__export(require("./validate-package"));
-__export(require("./hasRelativeStackingContext"));
-__export(require("./events/dispatchEvent"));
-__export(require("./hocs/AsyncFocusBlur"));
-__export(require("./hocs/withPropsContext"));
-__export(require("./hooks/useDir"));
-__export(require("./hooks/useAsyncFocusBlur"));
-__export(require("./hooks/useRtl"));
-__export(require("./hooks/useMouse"));
-__export(require("./hooks/useCustomComponent"));
-__export(require("./hooks/usePropsContext"));
-__export(require("./hooks/useCollection"));
-__export(require("./hooks/useDocument"));
-__export(require("./hooks/useWindow"));
-__export(require("./icons/Icon"));
-__export(require("./icons/SvgIcon"));
-__export(require("./typography/Typography"));
-__export(require("./drag-n-drop"));
-__export(require("./Draggable"));
-__export(require("./Droppable"));
-__export(require("./hooks/useDraggable"));
-__export(require("./hooks/useDroppable"));
-__export(require("./theme"));
+__exportStar(require("./contexts/ZIndexContext"), exports);
+__exportStar(require("./browser-support.service"), exports);
+__exportStar(require("./canUseDOM"), exports);
+__exportStar(require("./canUseRef"), exports);
+__exportStar(require("./classNames"), exports);
+__exportStar(require("./clone"), exports);
+__exportStar(require("./focus"), exports);
+__exportStar(require("./FormComponent"), exports);
+__exportStar(require("./getTabIndex"), exports);
+__exportStar(require("./getter"), exports);
+__exportStar(require("./guid"), exports);
+__exportStar(require("./keys"), exports);
+__exportStar(require("./noop"), exports);
+__exportStar(require("./scrollbarWidth"), exports);
+__exportStar(require("./setter"), exports);
+__exportStar(require("./treeDataOperations"), exports);
+__exportStar(require("./validate-package"), exports);
+__exportStar(require("./hasRelativeStackingContext"), exports);
+__exportStar(require("./events/BaseEvent"), exports);
+__exportStar(require("./events/dispatchEvent"), exports);
+__exportStar(require("./hocs/AsyncFocusBlur"), exports);
+__exportStar(require("./hocs/withPropsContext"), exports);
+__exportStar(require("./hooks/useDir"), exports);
+__exportStar(require("./hooks/useAsyncFocusBlur"), exports);
+__exportStar(require("./hooks/useRtl"), exports);
+__exportStar(require("./hooks/useMouse"), exports);
+__exportStar(require("./hooks/useCustomComponent"), exports);
+__exportStar(require("./hooks/usePropsContext"), exports);
+__exportStar(require("./hooks/useCollection"), exports);
+__exportStar(require("./hooks/useDocument"), exports);
+__exportStar(require("./hooks/useWindow"), exports);
+__exportStar(require("./models"), exports);
+__exportStar(require("./icons/Icon"), exports);
+__exportStar(require("./icons/SvgIcon"), exports);
+__exportStar(require("./icons/models/flip"), exports);
+__exportStar(require("./icons/models/size"), exports);
+__exportStar(require("./icons/models/theme-color"), exports);
+__exportStar(require("./typography/models/margin"), exports);
+__exportStar(require("./typography/TypographyProps"), exports);
+__exportStar(require("./typography/Typography"), exports);
+__exportStar(require("./drag-n-drop"), exports);
+__exportStar(require("./Draggable"), exports);
+__exportStar(require("./Droppable"), exports);
+__exportStar(require("./hooks/useDraggable"), exports);
+__exportStar(require("./hooks/useDroppable"), exports);
+__exportStar(require("./theme"), exports);

package/dist/npm/models/index.js

@@ -1,2 +1,21 @@
 "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 });
+__exportStar(require("./mouse"), exports);
+__exportStar(require("./touch"), exports);
+__exportStar(require("./pointer"), exports);
+__exportStar(require("./auto-scroll-options"), exports);
+__exportStar(require("./kendoReactComponentBaseProps"), exports);

package/dist/npm/noop.js

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

package/dist/npm/scrollbarWidth.d.ts

@@ -5,4 +5,4 @@ export declare const getScrollbarWidth: () => number | false;
 /**
  * @hidden
  */
-export declare const setScrollbarWidth: () => boolean;
+export declare const setScrollbarWidth: () => false | undefined;

package/dist/npm/scrollbarWidth.js

@@ -1,24 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.setScrollbarWidth = exports.getScrollbarWidth = void 0;
 var browser_support_service_1 = require("./browser-support.service");
 var canUseDOM_1 = require("./canUseDOM");
 /**
  * @hidden
  */
-exports.getScrollbarWidth = function () {
+var getScrollbarWidth = function () {
     if (!canUseDOM_1.canUseDOM || !document.body) {
         return false;
     }
     var scrollbarWidth = new browser_support_service_1.BrowserSupportService().scrollbarWidth;
     return scrollbarWidth;
 };
+exports.getScrollbarWidth = getScrollbarWidth;
 /**
  * @hidden
  */
-exports.setScrollbarWidth = function () {
+var setScrollbarWidth = function () {
     if (!canUseDOM_1.canUseDOM || !document.body) {
         return false;
     }
     var scrollbarWidth = new browser_support_service_1.BrowserSupportService().scrollbarWidth;
-    document.body.style.setProperty('--kendo-scrollbar-width', scrollbarWidth + "px");
+    document.body.style.setProperty('--kendo-scrollbar-width', "".concat(scrollbarWidth, "px"));
 };
+exports.setScrollbarWidth = setScrollbarWidth;

package/dist/npm/setter.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.setter = void 0;
 var fieldList_1 = require("./fieldList");
 var setterCache = {};
 setterCache.undefined = function (obj) { return obj; };
@@ -25,7 +26,7 @@ function setter(field) {
     if (setterCache[field]) {
         return setterCache[field];
     }
-    var fields = fieldList_1.fieldList(field);
+    var fields = (0, fieldList_1.fieldList)(field);
     setterCache[field] = function (obj, value, options) {
         var root = obj;
         var depth = fields.length - 1;

package/dist/npm/theme.js

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

package/dist/npm/treeDataOperations.js

@@ -10,15 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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.getItemPath = exports.extendDataItem = exports.mapTreeItem = exports.mapTree = void 0;
 // Gets and sets the children. Returns the children or the re-created item with the new children.
 function children(item, subItemsField, subItems) {
     var _a;
     if (subItems) {
-        return __assign({}, item, (_a = {}, _a[subItemsField] = subItems.length ? subItems.slice() : undefined, _a));
+        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = subItems.length ? __spreadArray([], subItems, true) : undefined, _a));
     }
     else {
-        return item && item[subItemsField] ? item[subItemsField].slice() : [];
+        return item && item[subItemsField] ? __spreadArray([], item[subItemsField], true) : [];
     }
 }
 function mapItem(dataItem, subItemsField, callbackfn) {
@@ -37,9 +47,10 @@ function mapItem(dataItem, subItemsField, callbackfn) {
  * @param {(value: any) => any} callback - The callback function.
  * @returns {any[]} - The new data tree.
  */
-exports.mapTree = function (tree, subItemsField, callback) {
-    return tree.map(function (item) { return mapItem(item, subItemsField, callback); }).slice();
+var mapTree = function (tree, subItemsField, callback) {
+    return __spreadArray([], tree.map(function (item) { return mapItem(item, subItemsField, callback); }), true);
 };
+exports.mapTree = mapTree;
 /**
  * Creates a new array with the results of calling the provided callback function
  * on the element which match the `level` in the provided data tree.
@@ -50,7 +61,7 @@ exports.mapTree = function (tree, subItemsField, callback) {
  * @param {(value: any) => any} callback - The callback function.
  * @returns {any[]} - The new data tree.
  */
-exports.mapTreeItem = function (tree, level, subItemsField, callback) {
+var mapTreeItem = function (tree, level, subItemsField, callback) {
     var curData = tree;
     var parentNodes = [];
     for (var i = 0; i < level.length; i++) {
@@ -63,6 +74,7 @@ exports.mapTreeItem = function (tree, level, subItemsField, callback) {
     var newItem = callback(parent[newItemIndex]);
     parent.splice(newItemIndex, 1, newItem);
 };
+exports.mapTreeItem = mapTreeItem;
 /**
  * Similar to the `Object.assign` function. Additionally, creates a new array for the subitems.
  *
@@ -71,10 +83,11 @@ exports.mapTreeItem = function (tree, level, subItemsField, callback) {
  * @param {object} propsToExtend - The props with which the source data item will be extended.
  * @returns {object} - The target data item.
  */
-exports.extendDataItem = function (item, subItemsField, propsToExtend) {
+var extendDataItem = function (item, subItemsField, propsToExtend) {
     var _a;
     return Object.assign({}, item, item[subItemsField] ? (_a = {}, _a[subItemsField] = item[subItemsField].slice(), _a) : {}, propsToExtend || {});
 };
+exports.extendDataItem = extendDataItem;
 /**
  * Returns the data item path in the tree based on the level parameter.
  *
@@ -83,9 +96,9 @@ exports.extendDataItem = function (item, subItemsField, propsToExtend) {
  * @param {string} subItemsField - The field which points to the subitems collection of each data item.
  * @returns {any[]} - The path of the data item.
  */
-exports.getItemPath = function (tree, level, subItemsField) {
+var getItemPath = function (tree, level, subItemsField) {
     var nodes = [];
-    var itemLevel = level.slice();
+    var itemLevel = __spreadArray([], level, true);
     if (itemLevel.length) {
         var element = tree[itemLevel.shift() || 0];
         nodes.push(element);
@@ -96,3 +109,4 @@ exports.getItemPath = function (tree, level, subItemsField) {
     }
     return nodes;
 };
+exports.getItemPath = getItemPath;

package/dist/npm/typography/Typography.js

@@ -15,11 +15,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.Typography = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var constants_1 = require("./constants");
@@ -38,12 +41,12 @@ var generateTypography = function (element) {
         React.useImperativeHandle(ref, function () { return target.current; });
         var defaultClass = function () {
             var classMap = element === 'p' ? 'paragraph' : element;
-            return "k-" + classMap;
+            return "k-".concat(classMap);
         };
         var Component = element;
         var setMarginClassPerSide = function (marginSide, value) {
             var val = typeof value === 'string' ? constants_1.MARGIN_ENUM_VALUES[value] : value;
-            return "" + constants_1.MARGIN_SIDES_CLASSES[marginSide] + val;
+            return "".concat(constants_1.MARGIN_SIDES_CLASSES[marginSide]).concat(val);
         };
         var setMarginClasses = function () {
             if (margin === undefined) {
@@ -54,7 +57,7 @@ var generateTypography = function (element) {
             }
             // The the predefined Kendo classes are starting from 0 to 24.
             if (typeof margin === 'number' && margin >= 0 && margin <= 24) {
-                return ["k-m-" + margin];
+                return ["k-m-".concat(margin)];
             }
             if (typeof margin === 'object') {
                 var marginClassesList_1 = [];
@@ -101,7 +104,7 @@ var generateTypography = function (element) {
             'dark', 'light', 'inverse'
         ])
     };
-    component.displayName = "KendoReactTypography" + element.toUpperCase();
+    component.displayName = "KendoReactTypography".concat(element.toUpperCase());
     return component;
 };
 /**