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

package/dist/npm/Reveal.js

@@ -1,155 +0,0 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Reveal = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var Animation_1 = require("./Animation");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var util_1 = require("./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 = kendo_react_common_1.noop; }
-            var content = node.firstChild;
-            if (content) {
-                var newHeight = util_1.default.outerHeight(content);
-                var newWidth = util_1.default.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_1.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));
-exports.Reveal = Reveal;

package/dist/npm/Slide.d.ts

@@ -1,83 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { AnimationInterface } from './AnimationInterface';
-/**
- * Specifies the direction of the Slide Animation ([see example]({% slug direction_animation %}#toc-slide)).
- *
- * The supported directions are:
- * * (Default) `down`—On showing, slides the content from top to bottom, and vice-versa.
- * * `up`—On showing, slides the content from bottom to top, and vice-versa.
- * * `left`—On showing, slides the content from right to left, and vice-versa.
- * * `right`—On showing, slides the content from left to right, and vice-versa.
- */
-export declare type SlideDirection = 'up' | 'down' | 'left' | 'right';
-/**
- * Represent the props of the [KendoReact Slide Animation component]({% slug animationtypes_animation %}#toc-slide).
- *
- * {% meta %}
- * {% variant title:Hooks %}
- * {% embed_file props/slide/func/main.tsx preview %}
- * {% embed_file props/slide/func/styles.css %}
- * {% endvariant %}
- * {% variant title:Classes %}
- * {% embed_file props/slide/class/main.tsx preview %}
- * {% embed_file props/slide/class/styles.css %}
- * {% endvariant %}
- * {% endmeta %}
- *
- */
-export interface SlideProps 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 Slide Animation. Defaults to `down`.
-     */
-    direction?: SlideDirection;
-    /**
-     * 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;
-}
-export declare class Slide extends React.Component<SlideProps, {}> {
-    /**
-     * @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
-     */
-    render(): JSX.Element;
-}

package/dist/npm/Slide.js

@@ -1,93 +0,0 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Slide = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var Animation_1 = require("./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_1.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));
-exports.Slide = Slide;

package/dist/npm/Zoom.js

@@ -1,93 +0,0 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Zoom = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var Animation_1 = require("./Animation");
-var EXITING_ANIMATION_STYLE = { position: 'absolute', top: '0', left: '0' };
-// tslint:enable:max-line-length
-var Zoom = /** @class */ (function (_super) {
-    __extends(Zoom, _super);
-    function Zoom() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    Zoom.prototype.render = function () {
-        var _a = this.props, children = _a.children, direction = _a.direction, other = __rest(_a, ["children", "direction"]);
-        return (React.createElement(Animation_1.Animation, __assign({}, other, { transitionName: "zoom-".concat(direction), animationExitingStyle: this.props.stackChildren
-                ? EXITING_ANIMATION_STYLE
-                : undefined }), children));
-    };
-    /**
-     * @hidden
-     */
-    Zoom.propTypes = {
-        children: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.node),
-            PropTypes.node
-        ]),
-        childFactory: PropTypes.any,
-        className: PropTypes.string,
-        direction: PropTypes.oneOf([
-            'in',
-            'out'
-        ]),
-        component: PropTypes.string,
-        id: PropTypes.string,
-        style: PropTypes.any,
-        stackChildren: PropTypes.bool
-    };
-    /**
-     * @hidden
-     */
-    Zoom.defaultProps = {
-        appear: false,
-        enter: true,
-        exit: true,
-        transitionEnterDuration: 300,
-        transitionExitDuration: 300,
-        direction: 'out',
-        stackChildren: false
-    };
-    return Zoom;
-}(React.Component));
-exports.Zoom = Zoom;

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-/** @hidden */
-export declare type AnimationConfig = {
-    initial?: React.CSSProperties;
-    duration?: number;
-    appear?: boolean;
-    onStart?: any;
-    onUpdate?: any;
-    onEnd?: any;
-};
-/** @hidden */
-export declare const useAnimation: (config: AnimationConfig, deps: any[]) => void;

package/dist/npm/hooks/useAnimation.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAnimation = void 0;
-var React = require("react");
-/** @hidden */
-var useAnimation = function (config, deps) {
-    var offset = React.useRef(0);
-    var mount = React.useRef(false);
-    var animationFrame = React.useRef();
-    var animate = function (transition) {
-        var duration = transition.duration;
-        var start;
-        var progress;
-        var skip = offset.current && 1 - offset.current;
-        if (transition.onStart) {
-            transition.onStart();
-        }
-        var frame = function (timestamp) {
-            if (!start) {
-                start = timestamp;
-            }
-            progress = timestamp - start + 1;
-            var rate = progress / duration + skip;
-            if (rate <= 1) {
-                if (transition.onUpdate) {
-                    transition.onUpdate(rate);
-                }
-                animationFrame.current = window.requestAnimationFrame(frame);
-                offset.current = rate;
-            }
-            else {
-                if (transition.onEnd) {
-                    transition.onEnd(1);
-                }
-                offset.current = 0;
-            }
-        };
-        animationFrame.current = window.requestAnimationFrame(frame);
-    };
-    React.useEffect(function () {
-        animate(config);
-        return function () {
-            if (animationFrame.current) {
-                window.cancelAnimationFrame(animationFrame.current);
-            }
-        };
-    }, deps);
-    React.useEffect(function () {
-        mount.current = true;
-    }, []);
-};
-exports.useAnimation = useAnimation;

package/dist/npm/main.d.ts

@@ -1,10 +0,0 @@
-import { Animation, AnimationProps } from './Animation';
-import { AnimationChild, AnimationChildProps } from './AnimationChild';
-import { Fade, FadeProps } from './Fade';
-import { Expand, ExpandDirection, ExpandProps } from './Expand';
-import { Push, PushDirection, PushProps } from './Push';
-import { Slide, SlideDirection, SlideProps } from './Slide';
-import { Zoom, ZoomDirection, ZoomProps } from './Zoom';
-import { Reveal, RevealDirection, RevealProps } from './Reveal';
-import { useAnimation } from './hooks/useAnimation';
-export { Animation, AnimationProps, AnimationChild, AnimationChildProps, Fade, FadeProps, Expand, ExpandProps, ExpandDirection, Push, PushProps, PushDirection, Slide, SlideProps, SlideDirection, Zoom, ZoomProps, ZoomDirection, Reveal, RevealProps, RevealDirection, useAnimation };

package/dist/npm/main.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAnimation = exports.Reveal = exports.Zoom = exports.Slide = exports.Push = exports.Expand = exports.Fade = exports.AnimationChild = exports.Animation = void 0;
-var Animation_1 = require("./Animation");
-Object.defineProperty(exports, "Animation", { enumerable: true, get: function () { return Animation_1.Animation; } });
-var AnimationChild_1 = require("./AnimationChild");
-Object.defineProperty(exports, "AnimationChild", { enumerable: true, get: function () { return AnimationChild_1.AnimationChild; } });
-var Fade_1 = require("./Fade");
-Object.defineProperty(exports, "Fade", { enumerable: true, get: function () { return Fade_1.Fade; } });
-var Expand_1 = require("./Expand");
-Object.defineProperty(exports, "Expand", { enumerable: true, get: function () { return Expand_1.Expand; } });
-var Push_1 = require("./Push");
-Object.defineProperty(exports, "Push", { enumerable: true, get: function () { return Push_1.Push; } });
-var Slide_1 = require("./Slide");
-Object.defineProperty(exports, "Slide", { enumerable: true, get: function () { return Slide_1.Slide; } });
-var Zoom_1 = require("./Zoom");
-Object.defineProperty(exports, "Zoom", { enumerable: true, get: function () { return Zoom_1.Zoom; } });
-var Reveal_1 = require("./Reveal");
-Object.defineProperty(exports, "Reveal", { enumerable: true, get: function () { return Reveal_1.Reveal; } });
-var useAnimation_1 = require("./hooks/useAnimation");
-Object.defineProperty(exports, "useAnimation", { enumerable: true, get: function () { return useAnimation_1.useAnimation; } });

package/dist/npm/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/npm/package-metadata.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.packageMetadata = void 0;
-/**
- * @hidden
- */
-exports.packageMetadata = {
-    name: '@progress/kendo-react-animation',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700063333,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
-};

package/dist/npm/util.d.ts

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-declare const stylesMap: {
-    outerHeight: (element: any) => any;
-    outerWidth: (element: any) => any;
-    styles: {
-        [name: string]: string;
-    };
-};
-export default stylesMap;