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

package/dist/npm/hooks/useMouse.js

@@ -1,121 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMouse = void 0;
-var React = require("react");
-/**
- * @hidden
- */
-var useMouse = function (props, target, extend) {
-    if (extend === void 0) { extend = {}; }
-    var handleMouseDown = React.useCallback(function (event) {
-        if (extend.onMouseDown) {
-            extend.onMouseDown.call(undefined, event);
-        }
-        if (props.onMouseDown) {
-            props.onMouseDown.call(undefined, {
-                target: target.current,
-                syntheticEvent: event
-            });
-        }
-    }, [extend.onMouseDown, props.onMouseDown, target]);
-    var handleMouseUp = React.useCallback(function (event) {
-        if (extend.onMouseUp) {
-            extend.onMouseUp.call(undefined, event);
-        }
-        if (props.onMouseUp) {
-            props.onMouseUp.call(undefined, {
-                target: target.current,
-                syntheticEvent: event
-            });
-        }
-    }, [extend.onMouseUp, props.onMouseUp, target]);
-    var handleClick = React.useCallback(function (event) {
-        if (extend.onClick) {
-            extend.onClick.call(undefined, event);
-        }
-        if (props.onClick) {
-            props.onClick.call(undefined, {
-                target: target.current,
-                syntheticEvent: event
-            });
-        }
-    }, [extend.onClick, props.onClick, target]);
-    var handleDoubleClick = React.useCallback(function (event) {
-        if (extend.onDoubleClick) {
-            extend.onDoubleClick.call(undefined, event);
-        }
-        if (props.onDoubleClick) {
-            props.onDoubleClick.call(undefined, {
-                target: target.current,
-                syntheticEvent: event
-            });
-        }
-    }, [extend.onDoubleClick, props.onDoubleClick, target]);
-    var handleMouseEnter = React.useCallback(function (event) {
-        if (extend.onMouseEnter) {
-            extend.onMouseEnter.call(undefined, event);
-        }
-        if (props.onMouseEnter) {
-            props.onMouseEnter.call(undefined, {
-                target: target.current,
-                syntheticEvent: event
-            });
-        }
-    }, [extend.onMouseEnter, props.onMouseEnter, target]);
-    var handleMouseLeave = React.useCallback(function (event) {
-        if (extend.onMouseLeave) {
-            extend.onMouseLeave.call(undefined, event);
-        }
-        if (props.onMouseLeave) {
-            props.onMouseLeave.call(undefined, {
-                target: target.current,
-                syntheticEvent: event
-            });
-        }
-    }, [extend.onMouseLeave, props.onMouseLeave, target]);
-    var handelMouseMove = React.useCallback(function (event) {
-        if (extend.onMouseMove) {
-            extend.onMouseMove.call(undefined, event);
-        }
-        if (props.onMouseMove) {
-            props.onMouseMove.call(undefined, {
-                target: target.current,
-                syntheticEvent: event
-            });
-        }
-    }, [extend.onMouseMove, props.onMouseMove, target]);
-    var handleMouseOut = React.useCallback(function (event) {
-        if (extend.onMouseOut) {
-            extend.onMouseOut.call(undefined, event);
-        }
-        if (props.onMouseOut) {
-            props.onMouseOut.call(undefined, {
-                target: target.current,
-                syntheticEvent: event
-            });
-        }
-    }, [extend.onMouseOut, props.onMouseOut, target]);
-    var handleMouseOver = React.useCallback(function (event) {
-        if (extend.onMouseOver) {
-            extend.onMouseOver.call(undefined, event);
-        }
-        if (props.onMouseOver) {
-            props.onMouseOver.call(undefined, {
-                target: target.current,
-                syntheticEvent: event
-            });
-        }
-    }, [extend.onMouseOver, props.onMouseOver, target]);
-    return {
-        onClick: handleClick,
-        onMouseUp: handleMouseUp,
-        onMouseDown: handleMouseDown,
-        onDoubleClick: handleDoubleClick,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        onMouseMove: handelMouseMove,
-        onMouseOut: handleMouseOut,
-        onMouseOver: handleMouseOver
-    };
-};
-exports.useMouse = useMouse;

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

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { KendoPointer } from '../models';
-declare type ElementPointer = {
-    [P in keyof KendoPointer<any, any>]: (event: React.PointerEvent<any>) => void;
-};
-/**
- * @hidden
- */
-export declare const usePointer: <E extends HTMLElement | null, P extends KendoPointer<any, any>, R extends {}>(props: P, target: React.RefObject<R>, extend?: {
-    onPointerDown?: ((args: React.PointerEvent<E>) => void) | undefined;
-    onPointerMove?: ((args: React.PointerEvent<E>) => void) | undefined;
-    onPointerUp?: ((args: React.PointerEvent<E>) => void) | undefined;
-    onPointerCancel?: ((args: React.PointerEvent<E>) => void) | undefined;
-    onGotPointerCapture?: ((args: React.PointerEvent<E>) => void) | undefined;
-    onLostPointerCapture?: ((args: React.PointerEvent<E>) => void) | undefined;
-    onPointerEnter?: ((args: React.PointerEvent<E>) => void) | undefined;
-    onPointerOver?: ((args: React.PointerEvent<E>) => void) | undefined;
-    onPointerLeave?: ((args: React.PointerEvent<E>) => void) | undefined;
-    onPointerOut?: ((args: React.PointerEvent<E>) => void) | undefined;
-}) => ElementPointer;
-export {};

package/dist/npm/hooks/usePointer.js

@@ -1,33 +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.usePointer = void 0;
-var React = require("react");
-/**
- * @hidden
- */
-var usePointer = function (props, target, extend) {
-    if (extend === void 0) { extend = {}; }
-    return Object.keys(extend).reduce(function (acc, key) {
-        var _a;
-        return (__assign(__assign({}, acc), (_a = {}, _a[key] = React.useCallback(function (syntheticEvent) {
-            if (extend[key]) {
-                extend[key](syntheticEvent);
-            }
-            if (props[key]) {
-                props[key]({ target: target.current, syntheticEvent: syntheticEvent });
-            }
-        }, [props[key], extend[key], target]), _a)));
-    }, {});
-};
-exports.usePointer = usePointer;

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

@@ -1,3 +0,0 @@
-import * as React from 'react';
-/** @hidden */
-export declare const usePropsContext: <T extends unknown>(context: React.Context<(p: T) => T>, props: T) => T;

package/dist/npm/hooks/usePropsContext.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePropsContext = void 0;
-var React = require("react");
-/** @hidden */
-var usePropsContext = function (context, props) {
-    var contextPropsCallback = React.useContext(context);
-    var contextProps = contextPropsCallback(props);
-    return contextProps;
-};
-exports.usePropsContext = usePropsContext;

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

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

package/dist/npm/hooks/useRtl.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRtl = void 0;
-var React = require("react");
-// Same as 'useDir'. Export to avoid breaking change.
-// 'useRtl' is incorrect naming, since applies that the returned value is `true` or `false`.
-// but instead, it is returning `ltr` or `rtl`.
-/**
- * @hidden
- */
-function useRtl(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.useRtl = useRtl;

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { KendoTouch } from '../models';
-declare type ElementTouch = {
-    [P in keyof KendoTouch<any, any>]: (event: React.TouchEvent<any>) => void;
-};
-/**
- * @hidden
- */
-export declare const useMouse: <E extends HTMLElement | null, P extends KendoTouch<any, any>, R extends {}>(props: P, target: React.RefObject<R>, extend?: {
-    onTouchStart?: ((args: React.TouchEvent<E>) => void) | undefined;
-    onTouchMove?: ((args: React.TouchEvent<E>) => void) | undefined;
-    onTouchEnd?: ((args: React.TouchEvent<E>) => void) | undefined;
-    onTouchCancel?: ((args: React.TouchEvent<E>) => void) | undefined;
-}) => ElementTouch;
-export {};

package/dist/npm/hooks/useTouch.js

@@ -1,33 +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.useMouse = void 0;
-var React = require("react");
-/**
- * @hidden
- */
-var useMouse = function (props, target, extend) {
-    if (extend === void 0) { extend = {}; }
-    return Object.keys(extend).reduce(function (acc, key) {
-        var _a;
-        return (__assign(__assign({}, acc), (_a = {}, _a[key] = React.useCallback(function (syntheticEvent) {
-            if (extend[key]) {
-                extend[key](syntheticEvent);
-            }
-            if (props[key]) {
-                props[key]({ target: target.current, syntheticEvent: syntheticEvent });
-            }
-        }, [props[key], extend[key], target]), _a)));
-    }, {});
-};
-exports.useMouse = useMouse;

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

@@ -1,7 +0,0 @@
-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 | null | {
-    element: HTMLElement | null;
-}>) => () => Window;

package/dist/npm/hooks/useWindow.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindow = void 0;
-var React = require("react");
-var useDocument_1 = require("./useDocument");
-/**
- * Returns a function, which gets the `defaultView` based on the `ownerDocument` of the element.
- */
-var useWindow = function (ref) {
-    var getDocument = (0, useDocument_1.useDocument)(ref);
-    var getWindow = React.useCallback(function () {
-        var document = getDocument();
-        return document
-            ? document.defaultView || window
-            : window;
-    }, [getDocument]);
-    return getWindow;
-};
-exports.useWindow = useWindow;

package/dist/npm/icons/BaseIconProps.js

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

package/dist/npm/icons/Icon.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { BaseIconProps } from './BaseIconProps';
-import { KendoMouse } from '../models/mouse';
-/**
- * @hidden
- */
-export interface IconHandle {
-    /**
-     * The IconHandle element.
-     */
-    element: HTMLSpanElement | null;
-}
-/**
- * Represents the props of the [KendoReact Icon component]({% slug overview_icon %}).
- */
-export interface IconProps extends BaseIconProps, KendoMouse<IconHandle, HTMLSpanElement> {
-    /**
-     * Represents the name of the icon.
-     */
-    name?: string;
-}
-/**
- * Represents the [KendoReact Icon component]({% slug overview_icon %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Icon name="home"/>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconHandle | null>>;

package/dist/npm/icons/Icon.js

@@ -1,81 +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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    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 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var classNames_1 = require("../classNames");
-var constants_1 = require("./constants");
-var main_1 = require("../main");
-/**
- * Represents the [KendoReact Icon component]({% slug overview_icon %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Icon name="home"/>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-exports.Icon = React.forwardRef(function (props, ref) {
-    var className = props.className, name = props.name, themeColor = props.themeColor, size = props.size, flip = props.flip, style = props.style, id = props.id, tabIndex = props.tabIndex, others = __rest(props, ["className", "name", "themeColor", "size", "flip", "style", "id", "tabIndex"]);
-    var target = React.useRef(null);
-    var elementRef = React.useRef(null);
-    React.useImperativeHandle(target, function () { return ({
-        element: elementRef.current
-    }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var sizeProp = React.useMemo(function () { return size || defaultProps.size; }, [size]);
-    var flipProp = React.useMemo(function () { return flip || defaultProps.flip; }, [flip]);
-    var fontClassNames = React.useMemo(function () {
-        var _a;
-        return (0, classNames_1.classNames)('k-icon', 'k-font-icon', name && (0, main_1.toIconClass)(name), (_a = {},
-            _a["k-color-".concat(themeColor)] = themeColor,
-            _a['k-flip-h'] = flipProp === 'horizontal' || flipProp === 'both',
-            _a['k-flip-v'] = flipProp === 'vertical' || flipProp === 'both',
-            _a), constants_1.SIZE_CLASSES[sizeProp], className);
-    }, [name, themeColor, sizeProp, flipProp, className]);
-    var mouseProps = (0, main_1.useMouse)(props, target);
-    return (React.createElement("span", __assign({ ref: elementRef }, others, mouseProps, { className: fontClassNames, id: id, tabIndex: tabIndex, style: style, role: "presentation" })));
-});
-exports.Icon.propTypes = {
-    style: PropTypes.object,
-    classNames: PropTypes.string,
-    name: PropTypes.string,
-    themeColor: PropTypes.oneOf([
-        'inherit', 'primary', 'secondary', 'tertiary',
-        'info', 'success', 'error', 'warning',
-        'dark', 'light', 'inverse'
-    ]),
-    size: PropTypes.oneOf(['default', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge']),
-    flip: PropTypes.oneOf(['default', 'horizontal', 'vertical', 'both'])
-};
-var defaultProps = {
-    size: 'default',
-    flip: 'default'
-};
-exports.Icon.displayName = 'KendoIcon';

package/dist/npm/icons/IconWrap.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { IconProps, IconHandle } from './Icon';
-import { SvgIconProps, SvgIconHandle } from './SvgIcon';
-/**
- * @hidden
- */
-export declare const IconWrap: React.ForwardRefExoticComponent<IconProps & SvgIconProps & React.RefAttributes<(IconHandle & SvgIconHandle) | null>>;

package/dist/npm/icons/IconWrap.js

@@ -1,44 +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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    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 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconWrap = void 0;
-var React = require("react");
-var Icon_1 = require("./Icon");
-var SvgIcon_1 = require("./SvgIcon");
-var IconsContext_1 = require("./IconsContext");
-/**
- * @hidden
- */
-exports.IconWrap = React.forwardRef(function (props, ref) {
-    var _a, _b;
-    var _c = React.useContext(IconsContext_1.IconsContext), type = _c.type, icons = _c.icons;
-    var icon = props.icon, fontIconProps = __rest(props, ["icon"]);
-    var name = type === 'svg' ? (((_a = props.icon) === null || _a === void 0 ? void 0 : _a.name) || props.name) : (props.name || ((_b = props.icon) === null || _b === void 0 ? void 0 : _b.name));
-    name = (name && icons && icons[name] && typeof icons[name] === 'string') ? icons[name] : name;
-    var svg = (name && icons && icons[name] && typeof icons[name] !== 'string') ? icons[name] : icon;
-    return (type === 'svg' && svg) ?
-        React.createElement(SvgIcon_1.SvgIcon, __assign({}, props, { icon: svg, ref: ref })) :
-        React.createElement(Icon_1.Icon, __assign({}, fontIconProps, { name: name, ref: ref }));
-});
-exports.IconWrap.displayName = 'KendoIconWrap';

package/dist/npm/icons/IconsContext.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { SVGIcon } from './SvgIcon';
-/**
- * IconsContext type.
- */
-export interface IconsContextType {
-    /**
-     * Sets the type of the icons used in the KendoReact components inside IconsContext.
-     */
-    type?: 'font' | 'svg';
-    /**
-     * Overrides the built-in icons.
-     */
-    icons?: {
-        [name: string]: SVGIcon | string;
-    };
-}
-/**
- * Represents a React Context which provides you with the option to configure the KendoReact components icons.
- */
-export declare const IconsContext: React.Context<IconsContextType>;

package/dist/npm/icons/IconsContext.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconsContext = void 0;
-var React = require("react");
-;
-/**
- * Represents a React Context which provides you with the option to configure the KendoReact components icons.
- */
-exports.IconsContext = React.createContext({ type: 'svg' });
-exports.IconsContext.displayName = 'KendoReactIconsContext';

package/dist/npm/icons/SvgIcon.d.ts

@@ -1,71 +0,0 @@
-import * as React from 'react';
-import { BaseIconProps } from './BaseIconProps';
-/**
- * @hidden
- */
-export interface SVGIcon {
-    /**
-     * The unique name of the icon.
-     */
-    name: string;
-    /**
-     * The entire SVG content of the icon.
-     */
-    content: string;
-    /**
-     * The [viewBox](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)
-     * definition that should be used for the icon.
-     */
-    viewBox: string;
-}
-/**
- * @hidden
- */
-export interface SvgIconHandle {
-    /**
-     * The SvgIconHandle element.
-     */
-    element: HTMLSpanElement | null;
-}
-/**
- * Represents the props of the [KendoReact SvgIcon component]({% slug overview_svgicon %}).
- */
-export interface SvgIconProps extends BaseIconProps, React.SVGAttributes<HTMLOrSVGElement> {
-    /**
-     * Specifies the SVG icon.
-     *
-     * * The possible keys are:
-     * * `name`&mdash;The unique name of the icon.
-     * * `content`&mdash;The entire SVG content of the icon.
-     * * `viewBox`&mdash;The viewBox definition that should be used for the icon.
-     */
-    icon?: SVGIcon;
-    /**
-     * Specifies the viewBox of the custom SVG icon.
-     */
-    viewBox?: string;
-    /**
-     * Specifies a list of CSS classes that will be added to the svg element.
-     */
-    svgClassName?: string;
-    /**
-     * Sets additional CSS styles to the svg element.
-     */
-    svgStyle?: React.CSSProperties;
-}
-/**
- * Represents the [KendoReact SvgIcon component]({% slug overview_svgicon %}).
- *
- * @example
- * ```jsx
- * import { accessibility } from '@progress/kendo-svg-icons';
- *
- * const App = () => {
- *   return (
- *       <SvgIcon icon={accessibility} />
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const SvgIcon: React.ForwardRefExoticComponent<SvgIconProps & React.RefAttributes<SvgIconHandle | null>>;