@zohodesk/components 1.2.23 → 1.2.24

package/es/v1/Avatar/Avatar.js

@@ -1,4 +1,5 @@
 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, { useState } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
 import { defaultProps } from './props/defaultProps';
@@ -41,52 +42,62 @@ function Avatar(props) {
     AvatarProps = {}
   } = customProps;
   const [isLoaded, setLoaded] = useState(false);
+
   const putInvalidImageURLJSON = () => {
     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;
     setLoaded(isLoaded => !isLoaded);
   };
+
   const putValidImageURLJSON = () => {
     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;
       setLoaded(isLoaded => !isLoaded);
     }
   };
-
   /* this will cause error if user name already have some space need to move firstName lastName user preference pattern*/
+
+
   const getInitialByFullName = function () {
     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]);
   };
+
   useEffectCallOnlyAfterState(() => {
     setLoaded(isLoaded => !isLoaded);
   }, [src]);
   let textStyle = textPalette ? style[textPalette] : palette === 'secondary' ? style.white : style.black;
   let shapeStyle = shape === 'circle' ? 'circle' : `square_${size}`;
   initial = initial || 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;
@@ -121,6 +132,7 @@ function Avatar(props) {
     className: `${style.shadow} ${textStyle} `
   })));
 }
+
 export default Avatar;
 Avatar.defaultProps = defaultProps;
 Avatar.propTypes = propTypes;

package/es/v1/AvatarTeam/AvatarTeam.js

@@ -1,4 +1,5 @@
 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';

package/es/v1/Button/Button.js

@@ -1,4 +1,5 @@
 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';
@@ -10,6 +11,7 @@ Button text and children props?
 use children for both cases
 toLowerCase check needed?
 */
+
 export default function Button(props) {
   let {
     text,
@@ -58,9 +60,7 @@ 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/v1/Card/Card.js

@@ -5,7 +5,6 @@ import { Card_defaultProps, CardHeader_defaultProps, CardContent_defaultProps, C
 import { Container, Box } from '../Layout';
 import { getLibraryConfig } from '../Provider/Config';
 import style from '../../Card/Card.module.css';
-
 /* eslint-disable react/forbid-component-props */
 
 /*
@@ -15,6 +14,7 @@ scroll logic move to virtualizer list
 */
 
 /* performance handling pending in card component moving to ref instead of setState */
+
 export function CardHeader(props) {
   let {
     isScroll,
@@ -24,14 +24,17 @@ export function CardHeader(props) {
     customClass
   } = props;
   const cardHeader = useRef(null);
+
   function getCardHeaderDom(ele) {
     cardHeader.current = ele;
   }
+
   function setScrollClassName() {
     if (!cardHeader.current) {
       return null;
     }
   }
+
   return /*#__PURE__*/React.createElement(Box, {
     className: `${isScroll ? style.scroll : style.notScroll} ${customClass}`,
     eleRef: getCardHeaderDom,
@@ -101,6 +104,7 @@ export default function Card(props) {
   useEffectCallOnlyAfterState(() => {
     fromRef.current = from;
   }, [from]);
+
   function onCardScroll(e) {
     let scrollContainerObj = e.currentTarget;
     let {
@@ -113,16 +117,20 @@ export default function Card(props) {
       offsetHeight
     } = scrollContainerObj;
     onScroll && onScroll(e);
+
     if (scrollTop > lastScrollTop.current) {
       scrollDirection.current = 'down';
     } else {
       scrollDirection.current = 'up';
     }
+
     lastScrollTop.current = scrollTop;
+
     if (fetchData && !isFetching.current) {
       if (scrollDirection.current === 'down' && !noMoreData) {
         const scrollingPercentage = (scrollTop + offsetHeight) / (scrollHeight - scrollAt) * 100;
         const prefetch = isPercentageScroll ? scrollingPercentage >= getLibraryConfig('scrollFetchLimit') : scrollHeight - scrollAt <= scrollTop + offsetHeight;
+
         if (prefetch) {
           isFetching.current = true;
           fetchData(fromRef.current + limitRef.current, limitRef.current + to.current, scrollDirection.current).then(() => {
@@ -144,19 +152,18 @@ export default function Card(props) {
         }
       }
     }
+
     if (fetchData && !noNeedUpScroll) {
       if (fromRef.current !== 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 }, () => {
@@ -167,6 +174,7 @@ export default function Card(props) {
   //   }
   // }
 
+
   return /*#__PURE__*/React.createElement(Container, {
     className: `${customClass}`,
     isScrollAttribute: isScrollAttribute,
@@ -177,6 +185,7 @@ export default function Card(props) {
     if (!child) {
       return child;
     }
+
     if (child.type === CardHeader || props.childTypes && child.type === props.childTypes.cardHeader) {
       return /*#__PURE__*/React.cloneElement(child, {
         isScroll
@@ -197,13 +206,12 @@ export default function Card(props) {
         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',

package/es/v1/CheckBox/CheckBox.js

@@ -1,4 +1,5 @@
 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';
@@ -6,6 +7,7 @@ import Label from '../Label/Label';
 import { Container, Box } from '../Layout';
 import CssProvider from '../Provider/CssProvider';
 import style from '../../CheckBox/CheckBox.module.css';
+
 const CheckBox = props => {
   let {
     id,
@@ -32,12 +34,14 @@ const CheckBox = props => {
     customProps,
     dataSelectorId
   } = props;
+
   function onChange(e) {
     const {
       onChange
     } = props;
     onChange && onChange(!checked, e);
   }
+
   let {
     CheckBoxProps = {},
     LabelProps = {}
@@ -140,11 +144,10 @@ const CheckBox = props => {
     title: toolTip ? toolTip : text
   }, LabelProps))));
 };
+
 export default CheckBox;
 CheckBox.defaultProps = defaultProps;
-CheckBox.propTypes = propTypes;
-
-// if (__DOCS__) {
+CheckBox.propTypes = propTypes; // if (__DOCS__) {
 //   CheckBox.docs = {
 //     componentGroup: 'Form Elements',
 //     folderName: 'Style Guide'

package/es/v1/DateTime/CalendarView.js

@@ -6,19 +6,21 @@ import style from '../../DateTime/DateTime.module.css';
 import { getMonthEnd } from '../../utils/datetime/common';
 import { getYearDetails } from '../../DateTime/dateFormatUtils/index';
 import DaysRow from './DaysRow';
-
 /* eslint css-modules/no-unused-class: [0, { markAsUsed: ['container', 'header', 'thArrowConatainer', 'thArrow', 'thMonYear', 'days', 'daysStr', 'timesection', 'timeStr', 'dropDownContainer', 'dropDown', 'footer', 'space'] }] */
+
 export default class CalendarView extends React.PureComponent {
   constructor(props) {
     super(props);
     this.handleSelect = this.handleSelect.bind(this);
   }
+
   handleSelect(day, month, year, e) {
     const {
       onSelect
     } = this.props;
     onSelect(day, month, year, e);
   }
+
   render() {
     const {
       date,
@@ -40,9 +42,7 @@ export default class CalendarView extends React.PureComponent {
     const userSeeMonth = userSeeDate.getMonth();
     const monthEnd = getMonthEnd(month, year);
     const lastMonth = 11;
-    const firstMonth = 0;
-
-    // let noOfRow = 5;
+    const firstMonth = 0; // let noOfRow = 5;
     // if (
     //   (monthEnd === 31 && userSeeDay >= 6) ||
     //   (monthEnd === 30 && userSeeDay === 7)
@@ -56,16 +56,21 @@ export default class CalendarView extends React.PureComponent {
     let incremleti = 1;
     let isSelectedDay = false;
     let isToday = false;
+
     const rows = (() => {
       const rowArr = [];
+
       for (let j = 1; j <= 6; j++) {
         const dayArr = [];
         let output = null;
+
         for (let i = 1; i <= 7; i++) {
           let tdclass = `${style.datesStr} ${style.grid}`;
+
           if (i === 1) {
             tdclass += ` ${style.sunday}`;
           }
+
           if (incremleti >= userSeeDay && incremday <= monthEnd) {
             if (parseInt(date) === incremday && parseInt(month) === userSeeMonth && parseInt(year) === userSeeYear) {
               isSelectedDay = true;
@@ -76,6 +81,7 @@ export default class CalendarView extends React.PureComponent {
               isSelectedDay = false;
               isToday = false;
             }
+
             output = /*#__PURE__*/React.createElement(Span, {
               i: i,
               isActive: isSelectedDay,
@@ -93,28 +99,26 @@ export default class CalendarView extends React.PureComponent {
           } else if (incremleti < userSeeDay) {
             let prevMonth = userSeeMonth - 1;
             let prevYear = userSeeYear;
+
             if (userSeeMonth === firstMonth) {
               prevMonth = lastMonth;
               prevYear = userSeeYear - 1;
             }
+
             const prevMonthEnd = getMonthEnd(prevMonth, prevYear);
-            const prevDate = prevMonthEnd - (userSeeDay - 1) + incremleti;
+            const prevDate = prevMonthEnd - (userSeeDay - 1) + incremleti; // isSelectedDay =
 
-            // isSelectedDay =
-            prevDate === parseInt(date) && parseInt(month) === prevMonth && parseInt(year) === prevYear ? true : false;
-            // isToday = prevDate === incremday && todayMonth === userSeeMonth && todayYear === userSeeYear ? true : false;
+            prevDate === parseInt(date) && parseInt(month) === prevMonth && parseInt(year) === prevYear ? true : false; // isToday = prevDate === incremday && todayMonth === userSeeMonth && todayYear === userSeeYear ? true : false;
 
             output = /*#__PURE__*/React.createElement(Span, {
-              i: i
-              //isActive={isSelectedDay}
+              i: i //isActive={isSelectedDay}
               ,
               tdclass: `${tdclass} ${style.invalidDate}`,
               handleSelect: this.handleSelect,
               incremday: prevDate,
               userSeeMonth: prevMonth,
               userSeeYear: prevYear,
-              dataId: isSelectedDay ? `${dataId}_dateSelected` : `${dataId}_invalidDate`
-              // isToday={isToday}
+              dataId: isSelectedDay ? `${dataId}_dateSelected` : `${dataId}_invalidDate` // isToday={isToday}
               ,
               startDate: startDate,
               endDate: endDate
@@ -122,28 +126,25 @@ export default class CalendarView extends React.PureComponent {
           } else if (incremleti > monthEnd) {
             let nextMonth = userSeeMonth + 1;
             let nextYear = userSeeYear;
+
             if (userSeeMonth === lastMonth) {
               nextMonth = firstMonth;
               nextYear = userSeeYear + 1;
             }
-            const nextDate = incremleti - (userSeeDay - 1) - monthEnd;
 
-            // isSelectedDay =
-            nextDate === parseInt(date) && parseInt(month) === nextMonth && parseInt(year) === nextYear ? true : false;
+            const nextDate = incremleti - (userSeeDay - 1) - monthEnd; // isSelectedDay =
 
-            // isToday = nextDate === incremday && todayMonth === userSeeMonth && todayYear === userSeeYear ? true : false;
+            nextDate === parseInt(date) && parseInt(month) === nextMonth && parseInt(year) === nextYear ? true : false; // isToday = nextDate === incremday && todayMonth === userSeeMonth && todayYear === userSeeYear ? true : false;
 
             output = /*#__PURE__*/React.createElement(Span, {
-              i: i
-              // isActive={isSelectedDay}
+              i: i // isActive={isSelectedDay}
               ,
               tdclass: `${tdclass}  ${style.invalidDate}`,
               handleSelect: this.handleSelect,
               incremday: nextDate,
               userSeeMonth: nextMonth,
               userSeeYear: nextYear,
-              dataId: isSelectedDay ? `${dataId}_dateSelected` : `${dataId}_invalidDate`
-              //isToday={isToday}
+              dataId: isSelectedDay ? `${dataId}_dateSelected` : `${dataId}_invalidDate` //isToday={isToday}
               ,
               startDate: startDate,
               endDate: endDate
@@ -154,10 +155,13 @@ export default class CalendarView extends React.PureComponent {
               className: `${style.grid}`
             });
           }
+
           incremleti++;
           dayArr.push(output);
         }
         /* eslint-disable react/forbid-component-props */
+
+
         rowArr.push( /*#__PURE__*/React.createElement(Container, {
           key: j,
           alignBox: "row",
@@ -166,8 +170,10 @@ export default class CalendarView extends React.PureComponent {
           className: style.dateRow
         }, dayArr));
       }
+
       return rowArr;
     })();
+
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DaysRow, {
       dayNames: dayNames,
       dayNamesShort: dayNamesShort,
@@ -178,6 +184,7 @@ export default class CalendarView extends React.PureComponent {
       className: `${style.dateContainer} ${needBorder ? style.separator : ''}`
     }, rows));
   }
+
 }
 CalendarView.propTypes = CalendarView_propTypes;
 CalendarView.defaultProps = CalendarView_defaultProps;
@@ -186,6 +193,7 @@ export class Span extends React.PureComponent {
     super(props);
     this.handleSelectChild = this.handleSelectChild.bind(this);
   }
+
   handleSelectChild(e) {
     const {
       handleSelect,
@@ -195,6 +203,7 @@ export class Span extends React.PureComponent {
     } = this.props;
     handleSelect(incremday, userSeeMonth, userSeeYear, e);
   }
+
   render() {
     const {
       tdclass,
@@ -210,6 +219,7 @@ export class Span extends React.PureComponent {
     } = this.props;
     const userSeeDate = new Date(userSeeYear, userSeeMonth, incremday);
     let startDateRange, endDateRange;
+
     if (startDate && endDate) {
       startDateRange = new Date(startDate);
       endDateRange = new Date(endDate);
@@ -223,6 +233,7 @@ export class Span extends React.PureComponent {
       startDateRange = new Date(getYearDetails(4).startPoint, 0, 1);
       endDateRange = new Date(getYearDetails(4).endPoint, 11, 31);
     }
+
     startDateRange = new Date(startDateRange.getFullYear(), startDateRange.getMonth(), startDateRange.getDate());
     endDateRange = new Date(endDateRange.getFullYear(), endDateRange.getMonth(), endDateRange.getDate());
     const isActiveDate = startDateRange <= userSeeDate && endDateRange >= userSeeDate;
@@ -234,6 +245,7 @@ export class Span extends React.PureComponent {
       "aria-label": incremday
     }, incremday);
   }
+
 }
 Span.propTypes = Span_propTypes;
 Span.defaultProps = Span_defaultProps;