@zohodesk/dot 1.0.0-temp-157 → 1.0.0-temp-159

package/es/v1/setup/helptips/ListGroup/ListGroup.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { propTypes } from '../../../../setup/helptips/ListGroup/props/propTypes';
+import style from '../../../../setup/helptips/ListGroup/ListGroup.module.css';
+export default class ListGroup extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let {
+      isOrder,
+      data
+    } = this.props;
+
+    if (isOrder) {
+      return /*#__PURE__*/React.createElement("ol", {
+        className: style.container,
+        type: "1"
+      }, data.map((text, index) => /*#__PURE__*/React.createElement("li", {
+        className: style.orderData,
+        key: index
+      }, text)));
+    }
+
+    return /*#__PURE__*/React.createElement("ul", {
+      className: style.container
+    }, data.map((text, index) => /*#__PURE__*/React.createElement("li", {
+      className: style.unOrderData,
+      key: index
+    }, data)));
+  }
+
+}
+ListGroup.propTypes = propTypes; // if (__DOCS__) {
+//   ListGroup.docs = {
+//     componentGroup: 'HelpTips',
+//     folderName: 'Setup'
+//   };
+// }

package/es/v1/setup/helptips/Title/Title.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { propTypes } from '../../../../setup/helptips/Title/props/propTypes';
+import style from '../../../../setup/helptips/Title/HelpTipsTitle.module.css';
+export default class Title extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let {
+      text
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.title
+    }, text);
+  }
+
+}
+Title.propTypes = propTypes; // if (__DOCS__) {
+//   Title.docs = {
+//     componentGroup: 'HelpTips',
+//     folderName: 'Setup'
+//   };
+// }

package/es/v1/setup/helptips/index.js

@@ -0,0 +1,4 @@
+export { default as Description } from './Description/Description';
+export { default as Link } from './Link/Link';
+export { default as ListGroup } from './ListGroup/ListGroup';
+export { default as Title } from './Title/Title';

package/es/v1/setup/index.js

@@ -0,0 +1,6 @@
+import * as _header from './header';
+export { _header as header };
+import * as _helptips from './helptips';
+export { _helptips as helptips };
+import * as _table from './table';
+export { _table as table };

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/es/v1/setup/table/index.js

@@ -0,0 +1,5 @@
+export { default as Table } from './Table/Table';
+export { default as TableBody } from './TableBody/TableBody';
+export { default as TableData } from './TableData/TableData';
+export { default as TableHead } from './TableHead/TableHead';
+export { default as TableRow } from './TableRow/TableRow';

package/es/v1/svg/PlusIcon.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { PlusIcon_defaultProps } from '../../svg/props/defaultProps';
+import { PlusIcon_propTypes } from '../../svg/props/propTypes';
+import SVG from '@zohodesk/svg/lib/v1/SVG/SVG';
+export default function PlusIcon(props) {
+  let {
+    isRender,
+    isSymbol,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement(SVG, {
+    viewBox: "0 0 32 32",
+    name: "PlusIcon",
+    isRender: isRender,
+    isSymbol: isSymbol,
+    className: className
+  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    style: {
+      fill: '#767d89'
+    },
+    d: "M16,2.7c0.4,0,0.7,0.1,0.9,0.4s0.4,0.6,0.4,0.9v10.7H28c0.4,0,0.7,0.1,0.9,0.4c0.3,0.3,0.4,0.6,0.4,0.9 c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4H17.3V28c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4 c-0.3-0.3-0.4-0.6-0.4-0.9V17.3H4c-0.4,0-0.7-0.1-0.9-0.4S2.7,16.4,2.7,16s0.1-0.7,0.4-0.9c0.3-0.3,0.6-0.4,0.9-0.4h10.7V4 c0-0.4,0.1-0.7,0.4-0.9C15.3,2.8,15.6,2.7,16,2.7z"
+  })));
+}
+PlusIcon.propTypes = PlusIcon_propTypes;
+PlusIcon.defaultProps = PlusIcon_defaultProps;

package/es/v1/svg/SnippetIcon.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { SnippetIcon_defaultProps } from '../../svg/props/defaultProps';
+import { SnippetIcon_propTypes } from '../../svg/props/propTypes';
+import SVG from '@zohodesk/svg/lib/v1/SVG/SVG';
+export default function SnippetIcon(props) {
+  let {
+    isRender,
+    isSymbol,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement(SVG, {
+    viewBox: "0 0 31 32",
+    name: "SnippetIcon",
+    isRender: isRender,
+    isSymbol: isSymbol,
+    className: className
+  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    d: "M14.4,8.2L15.6,9L16,8.4l-1-0.7l2.5-3.7L11.5,0L8.9,3.8L7.9,3L7.6,3.6l1.2,0.8c-2.3,3-5.9,0.8-6,0.7L2.3,4.9L0,23.8 l16.6-9.3l-0.4-0.3C15.9,13.9,12.6,11.5,14.4,8.2L14.4,8.2z M1.5,22l5.2-7.7c0.3,0.1,0.6,0.2,0.9,0.2c1.2,0,2.1-0.9,2.2-2.1 c0-1.2-0.9-2.1-2.1-2.2c-1.2,0-2.1,0.9-2.2,2.1c0,0.6,0.2,1.2,0.7,1.6L1,21.6L2.8,6c1.2,0.6,4.4,1.7,6.5-1.1l4.5,3 c-1.8,3,0.4,5.6,1.4,6.5L1.5,22L1.5,22z M6.7,13.6c-0.7-0.4-0.8-1.3-0.4-2s1.3-0.8,2-0.4c0.7,0.4,0.8,1.3,0.4,2 c-0.2,0.3-0.5,0.5-0.9,0.6C7.5,13.9,7.1,13.8,6.7,13.6L6.7,13.6z"
+  }), /*#__PURE__*/React.createElement("path", {
+    style: {
+      fill: '#03A3FE'
+    },
+    d: "M30.9,25c-4.9,0.7-5.4,1.2-5.9,6.7c-0.6-5.4-1.1-6-6.1-6.5c4.9-0.7,5.4-1.2,5.9-6.7 C25.4,23.9,25.9,24.5,30.9,25z M30.3,8.2c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C25.4,7.1,25.8,7.6,30.3,8.2z M16.2,25.7c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C11.3,24.6,11.7,25.1,16.2,25.7z"
+  })));
+}
+SnippetIcon.propTypes = SnippetIcon_propTypes;
+SnippetIcon.defaultProps = SnippetIcon_defaultProps;

package/es/v1/svg/TemplateIcon.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { TemplateIcon_defaultProps } from '../../svg/props/defaultProps';
+import { TemplateIcon_propTypes } from '../../svg/props/propTypes';
+import SVG from '@zohodesk/svg/lib/v1/SVG/SVG';
+export default function TemplateIcon(props) {
+  let {
+    isRender,
+    isSymbol,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement(SVG, {
+    viewBox: "0 0 40 40",
+    name: "TemplateIcon",
+    isRender: isRender,
+    isSymbol: isSymbol,
+    className: className
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M33.09,3H6.91A3.91,3.91,0,0,0,3,6.91V33.09A3.91,3.91,0,0,0,6.91,37H33.09A3.91,3.91,0,0,0,37,33.09V6.91A3.92,3.92,0,0,0,33.09,3ZM6.91,5H33.09A1.92,1.92,0,0,1,35,6.91v4.62H5V6.91A1.92,1.92,0,0,1,6.91,5ZM33.09,35H6.91A1.92,1.92,0,0,1,5,33.09V13.53H35V33.09A1.92,1.92,0,0,1,33.09,35Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.33,9.33A1.07,1.07,0,1,0,8.27,8.27,1.06,1.06,0,0,0,9.33,9.33Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.6,9.33a1.07,1.07,0,1,0-1.07-1.06A1.06,1.06,0,0,0,13.6,9.33Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M24.87,23H21V19.13a1,1,0,1,0-2,0V23H15.13a1,1,0,0,0,0,2H19v3.86a1,1,0,0,0,2,0V25h3.87a1,1,0,1,0,0-2Z"
+  }));
+}
+TemplateIcon.propTypes = TemplateIcon_propTypes;
+TemplateIcon.defaultProps = TemplateIcon_defaultProps;

package/es/v1/svg/index.js

@@ -0,0 +1,3 @@
+export { default as PlusIcon } from './PlusIcon';
+export { default as SnippetIcon } from './SnippetIcon';
+export { default as TemplateIcon } from './TemplateIcon';

package/es/version2/GlobalNotification/GlobalNotification.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { propTypes, UI_propTypes, new_propTypes } from './props/propTypes';
 import AutoClose from '../../actions/AutoClose';
 import AlertIcons from '../alertIcons/AlertIcons';
 import AlertClose from '../AlertClose/AlertClose';
@@ -135,8 +135,10 @@ export function GlobalNotificationUI(props) {
     type: type
   }))));
 }
+GlobalNotificationUI.propTypes = UI_propTypes;
 export function GlobalNotificationNew(props) {
   return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
     Element: GlobalNotificationUI
   }));
-}
+}
+GlobalNotificationNew.propTypes = new_propTypes;

package/es/version2/GlobalNotification/props/propTypes.js

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types';
 export const propTypes = {
-  dataId: PropTypes.string,
   dataSelectorId: PropTypes.string,
   hideMessage: PropTypes.func,
   message: PropTypes.string,
@@ -11,4 +10,23 @@ export const propTypes = {
   customProps: PropTypes.shape({
     ExtraProps: PropTypes.object
   })
+};
+export const UI_propTypes = {
+  dataSelectorId: PropTypes.string,
+  onClose: PropTypes.func,
+  closeTitle: PropTypes.string,
+  hideMessage: PropTypes.func,
+  message: PropTypes.string,
+  onClick: PropTypes.func,
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error']),
+  customProps: PropTypes.shape({
+    ExtraProps: PropTypes.object
+  })
+};
+export const new_propTypes = {
+  Element: PropTypes.element,
+  isClose: PropTypes.bool,
+  onPortalClose: PropTypes.func,
+  autoClose: PropTypes.bool,
+  hideTime: PropTypes.string
 };

package/es/version2/lookup/AlertLookup/props/propTypes.js

@@ -20,7 +20,6 @@ export const propTypes = {
   title: PropTypes.string,
   type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
   wrapHeader: PropTypes.bool,
-  alertTitleId: PropTypes.string,
   a11y: PropTypes.object,
   customProps: PropTypes.shape({
     LookupProps: PropTypes.object,

package/es/version2/notification/DesktopNotification/DesktopNotification.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React, { useState } from 'react';
 import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { propTypes, DesktopNotificationUI_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
 import AutoClose from '../../../actions/AutoClose';
@@ -150,6 +150,7 @@ export function DesktopNotificationUI(props) {
     onClick: onClickCancel
   })) : null))) : null)), getBottomContainer ? /*#__PURE__*/React.createElement(Box, null, getBottomContainer()) : null));
 }
+DesktopNotificationUI.propTypes = DesktopNotificationUI_propTypes;
 export default function DesktopNotification(props) {
   return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
     Element: DesktopNotificationUI

package/es/version2/notification/DesktopNotification/props/propTypes.js

@@ -1,21 +1,26 @@
 import PropTypes from 'prop-types';
 export const propTypes = {
+  isClose: PropTypes.bool,
+  onPortalClose: PropTypes.func,
   autoClose: PropTypes.bool,
+  hideTime: PropTypes.string,
+  Element: PropTypes.element
+};
+export const DesktopNotificationUI_propTypes = {
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
   cancelText: PropTypes.string,
+  submitText: PropTypes.string,
+  submitType: PropTypes.oneOf(['primary', 'danger', 'success']),
+  isMore: PropTypes.bool,
   customClass: PropTypes.object,
   dataId: PropTypes.string,
   getBottomContainer: PropTypes.func,
   getSectionContainer: PropTypes.func,
   getSubmitContainer: PropTypes.func,
-  hidePopNotification: PropTypes.func,
-  hideTime: PropTypes.string,
   i18nKeys: PropTypes.object,
-  id: PropTypes.string,
   dataSelectorId: PropTypes.string,
   info: PropTypes.string,
   isAnimate: PropTypes.bool,
-  isClose: PropTypes.bool,
-  isMore: PropTypes.bool,
   isShrinkView: PropTypes.bool,
   message: PropTypes.string,
   needAutoZindex: PropTypes.bool,
@@ -27,11 +32,10 @@ export const propTypes = {
   secondaryInfo: PropTypes.string,
   size: PropTypes.oneOf(['medium', 'large']),
   subTitle: PropTypes.string,
-  submitText: PropTypes.string,
-  submitType: PropTypes.oneOf(['primary', 'danger', 'success']),
   titleVariant: PropTypes.oneOf(['primary', 'secondary']),
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  isClose: PropTypes.bool,
   customProps: PropTypes.shape({
     ExtraProps: PropTypes.object
-  })
+  }),
+  title: PropTypes.string
 };

package/lib/ActionButton/ActionButton.js

@@ -193,10 +193,12 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
 
 exports.ActionButton = ActionButton;
 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/ActionButton/props/propTypes.js

@@ -28,7 +28,7 @@ var propTypes = {
   isPopupOpen: _propTypes["default"].bool,
   onClick: _propTypes["default"].func,
   onHover: _propTypes["default"].bool,
-  palette: _propTypes["default"].oneOf('primaryFilled', 'primary'),
+  palette: _propTypes["default"].oneOf(['primaryFilled', 'primary']),
   removeClose: _propTypes["default"].func,
   size: _propTypes["default"].oneOf(['small', 'medium', 'large']),
   subText: _propTypes["default"].string,
@@ -37,6 +37,7 @@ var propTypes = {
   getTargetRef: _propTypes["default"].func,
   removeChildrenTooltip: _propTypes["default"].bool,
   innerClassName: _propTypes["default"].string,
-  popupGroup: _propTypes["default"].string
+  popupGroup: _propTypes["default"].string,
+  togglePopup: _propTypes["default"].func
 };
 exports.propTypes = propTypes;

package/lib/AlphabeticList/props/propTypes.js

@@ -28,7 +28,7 @@ exports.NumberList = NumberList;
 var AlphabeticCharactersWithHash = [].concat(AlphabeticCharacters, ['#']);
 exports.AlphabeticCharactersWithHash = AlphabeticCharactersWithHash;
 var AlphabeticList_propTypes = {
-  align: _propTypes["default"].string,
+  align: _propTypes["default"].oneOf(['vertical', 'horizontal']),
   onSelect: _propTypes["default"].func.isRequired,
   selectedCharacter: _propTypes["default"].oneOf(['ALL'].concat(AlphabeticCharacters, NumberList, _toConsumableArray(AlphabeticCharactersWithHash))),
   type: _propTypes["default"].oneOf(['alphabetical', 'numeral', 'alphabeticalwithhash']),

package/lib/Attachment/props/propTypes.js

@@ -22,6 +22,7 @@ var propTypes = {
   size: _propTypes["default"].oneOf(['small', 'medium']),
   i18nKeys: _propTypes["default"].shape({
     downloadTitle: _propTypes["default"].string
-  })
+  }),
+  tooltip: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

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 ? true : _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/Drawer/props/propTypes.js

@@ -60,6 +60,7 @@ var Drawer_propTypes = {
   subDrawerClass: _propTypes["default"].string,
   subDrawerSize: _propTypes["default"].oneOf(['xsmall', 'small', 'medium']),
   needFocusScope: _propTypes["default"].bool,
-  customProps: _propTypes["default"].object
+  customProps: _propTypes["default"].object,
+  innerPortalName: _propTypes["default"].string
 };
 exports.Drawer_propTypes = Drawer_propTypes;

package/lib/IconButton/IconButton.js

@@ -73,8 +73,8 @@ var IconButton = /*#__PURE__*/function (_React$Component) {
     key: "handleToggle",
     value: function handleToggle(e) {
       if (e.key === ' ' || e.key === 'Enter' || e.key === 'Spacebar') {
-        e.preventDefault();
-        this.triggerClick(e);
+        e.preventDefault(); // this.triggerClick(e);
+
         this.triggerMouseDown(e);
       }
     }