@zohodesk/components 1.0.0-alpha-256 → 1.0.0-alpha-258

package/es/Switch/Switch.js

@@ -32,6 +32,7 @@ export default class Switch extends React.Component {
       title,
       disableTitle,
       dataId,
+      dataSelectorId,
       customClass,
       customProps
     } = this.props;
@@ -55,7 +56,8 @@ export default class Switch extends React.Component {
       "data-title": disabled ? disableTitle : title,
       "aria-checked": checked,
       role: "switch",
-      tabIndex: isReadOnly || disabled ? '-1' : '0'
+      tabIndex: isReadOnly || disabled ? '-1' : '0',
+      dataSelectorId: dataSelectorId
     }, SwitchProps), /*#__PURE__*/React.createElement(Box, {
       className: `${style[size]} ${customSwitchSize}`
     }, /*#__PURE__*/React.createElement("input", {
@@ -85,9 +87,10 @@ export default class Switch extends React.Component {
 }
 Switch.defaultProps = defaultProps;
 Switch.propTypes = propTypes;
-if (false) {
-  Switch.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   Switch.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }

package/es/Switch/props/defaultProps.js

@@ -6,5 +6,6 @@ export const defaultProps = {
   size: 'medium',
   isReadOnly: false,
   customClass: {},
-  customProps: {}
+  customProps: {},
+  dataSelectorId: 'switch'
 };

package/es/Switch/props/propTypes.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 export const propTypes = {
   checked: PropTypes.bool,
   dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
   disableTitle: PropTypes.string,
   disabled: PropTypes.bool,
   id: PropTypes.string.isRequired,

package/es/Tab/Tab.js

@@ -30,6 +30,7 @@ export default function Tab(_ref) {
     children,
     className,
     dataId,
+    dataSelectorId,
     title,
     titlePosition,
     activeClass,
@@ -84,7 +85,8 @@ export default function Tab(_ref) {
     "aria-controls": id,
     "aria-selected": isActive ? true : false,
     tabIndex: isLink ? undefined : isActive && !isDisabled ? '0' : '0',
-    "aria-label": text ? text : null
+    "aria-label": text ? text : null,
+    dataSelectorId: dataSelectorId
   }, customProps), /*#__PURE__*/React.createElement(Container, {
     alignBox: "row",
     align: "both",
@@ -99,9 +101,10 @@ export default function Tab(_ref) {
 }
 Tab.defaultProps = Tab_defaultProps;
 Tab.propTypes = Tab_propTypes;
-if (false) {
-  Tab.docs = {
-    componentGroup: 'Tab',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   Tab.docs = {
+//     componentGroup: 'Tab',
+//     folderName: 'Style Guide'
+//   };
+// }

package/es/Tab/TabContent.js

@@ -10,7 +10,8 @@ const TabContent = _ref => {
     children,
     scroll,
     dataId,
-    id
+    id,
+    dataSelectorId
   } = _ref;
   return /*#__PURE__*/React.createElement(Container, {
     className: style.container,
@@ -19,7 +20,8 @@ const TabContent = _ref => {
     isScrollAttribute: true,
     "aria-labelledby": id,
     tabindex: "-1",
-    role: "tabpanel"
+    role: "tabpanel",
+    dataSelectorId: dataSelectorId
   }, children);
 };
 TabContent.defaultProps = TabContent_defaultProps;

package/es/Tab/TabContentWrapper.js

@@ -10,14 +10,16 @@ const TabContentWrapper = _ref => {
     children,
     dataId,
     selectedTab,
-    onScroll
+    onScroll,
+    dataSelectorId
   } = _ref;
   return /*#__PURE__*/React.createElement(Box, {
     flexible: true,
     style: style,
     dataId: dataId,
     className: className,
-    onScroll: onScroll
+    onScroll: onScroll,
+    dataSelectorId: dataSelectorId
   }, React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) && child.props.id === selectedTab ? child : null));
 };
 TabContentWrapper.defaultProps = TabContentWrapper_defaultProps;

package/es/Tab/TabWrapper.js

@@ -16,7 +16,8 @@ function TabWrapper(_ref) {
     needAppearance,
     align,
     dataId,
-    children
+    children,
+    dataSelectorId
   } = _ref;
   let [selectedTabInternal, setSelected] = useState(!hookToDisableInternalState ? defaultTab || 0 : null);
   const setSelectedTab = useCallback(id => {
@@ -27,7 +28,8 @@ function TabWrapper(_ref) {
   }, [hookToDisableInternalState, onSelect]);
   return /*#__PURE__*/React.createElement(Container, {
     alignBox: align === 'vertical' ? 'column' : 'row',
-    dataId: dataId
+    dataId: dataId,
+    dataSelectorId: dataSelectorId
   }, React.Children.map(children, child => {
     let TabsChild = child.type;
     let selectedTab = hookToDisableInternalState ? defaultTab : selectedTabInternal;

package/es/Tab/Tabs.js

@@ -389,7 +389,8 @@ class Tabs extends React.Component {
       getTargetRef,
       position,
       customProps,
-      getCustomDropBoxHeaderPlaceHolder
+      getCustomDropBoxHeaderPlaceHolder,
+      dataSelectorId
     } = this.props;
     let {
       DropBoxProps = {},
@@ -423,7 +424,8 @@ class Tabs extends React.Component {
         isVirtual: isVirtual
       }, classProps));
     }), React.Children.count(moreTabs) ? /*#__PURE__*/React.createElement(Box, {
-      className: `${tabsStyle.menu} `
+      className: `${tabsStyle.menu} `,
+      dataSelectorId: `${dataSelectorId}_moreIcon`
     }, /*#__PURE__*/React.createElement(Container, _extends({
       className: `${btnstyle.buttonReset} ${moreButtonClass} ${isPopupOpen ? moreButtonActiveClass : ''}`,
       align: "both",
@@ -511,7 +513,8 @@ class Tabs extends React.Component {
       align,
       needAppearance,
       children,
-      containerClass
+      containerClass,
+      dataSelectorId
     } = this.props;
     let {
       totalDimension,
@@ -527,7 +530,8 @@ class Tabs extends React.Component {
     let tabsClass = cs([tabsStyle.tab, className, needAppearance && appearanceClass]);
     let hlClass = cs([tabsStyle.highlight, highlightClass, isAnimate && tabsStyle.lineAnimate]);
     return /*#__PURE__*/React.createElement(Box, {
-      className: containerClass
+      className: containerClass,
+      dataSelectorId: dataSelectorId
     }, /*#__PURE__*/React.createElement(Container, {
       alignBox: align === 'vertical' ? 'row' : 'column',
       className: tabsClass,

package/es/Tab/props/defaultProps.js

@@ -1,12 +1,15 @@
 export const Tab_defaultProps = {
   dataId: 'tabMenu',
-  customProps: {}
+  customProps: {},
+  dataSelectorId: 'tab'
 };
 export const TabContent_defaultProps = {
-  dataId: 'tabContent'
+  dataId: 'tabContent',
+  dataSelectorId: 'tabContent'
 };
 export const TabContentWrapper_defaultProps = {
-  children: []
+  children: [],
+  dataSelectorId: 'tabContentWrapper'
 };
 export const Tabs_defaultProps = {
   isAnimate: false,
@@ -25,7 +28,8 @@ export const Tabs_defaultProps = {
   iconName: 'ZD-TB-menu',
   iconSize: '7',
   containerClass: '',
-  customProps: {}
+  customProps: {},
+  dataSelectorId: 'tabs'
 };
 export const TabWrapper_defaultProps = {
   hookToDisableInternalState: false,
@@ -35,5 +39,6 @@ export const TabWrapper_defaultProps = {
   needTabBorder: false,
   type: 'alpha',
   align: 'vertical',
-  needAppearance: true
+  needAppearance: true,
+  dataSelectorId: 'tabWrapper'
 };

package/es/Tab/props/propTypes.js

@@ -23,13 +23,15 @@ export const Tab_propTypes = {
   tourId: PropTypes.string,
   type: PropTypes.string,
   customProps: PropTypes.object,
-  isVirtual: PropTypes.bool
+  isVirtual: PropTypes.bool,
+  dataSelectorId: PropTypes.string
 };
 export const TabContent_propTypes = {
   children: PropTypes.node,
   dataId: PropTypes.string,
   id: PropTypes.string,
-  scroll: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none'])
+  scroll: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
+  dataSelectorId: PropTypes.string
 };
 export const TabContentWrapper_propTypes = {
   children: PropTypes.node,
@@ -37,7 +39,8 @@ export const TabContentWrapper_propTypes = {
   dataId: PropTypes.string,
   onScroll: PropTypes.func,
   selectedTab: PropTypes.string,
-  style: PropTypes.object
+  style: PropTypes.object,
+  dataSelectorId: PropTypes.string
 };
 export const Tabs_propTypes = {
   align: PropTypes.oneOf(['vertical', 'horizontal']),
@@ -84,7 +87,8 @@ export const Tabs_propTypes = {
     ListItemProps: PropTypes.object,
     MoreButtonProps: PropTypes.object
   }),
-  getCustomDropBoxHeaderPlaceHolder: PropTypes.func
+  getCustomDropBoxHeaderPlaceHolder: PropTypes.func,
+  dataSelectorId: PropTypes.string
 };
 export const TabWrapper_propTypes = {
   align: PropTypes.oneOf(['vertical', 'horizontal']),
@@ -98,5 +102,6 @@ export const TabWrapper_propTypes = {
   needPadding: PropTypes.bool,
   needTabBorder: PropTypes.bool,
   onSelect: PropTypes.func,
-  type: PropTypes.oneOf(['alpha', 'beta', 'zeta'])
+  type: PropTypes.oneOf(['alpha', 'beta', 'zeta']),
+  dataSelectorId: PropTypes.string
 };

package/es/Tag/Tag.js

@@ -71,6 +71,7 @@ export default class Tag extends PureComponent {
       onSelectTag,
       closeTitle,
       dataId,
+      dataSelectorId,
       iconName,
       iconSize,
       tooltip,
@@ -99,7 +100,8 @@ export default class Tag extends PureComponent {
       ref: this.getRef,
       "data-title": tooltip ? tooltip : text,
       tabIndex: disabled ? '-1' : '0',
-      "aria-labelledby": getAriaId
+      "aria-labelledby": getAriaId,
+      "data-selector-id": dataSelectorId
     }, hasAvatar ? /*#__PURE__*/React.createElement("div", {
       className: style.avatar
     }, /*#__PURE__*/React.createElement(Avatar, {
@@ -140,9 +142,9 @@ export default class Tag extends PureComponent {
 }
 Tag.defaultProps = defaultProps;
 Tag.propTypes = propTypes;
-if (false) {
-  Tag.docs = {
-    componentGroup: 'Molecule',
-    folderName: 'Style Guide'
-  };
-}
+// if (__DOCS__) {
+//   Tag.docs = {
+//     componentGroup: 'Molecule',
+//     folderName: 'Style Guide'
+//   };
+// }

package/es/Tag/props/defaultProps.js

@@ -9,5 +9,6 @@ export const defaultProps = {
   customClass: {},
   a11y: {},
   needEffect: true,
-  isReadOnly: false
+  isReadOnly: false,
+  dataSelectorId: 'tag'
 };

package/es/Tag/props/propTypes.js

@@ -30,5 +30,6 @@ export const propTypes = {
     clearLabel: PropTypes.string
   }),
   needEffect: PropTypes.bool,
-  isReadOnly: PropTypes.bool
+  isReadOnly: PropTypes.bool,
+  dataSelectorId: PropTypes.string
 };

package/es/TextBox/TextBox.js

@@ -86,7 +86,8 @@ export default class Textbox extends React.PureComponent {
       a11y,
       customClass,
       isFocus,
-      customProps
+      customProps,
+      dataSelectorId
     } = this.props;
     let {
       ariaLabel,
@@ -136,6 +137,7 @@ export default class Textbox extends React.PureComponent {
       "aria-multiselectable": ariaMultiselectable,
       className: `${isReadOnly && needReadOnlyStyle ? style.readonly : ''} ${isClickable ? style.pointer : ''} ${classList} ${style[`borderColor_${borderColor}`]} ${customClass ? customClass : ''}`,
       "data-id": `${dataId}`,
+      "data-selector-id": dataSelectorId,
       id: htmlId || id,
       maxLength: maxLength,
       name: name,
@@ -156,11 +158,12 @@ export default class Textbox extends React.PureComponent {
 }
 Textbox.defaultProps = defaultProps;
 Textbox.propTypes = propTypes;
-if (false) {
-  Textbox.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
+
+// if (__DOCS__) {
+//   Textbox.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+// }

package/es/TextBox/props/defaultProps.js

@@ -15,5 +15,6 @@ export const defaultProps = {
   borderColor: 'default',
   a11y: {},
   isFocus: false,
-  customProps: {}
+  customProps: {},
+  dataSelectorId: 'textBox'
 };

package/es/TextBox/props/propTypes.js

@@ -49,5 +49,6 @@ export const propTypes = {
     ariaMultiselectable: PropTypes.bool
   }),
   isFocus: PropTypes.bool,
-  customProps: PropTypes.object
+  customProps: PropTypes.object,
+  dataSelectorId: PropTypes.string
 };

package/es/TextBoxIcon/TextBoxIcon.js

@@ -63,6 +63,7 @@ export default class TextBoxIcon extends React.Component {
       onChange,
       title,
       dataId,
+      dataSelectorId,
       needReadOnlyStyle,
       isClickable,
       needEffect,
@@ -97,6 +98,7 @@ export default class TextBoxIcon extends React.Component {
       alignBox: "row",
       isCover: false,
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? needEffect ? style.effect : style.readonly : style.effect} ${isActive || isFocus ? style.effectFocused : ''} ${customTBoxWrap} ${iconOnHover && (isReadOnly || isDisabled) ? style.iconOnHoverReadonly : iconOnHover && !(isReadOnly || isDisabled) ? style.iconOnHoverStyle : ''}`,
+      dataSelectorId: dataSelectorId,
       "data-title": isDisabled ? title : null
     }, /*#__PURE__*/React.createElement(Box, {
       flexible: true
@@ -153,11 +155,11 @@ export default class TextBoxIcon extends React.Component {
 }
 TextBoxIcon.defaultProps = defaultProps;
 TextBoxIcon.propTypes = propTypes;
-if (false) {
-  TextBoxIcon.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
+// if (__DOCS__) {
+//   TextBoxIcon.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+// }

package/es/TextBoxIcon/props/defaultProps.js

@@ -17,5 +17,6 @@ export const defaultProps = {
   customClass: {},
   iconOnHover: false,
   isFocus: false,
-  customProps: {}
+  customProps: {},
+  dataSelectorId: 'textBoxIcon'
 };

package/es/TextBoxIcon/props/propTypes.js

@@ -3,6 +3,7 @@ export const propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default', 'error']),
   children: PropTypes.node,
   dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
   htmlId: PropTypes.string,
   i18nKeys: PropTypes.shape({
     clearText: PropTypes.string

package/es/Textarea/Textarea.js

@@ -45,6 +45,7 @@ export default class Textarea extends React.Component {
       getRef,
       onFocus,
       dataId,
+      dataSelectorId,
       isReadOnly,
       needAppearance,
       needReadOnlyStyle,
@@ -90,17 +91,19 @@ export default class Textarea extends React.Component {
       onBlur: this.onBlur,
       ref: getRef,
       value: text,
-      id: htmlId
+      id: htmlId,
+      "data-selector-id": dataSelectorId
     }));
   }
 }
 Textarea.defaultProps = defaultProps;
 Textarea.propTypes = propTypes;
-if (false) {
-  Textarea.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
+
+// if (__DOCS__) {
+//   Textarea.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+// }

package/es/Textarea/props/defaultProps.js

@@ -12,5 +12,6 @@ export const defaultProps = {
   needEffect: true,
   autoFocus: false,
   customClass: '',
-  a11y: {}
+  a11y: {},
+  dataSelectorId: 'textarea'
 };

package/es/Textarea/props/propTypes.js

@@ -5,6 +5,7 @@ export const propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default']),
   className: PropTypes.string,
   dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
   getRef: PropTypes.func,
   htmlId: PropTypes.string,
   isDisabled: PropTypes.bool,

package/es/Tooltip/Tooltip.js

@@ -462,11 +462,12 @@ export default class Tooltip extends React.Component {
 }
 Tooltip.propTypes = propTypes;
 Tooltip.defaultProps = defaultProps;
-if (false) {
-  Tooltip.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    description: ' ',
-    external: true
-  };
-}
+
+// if (__DOCS__) {
+//   Tooltip.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'Style Guide',
+//     description: ' ',
+//     external: true
+//   };
+// }

package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -69,8 +69,8 @@ export default class VelocityAnimation extends React.Component {
 VelocityAnimation.defaultProps = defaultProps;
 VelocityAnimation.propTypes = propTypes;
 VelocityAnimation.contextType = LibraryContext;
-if (false) {
-  VelocityAnimation.docs = {
-    componentGroup: 'Animation'
-  };
-}
+// if (__DOCS__) {
+//   VelocityAnimation.docs = {
+//     componentGroup: 'Animation'
+//   };
+// }

package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -98,8 +98,9 @@ VelocityAnimationGroup.defaultProps = {
 };
 VelocityAnimationGroup.propTypes = propTypes;
 VelocityAnimationGroup.contextType = LibraryContext;
-if (false) {
-  VelocityAnimationGroup.docs = {
-    componentGroup: 'Animation'
-  };
-}
+
+// if (__DOCS__) {
+//   VelocityAnimationGroup.docs = {
+//     componentGroup: 'Animation'
+//   };
+// }

package/es/deprecated/PortalLayer/PortalLayer.js

@@ -91,9 +91,10 @@ export default class PortalLayer extends React.Component {
 }
 PortalLayer.defaultProps = defaultProps;
 PortalLayer.propTypes = propTypes;
-if (false) {
-  PortalLayer.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   PortalLayer.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'Style Guide'
+//   };
+// }

package/es/semantic/Button/Button.js

@@ -50,9 +50,9 @@ export default class Button extends React.Component {
 }
 Button.defaultProps = defaultProps;
 Button.propTypes = propTypes;
-if (false) {
-  Button.docs = {
-    componentGroup: 'semantic',
-    folderName: 'DefaultComponents'
-  };
-}
+// if (__DOCS__) {
+//   Button.docs = {
+//     componentGroup: 'semantic',
+//     folderName: 'DefaultComponents'
+//   };
+// }

package/install.md

@@ -0,0 +1,10 @@
+- For New :
+
+# npm i
+# npm run common_package_build
+
+For Update:
+
+# npm run download
+# npm run common_package_build
+

package/lib/Accordion/Accordion.js

@@ -10,8 +10,10 @@ 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 _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -64,7 +66,9 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
         unMount = _this$props2.unMount,
         disableInternalState = _this$props2.disableInternalState,
         propSelectedItem = _this$props2.selectedItem,
-        a11y = _this$props2.a11y;
+        a11y = _this$props2.a11y,
+        dataId = _this$props2.dataId,
+        dataSelectorId = _this$props2.dataSelectorId;
       var selectedItem = this.state.selectedItem;
       var children = _react["default"].Children.map(this.props.children, function (child) {
         if (child) {
@@ -85,7 +89,9 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
         },
         role: role,
         "aria-expanded": ariaExpanded,
-        "aria-haspopup": ariaHaspopup
+        "aria-haspopup": ariaHaspopup,
+        "data-id": dataId,
+        "data-selector-id": dataSelectorId
       }, children);
     }
   }]);
@@ -94,9 +100,10 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Accordion;
 Accordion.propTypes = _propTypes.Accordion_propTypes;
 Accordion.defaultProps = _defaultProps.Accordion_defaultProps;
-if (false) {
-  Accordion.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   Accordion.docs = {
+//     componentGroup: 'Animation',
+//     folderName: 'Style Guide'
+//   };
+// }