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

package/dist/npm/icons/SvgIcon.js

@@ -1,99 +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.SvgIcon = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var classNames_1 = require("../classNames");
-var constants_1 = require("./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'));
- * ```
- */
-exports.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 (0, classNames_1.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), constants_1.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)));
-});
-exports.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'
-};
-exports.SvgIcon.displayName = 'KendoSvgIcon';

package/dist/npm/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/npm/icons/constants.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SIZE_CLASSES = void 0;
-/**
- * @hidden
- */
-exports.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/npm/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/npm/icons/models/flip.js

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

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

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

package/dist/npm/icons/models/theme-color.d.ts

@@ -1,21 +0,0 @@
-/**
- * Specifies the theme color of the Icon.
- *
- * The possible values are:
- * * `inherit` (Default)—Applies coloring based on the current color.
- * * `primary` —Applies coloring based on primary theme color.
- * * `secondary`—Applies coloring based on secondary theme color.
- * * `tertiary`— Applies coloring based on tertiary theme color.
- * * `info`—Applies coloring based on info theme color.
- * * `success`— Applies coloring based on success theme color.
- * * `warning`— Applies coloring based on warning theme color.
- * * `error`— Applies coloring based on error theme color.
- * * `dark`— Applies coloring based on dark theme color.
- * * `light`— Applies coloring based on light theme color.
- * * `inverse`— 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.
- */
-export declare type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

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

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

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

@@ -1,17 +0,0 @@
-import * as PropTypes from 'prop-types';
-/**
- * @hidden
- */
-export declare const toIconName: (iconClass: string) => string;
-/**
- * @hidden
- */
-export declare const toIconClass: (name: string) => string;
-/**
- * @hidden
- */
-export declare const svgIconPropType: PropTypes.Requireable<PropTypes.InferProps<{
-    name: PropTypes.Validator<string>;
-    content: PropTypes.Validator<string>;
-    viewBox: PropTypes.Validator<string>;
-}>>;

package/dist/npm/icons/utils.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.svgIconPropType = exports.toIconClass = exports.toIconName = void 0;
-var PropTypes = require("prop-types");
-/**
- * @hidden
- */
-var toIconName = function (iconClass) { return iconClass.replace(/^k-i-/, ''); };
-exports.toIconName = toIconName;
-/**
- * @hidden
- */
-var toIconClass = function (name) { return 'k-i-' + name; };
-exports.toIconClass = toIconClass;
-/**
- * @hidden
- */
-exports.svgIconPropType = PropTypes.shape({
-    name: PropTypes.string.isRequired,
-    content: PropTypes.string.isRequired,
-    viewBox: PropTypes.string.isRequired
-});

package/dist/npm/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/npm/keys.js

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

@@ -1,58 +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';
-export * as treeIdUtils from './tree-utils/itemIdUtils';
-export * from './tree-utils/itemUtils';
-export * from './tree-utils/misc';

package/dist/npm/main.js

@@ -1,75 +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 });
-exports.treeIdUtils = void 0;
-__exportStar(require("./contexts/ZIndexContext"), exports);
-__exportStar(require("./browser-support.service"), exports);
-__exportStar(require("./canUseDOM"), exports);
-__exportStar(require("./canUseRef"), exports);
-__exportStar(require("./classNames"), exports);
-__exportStar(require("./clone"), exports);
-__exportStar(require("./focus"), exports);
-__exportStar(require("./FormComponent"), exports);
-__exportStar(require("./getTabIndex"), exports);
-__exportStar(require("./getter"), exports);
-__exportStar(require("./guid"), exports);
-__exportStar(require("./keys"), exports);
-__exportStar(require("./noop"), exports);
-__exportStar(require("./scrollbarWidth"), exports);
-__exportStar(require("./setter"), exports);
-__exportStar(require("./treeDataOperations"), exports);
-__exportStar(require("./validate-package"), exports);
-__exportStar(require("./hasRelativeStackingContext"), exports);
-__exportStar(require("./watermark/WatermarkOverlay"), exports);
-__exportStar(require("./events/BaseEvent"), exports);
-__exportStar(require("./events/dispatchEvent"), exports);
-__exportStar(require("./hocs/AsyncFocusBlur"), exports);
-__exportStar(require("./hocs/withPropsContext"), exports);
-__exportStar(require("./hooks/useDir"), exports);
-__exportStar(require("./hooks/useAsyncFocusBlur"), exports);
-__exportStar(require("./hooks/useRtl"), exports);
-__exportStar(require("./hooks/useMouse"), exports);
-__exportStar(require("./hooks/useCustomComponent"), exports);
-__exportStar(require("./hooks/usePropsContext"), exports);
-__exportStar(require("./hooks/useCollection"), exports);
-__exportStar(require("./hooks/useDocument"), exports);
-__exportStar(require("./hooks/useWindow"), exports);
-__exportStar(require("./models"), exports);
-__exportStar(require("./icons/Icon"), exports);
-__exportStar(require("./icons/SvgIcon"), exports);
-__exportStar(require("./icons/IconWrap"), exports);
-__exportStar(require("./icons/IconsContext"), exports);
-__exportStar(require("./icons/models/flip"), exports);
-__exportStar(require("./icons/models/size"), exports);
-__exportStar(require("./icons/models/theme-color"), exports);
-__exportStar(require("./icons/utils"), exports);
-__exportStar(require("./typography/models/margin"), exports);
-__exportStar(require("./typography/TypographyProps"), exports);
-__exportStar(require("./typography/Typography"), exports);
-__exportStar(require("./drag-n-drop"), exports);
-__exportStar(require("./Draggable"), exports);
-__exportStar(require("./Droppable"), exports);
-__exportStar(require("./hooks/useDraggable"), exports);
-__exportStar(require("./hooks/useDroppable"), exports);
-__exportStar(require("./theme"), exports);
-__exportStar(require("./memoize"), exports);
-__exportStar(require("./navigation"), exports);
-__exportStar(require("./getActiveElement"), exports);
-__exportStar(require("./tree-utils/FieldsService"), exports);
-__exportStar(require("./tree-utils/SortedPublicItemIds"), exports);
-exports.treeIdUtils = require("./tree-utils/itemIdUtils");
-__exportStar(require("./tree-utils/itemUtils"), exports);
-__exportStar(require("./tree-utils/misc"), exports);

package/dist/npm/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/npm/memoize.js

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

package/dist/npm/models/auto-scroll-options.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-/**
- * Represents additional configuration options for the `autoScroll` options of the `useDraggable` hook and `Draggable` component.
- */
-export interface AutoScrollOptions {
-    /**
-     * Set to `false` to disable the `autoScroll` feature.
-     */
-    enabled?: boolean;
-    /**
-     * Allows the user to toggle `autoScroll` in a specific direction.
-     */
-    direction?: {
-        horizontal: boolean;
-        vertical: boolean;
-    };
-    /**
-     * Overrides the calculated element used for boundary detection, used to calculate the `autoScroll` velocity.
-     */
-    boundaryElementRef?: React.RefObject<HTMLElement | null | {
-        element: HTMLElement | null;
-    }> | null;
-}

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

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

package/dist/npm/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/npm/models/index.js

@@ -1,21 +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("./mouse"), exports);
-__exportStar(require("./touch"), exports);
-__exportStar(require("./pointer"), exports);
-__exportStar(require("./auto-scroll-options"), exports);
-__exportStar(require("./kendoReactComponentBaseProps"), exports);

package/dist/npm/models/kendoReactComponentBaseProps.js

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

package/dist/npm/models/mouse.js

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

package/dist/npm/models/pointer.js

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

package/dist/npm/models/touch.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export interface KendoTouch<T, E extends HTMLElement> {
-    onTouchStart?: (args: KendoTouchEvent<T, E>) => void;
-    onTouchMove?: (args: KendoTouchEvent<T, E>) => void;
-    onTouchEnd?: (args: KendoTouchEvent<T, E>) => void;
-    onTouchCancel?: (args: KendoTouchEvent<T, E>) => void;
-}
-/**
- * @hidden
- */
-export interface KendoTouchEvent<T, E extends HTMLElement = HTMLElement> {
-    syntheticEvent: React.TouchEvent<E>;
-    target: T;
-}

package/dist/npm/models/touch.js

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