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

package/dist/npm/Draggable.js

@@ -68,7 +68,7 @@ exports.Draggable = React.forwardRef(function (props, ref) {
             event: event
         });
     }, [getElement, props.onDragEnd]);
-    hooks_1.useDraggable(childRef, {
+    (0, hooks_1.useDraggable)(childRef, {
         onPress: handlePress,
         onRelease: handleRelease,
         onDragStart: handleDragStart,

package/dist/npm/Droppable.d.ts

@@ -72,6 +72,6 @@ export interface DroppableProps {
  * Accepts properties of type [DroppableProps]({% slug api_common_droppableprops %}),
  * and returns an object of type [DroppableHandle]({% slug api_common_droppablehandle %}) when the `ref` is obtained.
  */
-export declare const Droppable: React.ForwardRefExoticComponent<DroppableProps & React.RefAttributes<DroppableHandle>>;
+export declare const Droppable: React.ForwardRefExoticComponent<DroppableProps & React.RefAttributes<DroppableHandle | null>>;
 export declare type Droppable = DroppableHandle;
 export {};

package/dist/npm/Droppable.js

@@ -58,7 +58,7 @@ exports.Droppable = React.forwardRef(function (props, ref) {
             event: event
         });
     }, [props.onDrop, getElement]);
-    hooks_1.useDroppable(childRef, {
+    (0, hooks_1.useDroppable)(childRef, {
         onDragEnter: handleDragEnter,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,

package/dist/npm/browser-support.service.js

@@ -10,6 +10,7 @@ var getDocument = function () { return typeof document !== 'undefined' ? documen
  */
 var BrowserSupportService = /** @class */ (function () {
     function BrowserSupportService() {
+        this.scrollbar = 0;
     }
     Object.defineProperty(BrowserSupportService.prototype, "scrollbarWidth", {
         get: function () {

package/dist/npm/clone.js

@@ -36,7 +36,7 @@ function cloneValue(value, nextValue) {
         return cloneArray(value);
     }
     else if (value instanceof Date) {
-        return exports.cloneDate(value);
+        return (0, exports.cloneDate)(value);
     }
     else if (React.isValidElement(value)) {
         return React.cloneElement(value, value.props);

package/dist/npm/contexts/ZIndexContext.d.ts

@@ -2,6 +2,6 @@ import * as React from 'react';
 /** @hidden */
 export declare type ZIndexContextType = number | undefined;
 /** @hidden */
-export declare const ZIndexContext: React.Context<number>;
+export declare const ZIndexContext: React.Context<ZIndexContextType>;
 /** @hidden */
 export declare const useZIndexContext: () => ZIndexContextType;

package/dist/npm/drag-n-drop/context/index.d.ts

@@ -4,11 +4,11 @@ import { ControlledStateHook } from '../../hooks';
 /**
  * @hidden
  */
-export declare const DragContext: React.Context<ControlledStateHook<React.RefObject<DragTarget>, any>>;
+export declare const DragContext: React.Context<ControlledStateHook<React.RefObject<DragTarget> | null | undefined, any>>;
 /**
  * @hidden
  */
-export declare const DropContext: React.Context<ControlledStateHook<React.RefObject<DropTarget>, any>>;
+export declare const DropContext: React.Context<ControlledStateHook<React.RefObject<DropTarget> | null | undefined, any>>;
 /**
  * @hidden
  */

package/dist/npm/drag-n-drop/index.js

@@ -11,10 +11,10 @@ var context_1 = require("./context");
  * Accepts properties of type [DragAndDropProps]({% slug api_common_draganddropprops %}).
  */
 var DragAndDrop = function (props) {
-    var _a = hooks_1.useControlledState(null, undefined), drag = _a[0], setDrag = _a[1];
-    var _b = hooks_1.useControlledState(null, undefined), drop = _b[0], setDrop = _b[1];
-    var _c = hooks_1.useCollection([]), drags = _c[0], dispatchDrags = _c[1];
-    var _d = hooks_1.useCollection([]), drops = _d[0], dispatchDrops = _d[1];
+    var _a = (0, hooks_1.useControlledState)(null, undefined), drag = _a[0], setDrag = _a[1];
+    var _b = (0, hooks_1.useControlledState)(null, undefined), drop = _b[0], setDrop = _b[1];
+    var _c = (0, hooks_1.useCollection)([]), drags = _c[0], dispatchDrags = _c[1];
+    var _d = (0, hooks_1.useCollection)([]), drops = _d[0], dispatchDrops = _d[1];
     var registerDrag = function (item) {
         dispatchDrags({
             type: hooks_1.COLLECTION_ACTION.add,

package/dist/npm/getter.js

@@ -21,7 +21,7 @@ function getter(field) {
     if (getterCache[field]) {
         return getterCache[field];
     }
-    var fields = fieldList_1.fieldList(field);
+    var fields = (0, fieldList_1.fieldList)(field);
     getterCache[field] = function (obj) {
         var result = obj;
         for (var idx = 0; idx < fields.length && result; idx++) {

package/dist/npm/hasRelativeStackingContext.js

@@ -16,7 +16,7 @@ var hasRelativeStackingContext = function (elementSource) {
     var top = 10;
     var parent = currentDocument.createElement('div');
     parent.style.transform = 'matrix(10, 0, 0, 10, 0, 0)';
-    parent.innerHTML = "<div style=\"position: fixed; top: " + top + "px;\">child</div>";
+    parent.innerHTML = "<div style=\"position: fixed; top: ".concat(top, "px;\">child</div>");
     currentDocument.body.appendChild(parent);
     var isDifferent = parent.children[0].getBoundingClientRect().top !== top;
     currentDocument.body.removeChild(parent);

package/dist/npm/hocs/AsyncFocusBlur.d.ts

@@ -10,4 +10,4 @@ import { AsyncFocusBlurArgs } from '../hooks/useAsyncFocusBlur';
  */
 export declare const AsyncFocusBlur: ({ children, onFocus, onBlur, onSyncFocus, onSyncBlur }: AsyncFocusBlurArgs<any> & {
     children: (args: AsyncFocusBlurArgs<any>) => React.ReactNode;
-}) => any;
+}) => JSX.Element;

package/dist/npm/hocs/AsyncFocusBlur.js

@@ -12,6 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AsyncFocusBlur = void 0;
+var React = require("react");
 var useAsyncFocusBlur_1 = require("../hooks/useAsyncFocusBlur");
 /**
  * An utility High-order Component for asynchronous focus/blur handling.
@@ -23,7 +24,7 @@ var useAsyncFocusBlur_1 = require("../hooks/useAsyncFocusBlur");
  */
 var AsyncFocusBlur = function (_a) {
     var children = _a.children, onFocus = _a.onFocus, onBlur = _a.onBlur, onSyncFocus = _a.onSyncFocus, onSyncBlur = _a.onSyncBlur;
-    var args = useAsyncFocusBlur_1.useAsyncFocusBlur({ onFocus: onFocus, onBlur: onBlur, onSyncFocus: onSyncFocus, onSyncBlur: onSyncBlur });
-    return children.call(undefined, __assign({}, args));
+    var args = (0, useAsyncFocusBlur_1.useAsyncFocusBlur)({ onFocus: onFocus, onBlur: onBlur, onSyncFocus: onSyncFocus, onSyncBlur: onSyncBlur });
+    return React.createElement(React.Fragment, null, children.call(undefined, __assign({}, args)));
 };
 exports.AsyncFocusBlur = AsyncFocusBlur;

package/dist/npm/hocs/withPropsContext.js

@@ -21,7 +21,7 @@ exports.createPropsContext = createPropsContext;
 var withPropsContext = function (context, Component
 // eslint-disable-next-line react/display-name
 ) { return React.forwardRef(function (props, ref) {
-    var contextProps = usePropsContext_1.usePropsContext(context, props);
+    var contextProps = (0, usePropsContext_1.usePropsContext)(context, props);
     return (React.createElement(Component, __assign({}, contextProps, { ref: ref })));
 }); };
 exports.withPropsContext = withPropsContext;

package/dist/npm/hooks/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];

package/dist/npm/hooks/useAsyncFocusBlur.js

@@ -1,8 +1,12 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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.useAsyncFocusBlur = void 0;
@@ -30,7 +34,7 @@ function useAsyncFocusBlur(_a) {
         }
         clearTimeout(tick.current);
         if (onSyncFocus) {
-            onSyncFocus.call.apply(onSyncFocus, __spreadArray([undefined], event));
+            onSyncFocus.call(undefined, event[0]);
         }
         if (focused.current) {
             return;
@@ -38,7 +42,7 @@ function useAsyncFocusBlur(_a) {
         ;
         focused.current = true;
         if (onFocus) {
-            onFocus.call.apply(onFocus, __spreadArray([undefined], event));
+            onFocus.call.apply(onFocus, __spreadArray([undefined], event, false));
         }
     }, [focused, onFocus, onSyncFocus]);
     var handleBlur = React.useCallback(function () {
@@ -47,7 +51,7 @@ function useAsyncFocusBlur(_a) {
             event[_i] = arguments[_i];
         }
         if (onSyncBlur) {
-            onSyncBlur.call.apply(onSyncBlur, __spreadArray([undefined], event));
+            onSyncBlur.call(undefined, event[0]);
         }
         nextTick(function () {
             if (!focused.current) {
@@ -55,7 +59,7 @@ function useAsyncFocusBlur(_a) {
             }
             if (onBlur) {
                 focused.current = false;
-                onBlur.call.apply(onBlur, __spreadArray([undefined], event));
+                onBlur.call.apply(onBlur, __spreadArray([undefined], event, false));
             }
         });
     }, [focused, nextTick, onBlur, onSyncBlur]);

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

@@ -4,4 +4,4 @@ export declare type ControlledStateHook<T, A = any> = [
     (value: T, args?: A) => void
 ];
 /** @hidden */
-export declare const useControlledState: <T = any, A = any>(defaultProp: T, prop?: T, callback?: any) => ControlledStateHook<T, any>;
+export declare const useControlledState: <T = any, A = any>(defaultProp: T, prop?: T | undefined, callback?: any) => ControlledStateHook<T, any>;

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

@@ -7,5 +7,5 @@ export declare type CustomComponent<P extends {}> = React.ComponentType<P>;
  * @hidden
  */
 export declare const useCustomComponent: <P = {}>(comp: CustomComponent<P>) => [React.ComponentType<P & {
-    ref?: React.Ref<any>;
+    ref?: React.Ref<any> | undefined;
 }>, Partial<P>];

package/dist/npm/hooks/useDraggable.js

@@ -23,8 +23,8 @@ function useDraggable(ref, callbacks, options) {
     var _f = options.hint, hint = _f === void 0 ? null : _f, _g = options.mouseOnly, mouseOnly = _g === void 0 ? false : _g, _h = options.autoScroll, autoScroll = _h === void 0 ? true : _h, _j = options.scrollContainer, scrollContainer = _j === void 0 ? null : _j;
     var _k = React.useState(false), pressed = _k[0], setPressed = _k[1];
     var _l = React.useState(false), scrolling = _l[0], setScrolling = _l[1];
-    var drop = useInheritedState_1.useInheritedState(context_1.DropContext)[0];
-    var _m = useInheritedState_1.useInheritedState(context_1.DragContext), drag = _m[0], setDrag = _m[1];
+    var drop = (0, useInheritedState_1.useInheritedState)(context_1.DropContext)[0];
+    var _m = (0, useInheritedState_1.useInheritedState)(context_1.DragContext), drag = _m[0], setDrag = _m[1];
     var drops = React.useContext(context_1.DropsContext)[0];
     var _o = React.useContext(context_1.DragsContext), drags = _o[0], registerDrag = _o[1], deregisterDrag = _o[2];
     var velocity = React.useRef({ x: 0, y: 0 });
@@ -149,7 +149,7 @@ function useDraggable(ref, callbacks, options) {
         onDragEnd(event);
     }, [onDragEnd, setDrag, ref]);
     var dispatchDragEvent = React.useCallback(function (event) {
-        kendo_draggable_common_1.dispatchDragAndDrop(getState(), { event: event, payload: target.current }, {
+        (0, kendo_draggable_common_1.dispatchDragAndDrop)(getState(), { event: event, payload: target.current }, {
             onVelocityChange: handleVelocityChange,
             onOffsetChange: handleOffsetChange,
             onClientOffsetChange: handleClientOffsetChange,
@@ -242,7 +242,7 @@ function useDraggable(ref, callbacks, options) {
         var document = getDocument();
         if (pointers) {
             if (element) {
-                scrollable.current = kendo_draggable_common_1.getScrollableParent(element);
+                scrollable.current = (0, kendo_draggable_common_1.getScrollableParent)(element);
                 if (scrollable.current) {
                     scrollable.current.addEventListener('scroll', handleScroll, { passive: true });
                 }
@@ -298,10 +298,10 @@ function useDraggable(ref, callbacks, options) {
         var window = getWindow();
         if (scrolling) {
             var scrollableParent_1 = getScrollContainer()
-                || kendo_draggable_common_1.getScrollableParent(document.elementFromPoint(clientOffset.current.x, clientOffset.current.y));
+                || (0, kendo_draggable_common_1.getScrollableParent)(document.elementFromPoint(clientOffset.current.x, clientOffset.current.y));
             window.clearInterval(scrollInterval.current);
             scrollInterval.current = window.setInterval(function () {
-                kendo_draggable_common_1.autoScroll(scrollableParent_1, { x: velocity.current.x, y: velocity.current.y });
+                (0, kendo_draggable_common_1.autoScroll)(scrollableParent_1, { x: velocity.current.x, y: velocity.current.y });
             }, 50);
         }
         return function () {

package/dist/npm/hooks/useDroppable.js

@@ -22,7 +22,7 @@ function useDroppable(ref, callbacks) {
         onDrop: noop_1.noop
     }; }
     var _a = callbacks.onDragEnter, onDragEnter = _a === void 0 ? noop_1.noop : _a, _b = callbacks.onDragOver, onDragOver = _b === void 0 ? noop_1.noop : _b, _c = callbacks.onDragLeave, onDragLeave = _c === void 0 ? noop_1.noop : _c, _d = callbacks.onDrop, onDrop = _d === void 0 ? noop_1.noop : _d;
-    var _e = useInheritedState_1.useInheritedState(context_1.DropContext), setDrop = _e[1];
+    var _e = (0, useInheritedState_1.useInheritedState)(context_1.DropContext), setDrop = _e[1];
     var _f = React.useContext(context_1.DropsContext), registerDrop = _f[1], deregisterDrop = _f[2];
     var getElement = React.useCallback(function () { return ref.current && ref.current.element
         ? ref.current.element

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

@@ -9,5 +9,5 @@ interface Setter<T> extends Array<any> {
 /**
  * @hidden
  */
-export declare const useInheritedState: <T>(context: React.Context<[T, (...event: Setter<T>) => void]>, defaultValue?: any) => [T, (...event: Setter<T>) => void];
+export declare const useInheritedState: <T>(context: React.Context<[T | undefined, (...event: Setter<T>) => void]>, defaultValue?: any) => [T, (...event: Setter<T>) => void];
 export {};

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

@@ -6,15 +6,15 @@ declare type ElementMouse = {
 /**
  * @hidden
  */
-export declare const useMouse: <E extends HTMLElement, P extends KendoMouse<any, any>, R extends {}>(props: P, target: React.RefObject<R>, extend?: {
-    onMouseDown?: (event: React.MouseEvent<E, MouseEvent>) => void;
-    onMouseUp?: (event: React.MouseEvent<E, MouseEvent>) => void;
-    onClick?: (event: React.MouseEvent<E, MouseEvent>) => void;
-    onDoubleClick?: (event: React.MouseEvent<E, MouseEvent>) => void;
-    onMouseEnter?: (event: React.MouseEvent<E, MouseEvent>) => void;
-    onMouseLeave?: (event: React.MouseEvent<E, MouseEvent>) => void;
-    onMouseMove?: (event: React.MouseEvent<E, MouseEvent>) => void;
-    onMouseOut?: (event: React.MouseEvent<E, MouseEvent>) => void;
-    onMouseOver?: (event: React.MouseEvent<E, MouseEvent>) => void;
+export declare const useMouse: <E extends HTMLElement | null, P extends KendoMouse<any, any>, R extends {}>(props: P, target: React.RefObject<R>, extend?: {
+    onMouseDown?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
+    onMouseUp?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
+    onClick?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
+    onDoubleClick?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
+    onMouseEnter?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
+    onMouseLeave?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
+    onMouseMove?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
+    onMouseOut?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
+    onMouseOver?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
 }) => ElementMouse;
 export {};

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/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/useWindow.js

@@ -7,7 +7,7 @@ var useDocument_1 = require("./useDocument");
  * Returns a function, which gets the `defaultView` based on the `ownerDocument` of the element.
  */
 var useWindow = function (ref) {
-    var getDocument = useDocument_1.useDocument(ref);
+    var getDocument = (0, useDocument_1.useDocument)(ref);
     var getWindow = React.useCallback(function () {
         var document = getDocument();
         return document

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

@@ -52,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

@@ -53,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/main.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];

package/dist/npm/models/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];

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

@@ -22,6 +22,6 @@ var setScrollbarWidth = function () {
         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

@@ -26,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/treeDataOperations.js

@@ -10,10 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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;
@@ -21,10 +25,10 @@ exports.getItemPath = exports.extendDataItem = exports.mapTreeItem = exports.map
 function children(item, subItemsField, subItems) {
     var _a;
     if (subItems) {
-        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = subItems.length ? __spreadArray([], subItems) : undefined, _a));
+        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = subItems.length ? __spreadArray([], subItems, true) : undefined, _a));
     }
     else {
-        return item && item[subItemsField] ? __spreadArray([], item[subItemsField]) : [];
+        return item && item[subItemsField] ? __spreadArray([], item[subItemsField], true) : [];
     }
 }
 function mapItem(dataItem, subItemsField, callbackfn) {
@@ -44,7 +48,7 @@ function mapItem(dataItem, subItemsField, callbackfn) {
  * @returns {any[]} - The new data tree.
  */
 var mapTree = function (tree, subItemsField, callback) {
-    return __spreadArray([], tree.map(function (item) { return mapItem(item, subItemsField, callback); }));
+    return __spreadArray([], tree.map(function (item) { return mapItem(item, subItemsField, callback); }), true);
 };
 exports.mapTree = mapTree;
 /**
@@ -94,7 +98,7 @@ exports.extendDataItem = extendDataItem;
  */
 var getItemPath = function (tree, level, subItemsField) {
     var nodes = [];
-    var itemLevel = __spreadArray([], level);
+    var itemLevel = __spreadArray([], level, true);
     if (itemLevel.length) {
         var element = tree[itemLevel.shift() || 0];
         nodes.push(element);

package/dist/npm/typography/Typography.js

@@ -41,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) {
@@ -57,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 = [];
@@ -104,7 +104,7 @@ var generateTypography = function (element) {
             'dark', 'light', 'inverse'
         ])
     };
-    component.displayName = "KendoReactTypography" + element.toUpperCase();
+    component.displayName = "KendoReactTypography".concat(element.toUpperCase());
     return component;
 };
 /**

package/dist/npm/validate-package.js

@@ -10,9 +10,9 @@ function validatePackage(packageMetadata) {
         licensing.validatePackage(packageMetadata);
     }
     else {
-        var message = "License activation failed for " + packageMetadata.name + "\n";
+        var message = "License activation failed for ".concat(packageMetadata.name, "\n");
         message += 'The @progress/kendo-licensing script is not loaded.\n';
-        message += "See " + packageMetadata.licensingDocsUrl + " for more information.\n";
+        message += "See ".concat(packageMetadata.licensingDocsUrl, " for more information.\n");
         console.warn(message);
     }
 }