@zohodesk/components 1.0.0-alpha-250 → 1.0.0-alpha-253

package/es/index.js

@@ -1,155 +1,157 @@
-export { default as React } from 'react';
-export { default as ReactDOM } from 'react-dom';
-export { renderToStaticMarkup } from 'react-dom/server';
-import './common/reset.module.css';
-export { default as _provider } from './Provider';
+// export { default as React } from 'react';
+// export { default as ReactDOM } from 'react-dom';
+// export { renderToStaticMarkup } from 'react-dom/server';
 export * from './Layout';
-export { default as Layout__default } from './Layout/docs/Layout__default.docs';
-export { default as Layout__two_Column } from './Layout/docs/Layout__two_Column.docs';
-export { default as Layout__three_Column } from './Layout/docs/Layout__three_Column.docs';
-export { default as Layout__four_Column } from './Layout/docs/Layout__four_Column.docs';
-export { default as Layout__Hidden } from './Layout/docs/Layout__Hidden.docs';
+// export { default as Layout__default } from './Layout/docs/Layout__default.docs';
+// export { default as Layout__two_Column } from './Layout/docs/Layout__two_Column.docs';
+// export { default as Layout__three_Column } from './Layout/docs/Layout__three_Column.docs';
+// export { default as Layout__four_Column } from './Layout/docs/Layout__four_Column.docs';
+// export { default as Layout__Hidden } from './Layout/docs/Layout__Hidden.docs';
 export { default as AppContainer } from './AppContainer/AppContainer';
-export { default as AppContainer__default } from './AppContainer/docs/AppContainer__default.docs';
+// export { default as AppContainer__default } from './AppContainer/docs/AppContainer__default.docs';
 export { default as Accordion } from './Accordion/Accordion';
-export { default as Accordion__Demo } from './Accordion/docs/Accordion__Demo.docs';
+// export { default as Accordion__Demo } from './Accordion/docs/Accordion__Demo.docs';
 export { default as Animation } from './Animation/Animation';
-export { default as Animation__default } from './Animation/docs/Animation__default.docs';
-export { default as Animation__fadeIn } from './Animation/docs/Animation__fadeIn.docs';
-export { default as Animation__scaleIn } from './Animation/docs/Animation__scaleIn.docs';
-export { default as Animation__slideDown } from './Animation/docs/Animation__slideDown.docs';
-export { default as Animation__slideLeft } from './Animation/docs/Animation__slideLeft.docs';
-export { default as Animation__zoomIn } from './Animation/docs/Animation__zoomIn.docs';
-export { default as Animation__skewIn } from './Animation/docs/Animation__skewIn.docs';
+// export { default as Animation__default } from './Animation/docs/Animation__default.docs';
+// export { default as Animation__fadeIn } from './Animation/docs/Animation__fadeIn.docs';
+// export { default as Animation__scaleIn } from './Animation/docs/Animation__scaleIn.docs';
+// export { default as Animation__slideDown } from './Animation/docs/Animation__slideDown.docs';
+// export { default as Animation__slideLeft } from './Animation/docs/Animation__slideLeft.docs';
+// export { default as Animation__zoomIn } from './Animation/docs/Animation__zoomIn.docs';
+// export { default as Animation__skewIn } from './Animation/docs/Animation__skewIn.docs';
 export { default as Card } from './Card/Card';
-export { default as Card__Default } from './Card/docs/Card__Default.docs';
-export { default as Card__Scroll } from './Card/docs/Card__Scroll.docs';
-export { default as Card__Custom } from './Card/docs/Card__Custom.docs';
+// export { default as Card__Default } from './Card/docs/Card__Default.docs';
+// export { default as Card__Scroll } from './Card/docs/Card__Scroll.docs';
+// export { default as Card__Custom } from './Card/docs/Card__Custom.docs';
 export { default as Avatar } from './Avatar/Avatar';
-export { default as Avatar__default } from './Avatar/docs/Avatar__default.docs';
-export { default as Avatar__palette } from './Avatar/docs/Avatar__palette.docs';
-export { default as Avatar__text } from './Avatar/docs/Avatar__text.docs';
-export { default as Avatar__custom } from './Avatar/docs/Avatar__custom.docs';
+// export { default as Avatar__default } from './Avatar/docs/Avatar__default.docs';
+// export { default as Avatar__palette } from './Avatar/docs/Avatar__palette.docs';
+// export { default as Avatar__text } from './Avatar/docs/Avatar__text.docs';
+// export { default as Avatar__custom } from './Avatar/docs/Avatar__custom.docs';
 export { default as AvatarTeam } from './AvatarTeam/AvatarTeam';
-export { default as AvatarTeam__default } from './AvatarTeam/docs/AvatarTeam__default.docs';
-export { default as AvatarTeam__size } from './AvatarTeam/docs/AvatarTeam__size.docs';
-export { default as AvatarTeam__palette } from './AvatarTeam/docs/AvatarTeam__palette.docs';
-export { default as AvatarTeam__custom } from './AvatarTeam/docs/AvatarTeam__custom.docs';
+// export { default as AvatarTeam__default } from './AvatarTeam/docs/AvatarTeam__default.docs';
+// export { default as AvatarTeam__size } from './AvatarTeam/docs/AvatarTeam__size.docs';
+// export { default as AvatarTeam__palette } from './AvatarTeam/docs/AvatarTeam__palette.docs';
+// export { default as AvatarTeam__custom } from './AvatarTeam/docs/AvatarTeam__custom.docs';
 export { default as Button } from './Button/Button';
-export { default as Button__default } from './Button/docs/Button__default.docs';
-export { default as Button__custom } from './Button/docs/Button__custom.docs';
+// export { default as Button__default } from './Button/docs/Button__default.docs';
+// export { default as Button__custom } from './Button/docs/Button__custom.docs';
 export { default as Buttongroup } from './Buttongroup/Buttongroup';
-export { default as Buttongroup__footer } from './Buttongroup/docs/Buttongroup__footer.docs';
-export { default as Buttongroup__header } from './Buttongroup/docs/Buttongroup__header.docs';
-export { default as Buttongroup__custom } from './Buttongroup/docs/Buttongroup__custom.docs';
+// export { default as Buttongroup__footer } from './Buttongroup/docs/Buttongroup__footer.docs';
+// export { default as Buttongroup__header } from './Buttongroup/docs/Buttongroup__header.docs';
+// export { default as Buttongroup__custom } from './Buttongroup/docs/Buttongroup__custom.docs';
 export { default as Switch } from './Switch/Switch';
-export { default as Switch__default } from './Switch/docs/Switch__default.docs';
-export { default as Switch__custom } from './Switch/docs/Switch__custom.docs';
+// export { default as Switch__default } from './Switch/docs/Switch__default.docs';
+// export { default as Switch__custom } from './Switch/docs/Switch__custom.docs';
 export { default as Radio } from './Radio/Radio';
-export { default as Radio__default } from './Radio/docs/Radio__default.docs';
-export { default as Radio__custom } from './Radio/docs/Radio__custom.docs';
+// export { default as Radio__default } from './Radio/docs/Radio__default.docs';
+// export { default as Radio__custom } from './Radio/docs/Radio__custom.docs';
 export { default as Textarea } from './Textarea/Textarea';
-export { default as Textarea__default } from './Textarea/docs/Textarea__default.docs';
-export { default as Textarea__animated } from './Textarea/docs/Textarea__animated.docs';
-export { default as Textarea__disabled } from './Textarea/docs/Textarea__disabled.docs';
-export { default as Textarea__custom } from './Textarea/docs/Textarea__custom.docs';
+// export { default as Textarea__default } from './Textarea/docs/Textarea__default.docs';
+// export { default as Textarea__animated } from './Textarea/docs/Textarea__animated.docs';
+// export { default as Textarea__disabled } from './Textarea/docs/Textarea__disabled.docs';
+// export { default as Textarea__custom } from './Textarea/docs/Textarea__custom.docs';
 export { default as Label } from './Label/Label';
-export { default as Label__palette } from './Label/docs/Label__palette.docs';
-export { default as Label__size } from './Label/docs/Label__size.docs';
-export { default as Label__clipped } from './Label/docs/Label__clipped.docs';
-export { default as Label__type } from './Label/docs/Label__type.docs';
-export { default as Label__custom } from './Label/docs/Label__custom.docs';
+// export { default as Label__palette } from './Label/docs/Label__palette.docs';
+// export { default as Label__size } from './Label/docs/Label__size.docs';
+// export { default as Label__clipped } from './Label/docs/Label__clipped.docs';
+// export { default as Label__type } from './Label/docs/Label__type.docs';
+// export { default as Label__custom } from './Label/docs/Label__custom.docs';
 export { default as DropDownHeading } from './DropDown/DropDownHeading';
-export { default as DropDownHeading__Heading } from './DropDown/docs/DropDownHeading__default.docs';
-export { default as DropDownHeading__Custom } from './DropDown/docs/DropDownHeading__custom.docs';
+// export { default as DropDownHeading__Heading } from './DropDown/docs/DropDownHeading__default.docs';
+// export { default as DropDownHeading__Custom } from './DropDown/docs/DropDownHeading__custom.docs';
 export { default as CheckBox } from './CheckBox/CheckBox';
-export { default as CheckBox__default } from './CheckBox/docs/CheckBox__default.docs';
-export { default as CheckBox__custom } from './CheckBox/docs/CheckBox__custom.docs';
+// export { default as CheckBox__default } from './CheckBox/docs/CheckBox__default.docs';
+// export { default as CheckBox__custom } from './CheckBox/docs/CheckBox__custom.docs';
 export { default as Ribbon } from './Ribbon/Ribbon';
-export { default as Ribbon__default } from './Ribbon/docs/Ribbon__default.docs';
-export { default as Ribbon__custom } from './Ribbon/docs/Ribbon__custom.docs';
+// export { default as Ribbon__default } from './Ribbon/docs/Ribbon__default.docs';
+// export { default as Ribbon__custom } from './Ribbon/docs/Ribbon__custom.docs';
 export { default as Tag } from './Tag/Tag';
-export { default as Tag__default } from './Tag/docs/Tag__default.docs';
-export { default as Tag__custom } from './Tag/docs/Tag__custom.docs';
+// export { default as Tag__default } from './Tag/docs/Tag__default.docs';
+// export { default as Tag__custom } from './Tag/docs/Tag__custom.docs';
 export * from './Tab';
-export { default as Tab__default } from './Tab/docs/Tab__default.docs';
+// export { default as Tab__default } from './Tab/docs/Tab__default.docs';
 export { default as TextBox } from './TextBox/TextBox';
-export { default as TextBox__default } from './TextBox/docs/TextBox__default.docs';
-export { default as TextBox__size } from './TextBox/docs/TextBox__size.docs';
-export { default as TextBox__variant } from './TextBox/docs/TextBox__variant.docs';
-export { default as TextBox__custom } from './TextBox/docs/TextBox__custom.docs';
+// export { default as TextBox__default } from './TextBox/docs/TextBox__default.docs';
+// export { default as TextBox__size } from './TextBox/docs/TextBox__size.docs';
+// export { default as TextBox__variant } from './TextBox/docs/TextBox__variant.docs';
+// export { default as TextBox__custom } from './TextBox/docs/TextBox__custom.docs';
 export { default as TextBoxIcon } from './TextBoxIcon/TextBoxIcon';
-export { default as TextBoxIcon__default } from './TextBoxIcon/docs/TextBoxIcon__default.docs';
-export { default as TextBoxIcon__custom } from './TextBoxIcon/docs/TextBoxIcon__custom.docs';
+// export { default as TextBoxIcon__default } from './TextBoxIcon/docs/TextBoxIcon__default.docs';
+// export { default as TextBoxIcon__custom } from './TextBoxIcon/docs/TextBoxIcon__custom.docs';
 export { default as Tooltip } from './Tooltip/Tooltip';
-export { default as Tooltip__default } from './Tooltip/docs/Tooltip__default.docs';
+// export { default as Tooltip__default } from './Tooltip/docs/Tooltip__default.docs';
 export { default as Select } from './Select/Select';
-export { default as Select__Select } from './Select/docs/Select__default.docs';
+// export { default as Select__Select } from './Select/docs/Select__default.docs';
 export { default as SelectWithIcon } from './Select/SelectWithIcon';
-export { default as SelectWithIcon__SelectWithIcon } from './Select/docs/SelectWithIcon__default.docs';
+// export { default as SelectWithIcon__SelectWithIcon } from './Select/docs/SelectWithIcon__default.docs';
 export { default as GroupSelect } from './Select/GroupSelect';
-export { default as GroupSelect__GroupSelect } from './Select/docs/GroupSelect__default.docs';
+// export { default as GroupSelect__GroupSelect } from './Select/docs/GroupSelect__default.docs';
 export { default as SelectWithAvatar } from './Select/SelectWithAvatar';
-export { default as SelectWithAvatar__SelectWithAvatar } from './Select/docs/SelectWithAvatar__default.docs';
+// export { default as SelectWithAvatar__SelectWithAvatar } from './Select/docs/SelectWithAvatar__default.docs';
 export { default as MultiSelect } from './MultiSelect/MultiSelect';
-export { default as MultiSelect__MultiSelect } from './MultiSelect/docs/MultiSelect__default.docs';
+// export { default as MultiSelect__MultiSelect } from './MultiSelect/docs/MultiSelect__default.docs';
 export { default as AdvancedMultiSelect } from './MultiSelect/AdvancedMultiSelect';
-export { default as AdvancedMultiSelect__AdvancedMultiSelect } from './MultiSelect/docs/AdvancedMultiSelect__default.docs';
+// export { default as AdvancedMultiSelect__AdvancedMultiSelect } from './MultiSelect/docs/AdvancedMultiSelect__default.docs';
 export { default as AdvancedGroupMultiSelect } from './MultiSelect/AdvancedGroupMultiSelect';
-export { default as AdvancedGroupMultiSelect__AdvancedGroupMultiSelect } from './MultiSelect/docs/AdvancedGroupMultiSelect__default.docs';
+// export { default as AdvancedGroupMultiSelect__AdvancedGroupMultiSelect } from './MultiSelect/docs/AdvancedGroupMultiSelect__default.docs';
 export { default as MultiSelectWithAvatar } from './MultiSelect/MultiSelectWithAvatar';
-export { default as MultiSelectWithAvatar__MultiSelectWithAvatar } from './MultiSelect/docs/MultiSelectWithAvatar__default.docs';
+// export { default as MultiSelectWithAvatar__MultiSelectWithAvatar } from './MultiSelect/docs/MultiSelectWithAvatar__default.docs';
 export { default as DateWidget } from './DateTime/DateWidget';
-export { default as DateWidget__dateWidget } from './DateTime/docs/DateWidget__default.docs';
-export { default as DateWidget__datetime } from './DateTime/docs/DateTime__default.docs';
+// export { default as DateWidget__dateWidget } from './DateTime/docs/DateWidget__default.docs';
+// export { default as DateWidget__datetime } from './DateTime/docs/DateTime__default.docs';
 export { default as ListItem } from './ListItem/ListItem';
-export { default as ListItem__default } from './ListItem/docs/ListItem__default.docs';
-export { default as ListItem__custom } from './ListItem/docs/ListItem__custom.docs';
+// export { default as ListItem__default } from './ListItem/docs/ListItem__default.docs';
+// export { default as ListItem__custom } from './ListItem/docs/ListItem__custom.docs';
 export { default as ListItemWithIcon } from './ListItem/ListItemWithIcon';
-export { default as ListItemWithIcon__default } from './ListItem/docs/ListItemWithIcon__default.docs';
-export { default as ListItemWithIcon__custom } from './ListItem/docs/ListItemWithIcon__custom.docs';
+// export { default as ListItemWithIcon__default } from './ListItem/docs/ListItemWithIcon__default.docs';
+// export { default as ListItemWithIcon__custom } from './ListItem/docs/ListItemWithIcon__custom.docs';
 export { default as ListItemWithCheckBox } from './ListItem/ListItemWithCheckBox';
-export { default as ListItemWithCheckBox__default } from './ListItem/docs/ListItemWithCheckBox__default.docs';
-export { default as ListItemWithCheckBox__custom } from './ListItem/docs/ListItemWithCheckBox__custom.docs';
+// export { default as ListItemWithCheckBox__default } from './ListItem/docs/ListItemWithCheckBox__default.docs';
+// export { default as ListItemWithCheckBox__custom } from './ListItem/docs/ListItemWithCheckBox__custom.docs';
 export { default as ListItemWithRadio } from './ListItem/ListItemWithRadio';
-export { default as ListItemWithRadio__default } from './ListItem/docs/ListItemWithRadio__default.docs';
-export { default as ListItemWithRadio__custom } from './ListItem/docs/ListItemWithRadio__custom.docs';
+// export { default as ListItemWithRadio__default } from './ListItem/docs/ListItemWithRadio__default.docs';
+// export { default as ListItemWithRadio__custom } from './ListItem/docs/ListItemWithRadio__custom.docs';
 export { default as ListItemWithAvatar } from './ListItem/ListItemWithAvatar';
-export { default as ListItemWithAvatar__default } from './ListItem/docs/ListItemWithAvatar__default.docs';
-export { default as ListItemWithAvatar__custom } from './ListItem/docs/ListItemWithAvatar__custom.docs';
+// export { default as ListItemWithAvatar__default } from './ListItem/docs/ListItemWithAvatar__default.docs';
+// export { default as ListItemWithAvatar__custom } from './ListItem/docs/ListItemWithAvatar__custom.docs';
 export { default as DropBox } from './DropBox/DropBox';
-export { default as DropBox__position } from './DropBox/docs/DropBox__position.docs';
-export { default as DropBox__size } from './DropBox/docs/DropBox__size.docs';
-export { default as DropBox__custom } from './DropBox/docs/DropBox__custom.docs';
-export { default as DropBox__customOrder } from './DropBox/docs/DropBox__customOrder.docs.js';
-export { default as DropBox__fixedPosition } from './DropBox/docs/DropBox__fixedPosition.docs.js';
+// export { default as DropBox__position } from './DropBox/docs/DropBox__position.docs';
+// export { default as DropBox__size } from './DropBox/docs/DropBox__size.docs';
+// export { default as DropBox__custom } from './DropBox/docs/DropBox__custom.docs';
+// export { default as DropBox__customOrder } from './DropBox/docs/DropBox__customOrder.docs.js';
+// export { default as DropBox__fixedPosition } from './DropBox/docs/DropBox__fixedPosition.docs.js';
 export { default as PopOver } from './PopOver/PopOver';
-export { default as PopOver__default } from './PopOver/docs/PopOver__default.docs.js';
+// export { default as PopOver__default } from './PopOver/docs/PopOver__default.docs.js';
 export { default as Stencils } from './Stencils/Stencils';
-export { default as Stencils__default } from './Stencils/docs/Stencils__default.docs';
-export { default as Stencils__custom } from './Stencils/docs/Stencils__custom.docs';
+// export { default as Stencils__default } from './Stencils/docs/Stencils__default.docs';
+// export { default as Stencils__custom } from './Stencils/docs/Stencils__custom.docs';
 export { default as Modal } from './Modal/Modal';
-export { default as Modal__default } from './Modal/__docs__/Modal__default.docs';
+// export { default as Modal__default } from './Modal/__docs__/Modal__default.docs';
 export * from './Responsive';
-export { default as Responsive__Custom } from './Responsive/docs/Responsive__Custom.docs';
-export { default as Responsive__default } from './Responsive/docs/Responsive__default.docs';
+// export { default as Responsive__Custom } from './Responsive/docs/Responsive__Custom.docs';
+// export { default as Responsive__default } from './Responsive/docs/Responsive__default.docs';
 export { default as RippleEffect } from './RippleEffect/RippleEffect';
-export { default as RippleEffect__default } from './RippleEffect/docs/RippleEffect__default.docs';
+// export { default as RippleEffect__default } from './RippleEffect/docs/RippleEffect__default.docs';
 export { default as PortalLayer } from './deprecated/PortalLayer/PortalLayer';
-export { default as PortalLayer__default } from './deprecated/PortalLayer/docs/PortalLayer__default.docs';
+// export { default as PortalLayer__default } from './deprecated/PortalLayer/docs/PortalLayer__default.docs';
+
 export { default as VelocityAnimation } from './VelocityAnimation/VelocityAnimation/VelocityAnimation';
-export { default as VelocityAnimation__VelocityAnimation } from './VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs';
+// export { default as VelocityAnimation__VelocityAnimation } from './VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs';
 export { default as VelocityAnimationGroup } from './VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-export { default as VelocityAnimationGroup__VelocityAnimationGroup } from './VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs';
+// export { default as VelocityAnimationGroup__VelocityAnimationGroup } from './VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs';
+
 export { Provider } from './Provider/IdProvider';
-export { default as Provider__Id_For_ClassComponent } from './Provider/docs/Provider_Id__Class.docs';
-export { default as Provider__Id_For_FunctionComponent } from './Provider/docs/Provider_Id__Function.docs';
-export { default as Provider__Zindex_For_ClassComponent } from './Provider/docs/Provider_Zindex__Class.docs';
-export { default as Provider__Zindex_For_FunctionComponent } from './Provider/docs/Provider_Zindex__Function.docs'; //semantic//
+// export { default as Provider__Id_For_ClassComponent } from './Provider/docs/Provider_Id__Class.docs';
+// export { default as Provider__Id_For_FunctionComponent } from './Provider/docs/Provider_Id__Function.docs';
+// export { default as Provider__Zindex_For_ClassComponent } from './Provider/docs/Provider_Zindex__Class.docs';
+// export { default as Provider__Zindex_For_FunctionComponent } from './Provider/docs/Provider_Zindex__Function.docs';
 
+//semantic//
 export { default as SemanticButton } from './semantic/Button/Button';
-export { default as SemanticButton__default } from './semantic/Button/docs/Button__default.docs.js';
-export { default as LightNightMode__AlternativeColors } from './LightNightMode/docs/AlternativeColors.docs';
+// export { default as SemanticButton__default } from './semantic/Button/docs/Button__default.docs.js';
+
+// export { default as LightNightMode__AlternativeColors } from './LightNightMode/docs/AlternativeColors.docs';
 export { default as ResponsiveDropBox } from './ResponsiveDropBox/ResponsiveDropBox';
 export { default as Heading } from './Heading/Heading';
-export { default as Heading__default } from './Heading/docs/Heading__default.docs.js';
+// export { default as Heading__default } from './Heading/docs/Heading__default.docs.js';

package/es/semantic/Button/Button.js

@@ -6,7 +6,6 @@ export default class Button extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     const {
       value,
@@ -48,11 +47,9 @@ export default class Button extends React.Component {
       "data-title": title
     }, children ? children : text);
   }
-
 }
 Button.defaultProps = defaultProps;
 Button.propTypes = propTypes;
-
 if (false) {
   Button.docs = {
     componentGroup: 'semantic',

package/es/utils/Common.js

@@ -12,7 +12,9 @@ export const getTotalDimension = (elem, align) => {
 export const stopAllEventPropagation = e => {
   e.stopPropagation && e.stopPropagation();
   e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
-}; // export function getCommentsDetails(
+};
+
+// export function getCommentsDetails(
 //   commentIds = [],
 //   comments = {},
 //   agents = {}
@@ -35,7 +37,6 @@ export function encodeForHtml(str) {
     str = str.replace(/\\/g, '\');
     str = str.replace(/'/g, ''');
   }
-
   return str;
 }
 export function getListOfDetails() {
@@ -47,7 +48,6 @@ export function getListOfDetails() {
 export function capitalize() {
   let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let newValue = '';
-
   for (let i = 0; i < value.length; i++) {
     if (i == 0) {
       newValue += value[i].toUpperCase();
@@ -55,14 +55,12 @@ export function capitalize() {
       newValue += value[i].toLowerCase();
     }
   }
-
   return newValue;
 }
 export function bind() {
   for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
     handlers[_key] = arguments[_key];
   }
-
   handlers.forEach(handler => {
     this[handler] = this[handler].bind(this);
   });
@@ -71,15 +69,12 @@ export function getFullName() {
   let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let fullName = '';
-
   if (firstName !== null && firstName !== '') {
     fullName = firstName;
   }
-
   if (lastName !== null && lastName !== '') {
     fullName = `${fullName}${lastName}`;
   }
-
   return fullName;
 }
 export function getStringifiedOutputForJson() {
@@ -87,7 +82,6 @@ export function getStringifiedOutputForJson() {
   const keys = Object.keys(input);
   const modifiedInput = keys.reduce((curr, next) => {
     const values = input[next] || [];
-
     if (values.length) {
       const valueList = values.reduce((curr, next) => {
         curr.push(next.id);
@@ -96,7 +90,6 @@ export function getStringifiedOutputForJson() {
       curr[next] = valueList;
       return curr;
     }
-
     return curr;
   }, {});
   return JSON.stringify(modifiedInput);
@@ -112,7 +105,6 @@ export function filterValue(obj, val) {
   const ids = obj ? Object.keys(obj) : [];
   ids.forEach(key => {
     const value = obj[key] || {};
-
     if (value.name === val && !value.isCustomField) {
       result = value.id;
     }
@@ -134,42 +126,34 @@ export function formatValue() {
   let textField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'name';
   return values && values.map(value => {
     let formattedValue = value;
-
     if (typeof value === 'string' || typeof value === 'number') {
       formattedValue = {};
       formattedValue[valueField] = value;
       formattedValue[textField] = value;
     }
-
     return formattedValue;
   }) || [];
 }
 export function bytesToSize(bytes) {
   bytes = parseInt(bytes, 10);
   const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
-
   if (bytes === 0) {
     return '0 Byte';
   }
-
   const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)), 10);
   return `${Math.round(bytes / Math.pow(1024, i), 2)} ${sizes[i]}`;
 }
 export function getMemSize(bytes) {
   let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
   const thresh = size ? 1000 : 1024;
-
   if (Math.abs(bytes) < thresh) {
     return `${bytes} B`;
   }
-
   let units = size ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'],
-      i = -1;
-
+    i = -1;
   do {
     bytes /= thresh, ++i;
   } while (Math.abs(bytes) >= thresh && i < units.length - 1);
-
   {
     return `${bytes.toFixed(1)} ${units[i]}`;
   }
@@ -178,24 +162,18 @@ export function checkIsImageFile(fileName) {
   fileName = fileName || '';
   return /jpeg|jpg|png|gif|bmp|tiff|tif|ico/gi.test(fileName.substr(fileName.lastIndexOf('.') + 1));
 }
-
 function getI18NValue(key, values) {
   if (typeof i18n === 'undefined' || key === '' || typeof key === 'undefined') {
     return key;
   }
-
   let i18nStr = i18n[key];
-
   if (i18nStr === undefined) {
     return key;
   }
-
   i18nStr = replaceI18NValuesWithRegex(i18nStr, values);
   return unescapeUnicode(i18nStr);
 }
-
 global.getI18NValue = getI18NValue;
-
 function replaceI18NValuesWithRegex(i18nStr, values) {
   if (typeof values !== 'undefined') {
     if (Array.isArray(values)) {
@@ -206,27 +184,22 @@ function replaceI18NValuesWithRegex(i18nStr, values) {
       i18nStr = i18nStr.replace(new RegExp('\\{0\\}', 'g'), values);
     }
   }
-
   return i18nStr;
 }
-
 function unescapeUnicode(str) {
   return str.replace(/\\u([a-fA-F0-9]{4})/g, (g, m1) => String.fromCharCode(parseInt(m1, 16)));
 }
-
 export function getPortalName(portalList, portalId) {
   return portalList && portalList.reduce((res, portal) => {
     if (portal.orgId === portalId) {
       return portal.orgName;
     }
-
     return res;
   }, null);
 }
 export function getFullDateString(fullDateObj) {
   let dateStr = '';
   const monthArr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-
   if (fullDateObj.toDateString() == new Date().toDateString()) {
     dateStr = format12Hour(fullDateObj);
   } else {
@@ -236,7 +209,6 @@ export function getFullDateString(fullDateObj) {
     const time = format12Hour(fullDateObj);
     dateStr = `${month} ${date} ${year} ${time}`;
   }
-
   return dateStr;
 }
 export function format12Hour(date) {
@@ -245,7 +217,6 @@ export function format12Hour(date) {
   const ampm = hours >= 12 ? 'pm' : 'am';
   hours %= 12;
   hours = hours ? hours : 12; // the hour '0' should be '12'
-
   minutes = minutes < 10 ? `0${minutes}` : minutes;
   const strTime = `${hours}:${minutes} ${ampm}`;
   return strTime;
@@ -253,7 +224,6 @@ export function format12Hour(date) {
 export function getDateOnly(fullDateObj) {
   let dateStr = '';
   const monthArr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-
   if (fullDateObj.toDateString() == new Date().toDateString()) {
     dateStr = 'Today';
   } else {
@@ -262,7 +232,6 @@ export function getDateOnly(fullDateObj) {
     const date = fullDateObj.getDate();
     dateStr = `${month} ${date} ${year}`;
   }
-
   return dateStr;
 }
 export function doAfterScrollEnd(element, callback) {
@@ -276,7 +245,6 @@ export function doAfterScrollEnd(element, callback) {
     scrollHeight
   } = element;
   const scrollPercent = scrollTop / (scrollHeight - clientHeight) * 100;
-
   if (scrollPercent > 80) {
     callback && callback();
   }
@@ -293,11 +261,9 @@ export const throttle = function (func, wait) {
   for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
     args[_key2 - 2] = arguments[_key2];
   }
-
   if (timerId) {
     return;
   }
-
   timerId = setTimeout(() => {
     try {
       func(...args);
@@ -310,7 +276,6 @@ export const scrollTo = function (suggestionContainer, selSuggestion) {
   if (!suggestionContainer || !selSuggestion) {
     return;
   }
-
   const {
     rectGap
   } = frameRelativeRects(selSuggestion, suggestionContainer) || {};
@@ -318,11 +283,9 @@ export const scrollTo = function (suggestionContainer, selSuggestion) {
     top = 0,
     bottom = 0
   } = rectGap || {};
-
   if (top < 0 && bottom < 0) {
     return;
   }
-
   const isElementInViewPort = top < 0 || bottom < 0 ? false : true;
   const suggestionContainerScrollTop = suggestionContainer.scrollTop;
   suggestionContainer.scrollTop = !isElementInViewPort ? bottom < 0 ? suggestionContainer.scrollTop + Math.abs(bottom) : top < 0 ? suggestionContainer.scrollTop - Math.abs(top) : suggestionContainerScrollTop : suggestionContainerScrollTop;
@@ -334,21 +297,17 @@ export function remConvert(val) {
 }
 export function isDescendant(parent, child) {
   let node = child.parentNode;
-
   while (node !== null) {
     if (node === parent) {
       return true;
     }
-
     node = node.parentNode;
   }
-
   return false;
 }
 export function getElementSpace(elementRef) {
   let neededSpace = 0,
-      availableInsideSpace = 0;
-
+    availableInsideSpace = 0;
   if (elementRef) {
     let getStyle = window.getComputedStyle(elementRef);
     let margin = parseFloat(getStyle.marginLeft) + parseFloat(getStyle.marginRight);
@@ -357,7 +316,6 @@ export function getElementSpace(elementRef) {
     neededSpace = width + margin;
     availableInsideSpace = width - padding;
   }
-
   return {
     neededSpace: neededSpace,
     availableInsideSpace: availableInsideSpace
@@ -366,4 +324,22 @@ export function getElementSpace(elementRef) {
 export function getSearchString() {
   let charachers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return (charachers || '').toString().toLowerCase(); //.replace(/\s+/g, '');
+}
+
+export function findScrollEnd(element) {
+  let {
+    scrollHeight,
+    scrollTop,
+    offsetHeight,
+    clientHeight
+  } = element || {};
+  let isElementScrollable = scrollHeight > clientHeight;
+  if (isElementScrollable) {
+    if (scrollHeight <= Math.ceil(scrollTop + offsetHeight)) {
+      return true;
+    }
+  } else {
+    throw 'Is scroll not present in this element';
+  }
+  return false;
 }

package/es/utils/ContextOptimizer.js

@@ -1,12 +1,15 @@
 /** ** Libraries *** */
 import { useContext, useRef } from 'react';
 import PropTypes from 'prop-types';
-import shallowEqual from './shallowEqual'; // Please use this component with children as inline function for force this components rerender when parent rerender regardless of reason
+import shallowEqual from './shallowEqual';
+
+// Please use this component with children as inline function for force this components rerender when parent rerender regardless of reason
 // Because below componends only rerender when children or calculation are changed, unless no changes will update below
+
 // this component logic based on return same children reference to stop rerender.
 // Think before change logic
-// eslint-disable-next-line import/prefer-default-export
 
+// eslint-disable-next-line import/prefer-default-export
 export function ContextOptimizer(props) {
   const {
     Context,
@@ -22,13 +25,11 @@ export function ContextOptimizer(props) {
     data: null,
     renderF: null
   });
-
   if (!shallowEqual(data, local.data) || local.renderF !== renderF) {
     local.children = renderF(data);
     local.data = data;
     local.renderF = renderF;
   }
-
   return local.children;
 }
 ContextOptimizer.propTypes = {

package/es/utils/__tests__/debounce.spec.js

@@ -6,8 +6,8 @@ describe('debounce specification', () => {
   it('should call immediate', () => {
     const mockfn = jest.fn();
     const dMockfn = debounce(mockfn, 1000, true);
-    dMockfn(); //expect(setTimeout).toHaveBeenCalledTimes(1);
-
+    dMockfn();
+    //expect(setTimeout).toHaveBeenCalledTimes(1);
     expect(mockfn.mock.calls.length).toBe(1);
   });
   it('should call two times but it invoke multiple times', () => {