@zohodesk/dot 1.2.3 → 1.3.0

package/README.md

@@ -2,6 +2,19 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.3.0
+
+- v1 => old errorstate components removed and version2 folder errorstate components moved to v1/errorstate folder.
+- v1 => old alert components removed and version2 lookup folder alert components moved to v1/alert folder.
+
+# 1.2.5
+
+- **Drawer** - Unwanted zIndex increase issue fixed
+
+# 1.2.4
+
+- **Drawer**, **Lookup** - FocusScope component prop rename update.
+
 # 1.2.3
 
 - **setup/helptips/ListGroup/ListGroup** data to text issue fixed

package/coverage/ExternalLink/ExternalLink.js.html

@@ -214,7 +214,7 @@ ExternalLink.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/ExternalLink.module.css.html

@@ -79,7 +79,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/defaultProps.js.html

@@ -85,7 +85,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/propTypes.js.html

@@ -109,7 +109,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/Image.js.html

@@ -169,7 +169,7 @@ Image.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/Image.module.css.html

@@ -103,7 +103,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/props/defaultProps.js.html

@@ -82,7 +82,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/propTypes.js.html

@@ -112,7 +112,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html

@@ -433,7 +433,7 @@ AvatarWithTeam.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html

@@ -118,7 +118,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html

@@ -97,7 +97,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html

@@ -148,7 +148,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/index.html

@@ -176,7 +176,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-28T16:00:21.378Z
+                at 2023-10-16T14:22:33.744Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/es/Drawer/Drawer.js

@@ -157,11 +157,11 @@ export default class Drawer extends React.Component {
       focusScopeProps = {}
     } = customProps;
     const {
-      autoFocus = true,
-      restoreFocus = true,
-      needArrowLoop = false,
-      needTabLoop = true,
-      enableEnterAction = false
+      needAutoFocus = true,
+      needRestoreFocus = true,
+      needListNavigation = false,
+      needFocusLoop = true,
+      needEnterAction = false
     } = focusScopeProps;
     let childrenWithProps = React.Children.map(children, child => {
       if (child.type === Header || child.type === Footer || child.type === Content) {
@@ -200,12 +200,12 @@ export default class Drawer extends React.Component {
       flexible: true
     }, subDrawerChildren))))) : null, needFocusScope ? /*#__PURE__*/React.createElement(FocusScope, {
       elementRef: this.createRef,
-      autoFocus: autoFocus,
-      needTabLoop: needTabLoop,
-      restoreFocus: restoreFocus,
-      needArrowLoop: needArrowLoop,
+      needAutoFocus: needAutoFocus,
+      needFocusLoop: needFocusLoop,
+      needRestoreFocus: needRestoreFocus,
+      needListNavigation: needListNavigation,
       onClose: onClose,
-      enableEnterAction: enableEnterAction
+      needEnterAction: needEnterAction
     }, content) : content);
   }
 
@@ -235,6 +235,7 @@ export default class Drawer extends React.Component {
       needAutoZindex,
       innerPortalName
     } = this.props;
+    let zindexNumber = this.getNextIndex();
     return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: responsiveId
@@ -272,8 +273,8 @@ export default class Drawer extends React.Component {
         scroll: "none",
         eleRef: forwardRef,
         className: `${style.isOverlay} ${customClass}`,
-        style: isActive && needAutoZindex ? {
-          zIndex: `${this.getNextIndex()}`
+        style: needAutoZindex ? {
+          zIndex: `${zindexNumber}`
         } : {}
       }, this.drawers(uptoTablet, styleByResolutions)));
     });

package/es/lookup/Lookup/Lookup.js

@@ -67,11 +67,11 @@ export default class Lookup extends Component {
       focusScopeProps = {}
     } = customProps;
     const {
-      autoFocus = true,
-      restoreFocus = true,
-      needArrowLoop = false,
-      needTabLoop = true,
-      enableEnterAction = false
+      needAutoFocus = true,
+      needRestoreFocus = true,
+      needListNavigation = false,
+      needFocusLoop = true,
+      needEnterAction = false
     } = focusScopeProps;
     const content = /*#__PURE__*/React.createElement("div", {
       ref: this.createRef,
@@ -101,13 +101,13 @@ export default class Lookup extends Component {
       className: style.container,
       dataId: "fldValue"
     }, needFocusScope ? /*#__PURE__*/React.createElement(FocusScope, {
-      needTabLoop: needTabLoop,
-      needArrowLoop: needArrowLoop,
+      needFocusLoop: needFocusLoop,
+      needListNavigation: needListNavigation,
       elementRef: this.createRef,
-      autoFocus: autoFocus,
-      restoreFocus: restoreFocus,
+      needAutoFocus: needAutoFocus,
+      needRestoreFocus: needRestoreFocus,
       onClose: onClose,
-      enableEnterAction: enableEnterAction
+      needEnterAction: needEnterAction
     }, content) : content));
   }
 

package/es/v1/ActionButton/ActionButton.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { defaultProps } from '../../ActionButton/props/defaultProps';
 import { propTypes } from '../../ActionButton/props/propTypes';
-import Popup from '@zohodesk/components/lib/Popup/Popup';
+import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
-import Button from '@zohodesk/components/lib/Button/Button';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
-import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+import Button from '@zohodesk/components/es/v1/Button/Button';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
+import CssProvider from '@zohodesk/components/es/v1/Provider/CssProvider';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 import style from '../../ActionButton/ActionButton.module.css';
 
 function ActionButton(props) {
@@ -130,8 +130,11 @@ function ActionButton(props) {
 }
 
 ActionButton.defaultProps = defaultProps;
-ActionButton.propTypes = propTypes; // ActionButton.docs = {
+ActionButton.propTypes = propTypes;
+const ActionButtonComponent = Popup(ActionButton);
+ActionButtonComponent.defaultProps = ActionButton.defaultProps;
+ActionButtonComponent.propTypes = ActionButton.propTypes; // ActionButton.docs = {
 //   componentGroup: 'Atom'
 // };
 
-export default Popup(ActionButton);
+export default ActionButtonComponent;

package/es/v1/AlphabeticList/AlphabeticList.js

@@ -2,7 +2,7 @@
 import React, { memo } from 'react';
 import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from '../../AlphabeticList/props/defaultProps';
 import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from '../../AlphabeticList/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /*** CSS ***/
 
 import style from '../../AlphabeticList/AlphabeticList.module.css';
@@ -87,4 +87,4 @@ function AlphabeticListItem(props) {
 
 AlphabeticListItem.propTypes = AlphabeticListItem_propTypes;
 AlphabeticListItem.defaultProps = AlphabeticListItem_defaultProps;
-export default /*#__PURE__*/memo(AlphabeticList);
+export default AlphabeticList;

package/es/v1/Attachment/Attachment.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from '../../Attachment/props/defaultProps';
 import { propTypes } from '../../Attachment/props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Link from '../Link/Link';
 import style from '../../Attachment/Attachment.module.css';
 export default class Attachment extends React.Component {

package/es/v1/AttachmentViewer/AttachmentViewer.js

@@ -1,11 +1,11 @@
 import React, { Component } from 'react';
 import { AttachmentViewer_defaultProps } from '../../AttachmentViewer/props/defaultProps';
 import { AttachmentViewer_propTypes } from '../../AttachmentViewer/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
-import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
+import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
+import { ResponsiveReceiver } from '@zohodesk/components/es/v1/Responsive/CustomResponsive';
+import { getUniqueId } from '@zohodesk/components/es/v1/Provider/IdProvider';
 import AttachmentImage from './AttachmentImage';
 import Link from '../Link/Link';
 import IconButton from '../IconButton/IconButton';

package/es/v1/ChannelIcon/ChannelIcon.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { Icon } from '@zohodesk/icons';
-import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
+import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
 import { defaultProps } from '../../ChannelIcon/props/defaultProps';
 import { propTypes } from '../../ChannelIcon/props/propTypes';

package/es/v1/Drawer/Drawer.js

@@ -1,14 +1,14 @@
 import React, { useRef } from 'react';
 import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from '../../Drawer/props/defaultProps';
 import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from '../../Drawer/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
-import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import { ResponsiveSender, ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
+import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
+import { ResponsiveSender, ResponsiveReceiver } from '@zohodesk/components/es/v1/Responsive/CustomResponsive';
 import { Icon } from '@zohodesk/icons';
-import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
+import { useZIndex } from '@zohodesk/components/es/v1/Provider/ZindexProvider';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
-import Heading from '@zohodesk/components/lib/Heading/Heading';
+import Heading from '@zohodesk/components/es/v1/Heading/Heading';
 import FreezeLayer from '../FreezeLayer/FreezeLayer';
 import FormAction from '../FormAction/FormAction';
 import IconButton from '../IconButton/IconButton';
@@ -143,11 +143,11 @@ export default function Drawer(props) {
       focusScopeProps = {}
     } = customProps;
     const {
-      autoFocus = true,
-      restoreFocus = true,
-      needArrowLoop = false,
-      needTabLoop = true,
-      enableEnterAction = false
+      needAutoFocus = true,
+      needRestoreFocus = true,
+      needListNavigation = false,
+      needFocusLoop = true,
+      needEnterAction = false
     } = focusScopeProps;
     let childrenWithProps = React.Children.map(children, child => {
       if (child.type === Header || child.type === Footer || child.type === Content) {
@@ -186,12 +186,12 @@ export default function Drawer(props) {
       flexible: true
     }, subDrawerChildren))))) : null, needFocusScope ? /*#__PURE__*/React.createElement(FocusScope, {
       elementRef: contentRef,
-      autoFocus: autoFocus,
-      needTabLoop: needTabLoop,
-      restoreFocus: restoreFocus,
-      needArrowLoop: needArrowLoop,
+      needAutoFocus: needAutoFocus,
+      needFocusLoop: needFocusLoop,
+      needRestoreFocus: needRestoreFocus,
+      needListNavigation: needListNavigation,
       onClose: onClose,
-      enableEnterAction: enableEnterAction
+      needEnterAction: needEnterAction
     }, content) : content);
   }
 

package/es/v1/FlipCard/FlipCard.js

@@ -3,9 +3,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React from 'react';
 import { defaultProps } from '../../FlipCard/props/defaultProps';
 import { propTypes } from '../../FlipCard/props/propTypes';
-import CheckBox from '@zohodesk/components/lib/CheckBox/CheckBox';
-import { Container } from '@zohodesk/components/lib/Layout';
-import AvatarSize from '@zohodesk/components/lib/Provider/AvatarSize';
+import CheckBox from '@zohodesk/components/es/v1/CheckBox/CheckBox';
+import { Container } from '@zohodesk/components/es/v1/Layout';
+import AvatarSize from '@zohodesk/components/es/v1/Provider/AvatarSize';
 import ChannelIcon from '../ChannelIcon/ChannelIcon';
 import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
 import AvatarUser from '../avatar/AvatarUser/AvatarUser';
@@ -126,5 +126,5 @@ FlipCard.propTypes = propTypes;
 FlipCard.defaultProps = defaultProps; // if (__DOCS__) {
 //   FlipCard.docs = {
 //     componentGroup: 'Molecule'
-//   }; 
+//   };
 // }

package/es/v1/FormAction/FormAction.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from '../../FormAction/props/defaultProps';
 import { propTypes } from '../../FormAction/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import style from '../../FormAction/FormAction.module.css';
 export const LeftSide = props => {
   props.children;

package/es/v1/FreezeLayer/FreezeLayer.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { defaultProps } from '../../FreezeLayer/props/defaultProps';
 import { propTypes } from '../../FreezeLayer/props/propTypes';
-import { Container } from '@zohodesk/components/lib/Layout';
+import { Container } from '@zohodesk/components/es/v1/Layout';
 import { mergeStyle } from '@zohodesk/utils';
-import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
+import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
+import { useZIndex } from '@zohodesk/components/es/v1/Provider/ZindexProvider';
 import cssJSLogic from '../../FreezeLayer/css/cssJSLogic';
 import useFreezeLayer from '../../FreezeLayer/useFreezeLayer';
 import style from '../../FreezeLayer/css/FreezeLayer.module.css';

package/es/v1/{version2/GlobalNotification → GlobalNotification}/GlobalNotification.js

@@ -1,13 +1,13 @@
 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, { useEffect } from 'react';
-import { defaultProps } from '../../../version2/GlobalNotification/props/defaultProps';
-import { propTypes, UI_propTypes, new_propTypes } from '../../../version2/GlobalNotification/props/propTypes';
-import AutoClose from '../../../actions/AutoClose';
-import AlertIcons from '../alertIcons/AlertIcons';
-import AlertClose from '../AlertClose/AlertClose';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import style from '../../../version2/GlobalNotification/GlobalNotification.module.css';
+import { defaultProps } from '../../version2/GlobalNotification/props/defaultProps';
+import { propTypes, UI_propTypes, new_propTypes } from '../../version2/GlobalNotification/props/propTypes';
+import AutoClose from '../../actions/AutoClose';
+import AlertIcons from '../alert/alertIcons/AlertIcons';
+import AlertClose from '../alert/AlertClose/AlertClose';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import style from '../../version2/GlobalNotification/GlobalNotification.module.css';
 export default function GlobalNotification(props) {
   let {
     type,

package/es/v1/IconButton/IconButton.js

@@ -4,9 +4,9 @@ import React, { useState } from 'react';
 import { defaultProps } from '../../IconButton/props/defaultProps';
 import { propTypes } from '../../IconButton/props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import { Container } from '@zohodesk/components/lib/Layout';
-import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
-import RippleEffect from '@zohodesk/components/lib/RippleEffect/RippleEffect';
+import { Container } from '@zohodesk/components/es/v1/Layout';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
+import RippleEffect from '@zohodesk/components/es/v1/RippleEffect/RippleEffect';
 import style from '../../IconButton/IconButton.module.css';
 export default function IconButton(props) {
   let {

package/es/v1/ImportantNotes/ImportantNotes.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from '../../ImportantNotes/props/defaultProps';
 import { propTypes } from '../../ImportantNotes/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import style from '../../ImportantNotes/ImportantNotes.module.css';
 export default function ImportantNotes(props) {

package/es/v1/Loader/Loader.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
+import { getZIndex } from '@zohodesk/components/es/v1/Provider/ZindexProvider';
 import style from '../../Loader/Loader.module.css';
 export default class Loader extends React.Component {
   constructor(props) {

package/es/v1/MessageBanner/MessageBanner.js

@@ -3,7 +3,7 @@ import { defaultProps } from '../../MessageBanner/props/defaultProps';
 import { propTypes } from '../../MessageBanner/props/propTypes';
 import Link from '../Link/Link';
 import { Icon } from '@zohodesk/icons';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import style from '../../MessageBanner/MessageBanner.module.css';
 export default function MessageBanner(props) {
   let {

package/es/v1/NewStar/NewStar.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '@zohodesk/icons';
-import { Container } from '@zohodesk/components/lib/Layout';
+import { Container } from '@zohodesk/components/es/v1/Layout';
 import { defaultProps } from '../../NewStar/props/defaultProps';
 import { propTypes } from '../../NewStar/props/propTypes';
 import style from '../../NewStar/NewStar.module.css';

package/es/v1/Separator/Separator.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { defaultProps } from '../../Separator/props/defaultProps';
 import { propTypes } from '../../Separator/props/propTypes';
 import style from '../../Separator/Separator.module.css';

package/es/v1/TagWithIcon/TagWithIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from '../../TagWithIcon/props/defaultProps';
 import { propTypes } from '../../TagWithIcon/props/propTypes';
-import { Container, Box } from '@zohodesk/components/es/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Icon from '@zohodesk/icons/es/Icon';
 import style from '../../TagWithIcon/TagWithIcon.module.css';
 export default function TagWithIcon(props) {

package/es/v1/ToastMessage/ToastMessage.js

@@ -6,11 +6,11 @@ import { propTypes } from '../../ToastMessage/props/propTypes'; //components
 
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 import { Icon } from '@zohodesk/icons';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import { useUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import { useZIndex } from '@zohodesk/components/es/v1/Provider/ZindexProvider';
+import { useUniqueId } from '@zohodesk/components/es/v1/Provider/IdProvider';
 import AutoClose from '../actions/AutoClose';
-import a11yStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css'; //style
+import a11yStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css'; //style
 
 import style from '../../ToastMessage/ToastMessage.module.css';