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

package/dist/es/Fade.js

@@ -1,83 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 { Animation } from './Animation';
-// tslint:enable:max-line-length
-var Fade = /** @class */ (function (_super) {
-    __extends(Fade, _super);
-    function Fade() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    Fade.prototype.render = function () {
-        var _a = this.props, children = _a.children, other = __rest(_a, ["children"]);
-        var animationProps = {
-            transitionName: 'fade'
-        };
-        return (React.createElement(Animation, __assign({}, animationProps, other), children));
-    };
-    /**
-     * @hidden
-     */
-    Fade.propTypes = {
-        children: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.node),
-            PropTypes.node
-        ]),
-        childFactory: PropTypes.any,
-        className: PropTypes.string,
-        component: PropTypes.string,
-        id: PropTypes.string,
-        style: PropTypes.any
-    };
-    /**
-     * @hidden
-     */
-    Fade.defaultProps = {
-        appear: false,
-        enter: true,
-        exit: false,
-        transitionEnterDuration: 500,
-        transitionExitDuration: 500
-    };
-    return Fade;
-}(React.Component));
-export { Fade };

package/dist/es/Push.d.ts

@@ -1,89 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { AnimationInterface } from './AnimationInterface';
-/**
- * Specifies the direction of the Push Animation ([see example]({% slug direction_animation %}#toc-push)).
- *
- * The supported directions are:
- * * (Default) `right`—Pushes the content from left to right.
- * * `up`—Pushes the content from bottom to top.
- * * `down`—Pushes the content from top to bottom.
- * * `left`—Pushes the content from right to left.
- */
-export declare type PushDirection = 'up' | 'down' | 'left' | 'right';
-/**
- * Represent the props of the [KendoReact Push Animation component]({% slug animationtypes_animation %}#toc-push).
- *
- * {% meta %}
- * {% variant title:Hooks %}
- * {% embed_file props/push/func/main.tsx preview %}
- * {% embed_file props/push/func/styles.css %}
- * {% endvariant %}
- * {% variant title:Classes %}
- * {% embed_file props/push/class/main.tsx preview %}
- * {% embed_file props/push/class/styles.css %}
- * {% endvariant %}
- * {% endmeta %}
- *
- */
-export interface PushProps extends AnimationInterface {
-    /**
-     * After the element reaches its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the `childFactory` function.
-     */
-    childFactory?: any;
-    /**
-     * Specifies the CSS class names which are set to the Animation.
-     */
-    className?: string;
-    /**
-     * Specifies the direction of the Push Animation. Defaults to `out`.
-     */
-    direction?: PushDirection;
-    /**
-     * Specifies the node type of the parent Animation. Defaults to `div`.
-     */
-    component?: string;
-    /**
-     * Specifies the id of the Animation.
-     */
-    id?: string;
-    /**
-     * Specifies the style of the parent Animation.
-     */
-    style?: any;
-    /**
-     * Specifies whether the child elements will stack on top of each other without interfering ([more information and examples]({% slug stacked_animation %})).
-     */
-    stackChildren?: boolean;
-}
-export declare class Push extends React.Component<PushProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        childFactory: PropTypes.Requireable<any>;
-        className: PropTypes.Requireable<string>;
-        direction: PropTypes.Requireable<string>;
-        component: PropTypes.Requireable<string>;
-        id: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<any>;
-        stackChildren: PropTypes.Requireable<boolean>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        appear: boolean;
-        enter: boolean;
-        exit: boolean;
-        transitionEnterDuration: number;
-        transitionExitDuration: number;
-        direction: string;
-        stackChildren: boolean;
-    };
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}

package/dist/es/Push.js

@@ -1,92 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 { Animation } from './Animation';
-var EXITING_ANIMATION_STYLE = { position: 'absolute', top: '0', left: '0' };
-// tslint:enable:max-line-length
-var Push = /** @class */ (function (_super) {
-    __extends(Push, _super);
-    function Push() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    Push.prototype.render = function () {
-        var _a = this.props, children = _a.children, direction = _a.direction, other = __rest(_a, ["children", "direction"]);
-        return (React.createElement(Animation, __assign({}, other, { transitionName: "push-".concat(direction), animationExitingStyle: this.props.stackChildren
-                ? EXITING_ANIMATION_STYLE
-                : undefined }), children));
-    };
-    /**
-     * @hidden
-     */
-    Push.propTypes = {
-        children: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.node),
-            PropTypes.node
-        ]),
-        childFactory: PropTypes.any,
-        className: PropTypes.string,
-        direction: PropTypes.oneOf([
-            'up',
-            'down',
-            'left',
-            'right'
-        ]),
-        component: PropTypes.string,
-        id: PropTypes.string,
-        style: PropTypes.any,
-        stackChildren: PropTypes.bool
-    };
-    /**
-     * @hidden
-     */
-    Push.defaultProps = {
-        appear: false,
-        enter: true,
-        exit: true,
-        transitionEnterDuration: 300,
-        transitionExitDuration: 300,
-        direction: 'right',
-        stackChildren: false
-    };
-    return Push;
-}(React.Component));
-export { Push };

package/dist/es/Reveal.d.ts

@@ -1,101 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { AnimationInterface, AnimationEventArguments } from './AnimationInterface';
-/**
- * Specifies the direction of the Reveal Animation ([see example]({% slug direction_animation %}#toc-reveal)).
- *
- * The supported directions are:
- * * (Default) `vertical`—Reveals the height of the content.
- * * `horizontal`—Reveals the width of the content.
- */
-export declare type RevealDirection = 'horizontal' | 'vertical';
-/**
- * Represent the props of the [KendoReact Reveal Animation component]({% slug animationtypes_animation %}#toc-rveal).
- *
- * {% meta %}
- * {% variant title:Hooks %}
- * {% embed_file props/reveal/func/main.tsx preview %}
- * {% embed_file props/reveal/func/styles.css %}
- * {% endvariant %}
- * {% variant title:Classes %}
- * {% embed_file props/reveal/class/main.tsx preview %}
- * {% embed_file props/reveal/class/styles.css %}
- * {% endvariant %}
- * {% endmeta %}
- *
- */
-export interface RevealProps extends AnimationInterface {
-    /**
-     * After the element reaches its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the `childFactory` function.
-     */
-    childFactory?: any;
-    /**
-     * Specifies the CSS class names which are set to the Animation.
-     */
-    className?: string;
-    /**
-     * Specifies the direction of the Reveal Animation. Defaults to `vertical`.
-     */
-    direction?: RevealDirection;
-    /**
-     * Specifies the node type of the parent Animation. Defaults to `div`.
-     */
-    component?: string;
-    /**
-     * Specifies the id of the Animation.
-     */
-    id?: string;
-    /**
-     * Specifies the style of the parent Animation.
-     */
-    style?: any;
-    /**
-     * @hidden
-     * This is synchronious variant of `onEnter` event.
-     */
-    onBeforeEnter?: (event: AnimationEventArguments) => void;
-}
-/**
- * @hidden
- */
-export interface RevealState {
-    maxHeight?: number;
-    maxWidth?: number;
-}
-export declare class Reveal extends React.Component<RevealProps, RevealState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        childFactory: PropTypes.Requireable<any>;
-        className: PropTypes.Requireable<string>;
-        direction: PropTypes.Requireable<string>;
-        component: PropTypes.Requireable<string>;
-        id: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<any>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        appear: boolean;
-        enter: boolean;
-        exit: boolean;
-        transitionEnterDuration: number;
-        transitionExitDuration: number;
-        direction: string;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: RevealState;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    private componentWillEnter;
-    private componentIsEntering;
-    private componentWillExit;
-    private updateContainerDimensions;
-}

package/dist/es/Reveal.js

@@ -1,152 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 { Animation } from './Animation';
-import { noop } from '@progress/kendo-react-common';
-import util from './util';
-var Reveal = /** @class */ (function (_super) {
-    __extends(Reveal, _super);
-    function Reveal() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @hidden
-         */
-        _this.state = {
-            maxHeight: undefined,
-            maxWidth: undefined
-        };
-        _this.componentWillEnter = function (event) {
-            var _a = _this.props, onEnter = _a.onEnter, onBeforeEnter = _a.onBeforeEnter;
-            if (onBeforeEnter) {
-                onBeforeEnter.call(undefined, event);
-            }
-            _this.updateContainerDimensions(event.animatedElement, function () {
-                if (onEnter) {
-                    onEnter.call(undefined, event);
-                }
-            });
-        };
-        _this.componentIsEntering = function (event) {
-            var onEntering = _this.props.onEntering;
-            _this.updateContainerDimensions(event.animatedElement, function () {
-                if (onEntering) {
-                    onEntering.call(undefined, event);
-                }
-            });
-        };
-        _this.componentWillExit = function (event) {
-            var onExit = _this.props.onExit;
-            _this.updateContainerDimensions(event.animatedElement, function () {
-                if (onExit) {
-                    onExit.call(undefined, event);
-                }
-            });
-        };
-        _this.updateContainerDimensions = function (node, done) {
-            if (done === void 0) { done = noop; }
-            var content = node.firstChild;
-            if (content) {
-                var newHeight = util.outerHeight(content);
-                var newWidth = util.outerWidth(content);
-                _this.setState({
-                    maxHeight: newHeight,
-                    maxWidth: newWidth
-                }, done);
-            }
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    Reveal.prototype.render = function () {
-        var _a = this.props, direction = _a.direction, children = _a.children, childFactory = _a.childFactory, other = __rest(_a, ["direction", "children", "childFactory"]);
-        var _b = this.state, maxHeight = _b.maxHeight, maxWidth = _b.maxWidth;
-        var maxOffset;
-        if (direction === 'vertical') {
-            maxOffset = { maxHeight: maxHeight ? "".concat(maxHeight, "px") : '' };
-        }
-        else {
-            maxOffset = { maxWidth: maxWidth ? "".concat(maxWidth, "px") : '' };
-        }
-        var animationEnteringStyle = {
-            maxHeight: maxOffset.maxHeight,
-            maxWidth: maxOffset.maxWidth
-        };
-        var factory = function (child) {
-            var result = childFactory ? childFactory(child) : child;
-            if (!result.props.in) {
-                return React.cloneElement(result, __assign(__assign({}, result.props), { style: __assign(__assign({}, result.props.style), { maxHeight: maxOffset.maxHeight, maxWidth: maxOffset.maxWidth }) }));
-            }
-            return result;
-        };
-        return (React.createElement(Animation, __assign({}, other, { childFactory: factory, onEnter: this.componentWillEnter, onEntering: this.componentIsEntering, onExit: this.componentWillExit, animationEnteringStyle: animationEnteringStyle, transitionName: "reveal-".concat(direction) }), children));
-    };
-    /**
-     * @hidden
-     */
-    Reveal.propTypes = {
-        children: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.node),
-            PropTypes.node
-        ]),
-        childFactory: PropTypes.any,
-        className: PropTypes.string,
-        direction: PropTypes.oneOf([
-            'horizontal',
-            'vertical'
-        ]),
-        component: PropTypes.string,
-        id: PropTypes.string,
-        style: PropTypes.any
-    };
-    /**
-     * @hidden
-     */
-    Reveal.defaultProps = {
-        appear: false,
-        enter: true,
-        exit: true,
-        transitionEnterDuration: 300,
-        transitionExitDuration: 300,
-        direction: 'vertical'
-    };
-    return Reveal;
-}(React.Component));
-export { Reveal };

package/dist/es/Slide.js

@@ -1,90 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 { Animation } from './Animation';
-// tslint:enable:max-line-length
-var Slide = /** @class */ (function (_super) {
-    __extends(Slide, _super);
-    function Slide() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    Slide.prototype.render = function () {
-        var _a = this.props, direction = _a.direction, children = _a.children, other = __rest(_a, ["direction", "children"]);
-        var animationProps = {
-            transitionName: "slide-".concat(direction)
-        };
-        return (React.createElement(Animation, __assign({}, animationProps, other), children));
-    };
-    /**
-     * @hidden
-     */
-    Slide.propTypes = {
-        children: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.node),
-            PropTypes.node
-        ]),
-        childFactory: PropTypes.any,
-        className: PropTypes.string,
-        direction: PropTypes.oneOf([
-            'up',
-            'down',
-            'left',
-            'right'
-        ]),
-        component: PropTypes.string,
-        id: PropTypes.string,
-        style: PropTypes.any
-    };
-    /**
-     * @hidden
-     */
-    Slide.defaultProps = {
-        appear: false,
-        enter: true,
-        exit: true,
-        transitionEnterDuration: 300,
-        transitionExitDuration: 300,
-        direction: 'down'
-    };
-    return Slide;
-}(React.Component));
-export { Slide };

package/dist/es/Zoom.d.ts

@@ -1,87 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { AnimationInterface } from './AnimationInterface';
-/**
- * Specifies the direction of the Zoom Animation ([see example]({% slug direction_animation %}#toc-zoom)).
- *
- * The supported directions are:
- * * (Default) `out`—Zooms the content from the outside to the inside.
- * * `in`—Zooms the content from the inside to the outside.
- */
-export declare type ZoomDirection = 'in' | 'out';
-/**
- * Represent the props of the [KendoReact Zoom Animation component]({% slug animationtypes_animation %}#toc-zoom).
- *
- * {% meta %}
- * {% variant title:Hooks %}
- * {% embed_file props/zoom/func/main.tsx preview %}
- * {% embed_file props/zoom/func/styles.css %}
- * {% endvariant %}
- * {% variant title:Classes %}
- * {% embed_file props/zoom/class/main.tsx preview %}
- * {% embed_file props/zoom/class/styles.css %}
- * {% endvariant %}
- * {% endmeta %}
- *
- */
-export interface ZoomProps extends AnimationInterface {
-    /**
-     * After the element reaches its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the `childFactory` function.
-     */
-    childFactory?: any;
-    /**
-     * Specifies the CSS class names which are set to the Animation.
-     */
-    className?: string;
-    /**
-     * Specifies the direction of the Zoom Animation. Defaults to `down`.
-     */
-    direction?: ZoomDirection;
-    /**
-     * Specifies the node type of the parent Asnimation. Defaults to `div`.
-     */
-    component?: string;
-    /**
-     * Specifies the id of the Animation.
-     */
-    id?: string;
-    /**
-     * Specifies the style of the parent Animation.
-     */
-    style?: any;
-    /**
-     * Specifies whether the child elements will stack on top of each other without interfering ([more information and examples]({% slug stacked_animation %})).
-     */
-    stackChildren?: boolean;
-}
-export declare class Zoom extends React.Component<ZoomProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        childFactory: PropTypes.Requireable<any>;
-        className: PropTypes.Requireable<string>;
-        direction: PropTypes.Requireable<string>;
-        component: PropTypes.Requireable<string>;
-        id: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<any>;
-        stackChildren: PropTypes.Requireable<boolean>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        appear: boolean;
-        enter: boolean;
-        exit: boolean;
-        transitionEnterDuration: number;
-        transitionExitDuration: number;
-        direction: string;
-        stackChildren: boolean;
-    };
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}