@zohodesk/components 1.0.0-temp-158 → 1.0.0-temp-159

package/es/Accordion/Accordion.js

@@ -9,22 +9,18 @@ export default class Accordion extends React.Component {
     };
     this.selectMenu = this.selectMenu.bind(this);
   }
-
   selectMenu(selectedItem) {
     let {
       onSelect,
       disableInternalState
     } = this.props;
-
     if (onSelect) {
       onSelect(selectedItem);
     }
-
     !disableInternalState && this.setState({
       selectedItem
     });
   }
-
   componentWillReceiveProps(nextProps) {
     if (this.props.selectedItem !== nextProps.selectedItem && !this.props.disableInternalState) {
       this.setState({
@@ -32,7 +28,6 @@ export default class Accordion extends React.Component {
       });
     }
   }
-
   render() {
     let {
       className,
@@ -73,10 +68,11 @@ export default class Accordion extends React.Component {
       "data-selector-id": dataSelectorId
     }, children);
   }
-
 }
 Accordion.propTypes = Accordion_propTypes;
-Accordion.defaultProps = Accordion_defaultProps; // if (__DOCS__) {
+Accordion.defaultProps = Accordion_defaultProps;
+
+// if (__DOCS__) {
 //   Accordion.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide'

package/es/Accordion/AccordionItem.js

@@ -8,7 +8,6 @@ export default class AccordionItem extends React.Component {
     super(props);
     this.equalityCheck = this.equalityCheck.bind(this);
   }
-
   equalityCheck() {
     let {
       equalityCheck,
@@ -17,7 +16,6 @@ export default class AccordionItem extends React.Component {
     } = this.props;
     return equalityCheck ? equalityCheck(id, selectedItem) : selectedItem == id;
   }
-
   render() {
     let {
       id,
@@ -51,10 +49,10 @@ export default class AccordionItem extends React.Component {
       isActive: this.equalityCheck()
     }, children[1]));
   }
-
 }
 AccordionItem.propTypes = AccordionItem_propTypes;
-AccordionItem.defaultProps = AccordionItem_defaultProps; // if (__DOCS__) {
+AccordionItem.defaultProps = AccordionItem_defaultProps;
+// if (__DOCS__) {
 //   AccordionItem.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide'

package/es/Animation/Animation.js

@@ -7,7 +7,6 @@ export default class Animation extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     let {
       name,
@@ -121,10 +120,11 @@ export default class Animation extends React.Component {
       onExit: onExit
     }, /*#__PURE__*/React.createElement(React.Fragment, null, children));
   }
-
 }
 Animation.propTypes = propTypes;
-Animation.defaultProps = defaultProps; // if (__DOCS__) {
+Animation.defaultProps = defaultProps;
+
+// if (__DOCS__) {
 //   Animation.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide',

package/es/AppContainer/AppContainer.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -31,27 +30,22 @@ export default class AppContainer extends React.Component {
       getTooltipContainer: () => this.containerElement
     });
   }
-
   mouseOverDispatch(e) {
     if (this.tooltipRef) {
       this.tooltipRef.handleOver(e, this.containerElement);
     }
   }
-
   removeTimeout() {
     if (this.timer) {
       this.timer = clearTimeout(this.timer);
     }
   }
-
   handleOver(e) {
     if (this.timer) {
       this.timer = clearTimeout(this.timer);
     }
-
     this.timer = setTimeout(() => this.mouseOverDispatch(e), this.tooltipDebounce);
   }
-
   getContainerRef(ref) {
     let {
       eleRef
@@ -59,11 +53,9 @@ export default class AppContainer extends React.Component {
     this.containerElement = ref;
     eleRef && eleRef(ref);
   }
-
   setTooltipRef(ref) {
     this.tooltipRef = ref;
   }
-
   componentDidMount() {
     if (this.containerElement) {
       this.containerElement.addEventListener('mouseover', this.handleOver, false);
@@ -71,7 +63,6 @@ export default class AppContainer extends React.Component {
       this.tooltipRef.observeElement();
     }
   }
-
   componentWillUnmount() {
     if (this.containerElement) {
       this.containerElement.removeEventListener('mouseover', this.handleOver, false);
@@ -79,7 +70,6 @@ export default class AppContainer extends React.Component {
       this.tooltipRef.unObserveElement();
     }
   }
-
   render() {
     let {
       className,
@@ -97,7 +87,8 @@ export default class AppContainer extends React.Component {
       ExtraProps = {}
     } = customProps;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, _extends({
-      className: `${style.container} ${className}` //onMouseOver={this.handleOver}
+      className: `${style.container} ${className}`
+      //onMouseOver={this.handleOver}
       ,
       dataId: dataId,
       dataSelectorId: dataSelectorId,
@@ -114,10 +105,11 @@ export default class AppContainer extends React.Component {
       customClass: tooltipClass
     }, TooltipProps))));
   }
-
 }
 AppContainer.propTypes = propTypes;
-AppContainer.defaultProps = defaultProps; // if (__DOCS__) {
+AppContainer.defaultProps = defaultProps;
+
+// if (__DOCS__) {
 //   AppContainer.docs = {
 //     componentGroup: 'Template',
 //     folderName: 'Style Guide'

package/es/Avatar/Avatar.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -18,7 +17,6 @@ eslint css-modules/no-unused-class: [2, { markAsUsed: ['circle', 'square',
 'small','medium','xmedium',"xsmall", "large", "xlarge", "primary", "secondary",
 "info","default"] }]
 */
-
 export default class Avatar extends React.Component {
   constructor(props) {
     super(props);
@@ -29,7 +27,6 @@ export default class Avatar extends React.Component {
     this.putValidImageURLJSON = this.putValidImageURLJSON.bind(this);
     this.getInitialByFullName = this.getInitialByFullName.bind(this);
   }
-
   componentDidUpdate(prevProps, prevState) {
     let {
       src
@@ -37,14 +34,12 @@ export default class Avatar extends React.Component {
     let {
       isLoaded
     } = this.state;
-
     if (prevProps.src !== src) {
       this.setState({
         isLoaded: !isLoaded
       });
     }
   }
-
   putInvalidImageURLJSON() {
     const {
       src,
@@ -54,25 +49,23 @@ export default class Avatar extends React.Component {
       isLoaded
     } = this.state;
     let _validImgArr = [...Avatar.validImageURLs];
-    let _invalidImgArr = [...Avatar.invalidImageURLs]; // if (alternateSrc) {
+    let _invalidImgArr = [...Avatar.invalidImageURLs];
+
+    // if (alternateSrc) {
     //   _validImgArr.push(alternateSrc);
     // }
 
     const validIndex = _validImgArr.indexOf(src);
-
     if (validIndex !== -1) {
       _validImgArr.splice(validIndex, 1);
     }
-
     _invalidImgArr.push(src);
-
     Avatar.invalidImageURLs = _invalidImgArr;
     Avatar.validImageURLs = _validImgArr;
     this.setState({
       isLoaded: !isLoaded
     });
   }
-
   putValidImageURLJSON() {
     const {
       src
@@ -82,32 +75,28 @@ export default class Avatar extends React.Component {
     } = this.state;
     const validImgArr = Avatar.validImageURLs;
     const invalidImgArr = Avatar.invalidImageURLs;
-
     if (src && validImgArr.indexOf(src) === -1 && invalidImgArr.indexOf(src) === -1) {
       let _validImgArr = [...validImgArr];
-
       _validImgArr.push(src);
-
       Avatar.validImageURLs = _validImgArr;
       this.setState({
         isLoaded: !isLoaded
       });
     }
   }
-  /* this will cause error if user name already have some space need to move firstName lastName user preference pattern*/
-
 
+  /* this will cause error if user name already have some space need to move firstName lastName user preference pattern*/
   getInitialByFullName() {
     let fullName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     fullName = (fullName || '').trim();
     let nameList = fullName.split(' ');
-
     if (nameList.length === 1) {
       return getInitial('', nameList[0]);
     }
-
     return getInitial(nameList[0], nameList[1]);
-  } // componentDidMount() {
+  }
+
+  // componentDidMount() {
   //   const { src } = this.props;
   //   const validImgArr = Avatar.validImageURLs;
   //   if (validImgArr.indexOf(src) === -1) {
@@ -116,7 +105,6 @@ export default class Avatar extends React.Component {
   //   }
   // }
 
-
   render() {
     let {
       src,
@@ -147,8 +135,8 @@ export default class Avatar extends React.Component {
     let textStyle = textPalette ? style[textPalette] : palette === 'secondary' ? style.white : style.black;
     let shapeStyle = shape === 'circle' ? 'circle' : `square_${size}`;
     initial = initial || this.getInitialByFullName(name);
-    let isInvalidImageList = Avatar.invalidImageURLs.indexOf(src) !== -1; //let isValidImageList = Avatar.validImageURLs.indexOf(src) !== -1;
-
+    let isInvalidImageList = Avatar.invalidImageURLs.indexOf(src) !== -1;
+    //let isValidImageList = Avatar.validImageURLs.indexOf(src) !== -1;
     let showAvatar = src && !isInvalidImageList;
     let showInitial = !showAvatar || showAvatar && isInvalidImageList;
     const showAlternateAvatar = alternateSrc ? showInitial : false;
@@ -179,12 +167,12 @@ export default class Avatar extends React.Component {
       className: `${style.shadow} ${textStyle} `
     })));
   }
-
 }
 Avatar.defaultProps = defaultProps;
 Avatar.propTypes = propTypes;
 Avatar.invalidImageURLs = [];
-Avatar.validImageURLs = []; // if (__DOCS__) {
+Avatar.validImageURLs = [];
+// if (__DOCS__) {
 //   Avatar.docs = {
 //     componentGroup: 'Avatar Group',
 //     folderName: 'Style Guide'

package/es/AvatarTeam/AvatarTeam.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -71,10 +70,11 @@ export default class AvatarTeam extends React.Component {
           ${style[`${size}team`]} ${customAvatarTeam}`
     }));
   }
-
 }
 AvatarTeam.defaultProps = defaultProps;
-AvatarTeam.propTypes = propTypes; // if (__DOCS__) {
+AvatarTeam.propTypes = propTypes;
+
+// if (__DOCS__) {
 //   AvatarTeam.docs = {
 //     componentGroup: 'Avatar Group',
 //     folderName: 'Style Guide',

package/es/Button/Button.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -11,9 +10,7 @@ Button text and children props?
 use children for both cases
 toLowerCase check needed?
 */
-
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small','medium','large','xlarge','button_medium','button_small','primary','primaryfilled','danger','dangerfilled','plainprimary', 'plainsecondary', 'secondary', 'secondaryfilled', 'successFilled','tertiaryFilled'] }] */
-
 export default function Button(props) {
   let {
     text,
@@ -57,7 +54,9 @@ export default function Button(props) {
   }))));
 }
 Button.defaultProps = defaultProps;
-Button.propTypes = propTypes; // if (__DOCS__) {
+Button.propTypes = propTypes;
+
+// if (__DOCS__) {
 //   Button.docs = {
 //     componentGroup: 'Form Elements',
 //     folderName: 'Style Guide'

package/es/Buttongroup/Buttongroup.js

@@ -4,7 +4,6 @@ import { propTypes } from './props/propTypes';
 import style from './Buttongroup.module.css';
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['footer','header',
 'tab','alignleft','alignright','aligncenter' ] }] */
-
 export default class Buttongroup extends React.Component {
   render() {
     let {
@@ -30,10 +29,11 @@ export default class Buttongroup extends React.Component {
       className: style[`align${buttonPosition}`]
     }, children));
   }
-
 }
 Buttongroup.defaultProps = defaultProps;
-Buttongroup.propTypes = propTypes; // if (__DOCS__) {
+Buttongroup.propTypes = propTypes;
+
+// if (__DOCS__) {
 //   Buttongroup.docs = {
 //     componentGroup: 'Molecule',
 //     folderName: 'Style Guide',

package/es/Card/Card.js

@@ -4,6 +4,7 @@ import { Card_defaultProps, CardHeader_defaultProps, CardContent_defaultProps, C
 import { Container, Box } from '../Layout';
 import { getLibraryConfig } from '../Provider/Config';
 import style from './Card.module.css';
+
 /* eslint-disable react/forbid-component-props */
 
 /*
@@ -13,24 +14,20 @@ scroll logic move to virtualizer list
 */
 
 /* performance handling pending in card component moving to ref instead of setState */
-
 export class CardHeader extends Component {
   constructor(props) {
     super(props);
     this.getCardHeaderDom = this.getCardHeaderDom.bind(this);
     this.cardHeader = null;
   }
-
   getCardHeaderDom(ele) {
     this.cardHeader = ele;
   }
-
   setScrollClassName() {
     if (!this.cardHeader) {
       return null;
     }
   }
-
   render() {
     let {
       isScroll,
@@ -46,7 +43,6 @@ export class CardHeader extends Component {
       dataSelectorId: dataSelectorId
     }, children);
   }
-
 }
 CardHeader.propTypes = CardHeader_propTypes;
 CardHeader.defaultProps = CardHeader_defaultProps;
@@ -77,7 +73,6 @@ export class CardContent extends Component {
       dataSelectorId: dataSelectorId
     }, children);
   }
-
 }
 CardContent.propTypes = CardContent_propTypes;
 CardContent.defaultProps = CardContent_defaultProps;
@@ -96,7 +91,8 @@ export default class Card extends Component {
     this.to = from + 3 * limit;
     this.isFetching = false;
     this.lastScrollTop = 0;
-    this.onScroll = this.onScroll.bind(this); //this.onSetScroll = debounce(this.setScroll.bind(this, true), 10, true);
+    this.onScroll = this.onScroll.bind(this);
+    //this.onSetScroll = debounce(this.setScroll.bind(this, true), 10, true);
     //this.onClearScroll = debounce(this.setScroll.bind(this, false), 500);
   }
 
@@ -105,7 +101,6 @@ export default class Card extends Component {
       this.from = nextProps.from;
     }
   }
-
   onScroll(e) {
     let scrollContainerObj = e.currentTarget;
     let {
@@ -129,20 +124,16 @@ export default class Card extends Component {
       // isScrollShadow,
       isPercentageScroll
     } = this.props;
-
     if (scrollTop > this.lastScrollTop) {
       this.scrollDirection = 'down';
     } else {
       this.scrollDirection = 'up';
     }
-
     this.lastScrollTop = scrollTop;
-
     if (fetchData && !this.isFetching) {
       if (this.scrollDirection === 'down' && !noMoreData) {
         const scrollingPercentage = (scrollTop + offsetHeight) / (scrollHeight - scrollAt) * 100;
         const prefetch = isPercentageScroll ? scrollingPercentage >= getLibraryConfig('scrollFetchLimit') : scrollHeight - scrollAt <= scrollTop + offsetHeight;
-
         if (prefetch) {
           this.isFetching = true;
           fetchData(this.from + this.limit, this.limit + this.to, this.scrollDirection).then(() => {
@@ -164,18 +155,19 @@ export default class Card extends Component {
         }
       }
     }
-
     if (fetchData && !noNeedUpScroll) {
       if (this.from !== 0 && scrollTop === 0 && !noNeedUpScroll) {
         scrollContainerObj.scrollTop = scrollTop + offsetHeight / 3;
       } else if (scrollHeight === scrollTop + offsetHeight && !noMoreData) {
         scrollContainerObj.scrollTop = scrollTop - offsetHeight / 2;
       }
-    } // if (isScrollShadow) {
+    }
+    // if (isScrollShadow) {
     //   this.onSetScroll();
     // }
+  }
 
-  } // setScroll(isScroll) {
+  // setScroll(isScroll) {
   //   let { isScroll: stateIsScroll } = this.state;
   //   if (isScroll && !stateIsScroll) {
   //     this.setState({ isScroll: true }, () => {
@@ -186,7 +178,6 @@ export default class Card extends Component {
   //   }
   // }
 
-
   render() {
     let {
       onClick,
@@ -214,7 +205,6 @@ export default class Card extends Component {
       if (!child) {
         return child;
       }
-
       if (child.type === CardHeader || this.props.childTypes && child.type === this.props.childTypes.cardHeader) {
         return /*#__PURE__*/React.cloneElement(child, {
           isScroll
@@ -235,14 +225,14 @@ export default class Card extends Component {
           dataSelectorId: child.props.dataSelectorId
         }, child.props.children);
       }
-
       return child;
     }));
   }
-
 }
 Card.propTypes = Card_propTypes;
-Card.defaultProps = Card_defaultProps; // if (__DOCS__) {
+Card.defaultProps = Card_defaultProps;
+
+// if (__DOCS__) {
 //   Card.docs = {
 //     componentGroup: 'Template',
 //     folderName: 'Style Guide',
@@ -265,7 +255,6 @@ export class CardFooter extends Component {
       dataSelectorId: dataSelectorId
     }, children);
   }
-
 }
 CardFooter.propTypes = CardFooter_propTypes;
 CardFooter.defaultProps = CardFooter_defaultProps;

package/es/CheckBox/CheckBox.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { propTypes } from './props/propTypes';
 import { defaultProps } from './props/defaultProps';
@@ -12,7 +11,6 @@ export default class CheckBox extends React.Component {
     super(props);
     this.onChange = this.onChange.bind(this);
   }
-
   onChange(e) {
     let {
       onChange,
@@ -20,7 +18,6 @@ export default class CheckBox extends React.Component {
     } = this.props;
     onChange && onChange(!checked, e);
   }
-
   render() {
     let {
       id,
@@ -149,10 +146,11 @@ export default class CheckBox extends React.Component {
       title: toolTip ? toolTip : text
     }, LabelProps))));
   }
-
 }
 CheckBox.defaultProps = defaultProps;
-CheckBox.propTypes = propTypes; // if (__DOCS__) {
+CheckBox.propTypes = propTypes;
+
+// if (__DOCS__) {
 //   CheckBox.docs = {
 //     componentGroup: 'Form Elements',
 //     folderName: 'Style Guide'