@zohodesk/components 1.0.0-alpha-249 → 1.0.0-alpha-252

package/es/utils/dropDownUtils.js

@@ -4,40 +4,25 @@ import { getIsEmptyValue, getSearchString } from './Common';
 export const dummyArray = [];
 export const dummyObj = {};
 export const getOptions = props => props.options || dummyArray;
-
 const getOptionsOrder = props => props.optionsOrder || dummyArray;
-
 const getSelectedOptionsSel = props => props.selectedOptions || dummyArray;
-
 const getSearchStr = props => props.searchStr || '';
-
 export const getValueField = props => props.valueField || '';
 export const getTextField = props => props.textField || '';
 export const getImageField = props => props.imageField || '';
 export const getIconName = props => props.iconName || '';
 export const getIconSize = props => props.iconSize || '';
 export const getOptionType = props => props.optionType || '';
-
 const getNeedSearch = props => props.needSearch;
-
 const getIsDefaultSelectValue = props => props.isDefaultSelectValue;
-
 const getSelectedOptionsLength = props => getIsEmptyValue(props.selectedOptionsLength) ? '' : props.selectedOptionsLength;
-
 const getNormalizedFormatOptions = props => props.normalizedFormatOptions || dummyObj;
-
 const getSelectedValue = props => getIsEmptyValue(props.selectedValue) ? '' : props.selectedValue;
-
 const getSelectedFormatOptions = props => props.selectedFormatOptions || dummyObj;
-
 export const getPrefixText = props => props.prefixText || '';
-
 const getIsStartWithSearch = props => props.isStartsWithSearch;
-
 const getDisabledOptions = props => props.disabledOptions || dummyArray;
-
 const getListItemProps = props => props.listItemProps || '';
-
 export const makeGetMultiSelectFilterSuggestions = () => createSelector([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch], (options, selectedOptions, searchStr, needSearch, isStartsWithSearch) => {
   const suggestions = [];
   const suggestionIds = [];
@@ -49,7 +34,6 @@ export const makeGetMultiSelectFilterSuggestions = () => createSelector([getOpti
     const valueString = getSearchString(value);
     const searchString = getSearchString(searchStr);
     const isMatch = needSearch ? isStartsWithSearch ? valueString.startsWith(searchString) : valueString.indexOf(searchString) !== -1 : true;
-
     if (selectedOptions.indexOf(id) === -1 && isMatch) {
       suggestions.push(option);
       suggestionIds.push(id);
@@ -64,11 +48,9 @@ export const optionIdGrouping = (id, prefixText) => {
   if (getIsEmptyValue(id)) {
     return '';
   }
-
   if (getIsEmptyValue(prefixText)) {
     return id;
   }
-
   const prefixType = typeof prefixText === 'number' ? 'Int' : 'Str';
   const idType = typeof id === 'number' ? 'Int' : 'Str';
   return `${prefixType}_${prefixText}_${idType}_${id}`;
@@ -79,19 +61,15 @@ export const extractOptionId = id => {
       id: ''
     };
   }
-
   if (typeof id === 'number') {
     return {
       id
     };
   }
-
   const splitedOption = id.split && id.split('_');
-
   if (splitedOption.length === 1) {
     return splitedOption[0];
   }
-
   if (splitedOption.length === 4) {
     let [prefixType, prefixText, idType, id] = splitedOption;
     id = idType === 'Int' ? Number.parseInt(id) : id;
@@ -121,10 +99,10 @@ export const makeFormatOptions = () => createSelector([getOptions, getValueField
       } = option;
       let id = typeof option === 'object' ? option[impValueField || valueField] : option;
       const value = typeof option === 'object' ? option[impTextField || textField] : option;
-      const photoURL = typeof option === 'object' ? option[impImageField || imageField] : ''; // grouping options (group select/MultiSelect)
+      const photoURL = typeof option === 'object' ? option[impImageField || imageField] : '';
 
+      // grouping options (group select/MultiSelect)
       id = !getIsEmptyValue(id) ? optionIdGrouping(id, prefixText) : '';
-
       if (remvampOptionIds.indexOf(id) === -1 && !getIsEmptyValue(id) && !getIsEmptyValue(value)) {
         remvampOptionIds.push(id);
         const optionDetails = {
@@ -132,27 +110,21 @@ export const makeFormatOptions = () => createSelector([getOptions, getValueField
           value,
           optionType: impOptionType || optionType
         };
-
         if (imageField) {
           optionDetails.photoURL = photoURL;
         }
-
         if (impIconName || iconName) {
           optionDetails.icon = impIconName || iconName;
         }
-
         if (impIconSize || iconSize) {
           optionDetails.iconSize = impIconSize || iconSize;
         }
-
         if (disabledOptions.length) {
           optionDetails.isDisabled = disabledOptions.indexOf(id) >= 0;
         }
-
         if (listStyle || listItemProps) {
           optionDetails.listItemProps = listStyle || listItemProps;
         }
-
         normalizedFormatOptions[id] = optionDetails;
         normalizedAllOptions[id] = option;
         revampOptions.push(optionDetails);
@@ -171,13 +143,11 @@ export const makeGetMultiSelectSelectedOptions = () => createSelector([getSelect
   const revampSelectedOptions = [];
   const normalizedSelectedOptions = {};
   selectedOptionsLength = !getIsEmptyValue(selectedOptionsLength) ? selectedOptionsLength : selectedOptions.length;
-
   for (let i = 0; i < selectedOptionsLength; i++) {
     const option = selectedOptions[i];
     const {
       id
     } = normalizedFormatOptions[option] || {};
-
     if (revampSelectedOptions.indexOf(id) === -1 && !getIsEmptyValue(id)) {
       revampSelectedOptions.push(id);
       output.push(normalizedFormatOptions[option]);
@@ -192,7 +162,6 @@ export const makeGetMultiSelectSelectedOptions = () => createSelector([getSelect
       revampSelectedOptions.indexOf(option) === -1 ? revampSelectedOptions.push(option) : null;
     }
   }
-
   return {
     formatSelectedOptions: output,
     normalizedSelectedOptions,
@@ -202,12 +171,10 @@ export const makeGetMultiSelectSelectedOptions = () => createSelector([getSelect
 export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, getNormalizedFormatOptions, getSelectedValue, getSelectedFormatOptions, getIsDefaultSelectValue, getValueField, getTextField], (optionsOrder, normalizedFormatOptions, selectedValue, selectedFormatOptions, isDefaultSelectValue, valueField, textField) => {
   let selectedValueIndex = optionsOrder.indexOf(selectedValue);
   let isSelfValueChanged = false;
-
   if (getIsEmptyValue(selectedValue) && isDefaultSelectValue) {
     [selectedValue] = optionsOrder;
     isSelfValueChanged = true;
   }
-
   const allOptions = Object.assign({}, selectedFormatOptions, normalizedFormatOptions);
   const details = allOptions[selectedValue];
   let hoverIndex = selectedValueIndex !== -1 ? selectedValueIndex : 0;
@@ -217,8 +184,9 @@ export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, g
   let {
     value: selectedValueText = '',
     id: selectedId
-  } = details || dummyObj; //selectedValue is not included in options case
+  } = details || dummyObj;
 
+  //selectedValue is not included in options case
   if (getIsEmptyValue(selectedId)) {
     if (typeof selectedValue === 'object') {
       const id = selectedValue[valueField];
@@ -236,7 +204,6 @@ export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, g
       selectedId = selectedValue;
     }
   }
-
   return {
     selected: selectedValueText,
     hoverIndex,
@@ -245,22 +212,17 @@ export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, g
     isSelfValueChanged
   };
 });
-
 const getObj1 = props => props.obj1 || dummyObj;
-
 const getObj2 = props => props.obj2 || dummyObj;
-
 export const makeObjectConcat = () => createSelector([getObj1, getObj2], (obj1, obj2) => Object.assign({}, obj1, obj2));
-/***** Group Select *****/
 
+/***** Group Select *****/
 const getGroupedOptions = props => props.groupedOptions || dummyArray;
-
 const getFormatOptions = makeFormatOptions();
 export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions], groupedOptions => {
   const revampedGroups = [];
   let allOptionIds = [];
   let allNormalizedOptions = {}; //all group normalized options
-
   let allNormalizedFormatOptions = {};
   const groupIds = [];
   const normalizedGroupedOptions = {};
@@ -272,7 +234,6 @@ export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions
       valueField,
       textField
     } = group;
-
     if (!getIsEmptyValue(groupId) && groupIds.indexOf(groupId) === -1) {
       groupIds.push(groupId);
       normalizedGroupedOptions[groupId] = group;
@@ -287,7 +248,6 @@ export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions
         textField,
         prefixText: groupId
       });
-
       if (optionsOrder.length) {
         revampedGroups.push({
           id: groupId,
@@ -309,9 +269,7 @@ export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions
     normalizedGroupedOptions
   };
 });
-
 const getGroups = props => props.revampedGroups;
-
 const getFilterSuggestions = makeGetMultiSelectFilterSuggestions();
 export const makeGetGroupSelectFilterSuggestions = () => createSelector([getGroups, getSearchStr, getNeedSearch, getIsStartWithSearch], (groups, searchStr, needSearch, isStartsWithSearch) => {
   const suggestionGroups = [];
@@ -329,7 +287,6 @@ export const makeGetGroupSelectFilterSuggestions = () => createSelector([getGrou
       searchStr,
       isStartsWithSearch
     });
-
     if (suggestionIds.length) {
       suggestionGroups.push(Object.assign({}, group, {
         options: suggestions
@@ -347,7 +304,6 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
   return options.reduce((changedOptions, option) => {
     let newOption;
     const id = typeof option === 'object' ? option[valueField] : option;
-
     if (typeof option === 'object' && !getIsEmptyValue(id)) {
       newOption = Object.assign({}, option, {
         [valueField]: optionIdGrouping(id, prefixText),
@@ -355,11 +311,9 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
         textField,
         optionType
       });
-
       if (imageField) {
         newOption.imageField = imageField;
       }
-
       changedOptions.push(newOption);
     } else if (!getIsEmptyValue(id)) {
       newOption = {
@@ -373,7 +327,6 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
       };
       changedOptions.push(newOption);
     }
-
     return changedOptions;
   }, newOptions);
 });
@@ -384,23 +337,22 @@ export const filterSelectedOptions = function () {
     disabledOptions = dummyArray
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   // eslint-disable-next-line no-param-reassign
-  selectedOptions = selectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
-
-  propSelectedOptions = propSelectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
-
+  selectedOptions = selectedOptions || dummyArray;
+  // eslint-disable-next-line no-param-reassign
+  propSelectedOptions = propSelectedOptions || dummyArray;
+  // eslint-disable-next-line no-param-reassign
   disabledOptions = disabledOptions || dummyArray;
-  const newlyAddedOptions = selectedOptions.filter(selectedOption => propSelectedOptions.indexOf(selectedOption) === -1); // eslint-disable-next-line max-len
+  const newlyAddedOptions = selectedOptions.filter(selectedOption => propSelectedOptions.indexOf(selectedOption) === -1);
 
+  // eslint-disable-next-line max-len
   const oldValidSelectedOptions = propSelectedOptions.filter(selectedOption => {
     const isRemoved = selectedOptions.indexOf(selectedOption) === -1;
     const isDisabled = disabledOptions.indexOf(selectedOption) >= 0;
-
     if (isDisabled) {
       return true;
     } else if (isRemoved) {
       return false;
     }
-
     return true;
   });
   return {
@@ -411,36 +363,28 @@ export const makeGetIsShowClearIcon = () => createSelector([getSelectedOptionsSe
   let countForShowClear = 2;
   let enabledOptionsLength = 0;
   let isShowClearIcon = selectedOptions.length >= countForShowClear;
-
   if (disabledOptions.length) {
     let isHaveEnabledOptions = false;
     let isAllDisabled = disabledOptions.length === selectedOptions.length;
-
     if (!isAllDisabled) {
       isHaveEnabledOptions = selectedOptions.some(option => {
         let {
           isDisabled = false
         } = option || {};
-
         if (!isDisabled) {
           enabledOptionsLength += 1;
-
           if (enabledOptionsLength === countForShowClear) {
             return true;
           }
-
           return false;
         }
-
         return false;
       });
     }
-
     return {
       isShowClearIcon: isAllDisabled ? !isAllDisabled : isHaveEnabledOptions
     };
   }
-
   return {
     isShowClearIcon
   };

package/es/utils/getInitial.js

@@ -2,23 +2,19 @@ export function getInitial() {
   let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let initial = '';
-
   if (firstName) {
     firstName = firstName.trim();
     initial = firstName[0];
   }
-
   if (lastName) {
     lastName = lastName.trim();
     initial += initial ? lastName[0] : lastName.substring(0, 2);
   }
-
   return initial ? initial.toUpperCase() : initial;
 }
 export function getInitialByPattern(firstName, lastName, pattern) {
   if (pattern[0] === 'FIRST_NAME') {
     return getInitial(firstName, lastName);
   }
-
   return getInitial(lastName, firstName);
 }

package/es/utils/shallowEqual.js

@@ -5,28 +5,22 @@ function is(x, y) {
     return x !== x && y !== y;
   }
 }
-
 export default function shallowEqual(objA, objB) {
   if (is(objA, objB)) {
     return true;
   }
-
   if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
     return false;
   }
-
   const keysA = Object.keys(objA);
   const keysB = Object.keys(objB);
-
   if (keysA.length !== keysB.length) {
     return false;
   }
-
   for (let i = 0; i < keysA.length; i++) {
     if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
       return false;
     }
   }
-
   return true;
 }

package/lib/Accordion/Accordion.js

@@ -0,0 +1,102 @@
+"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, 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 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
+    };
+    _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;
+      if (onSelect) {
+        onSelect(selectedItem);
+      }
+      !disableInternalState && this.setState({
+        selectedItem: selectedItem
+      });
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      if (this.props.selectedItem !== nextProps.selectedItem && !this.props.disableInternalState) {
+        this.setState({
+          selectedItem: nextProps.selectedItem
+        });
+      }
+    }
+  }, {
+    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;
+      var selectedItem = this.state.selectedItem;
+      var children = _react["default"].Children.map(this.props.children, function (child) {
+        if (child) {
+          return /*#__PURE__*/_react["default"].cloneElement(child, {
+            selectedItem: disableInternalState ? propSelectedItem : selectedItem,
+            selectMenu: _this2.selectMenu,
+            unMount: unMount
+          });
+        }
+      });
+      var role = a11y.role,
+        ariaExpanded = a11y.ariaExpanded,
+        ariaHaspopup = a11y.ariaHaspopup;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: className ? className : '',
+        style: {
+          height: height
+        },
+        role: role,
+        "aria-expanded": ariaExpanded,
+        "aria-haspopup": ariaHaspopup
+      }, children);
+    }
+  }]);
+  return Accordion;
+}(_react["default"].Component);
+exports["default"] = Accordion;
+Accordion.propTypes = _propTypes.Accordion_propTypes;
+Accordion.defaultProps = _defaultProps.Accordion_defaultProps;
+if (false) {
+  Accordion.docs = {
+    componentGroup: 'Animation',
+    folderName: 'Style Guide'
+  };
+}

package/lib/Accordion/AccordionItem.js

@@ -0,0 +1,84 @@
+"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, 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 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;
+      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,
+        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", {
+        className: className ? className : '',
+        "data-id": dataId,
+        role: role
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: innerClass ? innerClass : '',
+        onClick: selectMenu.bind(this, id)
+      }, children[0]), unMountItem ? /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
+        name: "slideDown",
+        isActive: this.equalityCheck()
+      }, children[1]) : /*#__PURE__*/_react["default"].createElement(_VelocityAnimation["default"], {
+        name: "slideDown",
+        isActive: this.equalityCheck()
+      }, children[1]));
+    }
+  }]);
+  return AccordionItem;
+}(_react["default"].Component);
+exports["default"] = AccordionItem;
+AccordionItem.propTypes = _propTypes.AccordionItem_propTypes;
+AccordionItem.defaultProps = _defaultProps.AccordionItem_defaultProps;
+if (false) {
+  AccordionItem.docs = {
+    componentGroup: 'Animation',
+    folderName: 'Style Guide'
+  };
+}

package/lib/Accordion/__tests__/Accordion.spec.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../index");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+describe('Accordion component specification', function () {
+  it('open accordion item id 1 ', function () {
+    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
+      selectedItem: "1",
+      height: "100px",
+      maxheight: "100px"
+    }, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
+      id: "1"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
+      "data-id": "data"
+    }, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
+      id: "2"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
+      "data-id": "data"
+    }, "Data2"))));
+    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
+  });
+  it('open accordion item id 1 ', function () {
+    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
+      selectedItem: "2",
+      height: "100px",
+      maxheight: "100px"
+    }, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
+      id: "1"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
+      "data-id": "data"
+    }, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
+      id: "2"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
+      "data-id": "data"
+    }, "Data2"))));
+    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data2')).toBe(true);
+  });
+  it('accordion item 2 click check', function () {
+    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
+      selectedItem: "1",
+      height: "100px",
+      maxheight: "100px"
+    }, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
+      id: "1"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
+      "data-id": "data"
+    }, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
+      id: "2"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      "data-id": "ah2"
+    }, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
+      "data-id": "data1"
+    }, "Data2"))));
+    var acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
+    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
+    TestUtils.Simulate.click(acc2);
+    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data1').textContent.contains('Data2')).toBe(true);
+  });
+  it('accordion click callback check ', function () {
+    var mockfn = jest.fn();
+    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
+      selectedItem: "1",
+      height: "100px",
+      maxheight: "100px",
+      onSelect: mockfn
+    }, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
+      id: "1"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
+      "data-id": "data"
+    }, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
+      id: "2"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      "data-id": "ah2"
+    }, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
+      "data-id": "data"
+    }, "Data2"))));
+    var acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
+    TestUtils.Simulate.click(acc2);
+    expect(mockfn.mock.calls.length).toBe(1);
+  });
+});