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

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

@@ -1,48 +0,0 @@
-"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");
-/**
- * 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 %}).
- */
-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,
-            item: item
-        });
-    };
-    var deregisterDrag = function (item) {
-        dispatchDrags({
-            type: hooks_1.COLLECTION_ACTION.remove,
-            item: item
-        });
-    };
-    var registerDrop = function (item) {
-        dispatchDrops({
-            type: hooks_1.COLLECTION_ACTION.add,
-            item: item
-        });
-    };
-    var deregisterDrop = function (item) {
-        dispatchDrops({
-            type: hooks_1.COLLECTION_ACTION.remove,
-            item: item
-        });
-    };
-    return (React.createElement(context_1.DragContext.Provider, { value: [drag, setDrag] },
-        React.createElement(context_1.DropContext.Provider, { value: [drop, setDrop] },
-            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/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/npm/events/BaseEvent.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/events/dispatchEvent.js

@@ -1,26 +0,0 @@
-"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.
- *
- * @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`.
- */
-function dispatchEvent(eventHandler, dispatchedEvent, target, eventData) {
-    if (eventHandler) {
-        var eventBaseData = {
-            syntheticEvent: dispatchedEvent,
-            nativeEvent: dispatchedEvent.nativeEvent,
-            target: target
-        };
-        eventHandler.call(undefined, Object.assign(eventBaseData, eventData));
-    }
-}
-exports.dispatchEvent = dispatchEvent;

package/dist/npm/fieldList.d.ts

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

package/dist/npm/fieldList.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fieldList = void 0;
-var constants_1 = require("./constants");
-/**
- * @hidden
- */
-function fieldList(field) {
-    var fields = [];
-    field.replace(constants_1.FIELD_REGEX, function (_match, index, indexAccessor, fieldName) {
-        fields.push(index !== undefined ? index : (indexAccessor || fieldName));
-    });
-    return fields;
-}
-exports.fieldList = fieldList;

package/dist/npm/focus.d.ts

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

package/dist/npm/focus.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.focusFirstFocusableChild = void 0;
-/**
- * @hidden
- */
-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();
-        }
-    }
-};
-exports.focusFirstFocusableChild = focusFirstFocusableChild;

package/dist/npm/getActiveElement.d.ts

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

package/dist/npm/getActiveElement.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getActiveElement = exports.getInnerActiveElement = void 0;
-/**
- * @hidden
- */
-var getInnerActiveElement = function (element) {
-    var shadowRoot = element.shadowRoot;
-    var contentDocument = element.contentDocument;
-    if (shadowRoot && shadowRoot.activeElement) {
-        return (0, exports.getInnerActiveElement)(shadowRoot.activeElement);
-    }
-    if (contentDocument && contentDocument.activeElement) {
-        return (0, exports.getInnerActiveElement)(contentDocument.activeElement);
-    }
-    return element;
-};
-exports.getInnerActiveElement = getInnerActiveElement;
-/**
- * @hidden
- */
-var getActiveElement = function (document) {
-    if (!document || !document.activeElement) {
-        return undefined;
-    }
-    return (0, exports.getInnerActiveElement)(document.activeElement);
-};
-exports.getActiveElement = getActiveElement;

package/dist/npm/getTabIndex.d.ts

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

package/dist/npm/getTabIndex.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTabIndex = void 0;
-/* eslint-disable radix */
-/**
- * @hidden
- */
-var DISABLED_TABINDEX = -1;
-/**
- * @hidden
- */
-var DEFAULT_TABINDEX = 0;
-/**
- * @hidden
- */
-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;
-};
-exports.getTabIndex = getTabIndex;

package/dist/npm/getter.d.ts

@@ -1,14 +0,0 @@
-/**
- * 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 declare function getter(field: string): (values: any) => any;

package/dist/npm/getter.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getter = void 0;
-var fieldList_1 = require("./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'
- * ```
- */
-function getter(field) {
-    if (getterCache[field]) {
-        return getterCache[field];
-    }
-    var fields = (0, fieldList_1.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];
-}
-exports.getter = getter;

package/dist/npm/guid.d.ts

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

package/dist/npm/guid.js

@@ -1,21 +0,0 @@
-"use strict";
-/* eslint-disable no-bitwise */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.guid = void 0;
-/**
- * @hidden
- */
-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;
-};
-exports.guid = guid;

package/dist/npm/hasRelativeStackingContext.d.ts

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

package/dist/npm/hasRelativeStackingContext.js

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

package/dist/npm/hocs/AsyncFocusBlur.js

@@ -1,30 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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.
- *
- * 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
- */
-var AsyncFocusBlur = function (_a) {
-    var children = _a.children, onFocus = _a.onFocus, onBlur = _a.onBlur, onSyncFocus = _a.onSyncFocus, onSyncBlur = _a.onSyncBlur;
-    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

@@ -1,27 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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 */
-var createPropsContext = function () { return React.createContext(function (props) { return props; }); };
-exports.createPropsContext = createPropsContext;
-/** @hidden */
-var withPropsContext = function (context, Component
-// eslint-disable-next-line react/display-name
-) { return React.forwardRef(function (props, ref) {
-    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,28 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./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,76 +0,0 @@
-"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.
- *
- * By default, the `onFocus` and `onBlur` callbacks are called every time a child components receives/loses focus.
- * Use this utility hook for scenarios where you need to know if the parent has received focus for the first time, or completely lost focus.
- *
- * @returns
- */
-function useAsyncFocusBlur(_a) {
-    var onFocus = _a.onFocus, onBlur = _a.onBlur, onSyncFocus = _a.onSyncFocus, onSyncBlur = _a.onSyncBlur;
-    var focused = React.useRef(false);
-    var tick = React.useRef(0);
-    var nextTick = React.useCallback(function (f) {
-        clearTimeout(tick.current);
-        tick.current = window.setTimeout(function () { return f(); });
-    }, [tick]);
-    var handleFocus = React.useCallback(function () {
-        var event = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            event[_i] = arguments[_i];
-        }
-        clearTimeout(tick.current);
-        if (onSyncFocus) {
-            onSyncFocus.call(undefined, event[0]);
-        }
-        if (focused.current) {
-            return;
-        }
-        ;
-        focused.current = true;
-        if (onFocus) {
-            onFocus.call.apply(onFocus, __spreadArray([undefined], event, false));
-        }
-    }, [focused, onFocus, onSyncFocus]);
-    var handleBlur = React.useCallback(function () {
-        var event = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            event[_i] = arguments[_i];
-        }
-        if (onSyncBlur) {
-            onSyncBlur.call(undefined, event[0]);
-        }
-        nextTick(function () {
-            if (!focused.current) {
-                return;
-            }
-            if (onBlur) {
-                focused.current = false;
-                onBlur.call.apply(onBlur, __spreadArray([undefined], event, false));
-            }
-        });
-    }, [focused, nextTick, onBlur, onSyncBlur]);
-    React.useEffect(function () {
-        return function () {
-            clearTimeout(tick.current);
-        };
-    }, []);
-    return {
-        onFocus: handleFocus,
-        onBlur: handleBlur
-    };
-}
-exports.useAsyncFocusBlur = useAsyncFocusBlur;

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

@@ -1,14 +0,0 @@
-/** @hidden */
-export declare enum COLLECTION_ACTION {
-    add = 0,
-    remove = 1
-}
-/** @hidden */
-export declare type Collection<T> = T[];
-/** @hidden */
-export interface CollectionAction<T> {
-    type: COLLECTION_ACTION;
-    item: T;
-}
-/** @hidden */
-export declare const useCollection: <T extends unknown>(initial?: T[]) => [T[], (event: CollectionAction<T>) => void];

package/dist/npm/hooks/useCollection.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCollection = exports.COLLECTION_ACTION = void 0;
-var React = require("react");
-/** @hidden */
-var COLLECTION_ACTION;
-(function (COLLECTION_ACTION) {
-    COLLECTION_ACTION[COLLECTION_ACTION["add"] = 0] = "add";
-    COLLECTION_ACTION[COLLECTION_ACTION["remove"] = 1] = "remove";
-})(COLLECTION_ACTION = exports.COLLECTION_ACTION || (exports.COLLECTION_ACTION = {}));
-/** @hidden */
-var useCollection = function (initial) {
-    if (initial === void 0) { initial = []; }
-    var collection = React.useRef(initial);
-    var handleCollectionAction = React.useCallback(function (action) {
-        switch (action.type) {
-            case COLLECTION_ACTION.add:
-                collection.current.push(action.item);
-                break;
-            case COLLECTION_ACTION.remove:
-                var index = collection.current.indexOf(action.item);
-                collection.current.splice(index, 1);
-                break;
-            default:
-                break;
-        }
-    }, []);
-    return [collection.current, handleCollectionAction];
-};
-exports.useCollection = useCollection;

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

@@ -1,7 +0,0 @@
-/** @hidden */
-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 | undefined, callback?: any) => ControlledStateHook<T, any>;

package/dist/npm/hooks/useControlledState.js

@@ -1,27 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useControlledState = void 0;
-var React = require("react");
-/** @hidden */
-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(__assign({}, args), { value: value }));
-        }
-    }, [callback, setState]);
-    return [prop !== undefined ? prop : state, handleSetEdit];
-};
-exports.useControlledState = useControlledState;

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export declare type CustomComponent<P extends any> = React.ComponentType<P & {
-    ref?: React.Ref<any>;
-}>;
-/**
- * @hidden
- */
-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,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCustomComponent = void 0;
-/**
- * @hidden
- */
-var useCustomComponent = function (comp) {
-    /* if(React.isValidElement<P>(comp)) {
-        return [comp.type, comp.props];
-    } */
-    return [comp, {}];
-};
-exports.useCustomComponent = useCustomComponent;

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

@@ -1,5 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export declare function useDir(elementRef: React.RefObject<HTMLElement | null>, initialDir?: string, args?: any): string | undefined;

package/dist/npm/hooks/useDir.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDir = void 0;
-var React = require("react");
-/**
- * @hidden
- */
-function useDir(elementRef, initialDir, args) {
-    // Dir prop is read only on initial rendering due to specifics of getComputedStyles - see below
-    var _a = React.useState(initialDir), dir = _a[0], setDir = _a[1];
-    React.useEffect(function () {
-        if (!dir && window && elementRef.current) {
-            // Note: getComputedStyle forces reflow
-            var rtlCandidate = window.getComputedStyle(elementRef.current).direction;
-            if (rtlCandidate) {
-                // rerender is needed as DOM is read after first render
-                setDir(rtlCandidate);
-            }
-        }
-    }, args);
-    return dir;
-}
-exports.useDir = useDir;

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

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