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

package/package.json

@@ -1,20 +1,30 @@
 {
   "name": "@progress/kendo-react-animation",
+  "version": "7.0.0-develop.10",
   "description": "React Animation component assists with animating HTML elements. KendoReact Animation package",
-  "version": "6.1.1",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-react.git"
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-react-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
-  "scripts": {
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/animation/.*",
-    "build-package": "gulp build-package"
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-react-common": "7.0.0-develop.10",
+    "@progress/kendo-svg-icons": "^2.0.0",
+    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-transition-group": "4.4.2"
+  },
+  "dependencies": {
+    "prop-types": "^15.6.0"
   },
-  "homepage": "https://www.telerik.com/kendo-react-ui",
   "keywords": [
     "Kendo UI",
     "React",
@@ -27,24 +37,15 @@
     "React component",
     "Telerik"
   ],
-  "peerDependencies": {
-    "@progress/kendo-licensing": "^1.3.0",
-    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
-  },
-  "dependencies": {
-    "@progress/kendo-react-common": "6.1.1",
-    "prop-types": "^15.6.0",
-    "react-transition-group": "4.4.2"
-  },
   "@progress": {
     "friendlyName": "Animations",
     "framework": "KendoReact"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telerik/kendo-react.git"
+  },
   "publishConfig": {
     "access": "public"
-  },
-  "sideEffects": false
-}
+  }
+}

package/util.d.ts

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+declare const stylesMap: {
+    outerHeight: (element: any) => any;
+    outerWidth: (element: any) => any;
+    styles: {
+        [name: string]: string;
+    };
+};
+export default stylesMap;

package/about.md

@@ -1,3 +0,0 @@
-<a href="https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-animation&utm_content=banner" target="_blank">
-<img src="https://www.telerik.com/kendo-react-ui/components/npm-banner.svg" alt="KendoReact NPM Banner">
-</a>

package/dist/es/Animation.js

@@ -1,98 +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 { classNames } from '@progress/kendo-react-common';
-import { AnimationChild } from './AnimationChild';
-import { TransitionGroup } from 'react-transition-group';
-import { validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from './package-metadata';
-import util from './util';
-var styles = util.styles;
-// tslint:enable:max-line-length
-var Animation = /** @class */ (function (_super) {
-    __extends(Animation, _super);
-    function Animation(props) {
-        var _this = _super.call(this, props) || this;
-        validatePackage(packageMetadata);
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    Animation.prototype.render = function () {
-        var _a = this.props, id = _a.id, style = _a.style, children = _a.children, component = _a.component, className = _a.className, childFactory = _a.childFactory, stackChildren = _a.stackChildren, componentChildStyle = _a.componentChildStyle, componentChildClassName = _a.componentChildClassName, other = __rest(_a, ["id", "style", "children", "component", "className", "childFactory", "stackChildren", "componentChildStyle", "componentChildClassName"]);
-        var transitionProps = {
-            id: id,
-            style: style,
-            component: component,
-            childFactory: childFactory,
-            className: classNames(styles['animation-container'], styles['animation-container-relative'], className)
-        };
-        var content = React.Children.map(children || null, function (child) { return (React.createElement(AnimationChild, __assign({}, other, { style: componentChildStyle, className: componentChildClassName }), child)); });
-        return (React.createElement(TransitionGroup, __assign({}, transitionProps), content));
-    };
-    /**
-     * @hidden
-     */
-    Animation.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,
-        transitionName: PropTypes.string.isRequired,
-        appear: PropTypes.bool.isRequired,
-        enter: PropTypes.bool.isRequired,
-        exit: PropTypes.bool.isRequired,
-        transitionEnterDuration: PropTypes.number.isRequired,
-        transitionExitDuration: PropTypes.number.isRequired
-    };
-    /**
-     * @hidden
-     */
-    Animation.defaultProps = {
-        component: 'div'
-    };
-    return Animation;
-}(React.Component));
-export { Animation };

package/dist/es/AnimationChild.d.ts

@@ -1,89 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { AnimationInterface } from './AnimationInterface';
-/**
- * Represents the props of the child Animation elements.
- */
-export interface AnimationChildProps extends AnimationInterface {
-    /**
-     * Controlled by `TransitionGroup` if present. Otherwise, sets the state of the enter or exit Animations.
-     */
-    in?: boolean;
-    /**
-     * @hidden
-     */
-    style?: any;
-    /**
-     * @hidden
-     */
-    className?: string;
-    /**
-     * Specifies the transition class which will be applied on the appear, enter, and exit transition.
-     */
-    transitionName: string;
-    /**
-     * Specifies the style which will be applied when the Animation reaches its entering state.
-     */
-    animationEnteringStyle?: any;
-    /**
-     * Specifies the style which will be applied when the Animation reaches its entered state.
-     */
-    animationEnteredStyle?: any;
-    /**
-     * Specifies the style which will be applied when the Animation reaches its exiting state.
-     */
-    animationExitingStyle?: any;
-    /**
-     * Specifies the style which will be applied when the Animation reaches its exited state.
-     */
-    animationExitedStyle?: any;
-}
-export declare class AnimationChild extends React.Component<AnimationChildProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        in: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        transitionName: PropTypes.Validator<string>;
-        className: PropTypes.Requireable<string>;
-        appear: PropTypes.Requireable<boolean>;
-        enter: PropTypes.Requireable<boolean>;
-        exit: PropTypes.Requireable<boolean>;
-        transitionEnterDuration: PropTypes.Validator<number>;
-        transitionExitDuration: PropTypes.Validator<number>;
-        mountOnEnter: PropTypes.Requireable<boolean>;
-        unmountOnExit: PropTypes.Requireable<boolean>;
-        animationEnteringStyle: PropTypes.Requireable<object>;
-        animationEnteredStyle: PropTypes.Requireable<object>;
-        animationExitingStyle: PropTypes.Requireable<object>;
-        animationExitedStyle: PropTypes.Requireable<object>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        mountOnEnter: boolean;
-        unmountOnExit: boolean;
-        onEnter: () => void;
-        onEntering: () => void;
-        onEntered: () => void;
-        onExit: () => void;
-        onExiting: () => void;
-        onExited: () => void;
-        onAfterExited: () => void;
-        animationEnteringStyle: {};
-        animationEnteredStyle: {};
-        animationExitingStyle: {};
-        animationExitedStyle: {};
-    };
-    private elementRef;
-    /**
-     * The element that is being animated.
-     */
-    get element(): HTMLDivElement | null;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}

package/dist/es/AnimationChild.js

@@ -1,175 +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 { classNames, noop } from '@progress/kendo-react-common';
-import { CSSTransition } from 'react-transition-group';
-import util from './util';
-var styles = util.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 = 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(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: noop,
-        onEntering: noop,
-        onEntered: noop,
-        onExit: noop,
-        onExiting: noop,
-        onExited: noop,
-        onAfterExited: noop,
-        animationEnteringStyle: {},
-        animationEnteredStyle: {},
-        animationExitingStyle: {},
-        animationExitedStyle: {}
-    };
-    return AnimationChild;
-}(React.Component));
-export { AnimationChild };

package/dist/es/AnimationInterface.js

@@ -1,2 +0,0 @@
-export {};
-// tslint:enable:max-line-length

package/dist/es/Expand.d.ts

@@ -1,81 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { AnimationInterface } from './AnimationInterface';
-/**
- * Specifies the direction of the Expand Animation ([see example]({% slug direction_animation %}#toc-expand)).
- *
- * The supported directions are:
- * * (Default) `vertical`—Expands the content from center to top and bottom, and vice-versa.
- * * `horizontal`—Expands the content from center to left and right, and vice-versa.
- */
-export declare type ExpandDirection = 'horizontal' | 'vertical';
-/**
- * Represent the props of the [KendoReact Expand Animation component]({% slug animationtypes_animation %}#toc-expand).
- *
- * {% meta %}
- * {% variant title:Hooks %}
- * {% embed_file props/expand/func/main.tsx preview %}
- * {% embed_file props/expand/func/styles.css %}
- * {% endvariant %}
- * {% variant title:Classes %}
- * {% embed_file props/expand/class/main.tsx preview %}
- * {% embed_file props/expand/class/styles.css %}
- * {% endvariant %}
- * {% endmeta %}
- *
- */
-export interface ExpandProps extends AnimationInterface {
-    /**
-     * After the element reached 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 Expand Animation. Defaults to `vertical`.
-     */
-    direction?: ExpandDirection;
-    /**
-     * 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 Expand extends React.Component<ExpandProps, {}> {
-    /**
-     * @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/es/Expand.js

@@ -1,88 +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 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, __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));
-export { Expand };