@zohodesk/components 1.2.23 → 1.2.24

package/lib/Accordion/Accordion.js

@@ -1,32 +1,50 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _defaultProps = require("./props/defaultProps");
+
 var _propTypes = require("./props/propTypes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var Accordion = /*#__PURE__*/function (_React$Component) {
   _inherits(Accordion, _React$Component);
+
   var _super = _createSuper(Accordion);
+
   function Accordion(props) {
     var _this;
+
     _classCallCheck(this, Accordion);
+
     _this = _super.call(this, props);
     _this.state = {
       selectedItem: _this.props.selectedItem
@@ -34,15 +52,18 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
     _this.selectMenu = _this.selectMenu.bind(_assertThisInitialized(_this));
     return _this;
   }
+
   _createClass(Accordion, [{
     key: "selectMenu",
     value: function selectMenu(selectedItem) {
       var _this$props = this.props,
-        onSelect = _this$props.onSelect,
-        disableInternalState = _this$props.disableInternalState;
+          onSelect = _this$props.onSelect,
+          disableInternalState = _this$props.disableInternalState;
+
       if (onSelect) {
         onSelect(selectedItem);
       }
+
       !disableInternalState && this.setState({
         selectedItem: selectedItem
       });
@@ -60,16 +81,18 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$props2 = this.props,
-        className = _this$props2.className,
-        height = _this$props2.height,
-        unMount = _this$props2.unMount,
-        disableInternalState = _this$props2.disableInternalState,
-        propSelectedItem = _this$props2.selectedItem,
-        a11y = _this$props2.a11y,
-        dataId = _this$props2.dataId,
-        dataSelectorId = _this$props2.dataSelectorId;
+          className = _this$props2.className,
+          height = _this$props2.height,
+          unMount = _this$props2.unMount,
+          disableInternalState = _this$props2.disableInternalState,
+          propSelectedItem = _this$props2.selectedItem,
+          a11y = _this$props2.a11y,
+          dataId = _this$props2.dataId,
+          dataSelectorId = _this$props2.dataSelectorId;
       var selectedItem = this.state.selectedItem;
+
       var children = _react["default"].Children.map(this.props.children, function (child) {
         if (child) {
           return /*#__PURE__*/_react["default"].cloneElement(child, {
@@ -79,9 +102,10 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
           });
         }
       });
+
       var role = a11y.role,
-        ariaExpanded = a11y.ariaExpanded,
-        ariaHaspopup = a11y.ariaHaspopup;
+          ariaExpanded = a11y.ariaExpanded,
+          ariaHaspopup = a11y.ariaHaspopup;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: className ? className : '',
         style: {
@@ -96,13 +120,13 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
       }, children);
     }
   }]);
+
   return Accordion;
 }(_react["default"].Component);
+
 exports["default"] = Accordion;
 Accordion.propTypes = _propTypes.Accordion_propTypes;
-Accordion.defaultProps = _defaultProps.Accordion_defaultProps;
-
-// if (__DOCS__) {
+Accordion.defaultProps = _defaultProps.Accordion_defaultProps; // if (__DOCS__) {
 //   Accordion.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide'

package/lib/Accordion/AccordionItem.js

@@ -1,61 +1,82 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _defaultProps = require("./props/defaultProps");
+
 var _propTypes = require("./props/propTypes");
+
 var _VelocityAnimation = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimation/VelocityAnimation"));
+
 var _VelocityAnimationGroup = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var AccordionItem = /*#__PURE__*/function (_React$Component) {
   _inherits(AccordionItem, _React$Component);
+
   var _super = _createSuper(AccordionItem);
+
   function AccordionItem(props) {
     var _this;
+
     _classCallCheck(this, AccordionItem);
+
     _this = _super.call(this, props);
     _this.equalityCheck = _this.equalityCheck.bind(_assertThisInitialized(_this));
     return _this;
   }
+
   _createClass(AccordionItem, [{
     key: "equalityCheck",
     value: function equalityCheck() {
       var _this$props = this.props,
-        equalityCheck = _this$props.equalityCheck,
-        selectedItem = _this$props.selectedItem,
-        id = _this$props.id;
+          equalityCheck = _this$props.equalityCheck,
+          selectedItem = _this$props.selectedItem,
+          id = _this$props.id;
       return equalityCheck ? equalityCheck(id, selectedItem) : selectedItem == id;
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-        id = _this$props2.id,
-        selectMenu = _this$props2.selectMenu,
-        className = _this$props2.className,
-        children = _this$props2.children,
-        dataId = _this$props2.dataId,
-        dataSelectorId = _this$props2.dataSelectorId,
-        unMount = _this$props2.unMount,
-        unMountItem = _this$props2.unMountItem,
-        a11y = _this$props2.a11y,
-        innerClass = _this$props2.innerClass;
+          id = _this$props2.id,
+          selectMenu = _this$props2.selectMenu,
+          className = _this$props2.className,
+          children = _this$props2.children,
+          dataId = _this$props2.dataId,
+          dataSelectorId = _this$props2.dataSelectorId,
+          unMount = _this$props2.unMount,
+          unMountItem = _this$props2.unMountItem,
+          a11y = _this$props2.a11y,
+          innerClass = _this$props2.innerClass;
       unMountItem = unMountItem !== undefined ? unMountItem : unMount;
       var role = a11y.role;
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -76,12 +97,13 @@ var AccordionItem = /*#__PURE__*/function (_React$Component) {
       }, children[1]));
     }
   }]);
+
   return AccordionItem;
 }(_react["default"].Component);
+
 exports["default"] = AccordionItem;
 AccordionItem.propTypes = _propTypes.AccordionItem_propTypes;
-AccordionItem.defaultProps = _defaultProps.AccordionItem_defaultProps;
-// if (__DOCS__) {
+AccordionItem.defaultProps = _defaultProps.AccordionItem_defaultProps; // if (__DOCS__) {
 //   AccordionItem.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide'

package/lib/Accordion/index.js

@@ -15,6 +15,9 @@ Object.defineProperty(exports, "AccordionItem", {
     return _AccordionItem["default"];
   }
 });
+
 var _Accordion = _interopRequireDefault(require("./Accordion"));
+
 var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/Accordion/props/propTypes.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Accordion_propTypes = exports.AccordionItem_propTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var Accordion_propTypes = {
   children: _propTypes["default"].node,
   className: _propTypes["default"].string,

package/lib/Animation/Animation.js

@@ -1,136 +1,74 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _defaultProps = require("./props/defaultProps");
+
 var _propTypes = require("./props/propTypes");
+
 var _reactTransitionGroup = require("react-transition-group");
-var _transitionModule = _interopRequireDefault(require("../common/transition.module.css"));
+
+var _utils = require("./utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var Animation = /*#__PURE__*/function (_React$Component) {
   _inherits(Animation, _React$Component);
+
   var _super = _createSuper(Animation);
+
   function Animation(props) {
     _classCallCheck(this, Animation);
+
     return _super.call(this, props);
   }
+
   _createClass(Animation, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        name = _this$props.name,
-        enterDuration = _this$props.enterDuration,
-        exitDuration = _this$props.exitDuration,
-        children = _this$props.children,
-        isActive = _this$props.isActive,
-        unmountOnExit = _this$props.unmountOnExit,
-        _this$props$onEntered = _this$props.onEntered,
-        onEntered = _this$props$onEntered === void 0 ? function () {} : _this$props$onEntered,
-        _this$props$onExit = _this$props.onExit,
-        onExit = _this$props$onExit === void 0 ? function () {} : _this$props$onExit,
-        _this$props$delayClas = _this$props.delayClassName,
-        delayClassName = _this$props$delayClas === void 0 ? null : _this$props$delayClas;
-      var animation = {
-        zoomIn: {
-          enter: _transitionModule["default"].zoomInEnter,
-          enterActive: _transitionModule["default"].zoomInEnterActive,
-          enterDone: _transitionModule["default"].zoomInEnterActive,
-          exit: _transitionModule["default"].zoomInLeave,
-          exitActive: _transitionModule["default"].zoomInLeaveActive,
-          exitDone: _transitionModule["default"].zoomInLeaveActive,
-          appear: _transitionModule["default"].zoomInEnter,
-          appearActive: _transitionModule["default"].zoomInEnterActive
-        },
-        scaleIn: {
-          enter: _transitionModule["default"].scaleInEnter,
-          enterActive: _transitionModule["default"].scaleInEnterActive,
-          enterDone: _transitionModule["default"].scaleInEnterActive,
-          exit: _transitionModule["default"].scaleInLeave,
-          exitActive: _transitionModule["default"].scaleInLeaveActive,
-          exitDone: _transitionModule["default"].scaleInLeaveActive,
-          appear: _transitionModule["default"].scaleInEnter,
-          appearActive: _transitionModule["default"].scaleInEnterActive
-        },
-        fadeIn: {
-          enter: _transitionModule["default"].fadeInEnter,
-          enterActive: _transitionModule["default"].fadeInEnterActive,
-          enterDone: _transitionModule["default"].fadeInEnterActive,
-          exit: _transitionModule["default"].fadeInLeave,
-          exitActive: _transitionModule["default"].fadeInLeaveActive,
-          exitDone: _transitionModule["default"].fadeInLeaveActive,
-          appear: _transitionModule["default"].fadeInEnter,
-          appearActive: _transitionModule["default"].fadeInEnterActive
-        },
-        slideLeft: {
-          enter: _transitionModule["default"].slideLeftEnter,
-          enterActive: _transitionModule["default"].slideLeftEnterActive,
-          enterDone: _transitionModule["default"].slideLeftEnterActive,
-          exit: _transitionModule["default"].slideLeftLeave,
-          exitActive: _transitionModule["default"].slideLeftLeaveActive,
-          exitDone: _transitionModule["default"].slideLeftLeaveActive,
-          appear: _transitionModule["default"].slideLeftEnter,
-          appearActive: _transitionModule["default"].slideLeftEnterActive
-        },
-        slideDown: {
-          enter: _transitionModule["default"].slideDownEnter,
-          enterActive: _transitionModule["default"].slideDownEnterActive,
-          enterDone: _transitionModule["default"].slideDownEnterActive,
-          exit: _transitionModule["default"].slideDownLeave,
-          exitActive: _transitionModule["default"].slideDownLeaveActive,
-          exitDone: _transitionModule["default"].slideDownLeaveActive,
-          appear: _transitionModule["default"].slideDownEnter,
-          appearActive: _transitionModule["default"].slideDownEnterActive
-        },
-        skewIn: {
-          enter: _transitionModule["default"].skewInEnter,
-          enterActive: _transitionModule["default"].skewInEnterActive,
-          enterDone: _transitionModule["default"].skewInEnterActive,
-          exit: _transitionModule["default"].skewInLeave,
-          exitActive: _transitionModule["default"].skewInLeaveActive,
-          exitDone: _transitionModule["default"].skewInLeaveActive,
-          appear: _transitionModule["default"].skewInEnter,
-          appearActive: _transitionModule["default"].skewInEnterActive
-        },
-        none: {
-          enter: _transitionModule["default"].noneEnter,
-          enterActive: _transitionModule["default"].noneEnterActive,
-          enterDone: _transitionModule["default"].noneEnterActive,
-          exit: _transitionModule["default"].noneLeave,
-          exitActive: _transitionModule["default"].noneLeaveActive,
-          exitDone: _transitionModule["default"].noneLeaveActive,
-          appear: _transitionModule["default"].noneEnter,
-          appearActive: _transitionModule["default"].noneEnterActive
-        },
-        "default": {
-          enter: _transitionModule["default"].defaultEnter,
-          enterActive: _transitionModule["default"].defaultEnterActive,
-          enterDone: _transitionModule["default"].defaultEnterActive,
-          exit: _transitionModule["default"].defaultLeave,
-          exitActive: _transitionModule["default"].defaultLeaveActive,
-          exitDone: _transitionModule["default"].defaultLeaveActive,
-          appear: _transitionModule["default"].defaultEnter,
-          appearActive: _transitionModule["default"].defaultEnterActive
-        }
-      };
-      var newClassNames = delayClassName ? Object.assign({}, animation[name], {
-        exit: "".concat(delayClassName, " ").concat(animation[name].exit)
-      }) : animation[name];
+          name = _this$props.name,
+          enterDuration = _this$props.enterDuration,
+          exitDuration = _this$props.exitDuration,
+          children = _this$props.children,
+          isActive = _this$props.isActive,
+          unmountOnExit = _this$props.unmountOnExit,
+          _this$props$onEntered = _this$props.onEntered,
+          onEntered = _this$props$onEntered === void 0 ? function () {} : _this$props$onEntered,
+          _this$props$onExit = _this$props.onExit,
+          onExit = _this$props$onExit === void 0 ? function () {} : _this$props$onExit,
+          _this$props$delayClas = _this$props.delayClassName,
+          delayClassName = _this$props$delayClas === void 0 ? null : _this$props$delayClas;
+      var newClassNames = delayClassName ? Object.assign({}, _utils.animationStyle[name], {
+        exit: "".concat(delayClassName, " ").concat(_utils.animationStyle[name].exit)
+      }) : _utils.animationStyle[name];
       return /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
         classNames: newClassNames && newClassNames,
         "in": isActive,
@@ -148,13 +86,13 @@ var Animation = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children));
     }
   }]);
+
   return Animation;
 }(_react["default"].Component);
+
 exports["default"] = Animation;
 Animation.propTypes = _propTypes.propTypes;
-Animation.defaultProps = _defaultProps.defaultProps;
-
-// if (__DOCS__) {
+Animation.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
 //   Animation.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide',

package/lib/Animation/props/propTypes.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var propTypes = {
   children: _propTypes["default"].node,
   delayClassName: _propTypes["default"].string,

package/lib/Animation/utils.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.animationStyle = void 0;
+
+var _transitionModule = _interopRequireDefault(require("../common/transition.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var animationStyle = {
+  zoomIn: {
+    enter: _transitionModule["default"].zoomInEnter,
+    enterActive: _transitionModule["default"].zoomInEnterActive,
+    enterDone: _transitionModule["default"].zoomInEnterActive,
+    exit: _transitionModule["default"].zoomInLeave,
+    exitActive: _transitionModule["default"].zoomInLeaveActive,
+    exitDone: _transitionModule["default"].zoomInLeaveActive,
+    appear: _transitionModule["default"].zoomInEnter,
+    appearActive: _transitionModule["default"].zoomInEnterActive
+  },
+  scaleIn: {
+    enter: _transitionModule["default"].scaleInEnter,
+    enterActive: _transitionModule["default"].scaleInEnterActive,
+    enterDone: _transitionModule["default"].scaleInEnterActive,
+    exit: _transitionModule["default"].scaleInLeave,
+    exitActive: _transitionModule["default"].scaleInLeaveActive,
+    exitDone: _transitionModule["default"].scaleInLeaveActive,
+    appear: _transitionModule["default"].scaleInEnter,
+    appearActive: _transitionModule["default"].scaleInEnterActive
+  },
+  fadeIn: {
+    enter: _transitionModule["default"].fadeInEnter,
+    enterActive: _transitionModule["default"].fadeInEnterActive,
+    enterDone: _transitionModule["default"].fadeInEnterActive,
+    exit: _transitionModule["default"].fadeInLeave,
+    exitActive: _transitionModule["default"].fadeInLeaveActive,
+    exitDone: _transitionModule["default"].fadeInLeaveActive,
+    appear: _transitionModule["default"].fadeInEnter,
+    appearActive: _transitionModule["default"].fadeInEnterActive
+  },
+  slideLeft: {
+    enter: _transitionModule["default"].slideLeftEnter,
+    enterActive: _transitionModule["default"].slideLeftEnterActive,
+    enterDone: _transitionModule["default"].slideLeftEnterActive,
+    exit: _transitionModule["default"].slideLeftLeave,
+    exitActive: _transitionModule["default"].slideLeftLeaveActive,
+    exitDone: _transitionModule["default"].slideLeftLeaveActive,
+    appear: _transitionModule["default"].slideLeftEnter,
+    appearActive: _transitionModule["default"].slideLeftEnterActive
+  },
+  slideDown: {
+    enter: _transitionModule["default"].slideDownEnter,
+    enterActive: _transitionModule["default"].slideDownEnterActive,
+    enterDone: _transitionModule["default"].slideDownEnterActive,
+    exit: _transitionModule["default"].slideDownLeave,
+    exitActive: _transitionModule["default"].slideDownLeaveActive,
+    exitDone: _transitionModule["default"].slideDownLeaveActive,
+    appear: _transitionModule["default"].slideDownEnter,
+    appearActive: _transitionModule["default"].slideDownEnterActive
+  },
+  skewIn: {
+    enter: _transitionModule["default"].skewInEnter,
+    enterActive: _transitionModule["default"].skewInEnterActive,
+    enterDone: _transitionModule["default"].skewInEnterActive,
+    exit: _transitionModule["default"].skewInLeave,
+    exitActive: _transitionModule["default"].skewInLeaveActive,
+    exitDone: _transitionModule["default"].skewInLeaveActive,
+    appear: _transitionModule["default"].skewInEnter,
+    appearActive: _transitionModule["default"].skewInEnterActive
+  },
+  none: {
+    enter: _transitionModule["default"].noneEnter,
+    enterActive: _transitionModule["default"].noneEnterActive,
+    enterDone: _transitionModule["default"].noneEnterActive,
+    exit: _transitionModule["default"].noneLeave,
+    exitActive: _transitionModule["default"].noneLeaveActive,
+    exitDone: _transitionModule["default"].noneLeaveActive,
+    appear: _transitionModule["default"].noneEnter,
+    appearActive: _transitionModule["default"].noneEnterActive
+  },
+  "default": {
+    enter: _transitionModule["default"].defaultEnter,
+    enterActive: _transitionModule["default"].defaultEnterActive,
+    enterDone: _transitionModule["default"].defaultEnterActive,
+    exit: _transitionModule["default"].defaultLeave,
+    exitActive: _transitionModule["default"].defaultLeaveActive,
+    exitDone: _transitionModule["default"].defaultLeaveActive,
+    appear: _transitionModule["default"].defaultEnter,
+    appearActive: _transitionModule["default"].defaultEnterActive
+  }
+};
+exports.animationStyle = animationStyle;