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

package/dist/es/icons/SvgIcon.js

@@ -1,96 +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';
-/**
- * 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 var SvgIcon = React.forwardRef(function (props, ref) {
-    var children = props.children, className = props.className, svgClassName = props.svgClassName, icon = props.icon, flip = props.flip, id = props.id, tabIndex = props.tabIndex, size = props.size, style = props.style, svgStyle = props.svgStyle, themeColor = props.themeColor, viewBox = props.viewBox, name = props.name, onClick = props.onClick, others = __rest(props, ["children", "className", "svgClassName", "icon", "flip", "id", "tabIndex", "size", "style", "svgStyle", "themeColor", "viewBox", "name", "onClick"]);
-    var elementRef = React.useRef(null);
-    React.useImperativeHandle(ref, function () { return ({
-        element: elementRef.current
-    }); });
-    var iconNameProp = React.useMemo(function () { return icon ? icon.name : defaultProps.icon; }, [icon]);
-    var sizeProp = React.useMemo(function () { return size || defaultProps.size; }, [size]);
-    var flipProp = React.useMemo(function () { return flip || defaultProps.flip; }, [flip]);
-    var viewBoxProp = React.useMemo(function () { return viewBox || defaultProps.viewBox; }, [viewBox]);
-    var elementClassNames = React.useMemo(function () {
-        var _a;
-        return classNames('k-icon', 'k-svg-icon', 'k-svg-i-' + iconNameProp, (_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);
-    }, [iconNameProp, themeColor, sizeProp, flipProp, className]);
-    var elementStyle = React.useMemo(function () {
-        if (props.width && props.height) {
-            return __assign({ width: props.width, height: props.height }, style);
-        }
-        else if (props.width) {
-            return __assign({ width: props.width, height: props.width }, style);
-        }
-        else if (props.height) {
-            return __assign({ width: props.height, height: props.height }, style);
-        }
-        else {
-            return __assign({}, style);
-        }
-    }, [props.width, props.height, style]);
-    return (React.createElement("span", { className: elementClassNames, style: elementStyle, ref: elementRef, onClick: onClick },
-        React.createElement("svg", __assign({ id: id, className: svgClassName, style: svgStyle, "aria-hidden": true, tabIndex: tabIndex, focusable: false, xmlns: "http://www.w3.org/2000/svg", viewBox: icon ? icon.viewBox : viewBoxProp, dangerouslySetInnerHTML: icon ? { __html: icon.content } : undefined }, others), icon ? undefined : children)));
-});
-SvgIcon.propTypes = {
-    style: PropTypes.object,
-    classNames: PropTypes.string,
-    children: PropTypes.any,
-    icon: PropTypes.object,
-    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: '',
-    viewBox: '0 0 24 24'
-};
-SvgIcon.displayName = 'KendoSvgIcon';

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

@@ -1,13 +0,0 @@
-/**
- * @hidden
- */
-export declare const SIZE_CLASSES: {
-    default: string;
-    xsmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    xxlarge: string;
-    xxxlarge: string;
-};

package/dist/es/icons/constants.js

@@ -1,13 +0,0 @@
-/**
- * @hidden
- */
-export var SIZE_CLASSES = {
-    'default': '',
-    'xsmall': 'k-icon-xs',
-    'small': 'k-icon-sm',
-    'medium': 'k-icon-md',
-    'large': 'k-icon-lg',
-    'xlarge': 'k-icon-xl',
-    'xxlarge': 'k-icon-xxl',
-    'xxxlarge': 'k-icon-xxxl'
-};

package/dist/es/icons/models/flip.d.ts

@@ -1,11 +0,0 @@
-/**
- * Specifies the icon flip direction.
- *
- * The possible values are:
- * * `default` (Default)—No flipping applied.
- * * `horizontal`—Flips the icon in horizontal direction.
- * * `vertical`—Flips the icon in vertical direction.
- * * `both`—Flips the icon in both horizontal and vertical directions.
- *
- */
-export declare type IconFlip = 'default' | 'horizontal' | 'vertical' | 'both';

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

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

package/dist/es/icons/models/size.d.ts

@@ -1,15 +0,0 @@
-/**
- * Specifies the size of the icon.
- *
- * The possible values are:
- * * `default` (Default)—Font-size: 16px; Width: 16px; Height: 16px.
- * * `xsmall`—Font-size: 12px; Width: 12px; Height: 12px.
- * * `small`—Font-size: 14px; Width: 14px; Height: 14px.
- * * `medium`—Font-size: 16px; Width: 16px; Height: 16px.
- * * `large`—Font-size: 20px; Width: 20px; Height: 20px.
- * * `xlarge`—Font-size: 24px; Width: 24px; Height: 24px.
- * * `xxlarge`—Font-size: 32px; Width: 32px; Height: 32px.
- * * `xxxlarge`—Font-size: 48px; Width: 48px; Height: 48px.
- *
- */
-export declare type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';

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

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

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

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

package/dist/es/icons/utils.js

@@ -1,17 +0,0 @@
-import * as PropTypes from 'prop-types';
-/**
- * @hidden
- */
-export var toIconName = function (iconClass) { return iconClass.replace(/^k-i-/, ''); };
-/**
- * @hidden
- */
-export var toIconClass = function (name) { return 'k-i-' + name; };
-/**
- * @hidden
- */
-export var svgIconPropType = PropTypes.shape({
-    name: PropTypes.string.isRequired,
-    content: PropTypes.string.isRequired,
-    viewBox: PropTypes.string.isRequired
-});

package/dist/es/keys.d.ts

@@ -1,20 +0,0 @@
-/**
- * @hidden
- */
-export declare const Keys: {
-    backspace: number;
-    tab: number;
-    enter: number;
-    shift: number;
-    esc: number;
-    space: number;
-    pageUp: number;
-    pageDown: number;
-    end: number;
-    home: number;
-    left: number;
-    up: number;
-    right: number;
-    down: number;
-    delete: number;
-};

package/dist/es/keys.js

@@ -1,20 +0,0 @@
-/**
- * @hidden
- */
-export var Keys = {
-    backspace: 8,
-    tab: 9,
-    enter: 13,
-    shift: 16,
-    esc: 27,
-    space: 32,
-    pageUp: 33,
-    pageDown: 34,
-    end: 35,
-    home: 36,
-    left: 37,
-    up: 38,
-    right: 39,
-    down: 40,
-    delete: 46
-};

package/dist/es/main.js

@@ -1,59 +0,0 @@
-export * from './contexts/ZIndexContext';
-export * from './browser-support.service';
-export * from './canUseDOM';
-export * from './canUseRef';
-export * from './classNames';
-export * from './clone';
-export * from './focus';
-export * from './FormComponent';
-export * from './getTabIndex';
-export * from './getter';
-export * from './guid';
-export * from './keys';
-export * from './noop';
-export * from './scrollbarWidth';
-export * from './setter';
-export * from './treeDataOperations';
-export * from './validate-package';
-export * from './hasRelativeStackingContext';
-export * from './watermark/WatermarkOverlay';
-export * from './events/BaseEvent';
-export * from './events/dispatchEvent';
-export * from './hocs/AsyncFocusBlur';
-export * from './hocs/withPropsContext';
-export * from './hooks/useDir';
-export * from './hooks/useAsyncFocusBlur';
-export * from './hooks/useRtl';
-export * from './hooks/useMouse';
-export * from './hooks/useCustomComponent';
-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/IconWrap';
-export * from './icons/IconsContext';
-export * from './icons/models/flip';
-export * from './icons/models/size';
-export * from './icons/models/theme-color';
-export * from './icons/utils';
-export * from './typography/models/margin';
-export * from './typography/TypographyProps';
-export * from './typography/Typography';
-export * from './drag-n-drop';
-export * from './Draggable';
-export * from './Droppable';
-export * from './hooks/useDraggable';
-export * from './hooks/useDroppable';
-export * from './theme';
-export * from './memoize';
-export * from './navigation';
-export * from './getActiveElement';
-export * from './tree-utils/FieldsService';
-export * from './tree-utils/SortedPublicItemIds';
-import * as treeIdUtils_1 from './tree-utils/itemIdUtils';
-export { treeIdUtils_1 as treeIdUtils };
-export * from './tree-utils/itemUtils';
-export * from './tree-utils/misc';

package/dist/es/memoize.d.ts

@@ -1,10 +0,0 @@
-declare type EqualityFn<TFunc extends (...args: any[]) => any> = (newArgs: Parameters<TFunc>, lastArgs: Parameters<TFunc>) => boolean;
-declare type MemoizedFn<TFunc extends (this: any, ...args: any[]) => any> = {
-    clear: () => void;
-    (this: ThisParameterType<TFunc>, ...args: Parameters<TFunc>): ReturnType<TFunc>;
-};
-/**
- * @hidden
- */
-export declare function memoizeOne<TFunc extends (this: any, ...newArgs: any[]) => any>(resultFn: TFunc, isEqualFn?: EqualityFn<TFunc>): MemoizedFn<TFunc>;
-export {};

package/dist/es/memoize.js

@@ -1,41 +0,0 @@
-function isEqual(first, second) {
-    return (first === second) || (Number.isNaN(first) && Number.isNaN(second));
-}
-function areInputsEqual(newInputs, lastInputs) {
-    if (newInputs.length !== lastInputs.length) {
-        return false;
-    }
-    for (var i = 0; i < newInputs.length; i++) {
-        if (!isEqual(newInputs[i], lastInputs[i])) {
-            return false;
-        }
-    }
-    return true;
-}
-/**
- * @hidden
- */
-export function memoizeOne(resultFn, isEqualFn) {
-    if (isEqualFn === void 0) { isEqualFn = areInputsEqual; }
-    var cache = null;
-    function memoized() {
-        var newArgs = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            newArgs[_i] = arguments[_i];
-        }
-        if (cache && cache.lastThis === this && isEqualFn(newArgs, cache.lastArgs)) {
-            return cache.lastResult;
-        }
-        var lastResult = resultFn.apply(this, newArgs);
-        cache = {
-            lastResult: lastResult,
-            lastArgs: newArgs,
-            lastThis: this
-        };
-        return lastResult;
-    }
-    memoized.clear = function clear() {
-        cache = null;
-    };
-    return memoized;
-}

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

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

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

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

package/dist/es/models/index.js

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

package/dist/es/models/kendoReactComponentBaseProps.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-/**
- * @hidden
- *
- * Represents the base properties of a KendoReact component.
- */
-export interface KendoReactComponentBaseProps {
-    /**
-     * Sets the `id` property of the top div element of the component.
-     */
-    id?: string;
-    /**
-     * Determines the children nodes.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional classes to the component.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the component.
-     */
-    style?: React.CSSProperties;
-}

package/dist/es/models/kendoReactComponentBaseProps.js

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

package/dist/es/models/mouse.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-export interface KendoMouse<T, E extends HTMLElement> {
-    onMouseDown?: (args: KendoMouseEvent<T, E>) => void;
-    onMouseUp?: (args: KendoMouseEvent<T, E>) => void;
-    onClick?: (args: KendoMouseEvent<T, E>) => void;
-    onDoubleClick?: (args: KendoMouseEvent<T, E>) => void;
-    onMouseEnter?: (args: KendoMouseEvent<T, E>) => void;
-    onMouseLeave?: (args: KendoMouseEvent<T, E>) => void;
-    onMouseMove?: (args: KendoMouseEvent<T, E>) => void;
-    onMouseOut?: (args: KendoMouseEvent<T, E>) => void;
-    onMouseOver?: (args: KendoMouseEvent<T, E>) => void;
-}
-export interface KendoMouseEvent<T, E extends HTMLElement = HTMLElement> {
-    syntheticEvent: React.MouseEvent<E>;
-    target: T;
-}

package/dist/es/models/mouse.js

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

package/dist/es/models/pointer.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export interface KendoPointer<T, E extends HTMLElement> {
-    onPointerDown?: (args: KendoPointerEvent<T, E>) => void;
-    onPointerMove?: (args: KendoPointerEvent<T, E>) => void;
-    onPointerUp?: (args: KendoPointerEvent<T, E>) => void;
-    onPointerCancel?: (args: KendoPointerEvent<T, E>) => void;
-    onGotPointerCapture?: (args: KendoPointerEvent<T, E>) => void;
-    onLostPointerCapture?: (args: KendoPointerEvent<T, E>) => void;
-    onPointerEnter?: (args: KendoPointerEvent<T, E>) => void;
-    onPointerOver?: (args: KendoPointerEvent<T, E>) => void;
-    onPointerLeave?: (args: KendoPointerEvent<T, E>) => void;
-    onPointerOut?: (args: KendoPointerEvent<T, E>) => void;
-}
-/**
- * @hidden
- */
-export interface KendoPointerEvent<T, E extends HTMLElement = HTMLElement> {
-    syntheticEvent: React.PointerEvent<E>;
-    target: T;
-}

package/dist/es/models/pointer.js

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

package/dist/es/models/touch.js

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

package/dist/es/navigation.d.ts

@@ -1,128 +0,0 @@
-/// <reference types="react" />
-/**
- * @hidden
- */
-export declare const FOCUSABLE_ELEMENTS: string[];
-/**
- * Represents the [Navigation]({% slug api_common_navigation %}) options object.
- *
- */
-export interface NavigationOptions {
-    /**
-     * Sets the tabIndex used by the [Navigation]({% slug api_common_navigation %}).
-     */
-    tabIndex: number;
-    /**
-     * Sets the root DOM element used by the [Navigation]({% slug api_common_navigation %}).
-     */
-    root: React.RefObject<HTMLElement>;
-    /**
-     * Sets the CSS selectors used by the [Navigation]({% slug api_common_navigation %}). The navigation DOM elements will be queried using the selectors.
-     * Make sure their order matches the navigating order.
-     */
-    selectors: string[];
-    /**
-     * Configures if the roving tabIndex technique will be used in the [Navigation]({% slug api_common_navigation %}).
-     */
-    rovingTabIndex?: boolean;
-    /**
-     * Sets the options of the focus methods that is used. Defaults to `{ preventScroll: true }`.
-     */
-    focusOptions?: FocusOptions;
-    /**
-     * Sets the mouse events handlers.
-     */
-    mouseEvents?: {
-        [type: string]: (target: HTMLElement, nav: Navigation, ev: React.MouseEvent<HTMLElement>) => void;
-    };
-    /**
-     * Sets the keyboard events handlers.
-     */
-    keyboardEvents?: {
-        [type: string]: {
-            [key: string]: (target: HTMLElement, nav: Navigation, ev: React.KeyboardEvent<HTMLElement>) => void;
-        };
-    };
-}
-/**
- * Represents the [KendoReact Navigation functionality]({% slug overview_navigation %}).
- * It handles the navigation through a collection of DOM elements.
- */
-export declare class Navigation {
-    /**
-     * @hidden
-     */
-    selectors: string[];
-    /**
-     * @hidden
-     */
-    mouseEvents: {
-        [type: string]: (target: HTMLElement, nav: Navigation, ev: React.MouseEvent<HTMLElement>) => void;
-    };
-    /**
-     * @hidden
-     */
-    keyboardEvents: {
-        [type: string]: {
-            [key: string]: (target: HTMLElement, nav: Navigation, ev: React.KeyboardEvent<HTMLElement>, options?: any) => void;
-        };
-    };
-    /**
-     * @hidden
-     */
-    tabIndex: number;
-    /**
-     * @hidden
-     */
-    focusOptions: FocusOptions;
-    /**
-     * @hidden
-     */
-    root: React.RefObject<HTMLElement>;
-    /**
-     * @hidden
-     */
-    rovingTabIndex?: boolean;
-    constructor(options: NavigationOptions);
-    /**
-     * Returns the collection of DOM elements which the module will navigate in.
-     */
-    get elements(): HTMLElement[];
-    /**
-     * Returns the first navigation DOM element.
-     */
-    get first(): HTMLElement | null;
-    /**
-     * Returns the last navigation DOM element.
-     */
-    get last(): HTMLElement | null;
-    /**
-     * Returns the focused DOM element from the navigation collection of DOM elements.
-     */
-    get current(): HTMLElement | null;
-    /**
-     * Focuses the next element from the navigation collection of DOM elements.
-     */
-    focusNext(target: HTMLElement): HTMLElement;
-    /**
-     * Focuses the previous element from the navigation collection of DOM elements.
-     */
-    focusPrevious(target: HTMLElement): HTMLElement;
-    /**
-     * The keyboard events handler.
-     */
-    triggerKeyboardEvent(ev: React.KeyboardEvent<HTMLElement>, options?: any): void;
-    /**
-     * The mouse events handler.
-     */
-    triggerMouseEvent(ev: React.MouseEvent<HTMLElement>): void;
-    /**
-     * Focuses the passed element from the navigation collection of DOM elements.
-     */
-    focusElement(element: HTMLElement | null, previous: HTMLElement | null): void;
-    /**
-     * @hidden
-     */
-    update: () => void;
-    private focusNextIndex;
-}