@zohodesk/components 1.0.0-temp-227 → 1.0.0-temp-228

package/lib/Select/props/propTypes.js

@@ -110,9 +110,7 @@ var Select_propTypes = {
   targetOffset: _propTypes["default"].object,
   isRestrictScroll: _propTypes["default"].bool,
   dropBoxPortalId: _propTypes["default"].string,
-  allowValueFallback: _propTypes["default"].bool,
-  renderCustomToggleIndicator: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].node]),
-  renderCustomSearchClearComponent: _propTypes["default"].func
+  allowValueFallback: _propTypes["default"].bool
 };
 exports.Select_propTypes = Select_propTypes;
 var GroupSelect_propTypes = {

package/lib/Stencils/Stencils.js

@@ -55,11 +55,11 @@ var Stencils = /*#__PURE__*/function (_React$PureComponent) {
           shape = _this$props.shape,
           size = _this$props.size,
           palette = _this$props.palette,
-          customClass = _this$props.customClass,
-          isAnimated = _this$props.isAnimated;
-      size = shape === 'rect' ? _StencilsModule["default"][size] : _StencilsModule["default"]["size_".concat(size)];
+          customClass = _this$props.customClass;
+      size = shape === 'rect' ? _StencilsModule["default"][size] : _StencilsModule["default"]["c".concat(size)];
+      shape = shape === 'rect' ? _StencilsModule["default"].rectangular : _StencilsModule["default"].circle;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_StencilsModule["default"].container, " ").concat(isAnimated ? _StencilsModule["default"].animate : '', " ").concat(_StencilsModule["default"][shape], " ").concat(size, " ").concat(_StencilsModule["default"][palette], " ").concat(customClass)
+        className: "".concat(_StencilsModule["default"].container, " ").concat(shape, " ").concat(size, " ").concat(_StencilsModule["default"][palette], " ").concat(customClass)
       });
     }
   }]);
@@ -69,4 +69,11 @@ var Stencils = /*#__PURE__*/function (_React$PureComponent) {
 
 exports["default"] = Stencils;
 Stencils.propTypes = _propTypes.propTypes;
-Stencils.defaultProps = _defaultProps.defaultProps;
+Stencils.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+//   Stencils.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'Style Guide',
+//     description: ' ',
+//     external: true
+//   };
+// }

package/lib/Stencils/Stencils.module.css

@@ -13,14 +13,14 @@
 .stencil {
   background-size: 800px 1px;
 }
-[dir=ltr] .animate{
+[dir=ltr] .stencil {
   animation-name:  placeHolderShimmer-ltr ;
   animation-fill-mode: forwards;
   animation-iteration-count: infinite;
   animation-duration: var(--zd_transition10);
   animation-timing-function: linear;
 }
-[dir=rtl] .animate{
+[dir=rtl] .stencil {
   animation-name:  placeHolderShimmer-rtl ;
   animation-fill-mode: forwards;
   animation-iteration-count: infinite;
@@ -46,7 +46,7 @@
   }
 }
 
-.rect {
+.rectangular {
   composes: stencil;
   --stencil_height: var(--zd_size9);
   --stencil_border_radius: 5px;
@@ -81,20 +81,16 @@
   composes: stencil;
   --stencil_border_radius: 50%;
 }
-.square {
-  composes: stencil;
-  --stencil_border_radius: 4px;
-}
-.size_large {
+.clarge {
   --stencil_width: var(--zd_size42);
   --stencil_height: var(--zd_size42);
 }
-.size_medium,
-.size_default {
+.cmedium,
+.cdefault {
   --stencil_width: var(--zd_size30);
   --stencil_height: var(--zd_size30);
 }
-.size_small {
+.csmall {
   --stencil_width: var(--zd_size20);
   --stencil_height: var(--zd_size20);
 }

package/lib/Stencils/__tests__/Stencils.spec.js

@@ -24,7 +24,7 @@ describe('Stencils', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
-  var shape = ['rect', 'circle', 'square'];
+  var shape = ['rect', 'circle'];
   test.each(shape)('rendering the shape of- %s', function (shape) {
     var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
       shape: shape
@@ -42,19 +42,11 @@ describe('Stencils', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
-  test('rendering without animation', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
-      isAnimated: false
-    })),
-        asFragment = _render5.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
   test('rendering the customClass', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
       customClass: "StencilsCustomClass"
     })),
-        asFragment = _render6.asFragment;
+        asFragment = _render5.asFragment;
 
     expect(asFragment()).toMatchSnapshot();
   });

package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`Stencils rendering the customClass 1`] = `
 <DocumentFragment>
   <div
-    class="container animate rect medium primary StencilsCustomClass"
+    class="container rectangular medium primary StencilsCustomClass"
   />
 </DocumentFragment>
 `;
@@ -11,7 +11,7 @@ exports[`Stencils rendering the customClass 1`] = `
 exports[`Stencils rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container animate rect medium primary "
+    class="container rectangular medium primary "
   />
 </DocumentFragment>
 `;
@@ -19,7 +19,7 @@ exports[`Stencils rendering the defult props 1`] = `
 exports[`Stencils rendering the palette of- dark 1`] = `
 <DocumentFragment>
   <div
-    class="container animate rect medium dark "
+    class="container rectangular medium dark "
   />
 </DocumentFragment>
 `;
@@ -27,7 +27,7 @@ exports[`Stencils rendering the palette of- dark 1`] = `
 exports[`Stencils rendering the palette of- primary 1`] = `
 <DocumentFragment>
   <div
-    class="container animate rect medium primary "
+    class="container rectangular medium primary "
   />
 </DocumentFragment>
 `;
@@ -35,7 +35,7 @@ exports[`Stencils rendering the palette of- primary 1`] = `
 exports[`Stencils rendering the palette of- secondary 1`] = `
 <DocumentFragment>
   <div
-    class="container animate rect medium secondary "
+    class="container rectangular medium secondary "
   />
 </DocumentFragment>
 `;
@@ -43,7 +43,7 @@ exports[`Stencils rendering the palette of- secondary 1`] = `
 exports[`Stencils rendering the shape of- circle 1`] = `
 <DocumentFragment>
   <div
-    class="container animate circle size_medium primary "
+    class="container circle cmedium primary "
   />
 </DocumentFragment>
 `;
@@ -51,15 +51,7 @@ exports[`Stencils rendering the shape of- circle 1`] = `
 exports[`Stencils rendering the shape of- rect 1`] = `
 <DocumentFragment>
   <div
-    class="container animate rect medium primary "
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering the shape of- square 1`] = `
-<DocumentFragment>
-  <div
-    class="container animate square size_medium primary "
+    class="container rectangular medium primary "
   />
 </DocumentFragment>
 `;
@@ -67,7 +59,7 @@ exports[`Stencils rendering the shape of- square 1`] = `
 exports[`Stencils rendering the size of- default 1`] = `
 <DocumentFragment>
   <div
-    class="container animate rect default primary "
+    class="container rectangular default primary "
   />
 </DocumentFragment>
 `;
@@ -75,7 +67,7 @@ exports[`Stencils rendering the size of- default 1`] = `
 exports[`Stencils rendering the size of- large 1`] = `
 <DocumentFragment>
   <div
-    class="container animate rect large primary "
+    class="container rectangular large primary "
   />
 </DocumentFragment>
 `;
@@ -83,7 +75,7 @@ exports[`Stencils rendering the size of- large 1`] = `
 exports[`Stencils rendering the size of- medium 1`] = `
 <DocumentFragment>
   <div
-    class="container animate rect medium primary "
+    class="container rectangular medium primary "
   />
 </DocumentFragment>
 `;
@@ -91,15 +83,7 @@ exports[`Stencils rendering the size of- medium 1`] = `
 exports[`Stencils rendering the size of- small 1`] = `
 <DocumentFragment>
   <div
-    class="container animate rect small primary "
-  />
-</DocumentFragment>
-`;
-
-exports[`Stencils rendering without animation 1`] = `
-<DocumentFragment>
-  <div
-    class="container  rect medium primary "
+    class="container rectangular small primary "
   />
 </DocumentFragment>
 `;

package/lib/Stencils/props/defaultProps.js

@@ -8,7 +8,6 @@ var defaultProps = {
   palette: 'primary',
   shape: 'rect',
   size: 'medium',
-  customClass: '',
-  isAnimated: true
+  customClass: ''
 };
 exports.defaultProps = defaultProps;

package/lib/Stencils/props/propTypes.js

@@ -11,9 +11,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 var propTypes = {
   palette: _propTypes["default"].oneOf(['primary', 'secondary', 'dark']),
-  shape: _propTypes["default"].oneOf(['rect', 'circle', 'square']),
+  shape: _propTypes["default"].oneOf(['rect', 'circle']),
   size: _propTypes["default"].oneOf(['small', 'medium', 'large', 'default']),
-  customClass: _propTypes["default"].string,
-  isAnimated: _propTypes["default"].bool
+  customClass: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/Tab/Tab.js

@@ -17,8 +17,6 @@ var _Layout = require("../Layout");
 
 var _Common = require("../utils/Common");
 
-var _tabConfigs = require("./utils/tabConfigs");
-
 var _TabModule = _interopRequireDefault(require("./Tab.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -92,7 +90,7 @@ function Tab(_ref) {
   var activeWithAppearance = (0, _Common.cs)([_TabModule["default"][styleContent.active], needBorder && !isAnimate && _TabModule["default"]["".concat(styleContent.active, "_border")]]);
   var activeClasses = (0, _Common.cs)([needAppearance && activeWithAppearance, activeClass]);
   var inActiveClasses = needAppearance && (0, _Common.cs)([_TabModule["default"][styleContent.tab], tabTypes[type] && _TabModule["default"]["".concat("".concat(type, "Hover"))]]);
-  var tabClass = (0, _Common.cs)([_TabModule["default"].tab, _tabConfigs.TAB_DIRECTION_MAPPING[align] === 'column' ? _TabModule["default"].vertical : _TabModule["default"].horizontal, isDisabled && _TabModule["default"].disabled, needBorder && !isAnimate && needAppearance && _TabModule["default"].border, isActive ? activeClasses : inActiveClasses, className]);
+  var tabClass = (0, _Common.cs)([_TabModule["default"].tab, align === 'vertical' ? _TabModule["default"].vertical : _TabModule["default"].horizontal, isDisabled && _TabModule["default"].disabled, needBorder && !isAnimate && needAppearance && _TabModule["default"].border, isActive ? activeClasses : inActiveClasses, className]);
   return /*#__PURE__*/_react["default"].createElement(_Layout.Box, _extends({
     tourId: tourId,
     tagName: isLink ? 'a' : 'div',

package/lib/Tab/TabWrapper.js

@@ -15,8 +15,6 @@ var _propTypes = require("./props/propTypes");
 
 var _Layout = require("../Layout");
 
-var _tabConfigs = require("./utils/tabConfigs");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -63,7 +61,7 @@ function TabWrapper(_ref) {
     onSelect && onSelect(id);
   }, [hookToDisableInternalState, onSelect]);
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    alignBox: _tabConfigs.TAB_ALIGN_MAPPING[align],
+    alignBox: align === 'vertical' ? 'column' : 'row',
     dataId: dataId,
     dataSelectorId: dataSelectorId
   }, _react["default"].Children.map(children, function (child) {

package/lib/Tab/Tabs.js

@@ -37,8 +37,6 @@ var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/Re
 
 var _CustomResponsive = require("../Responsive/CustomResponsive");
 
-var _tabConfigs = require("./utils/tabConfigs");
-
 var _semanticButtonModule = _interopRequireDefault(require("../semantic/Button/semanticButton.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -178,14 +176,14 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
       if (totalDimension && this[selectedTab]) {
         var align = this.props.align;
         var newDim = "".concat((0, _Common.remConvert)(totalDimension), "rem");
-        _tabConfigs.TAB_DIRECTION_MAPPING[align] === 'column' ? this[selectedTab].style.maxWidth = newDim : this[selectedTab].style.maxHeight = newDim;
+        align === 'vertical' ? this[selectedTab].style.maxWidth = newDim : this[selectedTab].style.maxHeight = newDim;
       }
     }
   }, {
     key: "getHighlightDim",
     value: function getHighlightDim() {
       var align = this.props.align;
-      return _tabConfigs.TAB_DIRECTION_MAPPING[align] === 'column' ? this.highlight.offsetLeft : this.highlight.offsetTop;
+      return align === 'vertical' ? this.highlight.offsetLeft : this.highlight.offsetTop;
     }
   }, {
     key: "componentDidUpdate",
@@ -262,12 +260,12 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         if (tabActive) {
           var position, dimension;
 
-          if (_tabConfigs.TAB_DIRECTION_MAPPING[align] === 'column') {
+          if (align === 'vertical') {
             position = tabActive.offsetLeft;
             dimension = tabActive.offsetWidth;
             node.style.transform = "translateX(".concat((0, _Common.remConvert)(position - highlightInitialDimension), "rem)");
             node.style.width = "".concat((0, _Common.remConvert)(dimension), "rem");
-          } else if (_tabConfigs.TAB_DIRECTION_MAPPING[align] === 'row') {
+          } else if (align === 'horizontal') {
             position = tabActive.offsetTop;
             dimension = tabActive.offsetHeight;
             node.style.transform = "translateY(".concat((0, _Common.remConvert)(position - highlightInitialDimension), "rem)");
@@ -473,7 +471,8 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
           align = _this$props8.align,
           removeClose = _this$props8.removeClose;
       removeClose && removeClose(e);
-      boxPosition = boxPosition ? boxPosition : _tabConfigs.TAB_POPUP_POSITION_MAPPING[align];
+      var popupPosition = align === 'vertical' ? 'bottomLeft' : 'rightTop';
+      boxPosition = boxPosition ? boxPosition : popupPosition;
       togglePopup(e, boxPosition);
     }
   }, {
@@ -593,7 +592,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
           MoreButtonProps = _customProps$MoreButt === void 0 ? {} : _customProps$MoreButt,
           _customProps$TextBoxI = customProps.TextBoxIconProps,
           TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI;
-      var popupClass = _tabConfigs.TAB_DIRECTION_MAPPING[align] === 'column' ? _TabsModule["default"][position] ? _TabsModule["default"][position] : '' : '';
+      var popupClass = align === 'vertical' ? _TabsModule["default"][position] ? _TabsModule["default"][position] : '' : '';
       var moreTabsListItems = this.handleFilterSuggestions({
         moreTabs: moreTabs
       });
@@ -754,17 +753,17 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         className: containerClass,
         dataSelectorId: dataSelectorId
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        alignBox: _tabConfigs.TAB_DIRECTION_MAPPING[align] === 'column' ? 'row' : 'column',
+        alignBox: align === 'vertical' ? 'row' : 'column',
         className: tabsClass,
         style: style
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         eleRef: this.getTabsRef,
         flexible: true
       }, renderVirtualTabs && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        alignBox: _tabConfigs.TAB_DIRECTION_MAPPING[align] === 'column' ? 'row' : 'column',
+        alignBox: align === 'vertical' ? 'row' : 'column',
         className: _TabsModule["default"].hidden
       }, this.renderTabs(children, [], true)), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        alignBox: _tabConfigs.TAB_DIRECTION_MAPPING[align] === 'column' ? 'row' : 'column'
+        alignBox: align === 'vertical' ? 'row' : 'column'
       }, this.renderTabs(mainTabs, moreTabs, false))), otherTabs.length ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, otherTabs) : null, isAnimate && needTabBorder && needAppearance && /*#__PURE__*/_react["default"].createElement("div", {
         className: hlClass,
         ref: this.getHighlightRef,

package/lib/Tab/props/propTypes.js

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 var Tab_propTypes = {
   activeClass: _propTypes["default"].string,
-  align: _propTypes["default"].oneOf(['vertical', 'horizontal']),
+  align: _propTypes["default"].string,
   children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]),
   className: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
@@ -115,7 +115,7 @@ var Tabs_propTypes = {
 };
 exports.Tabs_propTypes = Tabs_propTypes;
 var TabWrapper_propTypes = {
-  align: _propTypes["default"].oneOf(['vertical', 'horizontal', 'vertical-reverse', 'horizontal-reverse']),
+  align: _propTypes["default"].oneOf(['vertical', 'horizontal']),
   children: _propTypes["default"].node,
   dataId: _propTypes["default"].string,
   defaultTab: _propTypes["default"].string,

package/lib/Tag/__tests__/Tag.spec.js

@@ -2,20 +2,12 @@
 
 var _react = _interopRequireDefault(require("react"));
 
-var _react2 = require("@testing-library/react");
-
-var _IdProvider = require("../../Provider/IdProvider");
-
 var _Tag = _interopRequireDefault(require("../Tag"));
 
+var _react2 = require("@testing-library/react");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-beforeEach(function () {
-  (0, _IdProvider.setGlobalId)(0);
-});
-afterEach(function () {
-  (0, _react2.cleanup)();
-});
 describe('Tag component', function () {
   var size = ['small', 'medium'];
   var palette = ['default', 'danger', 'secondary', 'pureDotted', 'primaryDotted', 'dark', 'pureDarkDotted', 'darkPrimaryDotted', 'defaultLink'];

package/lib/TextBoxIcon/TextBoxIcon.js

@@ -158,8 +158,7 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
           isScrollPrevent = _this$props2.isScrollPrevent,
           customProps = _this$props2.customProps,
           needInputFocusOnWrapperClick = _this$props2.needInputFocusOnWrapperClick,
-          renderRightPlaceholderNode = _this$props2.renderRightPlaceholderNode,
-          renderCustomClearComponent = _this$props2.renderCustomClearComponent;
+          renderRightPlaceholderNode = _this$props2.renderRightPlaceholderNode;
       var isActive = this.state.isActive;
       var _customClass$customTB = customClass.customTBoxWrap,
           customTBoxWrap = _customClass$customTB === void 0 ? '' : _customClass$customTB,
@@ -214,10 +213,7 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
         className: "".concat(_TextBoxIconModule["default"].iconContainer, " ").concat(customTBoxIcon)
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row"
-      }, value && onClear && value.length > 1 && !isDisabled && !isReadOnly || showClearIcon ? typeof renderCustomClearComponent == 'function' ? renderCustomClearComponent({
-        clearText: clearText,
-        handleClear: this.handleClear
-      }) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      }, value && onClear && value.length > 1 && !isDisabled && !isReadOnly || showClearIcon ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_TextBoxIconModule["default"].icon),
         onClick: this.handleClear,
         dataId: "".concat(dataId, "_ClearIcon"),

package/lib/TextBoxIcon/props/propTypes.js

@@ -67,8 +67,7 @@ var propTypes = _objectSpread(_objectSpread({}, _propTypes2.propTypes), {}, {
   customProps: _propTypes["default"].shape({
     TextBoxProps: _propTypes["default"].object
   }),
-  renderRightPlaceholderNode: _propTypes["default"].node,
-  renderCustomClearComponent: _propTypes["default"].func
+  renderRightPlaceholderNode: _propTypes["default"].node
 });
 
 exports.propTypes = propTypes;

package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -1,5 +1,7 @@
 "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
 });
@@ -27,20 +29,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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); }
-
 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, descriptor.key, descriptor); } }
@@ -75,75 +63,35 @@ var VelocityAnimationGroup = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(VelocityAnimationGroup);
 
   function VelocityAnimationGroup(props) {
-    var _this;
-
     _classCallCheck(this, VelocityAnimationGroup);
 
-    _this = _super.call(this, props);
-    _this.handleEnterComplete = _this.handleEnterComplete.bind(_assertThisInitialized(_this));
-    _this.handleExitComplete = _this.handleExitComplete.bind(_assertThisInitialized(_this));
-    return _this;
+    return _super.call(this, props);
   }
 
   _createClass(VelocityAnimationGroup, [{
-    key: "handleEnterComplete",
-    value: function handleEnterComplete(elements) {
-      var _this$props = this.props,
-          onEnterComplete = _this$props.onEnterComplete,
-          postEnterStyles = _this$props.postEnterStyles;
-
-      if (typeof onEnterComplete === 'function') {
-        onEnterComplete(elements);
-      }
-
-      if (postEnterStyles && _typeof(postEnterStyles) === 'object') {
-        elements.forEach(function (rootElement) {
-          Object.entries(postEnterStyles).forEach(function (_ref) {
-            var _ref2 = _slicedToArray(_ref, 2),
-                cssProperty = _ref2[0],
-                cssValue = _ref2[1];
-
-            rootElement.style[cssProperty] = cssValue;
-          });
-        });
-      }
-    }
-  }, {
-    key: "handleExitComplete",
-    value: function handleExitComplete(elements) {
-      var onExitComplete = this.props.onExitComplete;
-
-      if (typeof onExitComplete === 'function') {
-        onExitComplete(elements);
-      }
-    }
-  }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-          children = _this$props2.children,
-          enterName = _this$props2.enterName,
-          exitName = _this$props2.exitName,
-          enterDuration = _this$props2.enterDuration,
-          exitDuration = _this$props2.exitDuration,
-          isActive = _this$props2.isActive,
-          component = _this$props2.component,
-          runOnMount = _this$props2.runOnMount,
-          enterShowStyle = _this$props2.enterShowStyle,
-          enterHideStyle = _this$props2.enterHideStyle,
-          exitDelay = _this$props2.exitDelay,
-          isFlex = _this$props2.isFlex,
-          enterDelay = _this$props2.enterDelay,
-          isCustomized = _this$props2.isCustomized,
-          name = _this$props2.name,
-          needUIPack = _this$props2.needUIPack,
-          onEnterComplete = _this$props2.onEnterComplete,
-          onExitComplete = _this$props2.onExitComplete,
-          postEnterStyles = _this$props2.postEnterStyles;
-
-      var _ref3 = this.context || {},
-          direction = _ref3.direction,
-          isReducedMotion = _ref3.isReducedMotion;
+      var _this$props = this.props,
+          children = _this$props.children,
+          enterName = _this$props.enterName,
+          exitName = _this$props.exitName,
+          enterDuration = _this$props.enterDuration,
+          exitDuration = _this$props.exitDuration,
+          isActive = _this$props.isActive,
+          component = _this$props.component,
+          runOnMount = _this$props.runOnMount,
+          enterShowStyle = _this$props.enterShowStyle,
+          enterHideStyle = _this$props.enterHideStyle,
+          exitDelay = _this$props.exitDelay,
+          isFlex = _this$props.isFlex,
+          enterDelay = _this$props.enterDelay,
+          isCustomized = _this$props.isCustomized,
+          name = _this$props.name,
+          needUIPack = _this$props.needUIPack;
+
+      var _ref = this.context || {},
+          direction = _ref.direction,
+          isReducedMotion = _ref.isReducedMotion;
 
       var childProps = clearProps(this.props);
       var enterAnimationObj = {
@@ -180,15 +128,13 @@ var VelocityAnimationGroup = /*#__PURE__*/function (_React$Component) {
         animation: isCustomized ? enterAnimationObj[name] : needUIPack ? "transition.".concat(enterName, "In") : enterName,
         duration: !isReducedMotion ? enterDuration : 0,
         delay: enterDelay ? enterDelay : 0,
-        display: isFlex ? 'flex' : '',
-        complete: onEnterComplete || postEnterStyles ? this.handleEnterComplete : undefined
+        display: isFlex ? 'flex' : ''
       };
       var exitAnimation = {
         animation: isCustomized ? exitAnimationObj[name] : needUIPack ? "transition.".concat(exitName ? exitName : enterName, "Out") : exitName ? exitName : enterName,
         duration: !isReducedMotion ? exitDuration : 0,
         delay: exitDelay ? exitDelay : 0,
-        display: 'none',
-        complete: onExitComplete ? this.handleExitComplete : undefined
+        display: 'none'
       };
       return /*#__PURE__*/_react["default"].createElement(_velocityReact.VelocityTransitionGroup, _extends({
         enter: enterAnimation,

package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js

@@ -25,9 +25,6 @@ var propTypes = {
   isFlex: _propTypes["default"].bool,
   name: _propTypes["default"].oneOf(['fade', 'slideDown', 'flyDown', 'slideRight', 'shrink', 'expand', 'slideLeft']),
   needUIPack: _propTypes["default"].bool,
-  runOnMount: _propTypes["default"].bool,
-  onEnterComplete: _propTypes["default"].func,
-  onExitComplete: _propTypes["default"].func,
-  postEnterStyles: _propTypes["default"].object
+  runOnMount: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;