@progress/kendo-react-common 6.1.1 → 7.0.0-develop.2

package/dist/es/Droppable.js

@@ -1,68 +0,0 @@
-import * as React from 'react';
-import { useDroppable } from './hooks';
-/**
- * Represents the KendoReact Droppable component.
- *
- * 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 var Droppable = React.forwardRef(function (props, ref) {
-    var childRef = React.useRef(null);
-    var target = React.useRef(null);
-    var getElement = React.useCallback(function () { return childRef.current && childRef.current.element
-        ? childRef.current.element
-        : childRef.current; }, [childRef]);
-    React.useImperativeHandle(target, function () { return ({ element: getElement() || undefined }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    React.useImperativeHandle(props.childRef, function () { return childRef.current; });
-    var handleDragEnter = React.useCallback(function (event) {
-        if (!props.onDragEnter) {
-            return;
-        }
-        props.onDragEnter({
-            element: getElement(),
-            target: target.current,
-            event: event
-        });
-    }, [props.onDragEnter, getElement]);
-    var handleDragOver = React.useCallback(function (event) {
-        if (!props.onDragOver) {
-            return;
-        }
-        props.onDragOver({
-            element: getElement(),
-            target: target.current,
-            event: event
-        });
-    }, [getElement, props.onDragOver]);
-    var handleDragLeave = React.useCallback(function (event) {
-        if (!props.onDragLeave) {
-            return;
-        }
-        props.onDragLeave({
-            element: getElement(),
-            target: target.current,
-            event: event
-        });
-    }, [props.onDragLeave, getElement]);
-    var handleDrop = React.useCallback(function (event) {
-        if (!props.onDrop) {
-            return;
-        }
-        props.onDrop({
-            element: getElement(),
-            target: target.current,
-            event: event
-        });
-    }, [props.onDrop, getElement]);
-    useDroppable(childRef, {
-        onDragEnter: handleDragEnter,
-        onDragOver: handleDragOver,
-        onDragLeave: handleDragLeave,
-        onDrop: handleDrop
-    });
-    return props.children
-        ? (React.cloneElement(React.Children.only(props.children), { ref: childRef }))
-        : null;
-});
-Droppable.displayName = 'KendoReactDroppable';

package/dist/es/FormComponent.js

@@ -1,9 +0,0 @@
-/**
- * @hidden
- */
-var FormComponent = /** @class */ (function () {
-    function FormComponent() {
-    }
-    return FormComponent;
-}());
-export { FormComponent };

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

@@ -1,7 +0,0 @@
-/**
- * @hidden
- */
-export declare class BrowserSupportService {
-    private scrollbar;
-    get scrollbarWidth(): number;
-}

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

@@ -1,30 +0,0 @@
-/**
- * @hidden
- */
-var getDocument = function () { return typeof document !== 'undefined' ? document : {}; };
-/**
- * @hidden
- */
-var BrowserSupportService = /** @class */ (function () {
-    function BrowserSupportService() {
-        this.scrollbar = 0;
-    }
-    Object.defineProperty(BrowserSupportService.prototype, "scrollbarWidth", {
-        get: function () {
-            var document = getDocument();
-            if (!this.scrollbar && document && document.createElement) {
-                var div = document.createElement('div');
-                div.style.cssText = 'overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block';
-                div.innerHTML = ' ';
-                document.body.appendChild(div);
-                this.scrollbar = div.offsetWidth - div.scrollWidth;
-                document.body.removeChild(div);
-            }
-            return this.scrollbar;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return BrowserSupportService;
-}());
-export { BrowserSupportService };

package/dist/es/canUseDOM.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare const canUseDOM: boolean;

package/dist/es/canUseDOM.js

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export var canUseDOM = Boolean(
-// from fbjs
-typeof window !== 'undefined' &&
-    window.document &&
-    window.document.createElement);

package/dist/es/canUseRef.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export declare const canUseRef: (Component: React.ComponentType | string) => boolean;

package/dist/es/canUseRef.js

@@ -1,12 +0,0 @@
-/**
- * @hidden
- */
-var isClassComponent = function (Component) { return Boolean(typeof Component === 'function' && !!Component.prototype.isReactComponent); };
-/**
- * @hidden
- */
-var isForwardRef = function (Component) { return Boolean(Component.$$typeof && typeof Component.render === 'function'); };
-/**
- * @hidden
- */
-export var canUseRef = function (Component) { return typeof Comment !== 'string' && (isClassComponent(Component) || isForwardRef(Component)); };

package/dist/es/classNames.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare const classNames: (...args: any[]) => string;

package/dist/es/classNames.js

@@ -1,30 +0,0 @@
-/**
- * @hidden
- */
-export var classNames = function () {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    var result = {};
-    var addLeafKeys = function (arg) { return typeof arg === 'object' ? Object
-        .keys(arg)
-        .forEach(function (key) {
-        result[key] = arg[key];
-    }) : result[arg] = true; };
-    ;
-    var addKeys = function (list) { return list
-        .filter(function (arg) { return arg !== true && !!arg; })
-        .map(function (arg) {
-        return Array.isArray(arg) ?
-            addKeys(arg) :
-            addLeafKeys(arg);
-    }); };
-    ;
-    addKeys(args);
-    return Object
-        .keys(result)
-        .map(function (key) { return (result[key] && key) || null; })
-        .filter(function (el) { return el !== null; })
-        .join(' ');
-};

package/dist/es/clone.d.ts

@@ -1,20 +0,0 @@
-/**
- * @hidden
- */
-export declare const cloneDate: (date?: Date) => Date | null;
-/**
- * @hidden
- */
-export declare function clone(obj: any): any;
-/**
- * @hidden
- */
-export declare function cloneObject(obj: any, result: any): void;
-/**
- * @hidden
- */
-export declare function cloneValue(value: any, nextValue: any): any;
-/**
- * @hidden
- */
-export declare function cloneArray(array: any[]): any;

package/dist/es/clone.js

@@ -1,52 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export var cloneDate = function (date) { return date ? new Date(date.getTime()) : null; };
-/**
- * @hidden
- */
-export function clone(obj) {
-    var result = {};
-    cloneObject(obj, result);
-    return result;
-}
-/**
- * @hidden
- */
-export function cloneObject(obj, result) {
-    for (var field in obj) {
-        if (obj.hasOwnProperty(field)) {
-            var value = obj[field];
-            result[field] = cloneValue(value, result[field]);
-        }
-    }
-}
-/**
- * @hidden
- */
-export function cloneValue(value, nextValue) {
-    if (Array.isArray(value)) {
-        return cloneArray(value);
-    }
-    else if (value instanceof Date) {
-        return cloneDate(value);
-    }
-    else if (React.isValidElement(value)) {
-        return React.cloneElement(value, value.props);
-    }
-    else if (value && typeof value === 'object') {
-        var newNextValue = nextValue || {};
-        cloneObject(value, newNextValue);
-        return newNextValue;
-    }
-    else {
-        return value;
-    }
-}
-/**
- * @hidden
- */
-export function cloneArray(array) {
-    return array.map(function (value) { return cloneValue(value, undefined); });
-}

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

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare const FIELD_REGEX: RegExp;

package/dist/es/constants/index.js

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export var FIELD_REGEX = /\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g;

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

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

package/dist/es/contexts/ZIndexContext.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-/** @hidden */
-export var ZIndexContext = React.createContext(0);
-/** @hidden */
-export var useZIndexContext = function () { return React.useContext(ZIndexContext); };
-ZIndexContext.displayName = 'KendoReactZIndexContext';

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

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { DragTarget, DropTarget } from '@progress/kendo-draggable-common';
-import { ControlledStateHook } from '../../hooks';
-/**
- * @hidden
- */
-export declare const DragContext: React.Context<ControlledStateHook<React.RefObject<DragTarget> | null | undefined, any>>;
-/**
- * @hidden
- */
-export declare const DropContext: React.Context<ControlledStateHook<React.RefObject<DropTarget> | null | undefined, any>>;
-/**
- * @hidden
- */
-export declare const DragsContext: React.Context<[React.RefObject<DragTarget>[], Function, Function]>;
-/**
- * @hidden
- */
-export declare const DropsContext: React.Context<[React.RefObject<DropTarget>[], Function, Function]>;

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

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { noop } from '../../noop';
-/**
- * @hidden
- */
-export var DragContext = React.createContext([
-    undefined,
-    noop
-]);
-/**
- * @hidden
- */
-export var DropContext = React.createContext([
-    undefined,
-    noop
-]);
-/**
- * @hidden
- */
-export var DragsContext = React.createContext([[], noop, noop]);
-/**
- * @hidden
- */
-export var DropsContext = React.createContext([[], noop, noop]);

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

@@ -1,44 +0,0 @@
-import * as React from 'react';
-import { useCollection, COLLECTION_ACTION, useControlledState } from '../hooks';
-import { DragContext, DropContext, DragsContext, DropsContext } from './context';
-/**
- * The `DragAndDrop` component is required for the `droppable` functionality to work properly.
- *
- * It is used internally to synchronize the `drag` and `drop` functionalities.
- * Accepts properties of type [DragAndDropProps]({% slug api_common_draganddropprops %}).
- */
-export var DragAndDrop = function (props) {
-    var _a = useControlledState(null, undefined), drag = _a[0], setDrag = _a[1];
-    var _b = useControlledState(null, undefined), drop = _b[0], setDrop = _b[1];
-    var _c = useCollection([]), drags = _c[0], dispatchDrags = _c[1];
-    var _d = useCollection([]), drops = _d[0], dispatchDrops = _d[1];
-    var registerDrag = function (item) {
-        dispatchDrags({
-            type: COLLECTION_ACTION.add,
-            item: item
-        });
-    };
-    var deregisterDrag = function (item) {
-        dispatchDrags({
-            type: COLLECTION_ACTION.remove,
-            item: item
-        });
-    };
-    var registerDrop = function (item) {
-        dispatchDrops({
-            type: COLLECTION_ACTION.add,
-            item: item
-        });
-    };
-    var deregisterDrop = function (item) {
-        dispatchDrops({
-            type: COLLECTION_ACTION.remove,
-            item: item
-        });
-    };
-    return (React.createElement(DragContext.Provider, { value: [drag, setDrag] },
-        React.createElement(DropContext.Provider, { value: [drop, setDrop] },
-            React.createElement(DragsContext.Provider, { value: [drags, registerDrag, deregisterDrag] },
-                React.createElement(DropsContext.Provider, { value: [drops, registerDrop, deregisterDrop] }, props.children)))));
-};
-DragAndDrop.displayName = 'KendoReactDragAndDrop';

package/dist/es/events/BaseEvent.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export interface BaseEvent<T> {
-    /**
-     * A React Synthetic Event.
-     */
-    syntheticEvent: React.SyntheticEvent<any>;
-    /**
-     * A native DOM event.
-     */
-    nativeEvent: any;
-    /**
-     * An event target.
-     */
-    target: T;
-}

package/dist/es/events/BaseEvent.js

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

package/dist/es/events/dispatchEvent.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { BaseEvent } from './BaseEvent';
-/**
- * @hidden
- * Dispatches a new event based on an event that was already internally dispatched to KendoReact users.
- *
- * @param eventHandler - The public event handler that is assigned by the user.
- * When undefined, the method is not an option.
- * @param dispatchedEvent - The event that was already dispatched internally.
- * @param target - The target component of the new event.
- * @param eventData - The additional data that will be passed through the new event.
- * When the new event has no additional data
- *  other than the `BaseEvent` arguments, pass `undefined`.
- */
-export declare function dispatchEvent<E extends BaseEvent<React.Component | FCHandle>, FCHandle = object>(eventHandler: ((event: E) => void) | undefined, dispatchedEvent: React.SyntheticEvent<any>, target: E['target'], eventData: Exclude<keyof E, keyof BaseEvent<React.Component | FCHandle>> extends never ? undefined : Pick<E, Exclude<keyof E, keyof BaseEvent<React.Component | FCHandle>>>): void;

package/dist/es/events/dispatchEvent.js

@@ -1,22 +0,0 @@
-/**
- * @hidden
- * Dispatches a new event based on an event that was already internally dispatched to KendoReact users.
- *
- * @param eventHandler - The public event handler that is assigned by the user.
- * When undefined, the method is not an option.
- * @param dispatchedEvent - The event that was already dispatched internally.
- * @param target - The target component of the new event.
- * @param eventData - The additional data that will be passed through the new event.
- * When the new event has no additional data
- *  other than the `BaseEvent` arguments, pass `undefined`.
- */
-export function dispatchEvent(eventHandler, dispatchedEvent, target, eventData) {
-    if (eventHandler) {
-        var eventBaseData = {
-            syntheticEvent: dispatchedEvent,
-            nativeEvent: dispatchedEvent.nativeEvent,
-            target: target
-        };
-        eventHandler.call(undefined, Object.assign(eventBaseData, eventData));
-    }
-}

package/dist/es/fieldList.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare function fieldList(field: string): string[];

package/dist/es/fieldList.js

@@ -1,11 +0,0 @@
-import { FIELD_REGEX } from './constants';
-/**
- * @hidden
- */
-export function fieldList(field) {
-    var fields = [];
-    field.replace(FIELD_REGEX, function (_match, index, indexAccessor, fieldName) {
-        fields.push(index !== undefined ? index : (indexAccessor || fieldName));
-    });
-    return fields;
-}

package/dist/es/focus.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare const focusFirstFocusableChild: (target: any) => void;

package/dist/es/focus.js

@@ -1,15 +0,0 @@
-/**
- * @hidden
- */
-export var focusFirstFocusableChild = function (target) {
-    if (target) {
-        if ((target instanceof HTMLInputElement || target.tabIndex !== -1) && target.focus) {
-            target.focus();
-            return;
-        }
-        var element = target.querySelector('input, [tabindex]:not([tabindex="-1"])');
-        if (element && element.focus) {
-            element.focus();
-        }
-    }
-};

package/dist/es/getActiveElement.d.ts

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export declare const getInnerActiveElement: any;
-/**
- * @hidden
- */
-export declare const getActiveElement: (document: any) => HTMLElement | undefined;

package/dist/es/getActiveElement.js

@@ -1,23 +0,0 @@
-/**
- * @hidden
- */
-export var getInnerActiveElement = function (element) {
-    var shadowRoot = element.shadowRoot;
-    var contentDocument = element.contentDocument;
-    if (shadowRoot && shadowRoot.activeElement) {
-        return getInnerActiveElement(shadowRoot.activeElement);
-    }
-    if (contentDocument && contentDocument.activeElement) {
-        return getInnerActiveElement(contentDocument.activeElement);
-    }
-    return element;
-};
-/**
- * @hidden
- */
-export var getActiveElement = function (document) {
-    if (!document || !document.activeElement) {
-        return undefined;
-    }
-    return getInnerActiveElement(document.activeElement);
-};

package/dist/es/getTabIndex.d.ts

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

package/dist/es/getTabIndex.js

@@ -1,23 +0,0 @@
-/* eslint-disable radix */
-/**
- * @hidden
- */
-var DISABLED_TABINDEX = -1;
-/**
- * @hidden
- */
-var DEFAULT_TABINDEX = 0;
-/**
- * @hidden
- */
-export var getTabIndex = function (tabIndex, disabled, useDefaultTabIndexWhenDisabled) {
-    var parsedTabIndex = typeof tabIndex === 'string' ? parseInt(tabIndex, undefined) : tabIndex;
-    if (parsedTabIndex === NaN) {
-        return undefined;
-    }
-    return parsedTabIndex !== undefined
-        ? parsedTabIndex
-        : disabled ?
-            (useDefaultTabIndexWhenDisabled ? undefined : DISABLED_TABINDEX)
-            : DEFAULT_TABINDEX;
-};

package/dist/es/getter.js

@@ -1,30 +0,0 @@
-import { fieldList } from './fieldList';
-var getterCache = {};
-getterCache.undefined = function () { return undefined; };
-/**
- * Can be used for getting value from object using field path. For example `users[index].name`.
- *
- * @example
- * ```jsx-no-run
- * const values = {users:[{lastName: 'Doe'}]};
- * const firstUserLastName = getter('user[0].lastName');
- *
- * console.log(firstUserLastName(values))
- *
- * // result: 'Doe'
- * ```
- */
-export function getter(field) {
-    if (getterCache[field]) {
-        return getterCache[field];
-    }
-    var fields = fieldList(field);
-    getterCache[field] = function (obj) {
-        var result = obj;
-        for (var idx = 0; idx < fields.length && result; idx++) {
-            result = result[fields[idx]];
-        }
-        return result;
-    };
-    return getterCache[field];
-}

package/dist/es/guid.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare const guid: Function;

package/dist/es/guid.js

@@ -1,17 +0,0 @@
-/* eslint-disable no-bitwise */
-/**
- * @hidden
- */
-export var guid = function () {
-    var id = '';
-    var i;
-    var random;
-    for (i = 0; i < 32; i++) {
-        random = Math.random() * 16 | 0;
-        if (i === 8 || i === 12 || i === 16 || i === 20) {
-            id += '-';
-        }
-        id += (i === 12 ? 4 : (i === 16 ? (random & 3 | 8) : random)).toString(16);
-    }
-    return id;
-};

package/dist/es/hasRelativeStackingContext.d.ts

@@ -1,2 +0,0 @@
-/** @hidden */
-export declare const hasRelativeStackingContext: (elementSource?: HTMLElement) => boolean;

package/dist/es/hasRelativeStackingContext.js

@@ -1,25 +0,0 @@
-import { canUseDOM } from './canUseDOM';
-/** @hidden */
-export var hasRelativeStackingContext = function (elementSource) {
-    if (!canUseDOM) {
-        return false;
-    }
-    // Component need to pass element to make sure document owner is correct.
-    // This however might be performance hit if checked for example on each drag event.
-    var currentDocument = elementSource ? elementSource.ownerDocument : document;
-    if (!currentDocument || !currentDocument.body) {
-        return false;
-    }
-    var top = 10;
-    var parent = currentDocument.createElement('div');
-    parent.style.transform = 'matrix(10, 0, 0, 10, 0, 0)';
-    var child = currentDocument.createElement('div');
-    child.appendChild(currentDocument.createTextNode('child'));
-    child.style.position = 'fixed';
-    child.style.top = top + 'px';
-    parent.appendChild(child);
-    currentDocument.body.appendChild(parent);
-    var isDifferent = child.getBoundingClientRect().top !== top;
-    currentDocument.body.removeChild(parent);
-    return isDifferent;
-};

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { AsyncFocusBlurArgs } from '../hooks/useAsyncFocusBlur';
-/**
- * An utility High-order Component for asynchronous focus/blur handling.
- *
- * By default, the `onFocus` and `onBlur` callbacks are called every time a child components receives/loses focus.
- * Use this utility HOC for scenarios where you need to know if the parent has received focus for the first time, or completely lost focus.
- *
- * @returns
- */
-export declare const AsyncFocusBlur: ({ children, onFocus, onBlur, onSyncFocus, onSyncBlur }: AsyncFocusBlurArgs<any> & {
-    children: (args: AsyncFocusBlurArgs<any>) => React.ReactNode;
-}) => JSX.Element;