@zohodesk/components 1.0.0-temp-118 → 1.0.0-temp-119

package/es/Radio/Radio.js

@@ -111,9 +111,9 @@ export default class Radio extends React.Component {
 }
 Radio.defaultProps = defaultProps;
 Radio.propTypes = propTypes;
-if (false) {
-  Radio.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+// if (__DOCS__) {
+//   Radio.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }

package/es/Ribbon/Ribbon.js

@@ -31,15 +31,17 @@ export default class Ribbon extends React.Component {
 }
 Ribbon.propTypes = propTypes;
 Ribbon.defaultProps = defaultProps;
-if (false) {
-  Ribbon.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' ',
-    images: [{
-      view: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/Ribbon/v1/Ribbon.png',
-      psd: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/Ribbon/v1/Ribbon.psd'
-    }]
-  };
-}
+// if (__DOCS__) {
+//   Ribbon.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' ',
+//     images: [
+//       {
+//         view: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/Ribbon/v1/Ribbon.png',
+//         psd: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/Ribbon/v1/Ribbon.psd'
+//       }
+//     ]
+//   };
+// }

package/es/RippleEffect/RippleEffect.js

@@ -22,9 +22,10 @@ export default function RippleEffect(props) {
 }
 RippleEffect.defaultProps = defaultProps;
 RippleEffect.propTypes = propTypes;
-if (false) {
-  RippleEffect.docs = {
-    componentGroup: 'RippleEffect',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   RippleEffect.docs = {
+//     componentGroup: 'RippleEffect',
+//     folderName: 'Style Guide'
+//   };
+// }

package/es/Select/GroupSelect.js

@@ -742,11 +742,12 @@ GroupSelectComponent.displayName = 'GroupSelect';
 let GroupSelect = Popup(GroupSelectComponent);
 GroupSelect.defaultProps = GroupSelectComponent.defaultProps;
 export default GroupSelect;
-if (false) {
-  GroupSelect.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  GroupSelect.propTypes = GroupSelectComponent.propTypes;
-}
+
+// if (__DOCS__) {
+//   GroupSelect.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+//   // eslint-disable-next-line react/forbid-foreign-prop-types
+//   GroupSelect.propTypes = GroupSelectComponent.propTypes;
+// }

package/es/Select/Select.js

@@ -893,13 +893,14 @@ SelectComponent.displayName = 'Select';
 let Select = Popup(SelectComponent);
 Select.defaultProps = SelectComponent.defaultProps;
 export default Select;
-if (false) {
-  Select.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  Select.propTypes = SelectComponent.propTypes;
-}
+
+// if (__DOCS__) {
+//   Select.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+//   // eslint-disable-next-line react/forbid-foreign-prop-types
+//   Select.propTypes = SelectComponent.propTypes;
+// }

package/es/Select/SelectWithAvatar.js

@@ -313,12 +313,14 @@ SelectWithAvatarComponent.defaultProps = SelectWithAvatar_defaultProps;
 SelectWithAvatarComponent.displayName = 'SelectWithAvatar';
 let SelectWithAvatar = Popup(SelectWithAvatarComponent);
 SelectWithAvatar.defaultProps = SelectWithAvatarComponent.defaultProps;
-if (false) {
-  SelectWithAvatar.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  SelectWithAvatar.propTypes = SelectWithAvatarComponent.propTypes;
-}
+
+// if (__DOCS__) {
+//   SelectWithAvatar.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+//   // eslint-disable-next-line react/forbid-foreign-prop-types
+//   SelectWithAvatar.propTypes = SelectWithAvatarComponent.propTypes;
+// }
+
 export default SelectWithAvatar;

package/es/Select/SelectWithIcon.js

@@ -476,10 +476,11 @@ class SelectWithIcon extends Component {
 }
 SelectWithIcon.propTypes = SelectWithIcon_propTypes;
 SelectWithIcon.defaultProps = SelectWithIcon_defaultProps;
-if (false) {
-  SelectWithIcon.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   SelectWithIcon.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }
 export default Popup(SelectWithIcon);

package/es/Stencils/Stencils.js

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

package/es/Switch/Switch.js

@@ -85,9 +85,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/Tab/Tab.js

@@ -99,9 +99,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/Tag/Tag.js

@@ -140,9 +140,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/TextBox/TextBox.js

@@ -156,11 +156,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/TextBoxIcon/TextBoxIcon.js

@@ -153,11 +153,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/Textarea/Textarea.js

@@ -96,11 +96,12 @@ export default class Textarea extends React.Component {
 }
 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/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/lib/Accordion/Accordion.js

@@ -94,9 +94,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'
+//   };
+// }

package/lib/Accordion/AccordionItem.js

@@ -76,9 +76,9 @@ var AccordionItem = /*#__PURE__*/function (_React$Component) {
 exports["default"] = AccordionItem;
 AccordionItem.propTypes = _propTypes.AccordionItem_propTypes;
 AccordionItem.defaultProps = _defaultProps.AccordionItem_defaultProps;
-if (false) {
-  AccordionItem.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide'
-  };
-}
+// if (__DOCS__) {
+//   AccordionItem.docs = {
+//     componentGroup: 'Animation',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/Animation/Animation.js

@@ -151,11 +151,12 @@ var Animation = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Animation;
 Animation.propTypes = _propTypes.propTypes;
 Animation.defaultProps = _defaultProps.defaultProps;
-if (false) {
-  Animation.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
+
+// if (__DOCS__) {
+//   Animation.docs = {
+//     componentGroup: 'Animation',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+// }

package/lib/AppContainer/AppContainer.js

@@ -149,9 +149,10 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
 exports["default"] = AppContainer;
 AppContainer.propTypes = _propTypes.propTypes;
 AppContainer.defaultProps = _defaultProps.defaultProps;
-if (false) {
-  AppContainer.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   AppContainer.docs = {
+//     componentGroup: 'Template',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/Avatar/Avatar.js

@@ -158,11 +158,11 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
       initial = initial || this.getInitialByFullName(name);
       var isInvalidImageList = Avatar.invalidImageURLs.indexOf(src) !== -1;
       var isValidImageList = Avatar.validImageURLs.indexOf(src) !== -1;
-      var border = borderOnHover || onClick;
-      var borderStyle = (!src || src && isInvalidImageList || !isValidImageList) && needBorder ? "".concat(_AvatarModule["default"].border, " ").concat(borderOnActive ? _AvatarModule["default"].borderOnActive : border ? _AvatarModule["default"].borderOnHover : '', " ") : '';
       var showAvatar = src && !isInvalidImageList;
-      var showInitial = !showAvatar || showAvatar && !isValidImageList;
+      var showInitial = !showAvatar || showAvatar && isInvalidImageList;
       var showAlternateAvatar = alternateSrc ? showInitial : false;
+      var border = borderOnHover || onClick;
+      var borderStyle = (!src || !showAvatar || showInitial) && needBorder ? "".concat(_AvatarModule["default"].border, " ").concat(borderOnActive ? _AvatarModule["default"].borderOnActive : border ? _AvatarModule["default"].borderOnHover : '', " ") : '';
       borderStyle = showAlternateAvatar ? '' : borderStyle;
       return /*#__PURE__*/_react["default"].createElement("div", _extends({
         className: "".concat(_AvatarModule["default"].avatar, " ").concat(_AvatarModule["default"][size], " ").concat((0, _AvatarSize["default"])(size), " ").concat(_AvatarModule["default"][shapeStyle], " ").concat(_AvatarModule["default"][palette], " ").concat(textStyle, " ").concat(borderStyle, " ").concat(customClass ? customClass : ''),
@@ -192,9 +192,9 @@ Avatar.defaultProps = _defaultProps.defaultProps;
 Avatar.propTypes = _propTypes.propTypes;
 Avatar.invalidImageURLs = [];
 Avatar.validImageURLs = [];
-if (false) {
-  Avatar.docs = {
-    componentGroup: 'Avatar Group',
-    folderName: 'Style Guide'
-  };
-}
+// if (__DOCS__) {
+//   Avatar.docs = {
+//     componentGroup: 'Avatar Group',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/AvatarTeam/AvatarTeam.js

@@ -90,10 +90,11 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
 exports["default"] = AvatarTeam;
 AvatarTeam.defaultProps = _defaultProps.defaultProps;
 AvatarTeam.propTypes = _propTypes.propTypes;
-if (false) {
-  AvatarTeam.docs = {
-    componentGroup: 'Avatar Group',
-    folderName: 'Style Guide',
-    external: true
-  };
-}
+
+// if (__DOCS__) {
+//   AvatarTeam.docs = {
+//     componentGroup: 'Avatar Group',
+//     folderName: 'Style Guide',
+//     external: true
+//   };
+// }

package/lib/Button/Button.js

@@ -84,9 +84,10 @@ var Button = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Button;
 Button.defaultProps = _defaultProps.defaultProps;
 Button.propTypes = _propTypes.propTypes;
-if (false) {
-  Button.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   Button.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/Buttongroup/Buttongroup.js

@@ -55,15 +55,18 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 exports["default"] = Buttongroup;
 Buttongroup.defaultProps = _defaultProps.defaultProps;
 Buttongroup.propTypes = _propTypes.propTypes;
-if (false) {
-  Buttongroup.docs = {
-    componentGroup: 'Molecule',
-    folderName: 'Style Guide',
-    external: false,
-    description: ' ',
-    images: [{
-      view: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/ButtonGroup/v1/ButtonGroup.png',
-      psd: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/ButtonGroup/v1/ButtonGroup.psd'
-    }]
-  };
-}
+
+// if (__DOCS__) {
+//   Buttongroup.docs = {
+//     componentGroup: 'Molecule',
+//     folderName: 'Style Guide',
+//     external: false,
+//     description: ' ',
+//     images: [
+//       {
+//         view: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/ButtonGroup/v1/ButtonGroup.png',
+//         psd: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/ButtonGroup/v1/ButtonGroup.psd'
+//       }
+//     ]
+//   };
+// }

package/lib/Card/Card.js

@@ -265,14 +265,15 @@ var Card = /*#__PURE__*/function (_Component3) {
 exports["default"] = Card;
 Card.propTypes = _propTypes.Card_propTypes;
 Card.defaultProps = _defaultProps.Card_defaultProps;
-if (false) {
-  Card.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
+
+// if (__DOCS__) {
+//   Card.docs = {
+//     componentGroup: 'Template',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+// }
 var CardFooter = /*#__PURE__*/function (_Component4) {
   _inherits(CardFooter, _Component4);
   var _super4 = _createSuper(CardFooter);

package/lib/CheckBox/CheckBox.js

@@ -175,9 +175,10 @@ var CheckBox = /*#__PURE__*/function (_React$Component) {
 exports["default"] = CheckBox;
 CheckBox.defaultProps = _defaultProps.defaultProps;
 CheckBox.propTypes = _propTypes.propTypes;
-if (false) {
-  CheckBox.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   CheckBox.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/DateTime/DateWidget.js

@@ -1005,15 +1005,15 @@ var DateWidget = (0, _Popup["default"])(DateWidgetComponent);
 DateWidget.defaultProps = DateWidgetComponent.defaultProps;
 
 // eslint-disable-next-line no-undef
-if (false) {
-  DateWidgetComponent.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  DateWidget.propTypes = DateWidgetComponent.propTypes;
-}
+// if (__DOCS__) {
+//   DateWidgetComponent.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+//   // eslint-disable-next-line react/forbid-foreign-prop-types
+//   DateWidget.propTypes = DateWidgetComponent.propTypes;
+// }
 var _default = DateWidget;
 exports["default"] = _default;