@zohodesk/components 1.0.0-temp-199.25 → 1.0.0-temp-250

package/lib/Typography/utils/textHighlighter.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.highlightText = highlightText;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _cssJSLogic2 = _interopRequireDefault(require("../css/cssJSLogic"));
+
+var _utils = require("@zohodesk/utils");
+
+var _TypographyModule = _interopRequireDefault(require("./../css/Typography.module.css"));
+
+var _Common = require("../../utils/Common");
+
+var _excluded = ["customStyle"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function highlightText(config) {
+  var sourceText = config.text,
+      highlightData = config.data,
+      _config$styleConfigur = config.styleConfiguration,
+      highlightStyleConfig = _config$styleConfigur === void 0 ? _Common.DUMMY_OBJECT : _config$styleConfigur,
+      _config$shouldExclude = config.shouldExcludeIndices,
+      shouldExcludeIndices = _config$shouldExclude === void 0 ? false : _config$shouldExclude,
+      _config$isCaseSensiti = config.isCaseSensitive,
+      enableCaseSensitiveMatch = _config$isCaseSensiti === void 0 ? false : _config$isCaseSensiti,
+      _config$isWholeWord = config.isWholeWord,
+      matchWholeWordOnly = _config$isWholeWord === void 0 ? false : _config$isWholeWord,
+      _config$tagName = config.tagName,
+      wrapperTagName = _config$tagName === void 0 ? 'span' : _config$tagName,
+      customRenderer = config.renderHighlight;
+
+  if (!sourceText || !(highlightData !== null && highlightData !== void 0 && highlightData.length)) {
+    return sourceText;
+  }
+
+  var cssClassCache = new Map();
+  var normalizedHighlightTerms = highlightData.map(function (highlightItem) {
+    var searchTerm = typeof highlightItem === 'string' ? highlightItem : highlightItem === null || highlightItem === void 0 ? void 0 : highlightItem.text;
+    if (!searchTerm) return null;
+    var itemConfiguration = typeof highlightItem === 'string' ? _Common.DUMMY_OBJECT : highlightItem;
+    var hasStyleConfigrationFromItem = itemConfiguration.styleConfiguration !== undefined;
+    var hasRenderHighlightFromItem = itemConfiguration.renderHighlight !== undefined;
+    var finalStyleConfig = itemConfiguration.styleConfiguration !== undefined ? itemConfiguration.styleConfiguration : highlightStyleConfig;
+
+    var customStyle = finalStyleConfig.customStyle,
+        restStyleConfig = _objectWithoutProperties(finalStyleConfig, _excluded);
+
+    var cacheKey = JSON.stringify(restStyleConfig);
+    var typographyClass;
+
+    if (Object.keys(restStyleConfig).length !== 0) {
+      if (cssClassCache.has(cacheKey)) {
+        typographyClass = cssClassCache.get(cacheKey);
+      } else {
+        var _cssJSLogic = (0, _cssJSLogic2["default"])({
+          props: restStyleConfig,
+          style: _TypographyModule["default"]
+        }),
+            computedClass = _cssJSLogic.typographyClass;
+
+        typographyClass = computedClass;
+        cssClassCache.set(cacheKey, typographyClass);
+      }
+    }
+
+    return {
+      searchTerm: searchTerm,
+      targetIndices: itemConfiguration.index !== undefined ? itemConfiguration.index : _Common.DUMMY_ARRAY,
+      shouldExcludeIndices: itemConfiguration.shouldExcludeIndices !== undefined ? itemConfiguration.shouldExcludeIndices : shouldExcludeIndices,
+      isCaseSensitive: itemConfiguration.isCaseSensitive !== undefined ? itemConfiguration.isCaseSensitive : enableCaseSensitiveMatch,
+      matchWholeWordOnly: itemConfiguration.isWholeWord !== undefined ? itemConfiguration.isWholeWord : matchWholeWordOnly,
+      wrapperTagName: itemConfiguration.tagName !== undefined ? itemConfiguration.tagName : wrapperTagName,
+      customStyle: customStyle,
+      customRenderer: itemConfiguration.renderHighlight !== undefined ? itemConfiguration.renderHighlight : customRenderer,
+      highlightClasses: typographyClass,
+      hasStyleConfigrationFromItem: hasStyleConfigrationFromItem,
+      hasRenderHighlightFromItem: hasRenderHighlightFromItem
+    };
+  }).filter(function (highlightConfig) {
+    return highlightConfig && highlightConfig.searchTerm.trim();
+  });
+
+  if (!normalizedHighlightTerms.length) {
+    return sourceText;
+  }
+
+  var regexPatterns = normalizedHighlightTerms.map(function (highlightConfig) {
+    //  Escape special regex characters in the searchTerm so it can be safely used in a RegExp
+    var escapedTerm = highlightConfig.searchTerm.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // If matchWholeWordOnly is true, wrap the term with word boundaries (\b) to match whole words only
+
+    return highlightConfig.matchWholeWordOnly ? "\\b".concat(escapedTerm, "\\b") : escapedTerm;
+  });
+  var combinedRegexPattern = regexPatterns.join('|');
+  var textSegments = sourceText.split(new RegExp("(".concat(combinedRegexPattern, ")"), 'gi'));
+  var occurrenceCountByTerm = {};
+  return textSegments.map(function (textSegment, segmentIndex) {
+    var matchingHighlightConfig = normalizedHighlightTerms.find(function (highlightConfig) {
+      var segmentToCompare = highlightConfig.isCaseSensitive ? textSegment : textSegment.toLowerCase();
+      var termToCompare = highlightConfig.isCaseSensitive ? highlightConfig.searchTerm : highlightConfig.searchTerm.toLowerCase();
+      return segmentToCompare === termToCompare;
+    });
+
+    if (!matchingHighlightConfig) {
+      return textSegment;
+    }
+
+    var termKey = matchingHighlightConfig.searchTerm;
+    occurrenceCountByTerm[termKey] = (occurrenceCountByTerm[termKey] || 0) + 1;
+    var currentOccurrenceIndex = occurrenceCountByTerm[termKey];
+    var targetIndices = matchingHighlightConfig.targetIndices,
+        shouldExcludeIndices = matchingHighlightConfig.shouldExcludeIndices;
+    var isIndicesArray = Array.isArray(targetIndices);
+    var shouldApplyHighlight;
+
+    if (isIndicesArray) {
+      shouldApplyHighlight = (targetIndices.length === 0 || targetIndices.includes(currentOccurrenceIndex)) !== shouldExcludeIndices;
+    } else {
+      shouldApplyHighlight = (targetIndices === 0 || targetIndices === currentOccurrenceIndex) !== shouldExcludeIndices;
+    }
+
+    if (!shouldApplyHighlight) {
+      return textSegment;
+    }
+
+    var customStyle = matchingHighlightConfig.customStyle,
+        highlightClasses = matchingHighlightConfig.highlightClasses,
+        customRenderer = matchingHighlightConfig.customRenderer,
+        hasStyleConfigrationFromItem = matchingHighlightConfig.hasStyleConfigrationFromItem,
+        hasRenderHighlightFromItem = matchingHighlightConfig.hasRenderHighlightFromItem,
+        WrapperTag = matchingHighlightConfig.wrapperTagName;
+    var shouldUseCustomRenderer = false;
+
+    if (customRenderer) {
+      if (hasRenderHighlightFromItem) {
+        shouldUseCustomRenderer = true;
+      } else if (!hasStyleConfigrationFromItem && customRenderer) {
+        shouldUseCustomRenderer = true;
+      }
+    }
+
+    if (shouldUseCustomRenderer && (0, _utils.isRenderable)(customRenderer)) {
+      return (0, _utils.renderNode)(customRenderer, textSegment);
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(WrapperTag, {
+      key: "".concat(textSegment, "_").concat(currentOccurrenceIndex),
+      style: customStyle,
+      className: highlightClasses
+    }, textSegment);
+  });
+}

package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -0,0 +1,126 @@
+"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 _velocityReact = require("velocity-react");
+
+require("velocity-animate/velocity.ui");
+
+var _LibraryContextInit = _interopRequireDefault(require("../../Provider/LibraryContextInit"));
+
+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, 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 _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 VelocityAnimation = /*#__PURE__*/function (_React$Component) {
+  _inherits(VelocityAnimation, _React$Component);
+
+  var _super = _createSuper(VelocityAnimation);
+
+  function VelocityAnimation(props) {
+    _classCallCheck(this, VelocityAnimation);
+
+    return _super.call(this, props);
+  }
+
+  _createClass(VelocityAnimation, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          children = _this$props.children,
+          name = _this$props.name,
+          duration = _this$props.duration,
+          isActive = _this$props.isActive,
+          runOnMount = _this$props.runOnMount,
+          delay = _this$props.delay,
+          isCustomized = _this$props.isCustomized,
+          needUIPack = _this$props.needUIPack,
+          isFlex = _this$props.isFlex;
+
+      var _ref = this.context || {},
+          direction = _ref.direction,
+          isReducedMotion = _ref.isReducedMotion;
+
+      var enterAnimationObj = {
+        fade: 'transition.fadeIn',
+        slideDown: 'slideDown',
+        flyDown: {
+          translateY: '0%'
+        },
+        slideRight: {
+          translateX: '0%'
+        },
+        slideLeft: {
+          translateX: '0%'
+        },
+        shrink: 'transition.shrinkIn',
+        expand: 'transition.expandIn'
+      };
+      var exitAnimationObj = {
+        fade: 'transition.fadeOut',
+        slideDown: 'slideUp',
+        flyDown: {
+          translateY: '-100%'
+        },
+        slideRight: {
+          translateX: direction == 'rtl' ? '-100%' : '100%'
+        },
+        slideLeft: {
+          translateX: direction == 'rtl' ? '100%' : '-100%'
+        },
+        shrink: 'transition.shrinkOut',
+        expand: 'transition.expandOut'
+      };
+      var animation = isCustomized ? isActive ? enterAnimationObj[name] : exitAnimationObj[name] : needUIPack ? "transition.".concat(name).concat(isActive ? 'In' : 'Out') : name;
+      return /*#__PURE__*/_react["default"].createElement(_velocityReact.VelocityComponent, {
+        key: name,
+        animation: animation,
+        duration: !isReducedMotion ? duration : 0,
+        runOnMount: runOnMount,
+        display: isActive ? isFlex ? 'flex' : '' : 'none',
+        delay: delay,
+        interruptBehavior: "queue"
+      }, children);
+    }
+  }]);
+
+  return VelocityAnimation;
+}(_react["default"].Component);
+
+exports["default"] = VelocityAnimation;
+VelocityAnimation.defaultProps = _defaultProps.defaultProps;
+VelocityAnimation.propTypes = _propTypes.propTypes;
+VelocityAnimation.contextType = _LibraryContextInit["default"]; // if (__DOCS__) {
+//   VelocityAnimation.docs = {
+//     componentGroup: 'Animation'
+//   };
+// }

package/lib/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _VelocityAnimation = _interopRequireDefault(require("../VelocityAnimation"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('VelocityAnimation', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_VelocityAnimation["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, " Test "))),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VelocityAnimation rendering the defult props 1`] = `
+<DocumentFragment>
+  <div>
+     Test 
+  </div>
+</DocumentFragment>
+`;

package/lib/VelocityAnimation/VelocityAnimation/props/defaultProps.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  runOnMount: false,
+  isCustomized: true,
+  needUIPack: true,
+  isFlex: false,
+  duration: 300
+};
+exports.defaultProps = defaultProps;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+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.isRequired,
+  delay: _propTypes["default"].number,
+  duration: _propTypes["default"].number,
+  isActive: _propTypes["default"].bool.isRequired,
+  isCustomized: _propTypes["default"].bool,
+  isFlex: _propTypes["default"].bool,
+  name: _propTypes["default"].oneOf(['fade', 'slideRight', 'shrink', 'expand', 'slideDown', 'flyDown', 'slideLeft']),
+  needUIPack: _propTypes["default"].bool,
+  runOnMount: _propTypes["default"].bool
+};
+exports.propTypes = propTypes;

package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -0,0 +1,216 @@
+"use strict";
+
+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 _velocityReact = require("velocity-react");
+
+require("velocity-animate/velocity.ui");
+
+var _LibraryContextInit = _interopRequireDefault(require("../../Provider/LibraryContextInit"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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); } }
+
+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 _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); }
+
+function clearProps(props) {
+  var newProps = Object.assign({}, props);
+  Object.keys(VelocityAnimationGroup.propTypes).forEach(function (key) {
+    delete newProps[key];
+  });
+  return newProps;
+}
+
+var VelocityAnimationGroup = /*#__PURE__*/function (_React$Component) {
+  _inherits(VelocityAnimationGroup, _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;
+  }
+
+  _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 childProps = clearProps(this.props);
+      var enterAnimationObj = {
+        fade: 'transition.fadeIn',
+        slideDown: 'slideDown',
+        flyDown: {
+          translateY: '0%'
+        },
+        slideRight: {
+          translateX: '0%'
+        },
+        slideLeft: {
+          translateX: '0%'
+        },
+        shrink: 'transition.shrinkIn',
+        expand: 'transition.expandIn'
+      };
+      var exitAnimationObj = {
+        fade: 'transition.fadeOut',
+        slideDown: 'slideUp',
+        flyDown: {
+          translateY: '-100%'
+        },
+        slideRight: {
+          translateX: direction == 'rtl' ? '-100%' : '100%'
+        },
+        slideLeft: {
+          translateX: direction == 'rtl' ? '100%' : '-100%'
+        },
+        shrink: 'transition.shrinkOut',
+        expand: 'transition.expandOut'
+      };
+      var enterAnimation = {
+        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
+      };
+      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
+      };
+      return /*#__PURE__*/_react["default"].createElement(_velocityReact.VelocityTransitionGroup, _extends({
+        enter: enterAnimation,
+        leave: exitAnimation,
+        component: component && component,
+        runOnMount: runOnMount,
+        enterHideStyle: enterHideStyle,
+        enterShowStyle: enterShowStyle
+      }, childProps), isActive ? children : null);
+    }
+  }]);
+
+  return VelocityAnimationGroup;
+}(_react["default"].Component);
+
+exports["default"] = VelocityAnimationGroup;
+VelocityAnimationGroup.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.defaultProps), {}, {
+  component: _react["default"].Fragment
+});
+VelocityAnimationGroup.propTypes = _propTypes.propTypes;
+VelocityAnimationGroup.contextType = _LibraryContextInit["default"]; // if (__DOCS__) {
+//   VelocityAnimationGroup.docs = {
+//     componentGroup: 'Animation'
+//   };
+// }

package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _VelocityAnimationGroup = _interopRequireDefault(require("../VelocityAnimationGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('VelocityAnimationGroup', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, " Test "))),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering isActive is true', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
+      isActive: true
+    }, /*#__PURE__*/_react["default"].createElement("div", null, " Test "))),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VelocityAnimationGroup rendering isActive is true 1`] = `
+<DocumentFragment>
+  <div>
+     Test 
+  </div>
+</DocumentFragment>
+`;
+
+exports[`VelocityAnimationGroup rendering the defult props 1`] = `<DocumentFragment />`;

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  runOnMount: false,
+  enterHideStyle: {
+    display: 'none'
+  },
+  enterShowStyle: {
+    display: ''
+  },
+  isFlex: false,
+  enterDuration: 300,
+  exitDuration: 300,
+  isActive: false,
+  isCustomized: true,
+  needUIPack: true
+};
+exports.defaultProps = defaultProps;