@zohodesk/dot 1.0.0-temp-131 → 1.0.0-temp-133

package/es/avatar/AvatarUser/AvatarUser.js

@@ -6,7 +6,7 @@ import { propTypes } from './props/propTypes';
 /**** Components ****/
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
 import AvatarIcon from '../AvatarIcon/AvatarIcon';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import style from './AvatarUser.module.css';
 /**** Methods ****/
 

package/es/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -22,7 +22,8 @@ export default class AvatarWithTeam extends React.Component {
       teamClassName,
       borderOnActive,
       customProps,
-      dataSelectorId
+      dataSelectorId,
+      teamBorderActive
     } = this.props;
     let {
       AvatarWithTeamProps = {},
@@ -81,7 +82,7 @@ export default class AvatarWithTeam extends React.Component {
       customClass: {
         customAvatar: customTextClass
       },
-      borderOnActive: borderOnActive
+      borderOnActive: teamBorderActive
     }, AvatarTeam2Props))) : null);
   }
 }

package/es/avatar/AvatarWithTeam/props/defaultProps.js

@@ -4,5 +4,6 @@ export const defaultProps = {
   teamClassName: '',
   borderOnActive: false,
   customProps: {},
-  dataSelectorId: 'avatarWithTeam'
+  dataSelectorId: 'avatarWithTeam',
+  teamBorderActive: true
 };

package/es/avatar/AvatarWithTeam/props/propTypes.js

@@ -14,6 +14,7 @@ export const propTypes = {
   textPalette: PropTypes.oneOf(['white', 'black']),
   title: PropTypes.string,
   borderOnActive: PropTypes.bool,
+  teamBorderActive: PropTypes.bool,
   customProps: PropTypes.shape({
     AvatarWithTeamProps: PropTypes.object,
     Avatar1Props: PropTypes.object,

package/es/deprecated/FreezeLayer/FreezeLayer.js

@@ -0,0 +1,128 @@
+import React, { Component } from 'react';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { Container } from '@zohodesk/components/lib/Layout';
+import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
+import style from './FreezeLayer.module.css';
+import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
+import { getDotLibraryConfig } from '../Provider/Config';
+export default class FreezeLayer extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      isActive: props.isActive,
+      isChildActive: false
+    };
+    this.getNextIndex = getZIndex(this);
+    this.isFreezeLayerEnabled = false;
+  }
+  enableFreeze() {
+    if (!this.isFreezeLayerEnabled) {
+      this.isFreezeLayerEnabled = true;
+      const freezeLayerEnable = (getDotLibraryConfig('freezeLayer') || {}).enable;
+      freezeLayerEnable && freezeLayerEnable();
+    }
+  }
+  disableFreeze() {
+    if (this.isFreezeLayerEnabled) {
+      this.isFreezeLayerEnabled = false;
+      const freezeLayerDisable = (getDotLibraryConfig('freezeLayer') || {}).disable;
+      freezeLayerDisable && freezeLayerDisable();
+    }
+  }
+  componentDidMount() {
+    let {
+      isActive
+    } = this.props;
+    if (isActive) {
+      this.setState({
+        isChildActive: true
+      });
+      this.enableFreeze();
+    }
+  }
+  componentDidUpdate(prevProps) {
+    let {
+      isActive
+    } = this.props;
+    if (isActive != prevProps.isActive) {
+      if (isActive) {
+        this.enableFreeze();
+        this.setState({
+          isActive: true
+        }, () => {
+          this.setState({
+            isChildActive: true
+          });
+        });
+      } else {
+        this.disableFreeze();
+        this.setState({
+          isChildActive: false
+        }, () => {
+          this.setState({
+            isActive: false
+          });
+        });
+      }
+    }
+  }
+  componentWillUnmount() {
+    this.disableFreeze();
+  }
+  render() {
+    let {
+      children,
+      align,
+      childAnimationName,
+      palette,
+      onClick,
+      animationName,
+      zIndex,
+      runOnMount,
+      forwardRef,
+      isSvgMask,
+      customClass,
+      needAutoZindex
+    } = this.props;
+    let {
+      isActive,
+      isChildActive
+    } = this.state;
+    return /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
+      name: animationName && animationName,
+      isActive: isActive,
+      runOnMount: runOnMount
+    }, /*#__PURE__*/React.createElement("div", {
+      style: isActive && needAutoZindex ? {
+        zIndex: `${this.getNextIndex()}`
+      } : {},
+      className: `
+              ${style.container} ${customClass} ${style[`index${zIndex}`]}  ${!isSvgMask ? style[palette] : ''}
+            `,
+      onClick: onClick ? onClick : null,
+      ref: forwardRef
+    }, children && /*#__PURE__*/React.createElement(React.Fragment, null, childAnimationName ? /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
+      name: childAnimationName,
+      isActive: isChildActive,
+      enterDelay: palette === 'plain' ? 0 : 300,
+      component: Container,
+      alignBox: "row",
+      align: align,
+      dataId: "reactFreezeLayer"
+    }, children) : isSvgMask ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : /*#__PURE__*/React.createElement(Container, {
+      alignBox: "row",
+      align: align,
+      dataId: "reactFreezeLayer"
+    }, children))));
+  }
+}
+FreezeLayer.propTypes = propTypes;
+FreezeLayer.defaultProps = defaultProps;
+
+// if (__DOCS__) {
+//   FreezeLayer.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'General'
+//   };
+// }

package/es/deprecated/FreezeLayer/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  isActive: false,
+  palette: 'default',
+  zIndex: '5',
+  isSvgMask: false,
+  customClass: '',
+  needAutoZindex: true
+};

package/es/deprecated/FreezeLayer/props/propTypes.js

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+let animationValues = ['fade', 'shrink', 'expand', 'slideRight', 'slideDown', 'flyDown'];
+export const propTypes = {
+  align: PropTypes.oneOf(['horizontal', 'vertical', 'both']),
+  animationName: PropTypes.oneOf(animationValues),
+  childAnimationName: PropTypes.oneOf(animationValues),
+  children: PropTypes.node,
+  customClass: PropTypes.string,
+  forwardRef: PropTypes.object,
+  isActive: PropTypes.bool,
+  isSvgMask: PropTypes.bool,
+  needAutoZindex: PropTypes.bool,
+  onClick: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
+  palette: PropTypes.oneOf(['dark', 'default', 'darkLight', 'plain', 'snow']),
+  runOnMount: PropTypes.bool,
+  zIndex: PropTypes.oneOf(['3', '5', '7', '10'])
+};

package/es/deprecated/SelectDropdown/SelectDropdown.js

@@ -4,7 +4,7 @@ import Popup from '@zohodesk/components/lib/Popup/Popup';
 import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
 import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
 import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';

package/es/docs/formDocs.js

@@ -1,30 +1,15 @@
 export { default as FieldLayout } from '../form/layout/Field/Field';
-// export { default as FieldLayout__default } from '../form/layout/Field/docs/Field__default.docs';
 export { default as New_Section } from '../form/layout/Section/Section';
-// export { default as New_Section__default } from '../form/layout/Section/docs/Section__default.docs';
 export { default as ValidationMessage } from '../form/fields/ValidationMessage/ValidationMessage';
-// export { default as ValidationMessage__default } from '../form/fields/ValidationMessage/docs/ValidationMessage__default.docs';
 export { default as TextBoxField } from '../form/fields/TextBoxField/TextBoxField';
-// export { default as TextBoxField__default } from '../form/fields/TextBoxField/docs/TextBoxField__default.docs';
 export { default as TextareaField } from '../form/fields/TextareaField/TextareaField';
-// export { default as TextareaField__default } from '../form/fields/TextareaField/docs/TextareaField__default.docs';
 export { default as SelectField } from '../form/fields/SelectField/SelectField';
-// export { default as SelectField__default } from '../form/fields/SelectField/docs/SelectField__default.docs';
 export { default as PhoneField } from '../form/fields/PhoneField/PhoneField';
-// export { default as PhoneField__default } from '../form/fields/PhoneField/docs/PhoneField__default.docs';
 export { default as MultiSelectField } from '../form/fields/MultiSelectField/MultiSelectField';
-// export { default as MultiSelectField__default } from '../form/fields/MultiSelectField/docs/MultiSelectField__default.docs';
 export { default as DateField } from '../form/fields/DateField/DateField';
-// export { default as DateField__default } from '../form/fields/DateField/docs/DateField__default.docs';
 export { default as CheckBoxField } from '../form/fields/CheckBoxField/CheckBoxField';
-// export { default as CheckBoxField__default } from '../form/fields/CheckBoxField/docs/CheckBoxField__default.docs';
 export { default as CurrencyField } from '../form/fields/CurrencyField/CurrencyField';
-// export { default as CurrencyField__default } from '../form/fields/CurrencyField/docs/CurrencyField__default.docs';
 export { default as TagsMultiSelect } from '../form/fields/TagsMultiSelect/TagsMultiSelect';
-// export { default as TagsMultiSelect__default } from '../form/fields/TagsMultiSelect/docs/TagsMultiSelect__default.docs';
 export { default as TagsMultiSelectField } from '../form/fields/TagsMultiSelectField/TagsMultiSelectField';
-// export { default as TagsMultiSelectField__default } from '../form/fields/TagsMultiSelectField/docs/TagsMultiSelectField__default.docs';
 export { default as TextEditorField } from '../form/fields/TextEditorField/TextEditorField';
-// export { default as TextEditorField__default } from '../form/fields/TextEditorField/docs/TextEditorField__default.docs';
-export { default as FieldContainer } from '../form/fields/FieldContainer/FieldContainer';
-// export { default as FieldContainer__default } from '../form/fields/FieldContainer/docs/FieldContainer__default.docs';
+export { default as FieldContainer } from '../form/fields/FieldContainer/FieldContainer';

package/es/docs/generalDocs.js

@@ -1,169 +1,63 @@
 export { default as Image } from '../Image/Image';
-// export { default as Image__default } from '../Image/docs/Image__default.docs';
 export { default as AvatarStatus } from '../avatar/AvatarStatus/AvatarStatus';
-// export { default as AvatarStatus__state } from '../avatar/AvatarStatus/docs/AvatarStatus__state.docs';
-// export { default as AvatarStatus__size } from '../avatar/AvatarStatus/docs/AvatarStatus__size.docs';
 export { default as AvatarIcon } from '../avatar/AvatarIcon/AvatarIcon';
-// export { default as AvatarIcon__palette } from '../avatar/AvatarIcon/docs/AvatarIcon__palette.docs';
-// export { default as AvatarIcon__size } from '../avatar/AvatarIcon/docs/AvatarIcon__size.docs';
-
 export { default as AvatarUser } from '../avatar/AvatarUser/AvatarUser';
-// export { default as AvatarUser__default } from '../avatar/AvatarUser/docs/AvatarUser__default.docs';
 export { default as AvatarClose } from '../avatar/AvatarClose/AvatarClose';
-// export { default as AvatarClose__default } from '../avatar/AvatarClose/docs/AvatarClose__default.docs';
 export { default as AvatarCollision } from '../avatar/AvatarCollision/AvatarCollision';
-// export { default as AvatarCollision__default } from '../avatar/AvatarCollision/docs/AvatarCollision__default.docs';
 export { default as AvatarThread } from '../avatar/AvatarThread/AvatarThread';
-// export { default as AvatarThread__default } from '../avatar/AvatarThread/docs/AvatarThread__default.docs';
 export { default as AvatarWithTeam } from '../avatar/AvatarWithTeam/AvatarWithTeam';
-// export { default as AvatarWithTeam__default } from '../avatar/AvatarWithTeam/docs/AvatarWithTeam__default.docs';
 export { default as ChannelIcon } from '../ChannelIcon/ChannelIcon';
-// export { default as ChannelIcon__default } from '../ChannelIcon/docs/ChannelIcon__default.docs';
 export { default as FlipCard } from '../FlipCard/FlipCard';
-// export { default as FlipCard__default } from '../FlipCard/docs/FlipCard__default.docs.js';
-
 export { default as ListAvatarFlip } from '../list/AvatarFlip/AvatarFlip';
-// export { default as ListAvatarFlip__default } from '../list/AvatarFlip/docs/AvatarFlip__default.docs.js';
 export { default as ListComment } from '../list/Comment/Comment';
-// export { default as ListComment__default } from '../list/Comment/docs/Comment__default.docs';
-
 export { default as ListDotNew } from '../list/DotNew/DotNew';
-// export { default as ListDotNew__default } from '../list/DotNew/docs/DotNew__default.docs';
-
 export { default as GridStencils } from '../list/GridStencils/GridStencils';
-// export { default as GridStencils__default } from '../list/GridStencils/docs/GridStencils__default.docs';
-
 export { default as ListUserTime } from '../list/UserTime/UserTime';
-// export { default as ListUserTime__default } from '../list/UserTime/docs/UserTime__default.docs';
-
 export { default as ListThread } from '../list/Thread/Thread';
-// export { default as ListThread__default } from '../list/Thread/docs/Thread__default.docs';
-
 export { default as ListTagNew } from '../list/TagNew/TagNew';
-// export { default as ListTagNew__default } from '../list/TagNew/docs/TagNew__default.docs';
 export { default as ListItemLayout } from '../list/ListLayout/ListLayout';
-// export { default as ListItemLayout__default } from '../list/ListLayout/docs/ListLayout__default.docs';
-
 export { default as ListStencils } from '../list/ListStencils/ListStencils';
-// export { default as ListStencils__default } from '../list/ListStencils/docs/ListStencils__default.docs';
-
 export { default as SecondryPanel } from '../list/SecondryPanel/SecondryPanel';
-// export { default as SecondryPanel__default } from '../list/SecondryPanel/docs/SecondryPanel__default.docs';
 export { default as ListFloatingIcons } from '../list/Icons/FloatingIcons';
-// export { default as ListFloatingIcons__default } from '../list/Icons/docs/FloatingIcons__default.docs';
-
 export { default as Link } from '../Link/Link';
-// export { default as Link__default } from '../Link/docs/Link__default.docs';
-
 export { default as ListSubject } from '../list/Subject/Subject';
-// export { default as ListSubject__default } from '../list/Subject/docs/Subject__default.docs';
-
 export { default as ListStatusDropdown } from '../list/status/StatusDropdown/StatusDropdown';
-// export { default as ListStatusDropdown__default } from '../list/status/StatusDropdown/docs/StatusDropdown__default.docs';
-
 export { default as StatusListItem } from '../list/status/StatusListItem/StatusListItem';
-// export { default as StatusListItem__default } from '../list/status/StatusListItem/docs/StatusListItem__default.docs';
-
 export { default as ToggleDropDown } from '../dropdown/ToggleDropDown/ToggleDropDown';
-// export { default as ToggleDropDown__default } from '../dropdown/ToggleDropDown/docs/ToggleDropDown__default.docs';
-
-// export { default as SVG__default } from '../svg/docs/SVG__default.docs';
-
 export { default as SubtabLayout } from '../layout/SubtabLayout/SubtabLayout';
-// export { default as SubtabLayout__default } from '../layout/SubtabLayout/docs/SubtabLayout__default.docs';
-
 export { default as FreezeLayer } from '../FreezeLayer/FreezeLayer';
-// export { default as FreezeLayer__default } from '../FreezeLayer/docs/FreezeLayer__default.docs.js';
-// export { default as FreezeLayer__dark } from '../FreezeLayer/docs/FreezeLayer__dark.docs.js';
-
 export { default as PlusIcon } from '../PlusIcon/PlusIcon';
-// export { default as PlusIcon__default } from '../PlusIcon/docs/PlusIcon__default.docs';
-
 export { default as FormAction } from '../FormAction/FormAction';
-// export { default as FormAction__default } from '../FormAction/docs/FormAction__default.docs';
-
 export { default as ToastMessage } from '../ToastMessage/ToastMessage';
-// export { default as ToastMessager__information } from '../ToastMessage/docs/ToastMessage__information.docs';
-// export { default as ToastMessager__primary } from '../ToastMessage/docs/ToastMessage__primary.docs';
-// export { default as ToastMessager__secondary } from '../ToastMessage/docs/ToastMessage__secondary.docs';
-// export { default as ToastMessager__success } from '../ToastMessage/docs/ToastMessage__success.docs';
-// export { default as ToastMessager__custom } from '../ToastMessage/docs/ToastMessage__custom.docs';
-
 export { default as Drawer } from '../Drawer/Drawer';
-// export { default as Drawer__default } from '../Drawer/docs/Drawer__default.docs';
-// export { default as Drawer__multiDrawer } from '../Drawer/docs/Drawer__multiDrawer.docs';
-// export { default as Drawer__withModal } from '../Drawer/docs/Drawer__withModal.docs';
-// export { default as Drawer__noFreeze } from '../Drawer/docs/Drawer__noFreeze.docs';
 export { default as CommonEmptyState } from '../emptystate/CommonEmptyState/CommonEmptyState';
-// export { default as CommonEmptyState__default } from '../emptystate/CommonEmptyState/docs/CommonEmptyState__default.docs';
 export { default as EditionPage } from '../emptystate/EditionPage/EditionPage';
-// export { default as EditionPage__default } from '../emptystate/EditionPage/docs/EditionPage__default.docs';
-
 export { default as EmState_Inconvenience } from '../errorstate/Inconvenience/Inconvenience';
-// export { default as EmState_Inconvenience__default } from '../errorstate/Inconvenience/docs/Inconvenience__default.docs';
 export { default as EmState_NoRequestFound } from '../errorstate/NoRequestFound/NoRequestFound';
-// export { default as EmState_NoRequestFound__default } from '../errorstate/NoRequestFound/docs/NoRequestFound__default.docs';
 export { default as EmState_PermissionPlay } from '../errorstate/PermissionPlay/PermissionPlay';
-// export { default as EmState_PermissionPlay__default } from '../errorstate/PermissionPlay/docs/PermissionPlay__default.docs';
 export { default as EmState_RequestUrlNotFound } from '../errorstate/RequestUrlNotFound/RequestUrlNotFound';
-// export { default as EmState_RequestUrlNotFound__default } from '../errorstate/RequestUrlNotFound/docs/RequestUrlNotFound__default.docs';
 export { default as EmState_UnableToProcess } from '../errorstate/UnableToProcess/UnableToProcess';
-// export { default as EmState_UnableToProcess__default } from '../errorstate/UnableToProcess/docs/UnableToProcess__default.docs';
 export { default as EmState_UnauthorizedLogin } from '../errorstate/UnauthorizedLogin/UnauthorizedLogin';
-// export { default as EmState_UnauthorizedLogin__unauthorizedLogin } from '../errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__unauthorizedLogin.docs';
-// export { default as EmState_UnauthorizedLogin__insufficient } from '../errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__insufficient.docs';
 export { default as EmState_WillBack } from '../errorstate/WillBack/WillBack';
-// export { default as EmState_WillBack__default } from '../errorstate/WillBack/docs/WillBack__default.docs';
 export { default as EmState_LinkText } from '../errorstate/LinkText/LinkText';
-// export { default as EmState_LinkText__default } from '../errorstate/LinkText/docs/LinkText__default.docs';
 export { default as IconButton } from '../IconButton/IconButton';
-// export { default as IconButton__default } from '../IconButton/docs/IconButton__default.docs';
-
 export { default as AlphabeticList } from '../AlphabeticList/AlphabeticList';
-// export { default as AlphabeticList__default } from '../AlphabeticList/docs/AlphabeticList__default.docs';
-// export { default as AlphabeticList__horizontal } from '../AlphabeticList/docs/AlphabeticList__horizontal.docs';
-
 export { default as ImportantNotes } from '../ImportantNotes/ImportantNotes';
-// export { default as ImportantNotes__default } from '../ImportantNotes/docs/ImportantNotes__default.docs';
-
 export { default as Attachment } from '../Attachment/Attachment';
-// export { default as Attachment__default } from '../Attachment/docs/Attachment__default.docs';
-
 export { default as Upload } from '../Upload/Upload';
-// export { default as Upload__default } from '../Upload/docs/Upload__default.docs';
-
 export { default as MessageBanner } from '../MessageBanner/MessageBanner';
-// export { default as MessageBanner__default } from '../MessageBanner/docs/MessageBanner__default.docs';
-
 export { default as Loader } from '../Loader/Loader';
-// export { default as Loader__default } from '../Loader/docs/Loader__default.docs';
-
 export { default as NewStar } from '../NewStar/NewStar';
-// export { default as NewStar__default } from '../NewStar/docs/NewStar__default.docs';
-
 export { default as Message } from '../Message/Message';
-// export { default as Message__default } from '../Message/docs/Message__default.docs';
-
 export { default as ActionButton } from '../ActionButton/ActionButton';
-// export { default as ActionButton__default } from '../ActionButton/docs/ActionButton__default.docs';
 
 /* version 2 error states */
 export { default as V2_ErrState_Inconvenience } from '../version2/errorstate/Inconvenience/Inconvenience';
-// export { default as V2_ErrState_Inconvenience__default } from '../version2/errorstate/Inconvenience/docs/Inconvenience__default.docs';
 export { default as V2_ErrState_UnableToProcessRequest } from '../version2/errorstate/UnableToProcessRequest/UnableToProcessRequest';
-// export { default as V2_ErrState_UnableToProcessRequest__default } from '../version2/errorstate/UnableToProcessRequest/docs/UnableToProcessRequest__default.docs';
 export { default as V2_ErrState_UrlNotFound } from '../version2/errorstate/UrlNotFound/UrlNotFound';
-// export { default as V2_ErrState_UrlNotFound__default } from '../version2/errorstate/UrlNotFound/docs/UrlNotFound__default.docs';
 export { default as V2_ErrState_UnauthorizedLogin } from '../version2/errorstate/UnauthorizedLogin/UnauthorizedLogin';
-// export { default as V2_ErrState_UnauthorizedLogin__default } from '../version2/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__default.docs';
 export { default as V2_ErrState_WillBeRightBack } from '../version2/errorstate/WillBeRightBack/WillBeRightBack';
-// export { default as V2_ErrState_WillBeRightBack__default } from '../version2/errorstate/WillBeRightBack/docs/WillBeRightBack__default.docs';
 export { default as V2_ErrState_OopsSomethingMiss } from '../version2/errorstate/OopsSomethingMiss/OopsSomethingMiss';
-// export { default as V2_ErrState_OopsSomethingMiss__default } from '../version2/errorstate/OopsSomethingMiss/docs/OopsSomethingMiss__default.docs';
 
 /* Attachment Viewer */
-export { default as AttachmentViewer } from '../AttachmentViewer/AttachmentViewer';
-// export { default as AttachmentViewer__default } from '../AttachmentViewer/docs/AttachmentViewer__default.docs';
-
-/* Secondary Text */
-// export { default as SecondaryText__default } from '../list/SecondaryText/docs/SecondaryText__default.docs';
+export { default as AttachmentViewer } from '../AttachmentViewer/AttachmentViewer';

package/es/docs/lookupDocs.js

@@ -1,52 +1,18 @@
-// export { default as Lookup } from '../lookup/Lookup/Lookup';
-// export {
-//   default as Lookup__default
-// } from '../lookup/Lookup/docs/Lookup__default.docs';
-// export {
-//   default as Lookup__contact
-// } from '../lookup/Lookup/docs/Lookup__contact.docs';
-
 export { default as LookupClose } from '../lookup/header/Close/Close';
-// export { default as LookupClose__default } from '../lookup/header/Close/docs/Close__default.docs';
 export { default as ModuleLookupHeader } from '../lookup/header/ModuleHeader/ModuleHeader';
-// export { default as ModuleLookupHeader__default } from '../lookup/header/ModuleHeader/docs/ModuleHeader__default.docs';
 export { default as LookupSearch } from '../lookup/header/Search/Search';
-// export { default as LookupSearch__default } from '../lookup/header/Search/docs/Search__default.docs';
-
 export { default as TicketLookupHeader } from '../lookup/header/TicketHeader/TicketHeader';
-// export { default as TicketLookupHeader__default } from '../lookup/header/TicketHeader/docs/TicketHeader__default.docs';
 export { default as LookupTitle } from '../lookup/header/Title/Title';
-// export { default as LookupTitle__default } from '../lookup/header/Title/docs/Title__default.docs';
-
 export { default as LookupViewDropdown } from '../lookup/header/ViewDropDown/ViewDropDown';
-// export { default as LookupViewDropdown__default } from '../lookup/header/ViewDropDown/docs/ViewDropDown__default.docs';
 export { default as AlertLookup } from '../alert/AlertLookup/AlertLookup';
-// export { default as AlertLookup__default } from '../alert/AlertLookup/docs/AlertLookup__default.docs';
 export { default as AlertHeader } from '../alert/AlertHeader/AlertHeader';
-// export { default as AlertHeader__default } from '../alert/AlertHeader/docs/AlertHeader__default.docs';
-
-// export { default as LookupSection } from '../lookup/Section/Section';
 export { default as LookupEmptyPage } from '../lookup/EmptyPage/EmptyPage';
-// export { default as LookupEmptyPage__default } from '../lookup/EmptyPage/docs/EmptyPage__default.docs';
-// export { default as LookupEmptyPage__product } from '../lookup/EmptyPage/docs/EmptyPage__product.docs';
-// export { default as LookupEmptyPage__account } from '../lookup/EmptyPage/docs/EmptyPage__account.docs';
-// export { default as LookupEmptyPage__contact } from '../lookup/EmptyPage/docs/EmptyPage__contact.docs';
 
 // New alerts
 export { default as AlertLookupNew } from '../version2/lookup/AlertLookup/AlertLookup';
-// export { default as AlertLookupNew__default } from '../version2/lookup/AlertLookup/docs/AlertLookup__default.docs';
 export { default as AlertHeaderNew } from '../version2/lookup/AlertHeader/AlertHeader';
-// export { default as AlertHeaderNew__default } from '../version2/lookup/AlertHeader/docs/AlertHeader__default.docs';
 export { default as AlertIconsNew } from '../version2/alertIcons/AlertIcons';
-// export { default as AlertIconsNew__default } from '../version2/alertIcons/docs/AlertIcons__default.docs';
 export { default as AlertCloseNew } from '../version2/AlertClose/AlertClose';
-// export { default as AlertCloseNew__default } from '../version2/AlertClose/docs/AlertClose__default.docs';
-
 export { default as GlobalNotification } from '../version2/GlobalNotification/GlobalNotification';
-// export { default as GlobalNotification__default } from '../version2/GlobalNotification/docs/GlobalNotification__default.docs';
-
 export { default as DesktopNotification } from '../version2/notification/DesktopNotification/DesktopNotification';
-// export { default as DesktopNotification__default } from '../version2/notification/DesktopNotification/docs/DesktopNotification__default.docs';
-
-export { default as DesktopNotificationHeader } from '../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader';
-// export { default as DesktopNotificationHeader__default } from '../version2/notification/DesktopNotificationHeader/docs/DesktopNotificationHeader__default.docs';
+export { default as DesktopNotificationHeader } from '../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader';

package/es/docs/setupDocs.js

@@ -1,25 +1,11 @@
 export { default as SetupDetailLayout } from '../layout/SetupDetailLayout/SetupDetailLayout';
-// export { default as SetupDetailLayout__default } from '../layout/SetupDetailLayout/docs/SetupDetailLayout__default.docs';
 export { default as HelpLink } from '../setup/helptips/Link/Link';
-// export { default as HelpLink__default } from '../setup/helptips/Link/docs/Link__default.docs';
 export { default as HelpDescription } from '../setup/helptips/Description/Description';
-// export { default as HelpDescription__default } from '../setup/helptips/Description/docs/Description__default.docs';
 export { default as HelpTitle } from '../setup/helptips/Title/Title';
-// export { default as HelpTitle__default } from '../setup/helptips/Title/docs/Title__default.docs';
 export { default as HelpListGroup } from '../setup/helptips/ListGroup/ListGroup';
-// export { default as HelpListGroup__default } from '../setup/helptips/ListGroup/docs/ListGroup__default.docs';
-
 export { default as SetupHeaderViews } from '../setup/header/Views/Views';
-// export { default as SetupHeaderViews__default } from '../setup/header/Views/docs/Views__default.docs';
 export { default as SetupHeaderSearch } from '../setup/header/Search/Search';
-// export { default as SetupHeaderSearch__default } from '../setup/header/Search/docs/Search__default.docs';
 export { default as SetupHeaderLink } from '../setup/header/Link/Link';
-// export { default as SetupHeaderLink__Link } from '../setup/header/Link/docs/Link__default.docs';
 export { default as SetupHeaderButton } from '../setup/header/Button/Button';
-// export { default as SetupHeaderButton__default } from '../setup/header/Button/docs/Button__default.docs';
-
 export { default as Text } from '../setup/table/Text/Text.js';
-// export { default as Setup_Text__default } from '../setup/table/Text/docs/Text__default.docs.js';
-
-export { default as Table } from '../setup/table/Table/Table.js';
-// export { default as Setup_Table__default } from '../setup/table/Table/docs/Table__default.docs.js';
+export { default as Table } from '../setup/table/Table/Table.js';

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { Component, Fragment } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import Popup from '@zohodesk/components/lib/Popup/Popup';
 import { Box, Container } from '@zohodesk/components/lib/Layout';
 import ListItem from '@zohodesk/components/lib/ListItem/ListItem';

package/es/form/fields/FieldContainer/FieldContainer.js

@@ -6,7 +6,7 @@ import { propTypes } from './props/propTypes';
 /**** Components ****/
 import { Container } from '@zohodesk/components/lib/Layout';
 /**** Icons ****/
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
 import style from '../Fields.module.css';
 export default class FieldContainer extends PureComponent {

package/es/form/fields/PhoneField/PhoneField.js

@@ -5,7 +5,7 @@ import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 
 /**** Components ****/
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import TextBoxField from '../TextBoxField/TextBoxField';
 import Link from '../../../Link/Link';

package/es/form/fields/ValidationMessage/ValidationMessage.js

@@ -4,7 +4,7 @@ import { propTypes } from './props/propTypes';
 import Label from '@zohodesk/components/lib/Label/Label';
 import colors from '@zohodesk/components/lib/Label/LabelColors.module.css';
 import style from './ValidationMessage.module.css';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 export default class ValidationMessage extends React.Component {
   render() {
     let {

package/es/index.js

@@ -1,6 +1,3 @@
-// export { default as React } from 'react';
-// export { default as ReactDOM } from 'react-dom';
-// export { renderToStaticMarkup } from 'react-dom/server';
 export * from './docs/generalDocs.js';
 export * from './docs/lookupDocs.js';
 export * from './docs/setupDocs.js';

package/es/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { SetupDetailLayout_defaultProps, SetupHeader_defaultProps, SetupContent_defaultProps, SetupFooter_defaultProps } from './props/defaultProps';
 import { SetupDetailLayout_propTypes, SetupHeader_propTypes, SetupContent_propTypes, SetupFooter_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import style from './SetupDetailLayout.module.css';
 export default class SetupDetailLayout extends React.Component {
   constructor(props) {

package/es/list/AvatarFlip/AvatarFlip.js

@@ -30,7 +30,8 @@ export default class AvatarFlip extends Component {
       tourId,
       iconSize,
       isFilledCheckbox,
-      channelTitle
+      channelTitle,
+      customProps
     } = this.props;
     return /*#__PURE__*/React.createElement(FlipCard, {
       id: id,
@@ -60,7 +61,8 @@ export default class AvatarFlip extends Component {
       needTitle: needTitle,
       tourId: tourId,
       isFilledCheckbox: isFilledCheckbox,
-      channelTitle: channelTitle
+      channelTitle: channelTitle,
+      customProps: customProps
     });
   }
 }

package/es/list/AvatarFlip/props/defaultProps.js

@@ -1,5 +1,6 @@
 export const defaultProps = {
   size: 'xmedium',
   noNeedFlip: false,
-  iconSize: '21'
+  iconSize: '21',
+  customProps: {}
 };

package/es/list/AvatarFlip/props/propTypes.js

@@ -24,5 +24,6 @@ export const propTypes = {
   size: PropTypes.string,
   src: PropTypes.string,
   textPalette: PropTypes.oneOf(['white', 'black']),
-  tourId: PropTypes.string
+  tourId: PropTypes.string,
+  customProps: PropTypes.object
 };

package/es/list/BluePrintStatus/BluePrintStatus.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { propTypes } from './props/propTypes';
 import style from './BluePrintStatus.module.css';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 export default class BluePrintStatus extends React.Component {
   constructor(props) {
     super(props);

package/es/list/Comment/Comment.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import { i18NProviderUtils } from '@zohodesk/i18n';
 import Button from '@zohodesk/components/lib/semantic/Button/Button';
 import style from './Comment.module.css';