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

package/dist/npm/AnimationChild.js

@@ -1,178 +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.AnimationChild = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var react_transition_group_1 = require("react-transition-group");
-var util_1 = require("./util");
-var styles = util_1.default.styles;
-var AnimationChild = /** @class */ (function (_super) {
-    __extends(AnimationChild, _super);
-    function AnimationChild() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.elementRef = React.createRef();
-        return _this;
-    }
-    Object.defineProperty(AnimationChild.prototype, "element", {
-        /**
-         * The element that is being animated.
-         */
-        get: function () {
-            return this.elementRef.current;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    AnimationChild.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, children = _a.children, style = _a.style, appear = _a.appear, enter = _a.enter, exit = _a.exit, transitionName = _a.transitionName, transitionEnterDuration = _a.transitionEnterDuration, transitionExitDuration = _a.transitionExitDuration, className = _a.className, onEnter = _a.onEnter, onEntering = _a.onEntering, onEntered = _a.onEntered, onExit = _a.onExit, onExiting = _a.onExiting, onExited = _a.onExited, onAfterExited = _a.onAfterExited, mountOnEnter = _a.mountOnEnter, unmountOnExit = _a.unmountOnExit, animationEnteringStyle = _a.animationEnteringStyle, animationEnteredStyle = _a.animationEnteredStyle, animationExitingStyle = _a.animationExitingStyle, animationExitedStyle = _a.animationExitedStyle, other = __rest(_a, ["children", "style", "appear", "enter", "exit", "transitionName", "transitionEnterDuration", "transitionExitDuration", "className", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onAfterExited", "mountOnEnter", "unmountOnExit", "animationEnteringStyle", "animationEnteredStyle", "animationExitingStyle", "animationExitedStyle"]);
-        var childAnimationContainerClassNames = (0, kendo_react_common_1.classNames)(className, styles['child-animation-container']);
-        var defaultStyle = __assign({ transitionDelay: '0ms' }, style);
-        var animationStyle = {
-            entering: __assign({ transitionDuration: "".concat(transitionEnterDuration, "ms") }, animationEnteringStyle),
-            entered: __assign({}, animationEnteredStyle),
-            exiting: __assign({ transitionDuration: "".concat(transitionExitDuration, "ms") }, animationExitingStyle),
-            exited: __assign({}, animationExitedStyle)
-        };
-        var transitionProps = {
-            in: this.props.in,
-            appear: appear,
-            enter: enter,
-            exit: exit,
-            mountOnEnter: mountOnEnter,
-            unmountOnExit: unmountOnExit,
-            timeout: {
-                enter: transitionEnterDuration,
-                exit: transitionExitDuration
-            },
-            onEnter: (function () {
-                if (onEnter) {
-                    onEnter.call(undefined, { animatedElement: _this.element, target: _this });
-                }
-            }),
-            onEntering: (function () {
-                if (onEntering) {
-                    onEntering.call(undefined, { animatedElement: _this.element, target: _this });
-                }
-            }),
-            onEntered: (function () {
-                if (onEntered) {
-                    onEntered.call(undefined, { animatedElement: _this.element, target: _this });
-                }
-            }),
-            onExit: (function () {
-                if (onExit) {
-                    onExit.call(undefined, { animatedElement: _this.element, target: _this });
-                }
-            }),
-            onExiting: (function () {
-                if (onExiting) {
-                    onExiting.call(undefined, { animatedElement: _this.element, target: _this });
-                }
-            }),
-            onExited: (function () {
-                if (onAfterExited) {
-                    onAfterExited.call(undefined, { animatedElement: _this.element, target: _this });
-                }
-                if (onExited) {
-                    onExited.call(undefined, { animatedElement: _this.element, target: _this });
-                }
-            }),
-            classNames: {
-                appear: styles["".concat(transitionName, "-appear")] || "".concat(transitionName, "-appear"),
-                appearActive: styles["".concat(transitionName, "-appear-active")] || "".concat(transitionName, "-appear-active"),
-                enter: styles["".concat(transitionName, "-enter")] || "".concat(transitionName, "-enter"),
-                enterActive: styles["".concat(transitionName, "-enter-active")] || "".concat(transitionName, "-enter-active"),
-                exit: styles["".concat(transitionName, "-exit")] || "".concat(transitionName, "-exit"),
-                exitActive: styles["".concat(transitionName, "-exit-active")] || "".concat(transitionName, "-exit-active")
-            }
-        };
-        return (React.createElement(react_transition_group_1.CSSTransition, __assign({}, transitionProps, other, { nodeRef: this.elementRef }), function (status) {
-            return (React.createElement("div", { style: __assign(__assign({}, defaultStyle), animationStyle[status]), className: childAnimationContainerClassNames, ref: _this.elementRef }, children));
-        }));
-    };
-    /**
-     * @hidden
-     */
-    AnimationChild.propTypes = {
-        in: PropTypes.bool,
-        children: PropTypes.oneOfType([
-            PropTypes.arrayOf(PropTypes.node),
-            PropTypes.node
-        ]),
-        transitionName: PropTypes.string.isRequired,
-        className: PropTypes.string,
-        appear: PropTypes.bool,
-        enter: PropTypes.bool,
-        exit: PropTypes.bool,
-        transitionEnterDuration: PropTypes.number.isRequired,
-        transitionExitDuration: PropTypes.number.isRequired,
-        mountOnEnter: PropTypes.bool,
-        unmountOnExit: PropTypes.bool,
-        animationEnteringStyle: PropTypes.object,
-        animationEnteredStyle: PropTypes.object,
-        animationExitingStyle: PropTypes.object,
-        animationExitedStyle: PropTypes.object
-    };
-    /**
-     * @hidden
-     */
-    AnimationChild.defaultProps = {
-        mountOnEnter: true,
-        unmountOnExit: false,
-        onEnter: kendo_react_common_1.noop,
-        onEntering: kendo_react_common_1.noop,
-        onEntered: kendo_react_common_1.noop,
-        onExit: kendo_react_common_1.noop,
-        onExiting: kendo_react_common_1.noop,
-        onExited: kendo_react_common_1.noop,
-        onAfterExited: kendo_react_common_1.noop,
-        animationEnteringStyle: {},
-        animationEnteredStyle: {},
-        animationExitingStyle: {},
-        animationExitedStyle: {}
-    };
-    return AnimationChild;
-}(React.Component));
-exports.AnimationChild = AnimationChild;

package/dist/npm/AnimationInterface.d.ts

@@ -1,89 +0,0 @@
-/// <reference types="react" />
-import { AnimationChild } from './AnimationChild';
-/**
- * The arguments that are passed to the life-cycle hooks.
- */
-export interface AnimationEventArguments {
-    /**
-     * The element that is currently being animated.
-     */
-    animatedElement: HTMLElement;
-    /**
-     * The AnimationChild component which controls the animation.
-     */
-    target: AnimationChild;
-}
-/**
- * Inherited by all Animations. Represents the properties which can be set to an Animation.
- */
-export interface AnimationInterface {
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-    /**
-     * Specifies the CSS class names which are set to each of the animated children elements.
-     */
-    componentChildClassName?: string;
-    /**
-     * Specifies the styles which are set to each of the animated children elements.
-     */
-    componentChildStyle?: any;
-    /**
-     * Called when a component is added to an existing Animation component and the Animation has not started yet ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
-     */
-    onEnter?: (event: AnimationEventArguments) => void;
-    /**
-     * Called when a component is added to an existing Animation component and the Animation is now happening ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
-     */
-    onEntering?: (event: AnimationEventArguments) => void;
-    /**
-     * Called when a component is added to an existing Animation component and the Animation is now finished ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
-     */
-    onEntered?: (event: AnimationEventArguments) => void;
-    /**
-     * An event that is called after the Animation has reached its exit state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
-     */
-    onExit?: (event: AnimationEventArguments) => void;
-    /**
-     * An event that is called after the Animation has reached its exiting state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
-     */
-    onExiting?: (event: AnimationEventArguments) => void;
-    /**
-     * An event that is called after the Animation has reached its exited state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
-     */
-    onExited?: (event: AnimationEventArguments) => void;
-    /**
-     * @hidden
-     * This event is always triggered in contrast to `onExited` which TransitionGroup prevents when target element is not removed from DOM.
-     */
-    onAfterExited?: (event: AnimationEventArguments) => void;
-    /**
-     * Defines whether a transition should happen on the first mount. Defaults to `false`.
-     */
-    appear?: boolean;
-    /**
-     * Specifies whether to animate the entering (showing) element ([see example]({% slug disabledstate_animation %})). Defaults to `true`.
-     */
-    enter?: boolean;
-    /**
-     * Specifies whether to animate a leaving (disappearing) element ([see example]({% slug disabledstate_animation %})). Defaults to `true`.
-     */
-    exit?: boolean;
-    /**
-     * Specifies the duration of the transition for the entering (`animation in`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated. Defaults to `300ms`.
-     */
-    transitionEnterDuration?: number;
-    /**
-     * Specifies the duration of the transition for the exiting (`animation out`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated. Defaults to `300ms`.
-     */
-    transitionExitDuration?: number;
-    /**
-     * Specifies if the Animation will use lazy-mounting on the first `in={true}`. Defaults to `false`.
-     */
-    mountOnEnter?: boolean;
-    /**
-     * Specifies if the Animation will unmount after it reaches its exited state. Defaults to `false`.
-     */
-    unmountOnExit?: boolean;
-}

package/dist/npm/AnimationInterface.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// tslint:enable:max-line-length

package/dist/npm/Expand.js

@@ -1,91 +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.Expand = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var Animation_1 = require("./Animation");
-// tslint:enable:max-line-length
-var Expand = /** @class */ (function (_super) {
-    __extends(Expand, _super);
-    function Expand() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    Expand.prototype.render = function () {
-        var _a = this.props, direction = _a.direction, children = _a.children, other = __rest(_a, ["direction", "children"]);
-        var animationProps = {
-            transitionName: "expand-".concat(direction)
-        };
-        return (React.createElement(Animation_1.Animation, __assign({}, animationProps, other), children));
-    };
-    /**
-     * @hidden
-     */
-    Expand.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
-     */
-    Expand.defaultProps = {
-        appear: false,
-        enter: true,
-        exit: true,
-        transitionEnterDuration: 300,
-        transitionExitDuration: 300,
-        direction: 'vertical'
-    };
-    return Expand;
-}(React.Component));
-exports.Expand = Expand;

package/dist/npm/Fade.d.ts

@@ -1,67 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { AnimationInterface } from './AnimationInterface';
-/**
- * Represent the props of the [KendoReact Fade Animation component]({% slug animationtypes_animation %}#toc-fade).
- *
- * {% meta %}
- * {% variant title:Hooks %}
- * {% embed_file props/fade/func/main.tsx preview %}
- * {% embed_file props/fade/func/styles.css %}
- * {% endvariant %}
- * {% variant title:Classes %}
- * {% embed_file props/fade/class/main.tsx preview %}
- * {% embed_file props/fade/class/styles.css %}
- * {% endvariant %}
- * {% endmeta %}
- *
- */
-export interface FadeProps 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 CSS class names which are set to the Animation.
-     */
-    className?: string;
-    /**
-     * 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 Fade extends React.Component<FadeProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        childFactory: PropTypes.Requireable<any>;
-        className: 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;
-    };
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}

package/dist/npm/Fade.js

@@ -1,86 +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.Fade = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var Animation_1 = require("./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_1.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));
-exports.Fade = Fade;

package/dist/npm/Push.js

@@ -1,95 +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.Push = 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 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_1.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));
-exports.Push = Push;