@zohodesk/dot 1.0.0-temp-175.6 → 1.0.0-temp-181

package/lib/v1/DotWrapper/utils/themeProperties.js

@@ -0,0 +1,325 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.themeMapping = exports.themeImports = void 0;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var themeImports = {
+  Lib_Blue_Light_Component: function Lib_Blue_Light_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_Light_Component'));
+    });
+  },
+  Lib_Blue_Dark_Component: function Lib_Blue_Dark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_Dark_Component'));
+    });
+  },
+  Lib_Blue_PureDark_Component: function Lib_Blue_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_PureDark_Component'));
+    });
+  },
+  Lib_Green_Light_Component: function Lib_Green_Light_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_Light_Component'));
+    });
+  },
+  Lib_Green_Dark_Component: function Lib_Green_Dark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_Dark_Component'));
+    });
+  },
+  Lib_Green_PureDark_Component: function Lib_Green_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_PureDark_Component'));
+    });
+  },
+  Lib_Orange_Light_Component: function Lib_Orange_Light_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_Light_Component'));
+    });
+  },
+  Lib_Orange_Dark_Component: function Lib_Orange_Dark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_Dark_Component'));
+    });
+  },
+  Lib_Orange_PureDark_Component: function Lib_Orange_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_PureDark_Component'));
+    });
+  },
+  Lib_Red_Light_Component: function Lib_Red_Light_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_Light_Component'));
+    });
+  },
+  Lib_Red_Dark_Component: function Lib_Red_Dark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_Dark_Component'));
+    });
+  },
+  Lib_Red_PureDark_Component: function Lib_Red_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_PureDark_Component'));
+    });
+  },
+  Lib_Yellow_Light_Component: function Lib_Yellow_Light_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_Light_Component'));
+    });
+  },
+  Lib_Yellow_Dark_Component: function Lib_Yellow_Dark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_Dark_Component'));
+    });
+  },
+  Lib_Yellow_PureDark_Component: function Lib_Yellow_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_PureDark_Component'));
+    });
+  },
+  Lib_Blue_Light_Dot: function Lib_Blue_Light_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_Light_Dot'));
+    });
+  },
+  Lib_Blue_Dark_Dot: function Lib_Blue_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_Dark_Dot'));
+    });
+  },
+  Lib_Blue_PureDark_Dot: function Lib_Blue_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_PureDark_Dot'));
+    });
+  },
+  Lib_Green_Light_Dot: function Lib_Green_Light_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_Light_Dot'));
+    });
+  },
+  Lib_Green_Dark_Dot: function Lib_Green_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_Dark_Dot'));
+    });
+  },
+  Lib_Green_PureDark_Dot: function Lib_Green_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_PureDark_Dot'));
+    });
+  },
+  Lib_Orange_Light_Dot: function Lib_Orange_Light_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_Light_Dot'));
+    });
+  },
+  Lib_Orange_Dark_Dot: function Lib_Orange_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_Dark_Dot'));
+    });
+  },
+  Lib_Orange_PureDark_Dot: function Lib_Orange_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_PureDark_Dot'));
+    });
+  },
+  Lib_Red_Light_Dot: function Lib_Red_Light_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_Light_Dot'));
+    });
+  },
+  Lib_Red_Dark_Dot: function Lib_Red_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_Dark_Dot'));
+    });
+  },
+  Lib_Red_PureDark_Dot: function Lib_Red_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_PureDark_Dot'));
+    });
+  },
+  Lib_Yellow_Light_Dot: function Lib_Yellow_Light_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_Light_Dot'));
+    });
+  },
+  Lib_Yellow_Dark_Dot: function Lib_Yellow_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot'));
+    });
+  },
+  Lib_Yellow_PureDark_Dot: function Lib_Yellow_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot'));
+    });
+  },
+  Lib_Blue_Light_SVG: function Lib_Blue_Light_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_Light_SVG'));
+    });
+  },
+  Lib_Blue_Dark_SVG: function Lib_Blue_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_Dark_SVG'));
+    });
+  },
+  Lib_Blue_PureDark_SVG: function Lib_Blue_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_PureDark_SVG'));
+    });
+  },
+  Lib_Green_Light_SVG: function Lib_Green_Light_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_Light_SVG'));
+    });
+  },
+  Lib_Green_Dark_SVG: function Lib_Green_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_Dark_SVG'));
+    });
+  },
+  Lib_Green_PureDark_SVG: function Lib_Green_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_PureDark_SVG'));
+    });
+  },
+  Lib_Orange_Light_SVG: function Lib_Orange_Light_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_Light_SVG'));
+    });
+  },
+  Lib_Orange_Dark_SVG: function Lib_Orange_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_Dark_SVG'));
+    });
+  },
+  Lib_Orange_PureDark_SVG: function Lib_Orange_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_PureDark_SVG'));
+    });
+  },
+  Lib_Red_Light_SVG: function Lib_Red_Light_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_Light_SVG'));
+    });
+  },
+  Lib_Red_Dark_SVG: function Lib_Red_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_Dark_SVG'));
+    });
+  },
+  Lib_Red_PureDark_SVG: function Lib_Red_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_PureDark_SVG'));
+    });
+  },
+  Lib_Yellow_Light_SVG: function Lib_Yellow_Light_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_Light_SVG'));
+    });
+  },
+  Lib_Yellow_Dark_SVG: function Lib_Yellow_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG'));
+    });
+  },
+  Lib_Yellow_PureDark_SVG: function Lib_Yellow_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG'));
+    });
+  }
+};
+exports.themeImports = themeImports;
+var themeMapping = {
+  component: {
+    blue: {
+      light: 'Lib_Blue_Light_Component',
+      dark: 'Lib_Blue_Dark_Component',
+      pureDark: 'Lib_Blue_PureDark_Component'
+    },
+    green: {
+      light: 'Lib_Green_Light_Component',
+      dark: 'Lib_Green_Dark_Component',
+      pureDark: 'Lib_Green_PureDark_Component'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_Component',
+      dark: 'Lib_Orange_Dark_Component',
+      pureDark: 'Lib_Orange_PureDark_Component'
+    },
+    red: {
+      light: 'Lib_Red_Light_Component',
+      dark: 'Lib_Red_Dark_Component',
+      pureDark: 'Lib_Red_PureDark_Component'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_Component',
+      dark: 'Lib_Yellow_Dark_Component',
+      pureDark: 'Lib_Yellow_PureDark_Component'
+    }
+  },
+  dot: {
+    blue: {
+      light: 'Lib_Blue_Light_Dot',
+      dark: 'Lib_Blue_Dark_Dot',
+      pureDark: 'Lib_Blue_PureDark_Dot'
+    },
+    green: {
+      light: 'Lib_Green_Light_Dot',
+      dark: 'Lib_Green_Dark_Dot',
+      pureDark: 'Lib_Green_PureDark_Dot'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_Dot',
+      dark: 'Lib_Orange_Dark_Dot',
+      pureDark: 'Lib_Orange_PureDark_Dot'
+    },
+    red: {
+      light: 'Lib_Red_Light_Dot',
+      dark: 'Lib_Red_Dark_Dot',
+      pureDark: 'Lib_Red_PureDark_Dot'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_Dot',
+      dark: 'Lib_Yellow_Dark_Dot',
+      pureDark: 'Lib_Yellow_PureDark_Dot'
+    }
+  },
+  svg: {
+    blue: {
+      light: 'Lib_Blue_Light_SVG',
+      dark: 'Lib_Blue_Dark_SVG',
+      pureDark: 'Lib_Blue_PureDark_SVG'
+    },
+    green: {
+      light: 'Lib_Green_Light_SVG',
+      dark: 'Lib_Green_Dark_SVG',
+      pureDark: 'Lib_Green_PureDark_SVG'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_SVG',
+      dark: 'Lib_Orange_Dark_SVG',
+      pureDark: 'Lib_Orange_PureDark_SVG'
+    },
+    red: {
+      light: 'Lib_Red_Light_SVG',
+      dark: 'Lib_Red_Dark_SVG',
+      pureDark: 'Lib_Red_PureDark_SVG'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_SVG',
+      dark: 'Lib_Yellow_Dark_SVG',
+      pureDark: 'Lib_Yellow_PureDark_SVG'
+    }
+  }
+};
+exports.themeMapping = themeMapping;

package/lib/v1/Drawer/Drawer.js

@@ -46,6 +46,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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); }
+
 function Header(props) {
   var title = props.title,
       onClose = props.onClose,
@@ -166,7 +168,8 @@ function Drawer(props) {
         onBodyClick = props.onBodyClick,
         onClose = props.onClose,
         needFocusScope = props.needFocusScope,
-        customProps = props.customProps;
+        customProps = props.customProps,
+        a11y = props.a11y;
     var _customProps$focusSco = customProps.focusScopeProps,
         focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
     var _focusScopeProps$need = focusScopeProps.needAutoFocus,
@@ -193,12 +196,12 @@ function Drawer(props) {
       return child;
     });
 
-    var content = /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    var content = /*#__PURE__*/_react["default"].createElement(_Layout.Box, _extends({
       className: "".concat(_DrawerModule["default"].container, " ").concat(_DrawerModule["default"].columns, " ").concat(_DrawerModule["default"].drawerModal, " ").concat(uptoTablet ? _DrawerModule["default"].mbleSize : _DrawerModule["default"][size]),
       "data-a11y-need-focus-style": "false",
       tabindex: -1,
       eleRef: contentRef
-    }, /*#__PURE__*/_react["default"].createElement(_Card.Card, {
+    }, a11y), /*#__PURE__*/_react["default"].createElement(_Card.Card, {
       onClick: function onClick(e) {
         e && e.stopPropagation && e.stopPropagation();
         onBodyClick(e);

package/lib/v1/Drawer/props/defaultProps.js

@@ -26,6 +26,7 @@ var Drawer_defaultProps = {
   needAutoZindex: true,
   onBodyClick: function onBodyClick() {},
   needFocusScope: false,
-  customProps: {}
+  customProps: {},
+  a11y: {}
 };
 exports.Drawer_defaultProps = Drawer_defaultProps;

package/lib/v1/Drawer/props/propTypes.js

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

package/lib/v1/GlobalNotification/GlobalNotification.js

@@ -23,6 +23,8 @@ var _AlertClose = _interopRequireDefault(require("../alert/AlertClose/AlertClose
 
 var _Layout = require("@zohodesk/components/es/v1/Layout");
 
+var _Common = require("@zohodesk/components/es/utils/Common");
+
 var _GlobalNotificationModule = _interopRequireDefault(require("../../version2/GlobalNotification/GlobalNotification.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -33,25 +35,63 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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); }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function GlobalNotification(props) {
   var type = props.type,
       message = props.message,
       hideMessage = props.hideMessage,
+      hideTime = props.hideTime,
       onClick = props.onClick,
+      onClose = props.onClose,
+      needAutoClose = props.needAutoClose,
       _props$i18nKeys = props.i18nKeys,
       i18nKeys = _props$i18nKeys === void 0 ? {} : _props$i18nKeys,
       customProps = props.customProps,
       dataSelectorId = props.dataSelectorId,
-      showMessage = props.showMessage;
+      id = props.id,
+      needShadow = props.needShadow,
+      shadowCount = props.shadowCount,
+      eleRef = props.eleRef;
+  var hideMessageTimer = useRef(null);
+
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      shadowClose = _useState2[0],
+      setShadowClose = _useState2[1];
+
   (0, _react.useEffect)(function () {
-    if (!['danger', 'error', 'warning'].includes(type)) {
-      setTimeout(function () {
-        hideMessage();
-      }, 3000);
+    if (needAutoClose) {
+      hideMessageTimer.current = setTimeout(function () {
+        hideMessage(id);
+      }, hideTime);
     }
-  }, [showMessage, type]);
+
+    return function () {
+      if (hideMessageTimer.current) {
+        clearTimeout(hideMessageTimer.current);
+      }
+    };
+  }, []);
   var _i18nKeys$closeTitle = i18nKeys.closeTitle,
       closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
+
+  function onCloseLocal(e) {
+    setShadowClose(false);
+    hideMessage && hideMessage(id);
+    onClose && onClose(e);
+  }
+
   return /*#__PURE__*/_react["default"].createElement(GlobalNotificationUI, {
     type: type,
     message: message,
@@ -59,7 +99,12 @@ function GlobalNotification(props) {
     onClick: onClick,
     closeTitle: closeTitle,
     customProps: customProps,
-    dataSelectorId: dataSelectorId
+    dataSelectorId: dataSelectorId,
+    id: id,
+    shadowCount: shadowCount,
+    onClose: onCloseLocal,
+    needShadow: shadowClose && needShadow,
+    eleRef: eleRef
   });
 }
 
@@ -72,13 +117,6 @@ GlobalNotification.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
 // }
 
 function GlobalNotificationUI(props) {
-  function onClose(e) {
-    var hideMessage = props.hideMessage,
-        onClose = props.onClose;
-    hideMessage && hideMessage(e);
-    onClose && onClose(e);
-  }
-
   var _props$type = props.type,
       type = _props$type === void 0 ? '' : _props$type,
       message = props.message,
@@ -87,11 +125,22 @@ function GlobalNotificationUI(props) {
       closeTitle = _props$closeTitle === void 0 ? '' : _props$closeTitle,
       _props$customProps = props.customProps,
       customProps = _props$customProps === void 0 ? {} : _props$customProps,
-      dataSelectorId = props.dataSelectorId;
+      dataSelectorId = props.dataSelectorId,
+      shadowCount = props.shadowCount,
+      needShadow = props.needShadow,
+      eleRef = props.eleRef,
+      onClose = props.onClose;
   var _customProps$ExtraPro = customProps.ExtraProps,
       ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
+
+  function onCloseLocal(e) {
+    (0, _Common.cancelBubblingEffect)(e);
+    onClose && onClose(e);
+  }
+
   return /*#__PURE__*/_react["default"].createElement("div", _extends({
-    className: "".concat(_GlobalNotificationModule["default"].message, " ").concat(type ? _GlobalNotificationModule["default"][type] : ''),
+    ref: eleRef,
+    className: " ".concat(_GlobalNotificationModule["default"].message, " \n        ").concat(needShadow && shadowCount >= 2 ? shadowCount > 2 ? "".concat(_GlobalNotificationModule["default"].stackShadowTwo, " ").concat(_GlobalNotificationModule["default"].stackShadowOne) : _GlobalNotificationModule["default"].stackShadowOne : '', "\n        ").concat(type ? _GlobalNotificationModule["default"][type] : '', "\n      "),
     "data-id": "show_".concat(type, "_message"),
     "data-test-id": "show_".concat(type, "_message"),
     tabIndex: 0,
@@ -122,7 +171,7 @@ function GlobalNotificationUI(props) {
   }, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
     dataId: "close_".concat(type, "_message"),
     dataTitle: closeTitle,
-    onClose: onClose,
+    onClose: onCloseLocal,
     type: type
   }))));
 }

package/lib/v1/GlobalNotification/props/defaultProps.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.defaultProps = void 0;
 var defaultProps = {
   customProps: {},
-  dataSelectorId: 'globalNotification'
+  dataSelectorId: 'globalNotification',
+  needAutoClose: true,
+  hideTime: 3000
 };
 exports.defaultProps = defaultProps;

package/lib/v1/GlobalNotification/props/propTypes.js

@@ -9,6 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var propTypes = {
   dataSelectorId: _propTypes["default"].string,
   hideMessage: _propTypes["default"].func,
@@ -19,10 +21,17 @@ var propTypes = {
   i18nKeys: _propTypes["default"].object,
   customProps: _propTypes["default"].shape({
     ExtraProps: _propTypes["default"].object
-  })
+  }),
+  id: _propTypes["default"].number,
+  hideTime: _propTypes["default"].number,
+  needAutoClose: _propTypes["default"].bool,
+  isCollapseView: _propTypes["default"].bool,
+  shadowCount: _propTypes["default"].number,
+  needShadow: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;
-var UI_propTypes = {
+
+var UI_propTypes = _defineProperty({
   dataSelectorId: _propTypes["default"].string,
   onClose: _propTypes["default"].func,
   closeTitle: _propTypes["default"].string,
@@ -32,8 +41,12 @@ var UI_propTypes = {
   type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error']),
   customProps: _propTypes["default"].shape({
     ExtraProps: _propTypes["default"].object
-  })
-};
+  }),
+  needShadow: _propTypes["default"].bool,
+  shadowCount: _propTypes["default"].number,
+  id: _propTypes["default"].number
+}, "onClose", _propTypes["default"].func);
+
 exports.UI_propTypes = UI_propTypes;
 var new_propTypes = {
   Element: _propTypes["default"].element,

package/lib/v1/IconButton/IconButton.js

@@ -75,8 +75,8 @@ function IconButton(props) {
 
   function handleToggle(e) {
     if (e.key === ' ' || e.key === 'Enter' || e.key === 'Spacebar') {
-      e.preventDefault();
-      triggerClick(e);
+      e.preventDefault(); // triggerClick(e);
+
       triggerMouseDown(e);
     }
   }

package/lib/v1/form/fields/SelectField/SelectField.js

@@ -100,13 +100,7 @@ var SelectField = function SelectField(props) {
 
   var handleGetRef = function handleGetRef(el) {
     getRef && getRef(el, id);
-  }; // handleLabelClick() {
-  //   let { isFocusOnLabelClick } = this.props;
-  //   if (isFocusOnLabelClick && this.selectBox && this.selectBox.focus) {
-  //     this.selectBox.focus();
-  //   }
-  // }
-
+  };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),