@zohodesk/components 1.0.0-temp-41 → 1.0.0-temp-45

package/preprocess/json/{componentVariableJson.js → componentThemeVariableJson.js}

@@ -1,6 +1,6 @@
 /* sample color order => 
---zdt_cta_variable_name, 
-[['defaultMode'], ['blue', 'green', 'orange', 'red', 'yellow']], 
+--zdt_cta_variable_name,
+[['defaultMode'], ['blue', 'green', 'orange', 'red', 'yellow']],
 [['darkMode'], ['blue', 'green', 'orange', 'red', 'yellow']], ['css comment name'] */
 
 const componentThemeVariables = [
@@ -162,11 +162,11 @@ const componentThemeVariables = [
     [
       ['default'],
       [
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)'
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)'
       ]
     ],
     [['dark'], ['#e2e4e6', '#e2e4e6', '#e2e4e6', '#e2e4e6', '#e2e4e6']]
@@ -176,7 +176,7 @@ const componentThemeVariables = [
     [
       ['default'],
       [
-        'var(--dot_border_shuttleGrey)',
+        'var(--dot_shuttleGrey)',
         'rgba(255, 255, 255, 0.2)',
         'rgba(255, 255, 255, 0.2)',
         'rgba(255, 255, 255, 0.2)',
@@ -191,21 +191,21 @@ const componentThemeVariables = [
     [
       ['default'],
       [
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)'
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)'
       ]
     ],
     [
       ['dark'],
       [
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)'
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)'
       ]
     ]
   ],
@@ -220,21 +220,21 @@ const componentThemeVariables = [
     [
       ['default'],
       [
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)'
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)'
       ]
     ],
     [
       ['dark'],
       [
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)'
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)'
       ]
     ],
     ['textbox']
@@ -244,11 +244,11 @@ const componentThemeVariables = [
     [
       ['default'],
       [
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)'
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)'
       ]
     ],
     [['dark'], ['#a8b0bd', '#a8b0bd', '#a8b0bd', '#a8b0bd', '#a8b0bd']],

package/preprocess/json/{ctaVariableJson.js → ctaThemeVariableJson.js}

@@ -8,7 +8,7 @@ const ctaThemeVariables = [
     'primary_text',
     [
       ['default'],
-      ['var(--dot_text_primary)', '#26a942', '#e57717', '#de3535', '#b68c07']
+      ['var(--dot_primary)', '#26a942', '#e57717', '#de3535', '#b68c07']
     ],
     [['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
   ],
@@ -16,7 +16,7 @@ const ctaThemeVariables = [
     'primary_hover_text',
     [
       ['default'],
-      ['var(--dot_text_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800']
+      ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800']
     ],
     [['dark'], ['#6eb2ff', '#5eba72', '#ffa866', '#ee7c7c', '#e1b36a']]
   ],
@@ -24,7 +24,7 @@ const ctaThemeVariables = [
     'primary_bg',
     [
       ['default'],
-      ['var(--dot_bg_primary)', '#26a942', '#e57717', '#de3535', '#e8b923']
+      ['var(--dot_primary)', '#26a942', '#e57717', '#de3535', '#e8b923']
     ],
     [['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
   ],
@@ -32,7 +32,7 @@ const ctaThemeVariables = [
     'primary_hover_bg',
     [
       ['default'],
-      ['var(--dot_bg_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#b59100']
+      ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#b59100']
     ],
     [['dark'], ['#1065cc', '#0e7c1c', '#a85100', '#a81111', '#9b6808']]
   ],
@@ -40,7 +40,7 @@ const ctaThemeVariables = [
     'primary_border',
     [
       ['default'],
-      ['var(--dot_border_primary)', '#26a942', '#e57717', '#de3535', '#e8b923']
+      ['var(--dot_primary)', '#26a942', '#e57717', '#de3535', '#e8b923']
     ],
     [['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
   ],
@@ -48,7 +48,7 @@ const ctaThemeVariables = [
     'primary_hover_border',
     [
       ['default'],
-      ['var(--dot_border_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#b59100']
+      ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#b59100']
     ],
     [['dark'], ['#1065cc', '#0e7c1c', '#a85100', '#a81111', '#9b6808']]
   ],
@@ -102,7 +102,7 @@ const ctaThemeVariables = [
     'primary_light_bg',
     [
       ['default'],
-      ['var(--dot_bg_aliceBlue)', '#f2faf5', '#fdf5ef', '#fdf3f3', '#fdf8e9']
+      ['var(--dot_aliceBlue)', '#f2faf5', '#fdf5ef', '#fdf3f3', '#fdf8e9']
     ],
     [['dark'], ['#2c3b4d', '#26373b', '#323136', '#312d3a', '#303338']]
   ],
@@ -110,7 +110,7 @@ const ctaThemeVariables = [
     'primary_light_hover_bg',
     [
       ['default'],
-      ['var(--dot_bg_lavender)', '#d4eed9', '#fae4d1', '#f8d7d7', '#f8eabd']
+      ['var(--dot_lavender)', '#d4eed9', '#fae4d1', '#f8d7d7', '#f8eabd']
     ],
     [['dark'], ['#262f3d', '#2d4e42', '#4f3c33', '#4b323d', '#474137']]
   ],
@@ -118,18 +118,18 @@ const ctaThemeVariables = [
     'primary_light_border',
     [
       ['default'],
-      ['var(--zd_border_primary13)', '#d4eed9', '#fae4d1', '#f8d7d7', '#f8eabd']
+      ['var(--zd_primary13)', '#d4eed9', '#fae4d1', '#f8d7d7', '#f8eabd']
     ],
     [
       ['dark'],
-      ['var(--zd_border_primary13)', '#2d4e42', '#4f3c33', '#4b323d', '#474137']
+      ['var(--zd_primary13)', '#2d4e42', '#4f3c33', '#4b323d', '#474137']
     ]
   ],
   [
     'secondary_bg',
     [
       ['default'],
-      ['var(--dot_bg_primary)', '#26a942', '#e57717', '#de3535', '#e8b923']
+      ['var(--dot_primary)', '#26a942', '#e57717', '#de3535', '#e8b923']
     ],
     [['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
   ],
@@ -138,21 +138,21 @@ const ctaThemeVariables = [
     [
       ['default'],
       [
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_black)'
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_black)'
       ]
     ],
     [
       ['dark'],
       [
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)',
-        'var(--dot_text_white)'
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)',
+        'var(--dot_white)'
       ]
     ]
   ],
@@ -178,7 +178,7 @@ const ctaThemeVariables = [
     [
       ['default'],
       [
-        'var(--dot_border_tropicalBlue)',
+        'var(--dot_tropicalBlue)',
         '#bee5c6',
         '#f7d6b9',
         '#f8d7d7',
@@ -191,7 +191,7 @@ const ctaThemeVariables = [
     'alpha_text',
     [
       ['default'],
-      ['var(--dot_text_primary)', '#26a942', '#e57717', '#de3535', '#b68c07']
+      ['var(--dot_primary)', '#26a942', '#e57717', '#de3535', '#b68c07']
     ],
     [['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
   ],
@@ -199,7 +199,7 @@ const ctaThemeVariables = [
     'alpha_hover_text',
     [
       ['default'],
-      ['var(--dot_text_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800']
+      ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800']
     ],
     [['dark'], ['#6eb2ff', '#0e7c1c', '#a85100', '#a81111', '#9b6808']]
   ],
@@ -207,7 +207,7 @@ const ctaThemeVariables = [
     'alpha_border',
     [
       ['default'],
-      ['var(--dot_border_primary)', '#26a942', '#e57717', '#de3535', '#b68c07']
+      ['var(--dot_primary)', '#26a942', '#e57717', '#de3535', '#b68c07']
     ],
     [['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
   ],
@@ -215,7 +215,7 @@ const ctaThemeVariables = [
     'alpha_hover_border',
     [
       ['default'],
-      ['var(--dot_border_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800']
+      ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800']
     ],
     [['dark'], ['#1065cc', '#0e7c1c', '#a85100', '#a81111', '#9b6808']]
   ],
@@ -228,7 +228,7 @@ const ctaThemeVariables = [
     'beta_border',
     [
       ['default'],
-      ['var(--dot_text_primary)', '#26a942', '#e57717', '#de3535', '#b68c07']
+      ['var(--dot_primary)', '#26a942', '#e57717', '#de3535', '#b68c07']
     ],
     [['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
   ],
@@ -237,7 +237,7 @@ const ctaThemeVariables = [
     [
       ['default'],
       [
-        'var(--dot_bg_catskillWhite)',
+        'var(--dot_catskillWhite)',
         '#f6faf9',
         '#f9f7f6',
         '#f9f6f7',
@@ -251,7 +251,7 @@ const ctaThemeVariables = [
     [
       ['default'],
       [
-        'var(--dot_border_catskillWhite)',
+        'var(--dot_catskillWhite)',
         '#f6faf9',
         '#f9f7f6',
         '#f9f6f7',
@@ -264,7 +264,7 @@ const ctaThemeVariables = [
     'grey_15_bg',
     [
       ['default'],
-      ['var(--dot_bg_solitude)', '#eef2ef', '#f2ece8', '#ede8e8', '#edede3']
+      ['var(--dot_solitude)', '#eef2ef', '#f2ece8', '#ede8e8', '#edede3']
     ],
     [['dark'], ['#2d3748', '#2d3748', '#2d3748', '#2d3748', '#2d3748']]
   ],
@@ -272,7 +272,7 @@ const ctaThemeVariables = [
     'grey_15_border',
     [
       ['default'],
-      ['var(--dot_border_solitude)', '#eef2ef', '#f2ece8', '#ede8e8', '#edede3']
+      ['var(--dot_solitude)', '#eef2ef', '#f2ece8', '#ede8e8', '#edede3']
     ],
     [['dark'], ['#2d3748', '#2d3748', '#2d3748', '#2d3748', '#2d3748']]
   ],
@@ -280,7 +280,7 @@ const ctaThemeVariables = [
     'grey_20_bg',
     [
       ['default'],
-      ['var(--dot_bg_hawkesBlue)', '#ebefef', '#f2f0ee', '#eeeced', '#efefec']
+      ['var(--dot_hawkesBlue)', '#ebefef', '#f2f0ee', '#eeeced', '#efefec']
     ],
     [['dark'], ['#161b23', '#161b23', '#161b23', '#161b23', '#161b23']]
   ],
@@ -288,7 +288,7 @@ const ctaThemeVariables = [
     'grey_35_bg',
     [
       ['default'],
-      ['var(--dot_bg_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc']
+      ['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc']
     ],
     [['dark'], ['#384157', '#384157', '#384157', '#384157', '#384157']]
   ],
@@ -296,7 +296,7 @@ const ctaThemeVariables = [
     'grey_35_text',
     [
       ['default'],
-      ['var(--dot_text_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc']
+      ['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc']
     ],
     [['dark'], ['#384157', '#384157', '#384157', '#384157', '#384157']]
   ],
@@ -304,7 +304,7 @@ const ctaThemeVariables = [
     'grey_35_border',
     [
       ['default'],
-      ['var(--dot_border_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc']
+      ['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc']
     ],
     [['dark'], ['#384157', '#384157', '#384157', '#384157', '#384157']]
   ],
@@ -312,7 +312,7 @@ const ctaThemeVariables = [
     'grey_40_bg',
     [
       ['default'],
-      ['var(--dot_bg_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4']
+      ['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4']
     ],
     [['dark'], ['#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63']]
   ],
@@ -320,7 +320,7 @@ const ctaThemeVariables = [
     'grey_40_text',
     [
       ['default'],
-      ['var(--dot_text_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4']
+      ['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4']
     ],
     [['dark'], ['#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63']]
   ],
@@ -328,7 +328,7 @@ const ctaThemeVariables = [
     'grey_40_border',
     [
       ['default'],
-      ['var(--dot_border_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4']
+      ['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4']
     ],
     [['dark'], ['#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63']]
   ]

package/lib/Accordion/Accordion.js

@@ -1,146 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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); 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || 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 : 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 = {
-  children: _propTypes["default"].node,
-  className: _propTypes["default"].string,
-  disableInternalState: _propTypes["default"].bool,
-  height: _propTypes["default"].string,
-  onSelect: _propTypes["default"].func,
-  selectedItem: _propTypes["default"].string.isRequired,
-  unMount: _propTypes["default"].bool,
-  a11y: _propTypes["default"].shape({
-    role: _propTypes["default"].string,
-    ariaExpanded: _propTypes["default"].bool,
-    ariaHaspopup: _propTypes["default"].bool
-  })
-};
-Accordion.defaultProps = {
-  unMount: true,
-  disableInternalState: false,
-  a11y: {}
-};
-
-if (false) {
-  Accordion.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide'
-  };
-}

package/lib/Accordion/AccordionItem.js

@@ -1,124 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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); 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || 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 : 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 = {
-  children: _propTypes["default"].node,
-  className: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  equalityCheck: _propTypes["default"].func,
-  id: _propTypes["default"].string,
-  selectMenu: _propTypes["default"].func,
-  selectedItem: _propTypes["default"].string,
-  unMount: _propTypes["default"].bool,
-  unMountItem: _propTypes["default"].bool,
-  innerClass: _propTypes["default"].string,
-  a11y: _propTypes["default"].shape({
-    role: _propTypes["default"].string
-  })
-};
-AccordionItem.defaultProps = {
-  a11y: {}
-};
-
-if (false) {
-  AccordionItem.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide'
-  };
-}