@zohodesk/dot 1.2.3 → 1.3.0

package/es/v1/list/status/StatusListItem/StatusListItem.js

@@ -2,16 +2,16 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { defaultProps } from './../../../../list/status/StatusListItem/props/defaultProps';
+import { propTypes } from './../../../../list/status/StatusListItem/props/propTypes';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /**** Components ****/
 
 import { Icon } from '@zohodesk/icons';
-import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
+import CssProvider from '@zohodesk/components/es/v1/Provider/CssProvider';
 /**** CSS ****/
 
-import style from './StatusListItem.module.css';
+import style from './../../../../list/status/StatusListItem/StatusListItem.module.css';
 export default class StatusListItem extends React.Component {
   constructor(props) {
     super(props);

package/es/v1/lookup/Lookup/Lookup.js

@@ -1,11 +1,12 @@
 /*** Libraries ***/
-import React, { useRef, useCallback } from 'react';
+import React, { useRef, useCallback, useEffect } from 'react';
+import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
 import { defaultProps } from '../../../lookup/Lookup/props/defaultProps';
 import { propTypes } from '../../../lookup/Lookup/props/propTypes';
 /*** Components ***/
 
 import FreezeLayer from '../../../FreezeLayer/FreezeLayer';
-import { Container } from '@zohodesk/components/lib/Layout';
+import { Container } from '@zohodesk/components/es/v1/Layout';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 /*** CSS ***/
 
@@ -40,17 +41,17 @@ export default function Lookup(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;
   const createRef = useRef(null);
   const handleKeyDown = useCallback(e => {
     onKeyDown && onKeyDown(e);
   }, [onKeyDown]);
-  useEffect(() => {
+  useEffectCallOnlyAfterState(() => {
     if (isActive) {
       document.addEventListener('keydown', handleKeyDown);
     } else {
@@ -90,13 +91,13 @@ export default function Lookup(props) {
     className: style.container,
     dataId: "fldValue"
   }, needFocusScope ? /*#__PURE__*/React.createElement(FocusScope, {
-    needTabLoop: needTabLoop,
-    needArrowLoop: needArrowLoop,
+    needFocusLoop: needFocusLoop,
+    needListNavigation: needListNavigation,
     elementRef: createRef,
-    autoFocus: autoFocus,
-    restoreFocus: restoreFocus,
+    needAutoFocus: needAutoFocus,
+    needRestoreFocus: needRestoreFocus,
     onClose: onClose,
-    enableEnterAction: enableEnterAction
+    needEnterAction: needEnterAction
   }, content) : content));
 }
 Lookup.propTypes = propTypes;

package/es/v1/lookup/Section/Section.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { propTypes } from '../../../lookup/Section/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import style from '../../../lookup/Section/LookupSection.module.css';
 export default class Section extends Component {
   constructor(props) {

package/es/v1/lookup/header/ModuleHeader/ModuleHeader.js

@@ -7,7 +7,7 @@ import { propTypes } from '../../../../lookup/header/ModuleHeader/props/propType
 import Title from '../Title/Title';
 import Close from '../Close/Close';
 import Search from '../Search/Search';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /*** CSS ***/
 
 import commonStyle from '../../../../lookup/header/lookupHeaderCommon.module.css';

package/es/v1/lookup/header/Search/Search.js

@@ -8,13 +8,13 @@ import { SearchUI_defaultProps } from '../../../../lookup/header/Search/props/de
 import { Search_propTypes, SearchUI_propTypes } from '../../../../lookup/header/Search/props/propTypes';
 /** * Components ** */
 
-import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import TextBoxIcon from '@zohodesk/components/es/v1/TextBoxIcon/TextBoxIcon';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import ToggleDropDown from '../../../../dropdown/ToggleDropDown/ToggleDropDown';
 /** * Methods ** */
 
-import { debounce } from '@zohodesk/components/lib/utils/debounce';
+import { debounce } from '@zohodesk/components/es/utils/debounce';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 /** * CSS ** */
 

package/es/v1/lookup/header/TicketHeader/TicketHeader.js

@@ -8,7 +8,7 @@ import Title from '../Title/Title';
 import Close from '../Close/Close';
 import Search from '../Search/Search';
 import ViewDropDown from '../../../../lookup/header/ViewDropDown/ViewDropDown';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /*** CSS ***/
 
 import commonStyle from '../../../../lookup/header/lookupHeaderCommon.module.css';

package/es/v1/lookup/header/ViewDropDown/ViewDropDown.js

@@ -4,17 +4,17 @@ import { defaultProps } from '../../../../lookup/header/ViewDropDown/props/defau
 import { propTypes } from '../../../../lookup/header/ViewDropDown/props/propTypes';
 /**** Components ****/
 
-import { SelectComponent } from '@zohodesk/components/lib/Select/Select';
-import Popup from '@zohodesk/components/lib/Popup/Popup';
-import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
-import DropDownSearch from '@zohodesk/components/lib/DropDown/DropDownSearch';
-import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
-import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import { SelectComponent } from '@zohodesk/components/es/v1/Select/Select';
+import Popup from '@zohodesk/components/es/v1/Popup/Popup';
+import ListItem from '@zohodesk/components/es/v1/ListItem/ListItem';
+import DropDownSearch from '@zohodesk/components/es/v1/DropDown/DropDownSearch';
+import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
+import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
+import { ResponsiveReceiver } from '@zohodesk/components/es/v1/Responsive/CustomResponsive';
 /**** Icons ****/
 
 import { Icon } from '@zohodesk/icons';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import style from '../../../../lookup/header/ViewDropDown/ViewDropDown.module.css';
 /* eslint-disable react/forbid-component-props */
@@ -165,7 +165,8 @@ class DropDown extends SelectComponent {
 DropDown.propTypes = propTypes;
 DropDown.defaultProps = defaultProps;
 const ViewDropDown = Popup(DropDown);
-ViewDropDown.defaultProps = DropDown.defaultProps; // if (__DOCS__) {
+ViewDropDown.defaultProps = DropDown.defaultProps;
+ViewDropDown.propTypes = DropDown.propTypes; // if (__DOCS__) {
 //   DropDown.docs = {
 //     componentGroup: 'Lookup'
 //   };

package/es/v1/{version2/notification → notification}/DesktopNotification/DesktopNotification.js

@@ -1,15 +1,15 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { useState } from 'react';
-import { defaultProps } from '../../../../version2/notification/DesktopNotification/props/defaultProps';
-import { propTypes, DesktopNotificationUI_propTypes } from '../../../../version2/notification/DesktopNotification/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
+import { defaultProps } from '../../../version2/notification/DesktopNotification/props/defaultProps';
+import { propTypes, DesktopNotificationUI_propTypes } from '../../../version2/notification/DesktopNotification/props/propTypes';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import { useZIndex } from '@zohodesk/components/es/v1/Provider/ZindexProvider';
 import AutoClose from '../../../actions/AutoClose';
-import Button from '@zohodesk/components/lib/Button/Button';
+import Button from '@zohodesk/components/es/v1/Button/Button';
 import FormAction from '../../../FormAction/FormAction';
 import DesktopNotificationHeader from '../DesktopNotificationHeader/DesktopNotificationHeader';
-import style from '../../../../version2/notification/DesktopNotification/DesktopNotification.module.css';
+import style from '../../../version2/notification/DesktopNotification/DesktopNotification.module.css';
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

package/es/v1/{version2/notification → notification}/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -1,10 +1,10 @@
 import React, { Component } from 'react';
-import { defaultProps } from '../../../../version2/notification/DesktopNotificationHeader/props/defaultProps';
-import { propTypes } from '../../../../version2/notification/DesktopNotificationHeader/props/propTypes';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import AlertClose from '../../AlertClose/AlertClose';
-import AlertIcons from '../../alertIcons/AlertIcons';
-import style from '../../../../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css';
+import { defaultProps } from '../../../version2/notification/DesktopNotificationHeader/props/defaultProps';
+import { propTypes } from '../../../version2/notification/DesktopNotificationHeader/props/propTypes';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import AlertClose from '../../alert/AlertClose/AlertClose';
+import AlertIcons from '../../alert/alertIcons/AlertIcons';
+import style from '../../../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css';
 export default function DesktopNotificationHeader(props) {
   let {
     onClose,

package/es/v1/setup/header/Button/Button.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from '../../../../setup/header/Button/props/defaultProps';
 import { propTypes } from '../../../../setup/header/Button/props/propTypes';
-import GenButton from '@zohodesk/components/lib/Button/Button';
+import GenButton from '@zohodesk/components/es/v1/Button/Button';
 import style from '../../../../setup/header/Button/HeaderButton.module.css';
 export default class Button extends React.Component {
   constructor(props) {

package/es/v1/setup/header/Link/Link.js

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

package/es/v1/setup/header/Search/Search.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from '../../../../setup/header/Search/props/defaultProps';
 import { propTypes } from '../../../../setup/header/Search/props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
+import TextBox from '@zohodesk/components/es/v1/TextBox/TextBox';
 import style from '../../../../setup/header/Search/Search.module.css';
 export default class Search extends React.Component {
   constructor(props) {

package/es/v1/setup/table/Table/Table.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from '../../../../setup/table/Table/props/defaultProps';
 import { propTypes } from '../../../../setup/table/Table/props/propTypes';
-import { Container } from '@zohodesk/components/lib/Layout';
+import { Container } from '@zohodesk/components/es/v1/Layout';
 export default function Table(props) {
   let {
     children,

package/es/v1/setup/table/TableBody/TableBody.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from '../../../../setup/table/TableBody/props/defaultProps';
 import { propTypes } from '../../../../setup/table/TableBody/props/propTypes';
-import { Box } from '@zohodesk/components/lib/Layout';
+import { Box } from '@zohodesk/components/es/v1/Layout';
 export default function TableBody(props) {
   let {
     children,

package/es/v1/setup/table/TableData/TableData.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from '../../../../setup/table/TableData/props/defaultProps';
 import { propTypes } from '../../../../setup/table/TableData/props/propTypes';
-import { Box } from '@zohodesk/components/lib/Layout';
+import { Box } from '@zohodesk/components/es/v1/Layout';
 import style from '../../../../setup/table/TableData/SetupTableData.module.css';
 export default function TableData(props) {
   let {

package/es/v1/setup/table/TableHead/TableHead.js

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

package/es/v1/setup/table/TableRow/TableRow.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defaultProps } from '../../../../setup/table/TableRow/props/defaultProps';
 import { propTypes } from '../../../../setup/table/TableRow/props/propTypes';
-import { Container } from '@zohodesk/components/lib/Layout';
+import { Container } from '@zohodesk/components/es/v1/Layout';
 import style from '../../../../setup/table/TableRow/SetupTableRow.module.css';
 export default function TableRow(props) {
   let {

package/lib/Drawer/Drawer.js

@@ -259,16 +259,16 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
           customProps = _this$props4.customProps;
       var _customProps$focusSco = customProps.focusScopeProps,
           focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
-      var _focusScopeProps$auto = focusScopeProps.autoFocus,
-          autoFocus = _focusScopeProps$auto === void 0 ? true : _focusScopeProps$auto,
-          _focusScopeProps$rest = focusScopeProps.restoreFocus,
-          restoreFocus = _focusScopeProps$rest === void 0 ? true : _focusScopeProps$rest,
-          _focusScopeProps$need = focusScopeProps.needArrowLoop,
-          needArrowLoop = _focusScopeProps$need === void 0 ? false : _focusScopeProps$need,
-          _focusScopeProps$need2 = focusScopeProps.needTabLoop,
-          needTabLoop = _focusScopeProps$need2 === void 0 ? true : _focusScopeProps$need2,
-          _focusScopeProps$enab = focusScopeProps.enableEnterAction,
-          enableEnterAction = _focusScopeProps$enab === void 0 ? false : _focusScopeProps$enab;
+      var _focusScopeProps$need = focusScopeProps.needAutoFocus,
+          needAutoFocus = _focusScopeProps$need === void 0 ? true : _focusScopeProps$need,
+          _focusScopeProps$need2 = focusScopeProps.needRestoreFocus,
+          needRestoreFocus = _focusScopeProps$need2 === void 0 ? true : _focusScopeProps$need2,
+          _focusScopeProps$need3 = focusScopeProps.needListNavigation,
+          needListNavigation = _focusScopeProps$need3 === void 0 ? false : _focusScopeProps$need3,
+          _focusScopeProps$need4 = focusScopeProps.needFocusLoop,
+          needFocusLoop = _focusScopeProps$need4 === void 0 ? true : _focusScopeProps$need4,
+          _focusScopeProps$need5 = focusScopeProps.needEnterAction,
+          needEnterAction = _focusScopeProps$need5 === void 0 ? false : _focusScopeProps$need5;
 
       var childrenWithProps = _react["default"].Children.map(children, function (child) {
         if (child.type === Header || child.type === Footer || child.type === Content) {
@@ -309,12 +309,12 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
         flexible: true
       }, subDrawerChildren))))) : null, needFocusScope ? /*#__PURE__*/_react["default"].createElement(_FocusScope["default"], {
         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);
     }
   }, {
@@ -345,6 +345,7 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
           customClass = _this$props5.customClass,
           needAutoZindex = _this$props5.needAutoZindex,
           innerPortalName = _this$props5.innerPortalName;
+      var zindexNumber = this.getNextIndex();
       return /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
         query: this.responsiveFunc,
         responsiveId: responsiveId
@@ -380,8 +381,8 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
           scroll: "none",
           eleRef: forwardRef,
           className: "".concat(_DrawerModule["default"].isOverlay, " ").concat(customClass),
-          style: isActive && needAutoZindex ? {
-            zIndex: "".concat(_this2.getNextIndex())
+          style: needAutoZindex ? {
+            zIndex: "".concat(zindexNumber)
           } : {}
         }, _this2.drawers(uptoTablet, styleByResolutions)));
       });

package/lib/lookup/Lookup/Lookup.js

@@ -110,16 +110,16 @@ var Lookup = /*#__PURE__*/function (_Component) {
           ariaModal = _a11y$ariaModal === void 0 ? isActive ? true : undefined : _a11y$ariaModal;
       var _customProps$focusSco = customProps.focusScopeProps,
           focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
-      var _focusScopeProps$auto = focusScopeProps.autoFocus,
-          autoFocus = _focusScopeProps$auto === void 0 ? true : _focusScopeProps$auto,
-          _focusScopeProps$rest = focusScopeProps.restoreFocus,
-          restoreFocus = _focusScopeProps$rest === void 0 ? true : _focusScopeProps$rest,
-          _focusScopeProps$need = focusScopeProps.needArrowLoop,
-          needArrowLoop = _focusScopeProps$need === void 0 ? false : _focusScopeProps$need,
-          _focusScopeProps$need2 = focusScopeProps.needTabLoop,
-          needTabLoop = _focusScopeProps$need2 === void 0 ? true : _focusScopeProps$need2,
-          _focusScopeProps$enab = focusScopeProps.enableEnterAction,
-          enableEnterAction = _focusScopeProps$enab === void 0 ? false : _focusScopeProps$enab;
+      var _focusScopeProps$need = focusScopeProps.needAutoFocus,
+          needAutoFocus = _focusScopeProps$need === void 0 ? true : _focusScopeProps$need,
+          _focusScopeProps$need2 = focusScopeProps.needRestoreFocus,
+          needRestoreFocus = _focusScopeProps$need2 === void 0 ? true : _focusScopeProps$need2,
+          _focusScopeProps$need3 = focusScopeProps.needListNavigation,
+          needListNavigation = _focusScopeProps$need3 === void 0 ? false : _focusScopeProps$need3,
+          _focusScopeProps$need4 = focusScopeProps.needFocusLoop,
+          needFocusLoop = _focusScopeProps$need4 === void 0 ? true : _focusScopeProps$need4,
+          _focusScopeProps$need5 = focusScopeProps.needEnterAction,
+          needEnterAction = _focusScopeProps$need5 === void 0 ? false : _focusScopeProps$need5;
 
       var content = /*#__PURE__*/_react["default"].createElement("div", {
         ref: this.createRef,
@@ -150,13 +150,13 @@ var Lookup = /*#__PURE__*/function (_Component) {
         className: _LookupModule["default"].container,
         dataId: "fldValue"
       }, needFocusScope ? /*#__PURE__*/_react["default"].createElement(_FocusScope["default"], {
-        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/lib/v1/ActionButton/ActionButton.js

@@ -11,19 +11,19 @@ var _defaultProps = require("../../ActionButton/props/defaultProps");
 
 var _propTypes = require("../../ActionButton/props/propTypes");
 
-var _Popup = _interopRequireDefault(require("@zohodesk/components/lib/Popup/Popup"));
+var _Popup = _interopRequireDefault(require("@zohodesk/components/es/v1/Popup/Popup"));
 
 var _icons = require("@zohodesk/icons");
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
+var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/v1/Layout");
 
-var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox"));
+var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CssProvider = _interopRequireDefault(require("@zohodesk/components/lib/Provider/CssProvider"));
+var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/CssProvider"));
 
-var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 
 var _ActionButtonModule = _interopRequireDefault(require("../../ActionButton/ActionButton.module.css"));
 
@@ -147,10 +147,12 @@ function ActionButton(props) {
 }
 
 ActionButton.defaultProps = _defaultProps.defaultProps;
-ActionButton.propTypes = _propTypes.propTypes; // ActionButton.docs = {
+ActionButton.propTypes = _propTypes.propTypes;
+var ActionButtonComponent = (0, _Popup["default"])(ActionButton);
+ActionButtonComponent.defaultProps = ActionButton.defaultProps;
+ActionButtonComponent.propTypes = ActionButton.propTypes; // ActionButton.docs = {
 //   componentGroup: 'Atom'
 // };
 
-var _default = (0, _Popup["default"])(ActionButton);
-
+var _default = ActionButtonComponent;
 exports["default"] = _default;

package/lib/v1/AlphabeticList/AlphabeticList.js

@@ -13,7 +13,7 @@ var _defaultProps = require("../../AlphabeticList/props/defaultProps");
 
 var _propTypes = require("../../AlphabeticList/props/propTypes");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/v1/Layout");
 
 var _AlphabeticListModule = _interopRequireDefault(require("../../AlphabeticList/AlphabeticList.module.css"));
 
@@ -105,7 +105,5 @@ function AlphabeticListItem(props) {
 
 AlphabeticListItem.propTypes = _propTypes.AlphabeticListItem_propTypes;
 AlphabeticListItem.defaultProps = _defaultProps.AlphabeticListItem_defaultProps;
-
-var _default = /*#__PURE__*/(0, _react.memo)(AlphabeticList);
-
+var _default = AlphabeticList;
 exports["default"] = _default;

package/lib/v1/Attachment/Attachment.js

@@ -15,7 +15,7 @@ var _propTypes = require("../../Attachment/props/propTypes");
 
 var _icons = require("@zohodesk/icons");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/v1/Layout");
 
 var _Link = _interopRequireDefault(require("../Link/Link"));
 

package/lib/v1/AttachmentViewer/AttachmentViewer.js

@@ -13,15 +13,15 @@ var _defaultProps = require("../../AttachmentViewer/props/defaultProps");
 
 var _propTypes = require("../../AttachmentViewer/props/propTypes");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/v1/Layout");
 
 var _icons = require("@zohodesk/icons");
 
-var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/v1/Avatar/Avatar"));
 
-var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
 
-var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
 
 var _AttachmentImage = _interopRequireDefault(require("./AttachmentImage"));
 

package/lib/v1/ChannelIcon/ChannelIcon.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _icons = require("@zohodesk/icons");
 
-var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/v1/Avatar/Avatar"));
 
 var _AvatarIcon = _interopRequireDefault(require("../avatar/AvatarIcon/AvatarIcon"));
 

package/lib/v1/Drawer/Drawer.js

@@ -16,21 +16,21 @@ var _defaultProps = require("../../Drawer/props/defaultProps");
 
 var _propTypes = require("../../Drawer/props/propTypes");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/v1/Layout");
 
-var _Card = require("@zohodesk/components/lib/Card");
+var _Card = require("@zohodesk/components/es/v1/Card");
 
-var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
+var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
 
-var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
 
 var _icons = require("@zohodesk/icons");
 
-var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
 
 var _FocusScope = _interopRequireDefault(require("@zohodesk/a11y/es/FocusScope/FocusScope"));
 
-var _Heading = _interopRequireDefault(require("@zohodesk/components/lib/Heading/Heading"));
+var _Heading = _interopRequireDefault(require("@zohodesk/components/es/v1/Heading/Heading"));
 
 var _FreezeLayer = _interopRequireDefault(require("../FreezeLayer/FreezeLayer"));
 
@@ -172,16 +172,16 @@ function Drawer(props) {
         customProps = props.customProps;
     var _customProps$focusSco = customProps.focusScopeProps,
         focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
-    var _focusScopeProps$auto = focusScopeProps.autoFocus,
-        autoFocus = _focusScopeProps$auto === void 0 ? true : _focusScopeProps$auto,
-        _focusScopeProps$rest = focusScopeProps.restoreFocus,
-        restoreFocus = _focusScopeProps$rest === void 0 ? true : _focusScopeProps$rest,
-        _focusScopeProps$need = focusScopeProps.needArrowLoop,
-        needArrowLoop = _focusScopeProps$need === void 0 ? false : _focusScopeProps$need,
-        _focusScopeProps$need2 = focusScopeProps.needTabLoop,
-        needTabLoop = _focusScopeProps$need2 === void 0 ? true : _focusScopeProps$need2,
-        _focusScopeProps$enab = focusScopeProps.enableEnterAction,
-        enableEnterAction = _focusScopeProps$enab === void 0 ? false : _focusScopeProps$enab;
+    var _focusScopeProps$need = focusScopeProps.needAutoFocus,
+        needAutoFocus = _focusScopeProps$need === void 0 ? true : _focusScopeProps$need,
+        _focusScopeProps$need2 = focusScopeProps.needRestoreFocus,
+        needRestoreFocus = _focusScopeProps$need2 === void 0 ? true : _focusScopeProps$need2,
+        _focusScopeProps$need3 = focusScopeProps.needListNavigation,
+        needListNavigation = _focusScopeProps$need3 === void 0 ? false : _focusScopeProps$need3,
+        _focusScopeProps$need4 = focusScopeProps.needFocusLoop,
+        needFocusLoop = _focusScopeProps$need4 === void 0 ? true : _focusScopeProps$need4,
+        _focusScopeProps$need5 = focusScopeProps.needEnterAction,
+        needEnterAction = _focusScopeProps$need5 === void 0 ? false : _focusScopeProps$need5;
 
     var childrenWithProps = _react["default"].Children.map(children, function (child) {
       if (child.type === Header || child.type === Footer || child.type === Content) {
@@ -222,12 +222,12 @@ function Drawer(props) {
       flexible: true
     }, subDrawerChildren))))) : null, needFocusScope ? /*#__PURE__*/_react["default"].createElement(_FocusScope["default"], {
       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/lib/v1/FlipCard/FlipCard.js

@@ -11,11 +11,11 @@ var _defaultProps = require("../../FlipCard/props/defaultProps");
 
 var _propTypes = require("../../FlipCard/props/propTypes");
 
-var _CheckBox = _interopRequireDefault(require("@zohodesk/components/lib/CheckBox/CheckBox"));
+var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/v1/CheckBox/CheckBox"));
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/v1/Layout");
 
-var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/lib/Provider/AvatarSize"));
+var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/AvatarSize"));
 
 var _ChannelIcon = _interopRequireDefault(require("../ChannelIcon/ChannelIcon"));
 
@@ -145,5 +145,5 @@ FlipCard.propTypes = _propTypes.propTypes;
 FlipCard.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
 //   FlipCard.docs = {
 //     componentGroup: 'Molecule'
-//   }; 
+//   };
 // }

package/lib/v1/FormAction/FormAction.js

@@ -12,7 +12,7 @@ var _defaultProps = require("../../FormAction/props/defaultProps");
 
 var _propTypes = require("../../FormAction/props/propTypes");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/v1/Layout");
 
 var _FormActionModule = _interopRequireDefault(require("../../FormAction/FormAction.module.css"));