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

package/dist/es/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/es/hooks/useTouch.js

@@ -17,7 +17,7 @@ export 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);
             }

package/dist/es/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/es/icons/BaseIconProps.js

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

package/dist/es/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/es/icons/Icon.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';

package/dist/es/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/es/icons/SvgIcon.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';

package/dist/es/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/es/icons/models/flip.js

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

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

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

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

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

package/dist/es/main.js

@@ -16,6 +16,7 @@ export * from './setter';
 export * from './treeDataOperations';
 export * from './validate-package';
 export * from './hasRelativeStackingContext';
+export * from './events/BaseEvent';
 export * from './events/dispatchEvent';
 export * from './hocs/AsyncFocusBlur';
 export * from './hocs/withPropsContext';
@@ -28,8 +29,14 @@ export * from './hooks/usePropsContext';
 export * from './hooks/useCollection';
 export * from './hooks/useDocument';
 export * from './hooks/useWindow';
+export * from './models';
 export * from './icons/Icon';
 export * from './icons/SvgIcon';
+export * from './icons/models/flip';
+export * from './icons/models/size';
+export * from './icons/models/theme-color';
+export * from './typography/models/margin';
+export * from './typography/TypographyProps';
 export * from './typography/Typography';
 export * from './drag-n-drop';
 export * from './Draggable';

package/dist/es/models/auto-scroll-options.js

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

package/dist/es/models/index.js

@@ -0,0 +1,5 @@
+export * from './mouse';
+export * from './touch';
+export * from './pointer';
+export * from './auto-scroll-options';
+export * from './kendoReactComponentBaseProps';

package/dist/es/models/kendoReactComponentBaseProps.js

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

package/dist/es/models/mouse.js

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

package/dist/es/models/pointer.js

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

package/dist/es/models/touch.js

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

package/dist/es/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/es/scrollbarWidth.js

@@ -18,5 +18,5 @@ export var setScrollbarWidth = function () {
         return false;
     }
     var scrollbarWidth = new BrowserSupportService().scrollbarWidth;
-    document.body.style.setProperty('--kendo-scrollbar-width', scrollbarWidth + "px");
+    document.body.style.setProperty('--kendo-scrollbar-width', "".concat(scrollbarWidth, "px"));
 };

package/dist/es/treeDataOperations.js

@@ -9,14 +9,23 @@ 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));
+};
 // 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) {
@@ -36,7 +45,7 @@ function mapItem(dataItem, subItemsField, callbackfn) {
  * @returns {any[]} - The new data tree.
  */
 export var mapTree = function (tree, subItemsField, callback) {
-    return tree.map(function (item) { return mapItem(item, subItemsField, callback); }).slice();
+    return __spreadArray([], tree.map(function (item) { return mapItem(item, subItemsField, callback); }), true);
 };
 /**
  * Creates a new array with the results of calling the provided callback function
@@ -83,7 +92,7 @@ export var extendDataItem = function (item, subItemsField, propsToExtend) {
  */
 export 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);

package/dist/es/typography/Typography.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -36,12 +38,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' ? MARGIN_ENUM_VALUES[value] : value;
-            return "" + MARGIN_SIDES_CLASSES[marginSide] + val;
+            return "".concat(MARGIN_SIDES_CLASSES[marginSide]).concat(val);
         };
         var setMarginClasses = function () {
             if (margin === undefined) {
@@ -52,7 +54,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 = [];
@@ -99,7 +101,7 @@ var generateTypography = function (element) {
             'dark', 'light', 'inverse'
         ])
     };
-    component.displayName = "KendoReactTypography" + element.toUpperCase();
+    component.displayName = "KendoReactTypography".concat(element.toUpperCase());
     return component;
 };
 /**

package/dist/es/typography/TypographyProps.js

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

package/dist/es/typography/constants.d.ts

@@ -2,83 +2,83 @@
  * @hidden
  */
 export declare const FONT_SIZE_CLASSES: {
-    'xsmall': string;
-    'small': string;
-    'medium': string;
-    'large': string;
-    'xlarge': string;
+    xsmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
 };
 /**
  * @hidden
  */
 export declare const FONT_WEIGHT_CLASSES: {
-    'light': string;
-    'normal': string;
-    'bold': string;
+    light: string;
+    normal: string;
+    bold: string;
 };
 /**
  * @hidden
  */
 export declare const MARGIN_ENUM_CLASSES: {
-    'xsmall': string;
-    'small': string;
-    'medium': string;
-    'large': string;
-    'xlarge': string;
-    'thin': string;
-    'hair': string;
+    xsmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+    thin: string;
+    hair: string;
 };
 /**
  * @hidden
  */
 export declare const MARGIN_ENUM_VALUES: {
-    'xsmall': string;
-    'small': string;
-    'medium': string;
-    'large': string;
-    'xlarge': string;
-    'thin': string;
-    'hair': string;
+    xsmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+    thin: string;
+    hair: string;
 };
 /**
  * @hidden
  */
 export declare const MARGIN_SIDES_CLASSES: {
-    'top': string;
-    'right': string;
-    'bottom': string;
-    'left': string;
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
 };
 /**
  * @hidden
  */
 export declare const TEXT_ALIGN_CLASSES: {
-    'left': string;
-    'right': string;
-    'center': string;
-    'justify': string;
+    left: string;
+    right: string;
+    center: string;
+    justify: string;
 };
 /**
  * @hidden
  */
 export declare const TEXT_TRANSFORM_CLASSES: {
-    'lowercase': string;
-    'uppercase': string;
-    'capitalize': string;
+    lowercase: string;
+    uppercase: string;
+    capitalize: string;
 };
 /**
  * @hidden
  */
 export declare const THEME_COLOR_CLASSES: {
-    'inherit': string;
-    'primary': string;
-    'secondary': string;
-    'tertiary': string;
-    'info': string;
-    'success': string;
-    'warning': string;
-    'error': string;
-    'dark': string;
-    'light': string;
-    'inverse': string;
+    inherit: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+    dark: string;
+    light: string;
+    inverse: string;
 };

package/dist/es/typography/models/margin.js

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

package/dist/es/validate-package.js

@@ -7,9 +7,9 @@ export 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);
     }
 }

package/dist/npm/Draggable.d.ts

@@ -81,6 +81,6 @@ export interface DraggableProps extends DraggableOptions {
  * Accepts properties of type [DraggableProps]({% slug api_common_draggableprops %}),
  * and returns an object of type [DraggableHandle]({% slug api_common_draggablehandle %}) when the `ref` is obtained.
  */
-export declare const Draggable: React.ForwardRefExoticComponent<DraggableProps & React.RefAttributes<DraggableHandle>>;
+export declare const Draggable: React.ForwardRefExoticComponent<DraggableProps & React.RefAttributes<DraggableHandle | null>>;
 export declare type Draggable = DraggableHandle;
 export {};

package/dist/npm/Draggable.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Draggable = void 0;
 var React = require("react");
 var hooks_1 = require("./hooks");
 /**
@@ -67,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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Droppable = void 0;
 var React = require("react");
 var hooks_1 = require("./hooks");
 /**
@@ -57,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/FormComponent.d.ts

@@ -92,7 +92,7 @@ export interface FormComponentValidity {
  * @hidden
  */
 export declare abstract class FormComponent {
-    abstract readonly value: any;
-    abstract readonly validity: FormComponentValidity;
-    abstract readonly name: string | undefined;
+    abstract get value(): any;
+    abstract get validity(): FormComponentValidity;
+    abstract get name(): string | undefined;
 }

package/dist/npm/FormComponent.js

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

package/dist/npm/browser-support.service.d.ts

@@ -3,5 +3,5 @@
  */
 export declare class BrowserSupportService {
     private scrollbar;
-    readonly scrollbarWidth: number;
+    get scrollbarWidth(): number;
 }

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrowserSupportService = void 0;
 /**
  * @hidden
  */
@@ -9,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 () {
@@ -23,7 +25,7 @@ var BrowserSupportService = /** @class */ (function () {
             }
             return this.scrollbar;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     return BrowserSupportService;

package/dist/npm/canUseDOM.js

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

package/dist/npm/canUseRef.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 /**
  * @hidden
  */
-export declare const canUseRef: (Component: string | React.ComponentClass<{}, any> | React.FunctionComponent<{}>) => boolean;
+export declare const canUseRef: (Component: React.ComponentType | string) => boolean;

package/dist/npm/canUseRef.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.canUseRef = void 0;
 /**
  * @hidden
  */
@@ -11,4 +12,5 @@ var isForwardRef = function (Component) { return Boolean(Component.$$typeof && t
 /**
  * @hidden
  */
-exports.canUseRef = function (Component) { return typeof Comment !== 'string' && (isClassComponent(Component) || isForwardRef(Component)); };
+var canUseRef = function (Component) { return typeof Comment !== 'string' && (isClassComponent(Component) || isForwardRef(Component)); };
+exports.canUseRef = canUseRef;

package/dist/npm/classNames.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.classNames = void 0;
 /**
  * @hidden
  */
-exports.classNames = function () {
+var classNames = function () {
     var args = [];
     for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
@@ -30,3 +31,4 @@ exports.classNames = function () {
         .filter(function (el) { return el !== null; })
         .join(' ');
 };
+exports.classNames = classNames;

package/dist/npm/clone.d.ts

@@ -1,7 +1,7 @@
 /**
  * @hidden
  */
-export declare const cloneDate: (date?: Date) => Date;
+export declare const cloneDate: (date?: Date) => Date | null;
 /**
  * @hidden
  */

package/dist/npm/clone.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.cloneArray = exports.cloneValue = exports.cloneObject = exports.clone = exports.cloneDate = void 0;
 var React = require("react");
 /**
  * @hidden
  */
-exports.cloneDate = function (date) { return date ? new Date(date.getTime()) : null; };
+var cloneDate = function (date) { return date ? new Date(date.getTime()) : null; };
+exports.cloneDate = cloneDate;
 /**
  * @hidden
  */
@@ -34,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/constants/index.js

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

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: () => number;
+export declare const useZIndexContext: () => ZIndexContextType;

package/dist/npm/contexts/ZIndexContext.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useZIndexContext = exports.ZIndexContext = void 0;
 var React = require("react");
 /** @hidden */
 exports.ZIndexContext = React.createContext(0);
 /** @hidden */
-exports.useZIndexContext = function () { return React.useContext(exports.ZIndexContext); };
+var useZIndexContext = function () { return React.useContext(exports.ZIndexContext); };
+exports.useZIndexContext = useZIndexContext;
 exports.ZIndexContext.displayName = 'KendoReactZIndexContext';