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

package/dist/es/hooks/useDroppable.js

@@ -1,59 +0,0 @@
-import * as React from 'react';
-import { noop } from '../noop';
-import { useInheritedState } from '../hooks/useInheritedState';
-import { DropContext, DropsContext } from '../drag-n-drop/context';
-/**
- * Represents the KendoReact `useDroppable` hook.
- * Use it to attach `drop` events to a native HTML DOM elements, or custom React Components.
- *
- * For more information, refer to the [KendoReact Droppable]({% slug droppable_drag-and-drop %}) article.
- *
- * @param ref - The `ref` of the HTML Element or React Component which will enable the `droppable` functionality.
- * @param callbacks - A collection of callbacks, called by the `useDroppable` hook when a specific action occurs.
- */
-export function useDroppable(ref, callbacks) {
-    if (callbacks === void 0) { callbacks = {
-        onDragEnter: noop,
-        onDragOver: noop,
-        onDragLeave: noop,
-        onDrop: noop
-    }; }
-    var _a = callbacks.onDragEnter, onDragEnter = _a === void 0 ? noop : _a, _b = callbacks.onDragOver, onDragOver = _b === void 0 ? noop : _b, _c = callbacks.onDragLeave, onDragLeave = _c === void 0 ? noop : _c, _d = callbacks.onDrop, onDrop = _d === void 0 ? noop : _d;
-    var _e = useInheritedState(DropContext), setDrop = _e[1];
-    var _f = React.useContext(DropsContext), registerDrop = _f[1], deregisterDrop = _f[2];
-    var getElement = React.useCallback(function () { return ref.current && ref.current.element
-        ? ref.current.element
-        : ref.current; }, [ref]);
-    var target = React.useRef(null);
-    React.useImperativeHandle(target, function () { return ({
-        element: getElement(),
-        onDragEnter: handleDragEnter,
-        onDragOver: handleDragOver,
-        onDragLeave: handleDragLeave,
-        onDrop: handleDrop,
-        data: ref.current
-    }); });
-    var handleDragEnter = React.useCallback(function (event) {
-        setDrop(target, { target: ref.current, event: event });
-        onDragEnter(event);
-    }, [setDrop, ref, onDragEnter]);
-    var handleDragOver = React.useCallback(function (event) {
-        onDragOver(event);
-    }, [onDragOver]);
-    var handleDragLeave = React.useCallback(function (event) {
-        setDrop(null, { target: ref.current, event: event });
-        onDragLeave(event);
-    }, [setDrop, ref, onDragLeave]);
-    var handleDrop = React.useCallback(function (event) {
-        setDrop(null, { target: ref.current, event: event });
-        onDrop(event);
-    }, [setDrop, ref, onDrop]);
-    var register = React.useCallback(function () {
-        registerDrop(target);
-        return function () {
-            deregisterDrop(target);
-        };
-    }, [deregisterDrop, registerDrop]);
-    React.useLayoutEffect(register, [register]);
-}
-;

package/dist/es/hooks/useInheritedState.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-interface Setter<T> extends Array<any> {
-    0?: T;
-    [index: number]: any;
-}
-/**
- * @hidden
- */
-export declare const useInheritedState: <T>(context: React.Context<[T | undefined, (...event: Setter<T>) => void]>, defaultValue?: any) => [T, (...event: Setter<T>) => void];
-export {};

package/dist/es/hooks/useInheritedState.js

@@ -1,21 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export 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;
-    var handleValueChange = function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        contextValue !== undefined
-            ? contextSetter.apply(void 0, args) : localSetter(args[0]);
-    };
-    return [
-        value,
-        handleValueChange
-    ];
-};

package/dist/es/hooks/useMouse.js

@@ -1,117 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export 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
-    };
-};

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

@@ -1,29 +0,0 @@
-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);
-};
-import * as React from 'react';
-/**
- * @hidden
- */
-export 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)));
-    }, {});
-};

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-/** @hidden */
-export var usePropsContext = function (context, props) {
-    var contextPropsCallback = React.useContext(context);
-    var contextProps = contextPropsCallback(props);
-    return contextProps;
-};

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

@@ -1,22 +0,0 @@
-import * as React from '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
- */
-export 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;
-}

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

@@ -1,29 +0,0 @@
-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);
-};
-import * as React from 'react';
-/**
- * @hidden
- */
-export 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)));
-    }, {});
-};

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { useDocument } from './useDocument';
-/**
- * Returns a function, which gets the `defaultView` based on the `ownerDocument` of the element.
- */
-export var useWindow = function (ref) {
-    var getDocument = useDocument(ref);
-    var getWindow = React.useCallback(function () {
-        var document = getDocument();
-        return document
-            ? document.defaultView || window
-            : window;
-    }, [getDocument]);
-    return getWindow;
-};

package/dist/es/icons/BaseIconProps.d.ts

@@ -1,73 +0,0 @@
-/// <reference types="react" />
-import { IconThemeColor } from './models/theme-color';
-import { IconSize } from './models/size';
-import { IconFlip } from './models/flip';
-/**
- * @hidden
- */
-export interface BaseIconProps {
-    /**
-     * Sets the `tabIndex` of the icon element.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the `id` of the icon element.
-     */
-    id?: string;
-    /**
-     * Sets additional CSS styles to the icon.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Specifies a list of CSS classes that will be added to the root DOM element.
-     */
-    className?: string;
-    /**
-     * Specifies the theme color of the Icon.
-     *
-     * The possible values are:
-     * * `inherit` (Default)&mdash;Applies coloring based on the current color.
-     * * `primary` &mdash;Applies coloring based on primary theme color.
-     * * `secondary`&mdash;Applies coloring based on secondary theme color.
-     * * `tertiary`&mdash; Applies coloring based on tertiary theme color.
-     * * `info`&mdash;Applies coloring based on info theme color.
-     * * `success`&mdash; Applies coloring based on success theme color.
-     * * `warning`&mdash; Applies coloring based on warning theme color.
-     * * `error`&mdash; Applies coloring based on error theme color.
-     * * `dark`&mdash; Applies coloring based on dark theme color.
-     * * `light`&mdash; Applies coloring based on light theme color.
-     * * `inverse`&mdash; Applies coloring based on inverse theme color.
-     *
-     * If the property is not set, the icon inherits the color from its parent.
-     *
-     * You can use the `style` prop to apply custom color related properties to the icon.
-     */
-    themeColor?: IconThemeColor;
-    /**
-     * Specifies the size of the icon.
-     *
-     * The possible values are:
-     * * `default` (Default)&mdash;Font-size: 16px; Width: 16px; Height: 16px.
-     * * `xsmall`&mdash;Font-size: 12px; Width: 12px; Height: 12px.
-     * * `small`&mdash;Font-size: 14px; Width: 14px; Height: 14px.
-     * * `medium`&mdash;Font-size: 16px; Width: 16px; Height: 16px.
-     * * `large`&mdash;Font-size: 20px; Width: 20px; Height: 20px.
-     * * `xlarge`&mdash;Font-size: 24px; Width: 24px; Height: 24px.
-     * * `xxlarge`&mdash;Font-size: 32px; Width: 32px; Height: 32px.
-     * * `xxxlarge`&mdash;Font-size: 48px; Width: 48px; Height: 48px.
-     *
-     * You can use the `style` prop to apply custom font size to the icon.
-     */
-    size?: IconSize;
-    /**
-     * Specifies the icon flip direction.
-     *
-     * The possible values are:
-     * * `default` (Default)&mdash;No flipping applied.
-     * * `horizontal`&mdash;Flips the icon in horizontal direction.
-     * * `vertical`&mdash;Flips the icon in vertical direction.
-     * * `both`&mdash;Flips the icon in both horizontal and vertical directions.
-     *
-     */
-    flip?: IconFlip;
-}

package/dist/es/icons/BaseIconProps.js

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

package/dist/es/icons/Icon.js

@@ -1,78 +0,0 @@
-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;
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames } from '../classNames';
-import { SIZE_CLASSES } from './constants';
-import { toIconClass, useMouse } from '../main';
-/**
- * Represents the [KendoReact Icon component]({% slug overview_icon %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *       <Icon name="home"/>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var 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 classNames('k-icon', 'k-font-icon', name && 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), SIZE_CLASSES[sizeProp], className);
-    }, [name, themeColor, sizeProp, flipProp, className]);
-    var mouseProps = useMouse(props, target);
-    return (React.createElement("span", __assign({ ref: elementRef }, others, mouseProps, { className: fontClassNames, id: id, tabIndex: tabIndex, style: style, role: "presentation" })));
-});
-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'
-};
-Icon.displayName = 'KendoIcon';

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

@@ -1,41 +0,0 @@
-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;
-};
-import * as React from 'react';
-import { Icon } from './Icon';
-import { SvgIcon } from './SvgIcon';
-import { IconsContext } from './IconsContext';
-/**
- * @hidden
- */
-export var IconWrap = React.forwardRef(function (props, ref) {
-    var _a, _b;
-    var _c = React.useContext(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, __assign({}, props, { icon: svg, ref: ref })) :
-        React.createElement(Icon, __assign({}, fontIconProps, { name: name, ref: ref }));
-});
-IconWrap.displayName = 'KendoIconWrap';

package/dist/es/icons/IconsContext.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-;
-/**
- * Represents a React Context which provides you with the option to configure the KendoReact components icons.
- */
-export var IconsContext = React.createContext({ type: 'svg' });
-IconsContext.displayName = 'KendoReactIconsContext';