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

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

@@ -1,13 +1,14 @@
 import * as React from 'react';
 import { DragTarget, DropTarget } from '@progress/kendo-draggable-common';
+import { ControlledStateHook } from '../../hooks';
 /**
  * @hidden
  */
-export declare const DragContext: React.Context<[React.RefObject<DragTarget>, (value: React.RefObject<DragTarget>, args?: any) => void]>;
+export declare const DragContext: React.Context<ControlledStateHook<React.RefObject<DragTarget> | null | undefined, any>>;
 /**
  * @hidden
  */
-export declare const DropContext: React.Context<[React.RefObject<DropTarget>, (value: React.RefObject<DropTarget>, args?: any) => void]>;
+export declare const DropContext: React.Context<ControlledStateHook<React.RefObject<DropTarget> | null | undefined, any>>;
 /**
  * @hidden
  */

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropsContext = exports.DragsContext = exports.DropContext = exports.DragContext = void 0;
 var React = require("react");
 var noop_1 = require("../../noop");
 /**

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragAndDrop = void 0;
 var React = require("react");
 var hooks_1 = require("../hooks");
 var context_1 = require("./context");
@@ -9,11 +10,11 @@ var context_1 = require("./context");
  * It is used internally to synchronize the `drag` and `drop` functionalities.
  * Accepts properties of type [DragAndDropProps]({% slug api_common_draganddropprops %}).
  */
-exports.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 DragAndDrop = function (props) {
+    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,
@@ -43,4 +44,5 @@ exports.DragAndDrop = function (props) {
             React.createElement(context_1.DragsContext.Provider, { value: [drags, registerDrag, deregisterDrag] },
                 React.createElement(context_1.DropsContext.Provider, { value: [drops, registerDrop, deregisterDrop] }, props.children)))));
 };
+exports.DragAndDrop = DragAndDrop;
 exports.DragAndDrop.displayName = 'KendoReactDragAndDrop';

package/dist/npm/events/dispatchEvent.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.dispatchEvent = void 0;
 /**
  * @hidden
  * Dispatches a new event based on an event that was already internally dispatched to KendoReact users.

package/dist/npm/fieldList.js

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

package/dist/npm/focus.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.focusFirstFocusableChild = void 0;
 /**
  * @hidden
  */
-exports.focusFirstFocusableChild = function (target) {
+var focusFirstFocusableChild = function (target) {
     if (target) {
         if ((target instanceof HTMLInputElement || target.tabIndex !== -1) && target.focus) {
             target.focus();
@@ -15,3 +16,4 @@ exports.focusFirstFocusableChild = function (target) {
         }
     }
 };
+exports.focusFirstFocusableChild = focusFirstFocusableChild;

package/dist/npm/getTabIndex.d.ts

@@ -1,4 +1,4 @@
 /**
  * @hidden
  */
-export declare const getTabIndex: (tabIndex?: string | number, disabled?: boolean, useDefaultTabIndexWhenDisabled?: boolean) => number;
+export declare const getTabIndex: (tabIndex?: number | string, disabled?: boolean, useDefaultTabIndexWhenDisabled?: boolean) => number | undefined;

package/dist/npm/getTabIndex.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTabIndex = void 0;
 /* eslint-disable radix */
 /**
  * @hidden
@@ -12,7 +13,7 @@ var DEFAULT_TABINDEX = 0;
 /**
  * @hidden
  */
-exports.getTabIndex = function (tabIndex, disabled, useDefaultTabIndexWhenDisabled) {
+var getTabIndex = function (tabIndex, disabled, useDefaultTabIndexWhenDisabled) {
     var parsedTabIndex = typeof tabIndex === 'string' ? parseInt(tabIndex, undefined) : tabIndex;
     if (parsedTabIndex === NaN) {
         return undefined;
@@ -23,3 +24,4 @@ exports.getTabIndex = function (tabIndex, disabled, useDefaultTabIndexWhenDisabl
             (useDefaultTabIndexWhenDisabled ? undefined : DISABLED_TABINDEX)
             : DEFAULT_TABINDEX;
 };
+exports.getTabIndex = getTabIndex;

package/dist/npm/getter.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getter = void 0;
 var fieldList_1 = require("./fieldList");
 var getterCache = {};
 getterCache.undefined = function () { return undefined; };
@@ -20,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/guid.js

@@ -1,10 +1,11 @@
 "use strict";
 /* eslint-disable no-bitwise */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.guid = void 0;
 /**
  * @hidden
  */
-exports.guid = function () {
+var guid = function () {
     var id = '';
     var i;
     var random;
@@ -17,3 +18,4 @@ exports.guid = function () {
     }
     return id;
 };
+exports.guid = guid;

package/dist/npm/hasRelativeStackingContext.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasRelativeStackingContext = void 0;
 var canUseDOM_1 = require("./canUseDOM");
 /** @hidden */
-exports.hasRelativeStackingContext = function (elementSource) {
+var hasRelativeStackingContext = function (elementSource) {
     if (!canUseDOM_1.canUseDOM) {
         return false;
     }
@@ -15,9 +16,10 @@ exports.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);
     return isDifferent;
 };
+exports.hasRelativeStackingContext = hasRelativeStackingContext;

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

@@ -11,6 +11,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 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.
@@ -20,8 +22,9 @@ var useAsyncFocusBlur_1 = require("../hooks/useAsyncFocusBlur");
  *
  * @returns
  */
-exports.AsyncFocusBlur = function (_a) {
+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.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 /** @hidden */
-export declare const createPropsContext: <T extends any>() => React.Context<(p: T) => T>;
+export declare const createPropsContext: <T extends unknown>() => React.Context<(p: T) => T>;
 /** @hidden */
-export declare const withPropsContext: <T extends any>(context: React.Context<(p: T) => T>, Component: React.ComponentType<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<any>>;
+export declare const withPropsContext: <T extends unknown>(context: React.Context<(p: T) => T>, Component: React.ComponentType<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<any>>;

package/dist/npm/hocs/withPropsContext.js

@@ -11,14 +11,17 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.withPropsContext = exports.createPropsContext = void 0;
 var React = require("react");
 var usePropsContext_1 = require("../hooks/usePropsContext");
 /** @hidden */
-exports.createPropsContext = function () { return React.createContext(function (props) { return props; }); };
+var createPropsContext = function () { return React.createContext(function (props) { return props; }); };
+exports.createPropsContext = createPropsContext;
 /** @hidden */
-exports.withPropsContext = function (context, Component
+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,17 +1,28 @@
 "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("./useMouse"));
-__export(require("./useAsyncFocusBlur"));
-__export(require("./useDir"));
-__export(require("./useDraggable"));
-__export(require("./useDroppable"));
-__export(require("./useRtl"));
-__export(require("./useCustomComponent"));
-__export(require("./useControlledState"));
-__export(require("./useInheritedState"));
-__export(require("./useCollection"));
-__export(require("./useDocument"));
-__export(require("./useWindow"));
+__exportStar(require("./useMouse"), exports);
+__exportStar(require("./useAsyncFocusBlur"), exports);
+__exportStar(require("./useDir"), exports);
+__exportStar(require("./useDraggable"), exports);
+__exportStar(require("./useDroppable"), exports);
+__exportStar(require("./useRtl"), exports);
+__exportStar(require("./useCustomComponent"), exports);
+__exportStar(require("./useControlledState"), exports);
+__exportStar(require("./useInheritedState"), exports);
+__exportStar(require("./useCollection"), exports);
+__exportStar(require("./useDocument"), exports);
+__exportStar(require("./useWindow"), exports);

package/dist/npm/hooks/useAsyncFocusBlur.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.useAsyncFocusBlur = void 0;
 var React = require("react");
 /**
  * An utility function for asynchronous focus/blur handling.
@@ -24,7 +34,7 @@ function useAsyncFocusBlur(_a) {
         }
         clearTimeout(tick.current);
         if (onSyncFocus) {
-            onSyncFocus.call.apply(onSyncFocus, [undefined].concat(event));
+            onSyncFocus.call(undefined, event[0]);
         }
         if (focused.current) {
             return;
@@ -32,7 +42,7 @@ function useAsyncFocusBlur(_a) {
         ;
         focused.current = true;
         if (onFocus) {
-            onFocus.call.apply(onFocus, [undefined].concat(event));
+            onFocus.call.apply(onFocus, __spreadArray([undefined], event, false));
         }
     }, [focused, onFocus, onSyncFocus]);
     var handleBlur = React.useCallback(function () {
@@ -41,7 +51,7 @@ function useAsyncFocusBlur(_a) {
             event[_i] = arguments[_i];
         }
         if (onSyncBlur) {
-            onSyncBlur.call.apply(onSyncBlur, [undefined].concat(event));
+            onSyncBlur.call(undefined, event[0]);
         }
         nextTick(function () {
             if (!focused.current) {
@@ -49,7 +59,7 @@ function useAsyncFocusBlur(_a) {
             }
             if (onBlur) {
                 focused.current = false;
-                onBlur.call.apply(onBlur, [undefined].concat(event));
+                onBlur.call.apply(onBlur, __spreadArray([undefined], event, false));
             }
         });
     }, [focused, nextTick, onBlur, onSyncBlur]);

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

@@ -11,4 +11,4 @@ export interface CollectionAction<T> {
     item: T;
 }
 /** @hidden */
-export declare const useCollection: <T extends any>(initial?: T[]) => [T[], (event: CollectionAction<T>) => void];
+export declare const useCollection: <T extends unknown>(initial?: T[]) => [T[], (event: CollectionAction<T>) => void];

package/dist/npm/hooks/useCollection.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCollection = exports.COLLECTION_ACTION = void 0;
 var React = require("react");
 /** @hidden */
 var COLLECTION_ACTION;
@@ -8,7 +9,7 @@ var COLLECTION_ACTION;
     COLLECTION_ACTION[COLLECTION_ACTION["remove"] = 1] = "remove";
 })(COLLECTION_ACTION = exports.COLLECTION_ACTION || (exports.COLLECTION_ACTION = {}));
 /** @hidden */
-exports.useCollection = function (initial) {
+var useCollection = function (initial) {
     if (initial === void 0) { initial = []; }
     var collection = React.useRef(initial);
     var handleCollectionAction = React.useCallback(function (action) {
@@ -26,3 +27,4 @@ exports.useCollection = function (initial) {
     }, []);
     return [collection.current, handleCollectionAction];
 };
+exports.useCollection = useCollection;

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

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

package/dist/npm/hooks/useControlledState.js

@@ -11,15 +11,17 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useControlledState = void 0;
 var React = require("react");
 /** @hidden */
-exports.useControlledState = function (defaultProp, prop, callback) {
+var useControlledState = function (defaultProp, prop, callback) {
     var _a = React.useState(prop || defaultProp), state = _a[0], setState = _a[1];
     var handleSetEdit = React.useCallback(function (value, args) {
         setState(value);
         if (callback) {
-            callback.call(undefined, __assign({}, args, { value: value }));
+            callback.call(undefined, __assign(__assign({}, args), { value: value }));
         }
     }, [callback, setState]);
     return [prop !== undefined ? prop : state, handleSetEdit];
 };
+exports.useControlledState = useControlledState;

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

@@ -1,10 +1,4 @@
 import * as React from 'react';
-/**
- * @hidden
- */
-declare type Partial<T> = {
-    [P in keyof T]?: T[P];
-};
 /**
  * @hidden
  */
@@ -12,9 +6,6 @@ export declare type CustomComponent<P extends {}> = React.ComponentType<P>;
 /**
  * @hidden
  */
-export declare const useCustomComponent: <P extends any>(comp: React.ComponentType<P>) => [string | React.ComponentClass<Partial<P> & {
-    ref?: React.Ref<any>;
-}, any> | React.FunctionComponent<Partial<P> & {
-    ref?: React.Ref<any>;
-}>, {} | P];
-export {};
+export declare const useCustomComponent: <P = {}>(comp: CustomComponent<P>) => [React.ComponentType<P & {
+    ref?: React.Ref<any> | undefined;
+}>, Partial<P>];

package/dist/npm/hooks/useCustomComponent.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
+exports.useCustomComponent = void 0;
 /**
  * @hidden
  */
-exports.useCustomComponent = function (comp // React.ReactElement<P>
-) {
-    return React.isValidElement(comp)
-        ? [comp.type, comp.props]
-        : [comp, {}];
+var useCustomComponent = function (comp) {
+    /* if(React.isValidElement<P>(comp)) {
+        return [comp.type, comp.props];
+    } */
+    return [comp, {}];
 };
+exports.useCustomComponent = useCustomComponent;

package/dist/npm/hooks/useDir.js

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

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

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

package/dist/npm/hooks/useDocument.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDocument = void 0;
 var React = require("react");
 /**
  * Returns a function, which gets the `ownerDocument` of the element.
  */
-exports.useDocument = function (ref) {
+var useDocument = function (ref) {
     var getElement = React.useCallback(function () { return ref.current && ref.current.element
         ? ref.current.element
         : ref.current; }, [ref]);
@@ -14,3 +15,4 @@ exports.useDocument = function (ref) {
     }, [getElement]);
     return getDocument;
 };
+exports.useDocument = useDocument;

package/dist/npm/hooks/useDraggable.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDraggable = void 0;
 var React = require("react");
 var kendo_draggable_common_1 = require("@progress/kendo-draggable-common");
 var noop_1 = require("../noop");
@@ -22,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 });
@@ -148,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,
@@ -241,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 });
                 }
@@ -297,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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDroppable = void 0;
 var React = require("react");
 var noop_1 = require("../noop");
 var useInheritedState_1 = require("../hooks/useInheritedState");
@@ -21,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/useInheritedState.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInheritedState = void 0;
 var React = require("react");
 /**
  * @hidden
  */
-exports.useInheritedState = function (context, defaultValue) {
+var useInheritedState = function (context, defaultValue) {
     var _a = React.useContext(context), contextValue = _a[0], contextSetter = _a[1];
     var _b = React.useState(defaultValue), localValue = _b[0], localSetter = _b[1];
     var value = contextValue !== undefined ? contextValue : localValue;
@@ -21,3 +22,4 @@ exports.useInheritedState = function (context, defaultValue) {
         handleValueChange
     ];
 };
+exports.useInheritedState = useInheritedState;

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

@@ -1,10 +1,11 @@
 "use strict";
 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 = {}; }
     var handleMouseDown = React.useCallback(function (event) {
         if (extend.onMouseDown) {
@@ -117,3 +118,4 @@ exports.useMouse = function (props, target, extend) {
         onMouseOver: handleMouseOver
     };
 };
+exports.useMouse = useMouse;