@zohodesk/dot 1.0.0-temp-65 → 1.0.0-temp-68

package/lib/list/Icons/AddNewIcon.js

@@ -17,8 +17,6 @@ var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -58,15 +56,13 @@ var AddNewIcon = /*#__PURE__*/function (_React$Component) {
           dataId = _this$props.dataId,
           dataTitle = _this$props.dataTitle,
           iconClass = _this$props.iconClass,
-          className = _this$props.className,
-          customProps = _this$props.customProps;
-      var AddNewIconProps = customProps.AddNewIconProps;
-      return /*#__PURE__*/_react["default"].createElement("span", _extends({
+          className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-title": dataTitle
-      }, AddNewIconProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-SE-addTickets",
         iconClass: iconClass ? iconClass : ''
       }));
@@ -82,8 +78,5 @@ AddNewIcon.propTypes = {
   dataId: _propTypes["default"].string,
   dataTitle: _propTypes["default"].string,
   iconClass: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  customProps: _propTypes["default"].shape({
-    AddNewIconProps: _propTypes["default"].object
-  })
+  onClick: _propTypes["default"].func
 };

package/lib/list/Icons/CompleteIcon.js

@@ -17,8 +17,6 @@ var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -59,15 +57,13 @@ var CompleteIcon = /*#__PURE__*/function (_React$Component) {
           dataTitle = _this$props.dataTitle,
           iconClass = _this$props.iconClass,
           className = _this$props.className,
-          iconSize = _this$props.iconSize,
-          customProps = _this$props.customProps;
-      var CompleteIconProps = customProps.CompleteIconProps;
-      return /*#__PURE__*/_react["default"].createElement("span", _extends({
+          iconSize = _this$props.iconSize;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-title": dataTitle
-      }, CompleteIconProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-GN-checkbox",
         iconClass: iconClass ? iconClass : '',
         size: iconSize
@@ -85,8 +81,5 @@ CompleteIcon.propTypes = {
   dataTitle: _propTypes["default"].string,
   iconClass: _propTypes["default"].string,
   iconSize: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  customProps: _propTypes["default"].shape({
-    CompleteIcon: _propTypes["default"].object
-  })
+  onClick: _propTypes["default"].func
 };

package/lib/list/Icons/DeleteIcon.js

@@ -17,8 +17,6 @@ var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -59,15 +57,13 @@ var DeleteComponent = /*#__PURE__*/function (_React$Component) {
           dataTitle = _this$props.dataTitle,
           iconClass = _this$props.iconClass,
           iconSize = _this$props.iconSize,
-          className = _this$props.className,
-          customProps = _this$props.customProps;
-      var DeleteIconProps = customProps.DeleteIconProps;
-      return /*#__PURE__*/_react["default"].createElement("span", _extends({
+          className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].redHover, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-title": dataTitle
-      }, DeleteIconProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-GN-delete",
         iconClass: iconClass ? iconClass : '',
         size: iconSize
@@ -85,8 +81,5 @@ DeleteComponent.propTypes = {
   dataTitle: _propTypes["default"].string,
   iconClass: _propTypes["default"].string,
   iconSize: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  customProps: _propTypes["default"].shape({
-    DeleteIconProps: _propTypes["default"].object
-  })
+  onClick: _propTypes["default"].func
 };

package/lib/list/Icons/EditIcon.js

@@ -17,8 +17,6 @@ var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -59,15 +57,13 @@ var EditIcon = /*#__PURE__*/function (_React$Component) {
           dataTitle = _this$props.dataTitle,
           iconClass = _this$props.iconClass,
           iconSize = _this$props.iconSize,
-          className = _this$props.className,
-          customProps = _this$props.customProps;
-      var EditIconProps = customProps.EditIconProps;
-      return /*#__PURE__*/_react["default"].createElement("span", _extends({
+          className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-title": dataTitle
-      }, EditIconProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-GN-edit",
         iconClass: iconClass ? iconClass : '',
         size: iconSize
@@ -85,8 +81,5 @@ EditIcon.propTypes = {
   dataTitle: _propTypes["default"].string,
   iconClass: _propTypes["default"].string,
   iconSize: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  customProps: _propTypes["default"].shape({
-    EditIconProps: _propTypes["default"].object
-  })
+  onClick: _propTypes["default"].func
 };

package/lib/list/Icons/ReadUnreadIcon.js

@@ -17,8 +17,6 @@ var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -61,15 +59,13 @@ var ReadUnreadIcon = /*#__PURE__*/function (_React$Component) {
           iconClass = _this$props.iconClass,
           className = _this$props.className,
           isRead = _this$props.isRead,
-          iconSize = _this$props.iconSize,
-          customProps = _this$props.customProps;
-      var ReadUnreadIconProps = customProps.ReadUnreadIconProps;
-      return /*#__PURE__*/_react["default"].createElement("span", _extends({
+          iconSize = _this$props.iconSize;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-title": dataTitle
-      }, ReadUnreadIconProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
         size: iconSize,
         iconClass: "".concat(iconClassName ? iconClassName : '', " ").concat(iconClass ? iconClass : '')

package/lib/list/Icons/SmartIcon.js

@@ -21,8 +21,6 @@ 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 || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -62,15 +60,13 @@ var SmartIcon = /*#__PURE__*/function (_Component) {
           dataId = _this$props.dataId,
           dataTitle = _this$props.dataTitle,
           iconClass = _this$props.iconClass,
-          className = _this$props.className,
-          customProps = _this$props.customProps;
-      var PeekIconProps = customProps.PeekIconProps;
-      return /*#__PURE__*/_react["default"].createElement("span", _extends({
+          className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-title": dataTitle
-      }, PeekIconProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-TK-peek",
         iconClass: iconClass ? iconClass : ''
       }));
@@ -88,8 +84,5 @@ SmartIcon.propTypes = {
   features: _propTypes["default"].array,
   iconClass: _propTypes["default"].string,
   module: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  customProps: _propTypes["default"].shape({
-    PeekIconProps: _propTypes["default"].object
-  })
+  onClick: _propTypes["default"].func
 };

package/lib/list/Thread/Thread.js

@@ -23,8 +23,6 @@ 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 || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -64,14 +62,13 @@ var Thread = /*#__PURE__*/function (_Component) {
           className = _this$props.className,
           iconTitle = _this$props.iconTitle,
           dataId = _this$props.dataId,
-          align = _this$props.align,
-          customProps = _this$props.customProps;
+          align = _this$props.align;
       var count = threadCount === '0' ? '1' : threadCount;
-      return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
         customClass: "".concat(_ThreadModule["default"].container, " ").concat(_ThreadModule["default"]["align_".concat(align)], " ").concat(className),
         title: iconTitle,
         dataId: dataId
-      }, customProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-TK-thread",
         size: "9"
       }), /*#__PURE__*/_react["default"].createElement("span", {
@@ -89,13 +86,11 @@ Thread.propTypes = {
   className: _propTypes["default"].string,
   count: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
-  iconTitle: _propTypes["default"].string,
-  customProps: _propTypes["default"].object
+  iconTitle: _propTypes["default"].string
 };
 Thread.defaultProps = {
   align: 'left',
-  className: '',
-  customProps: {}
+  className: ''
 };
 
 if (false) {

package/lib/lookup/header/TicketHeader/TicketHeader.js

@@ -111,6 +111,8 @@ var TicketHeader = /*#__PURE__*/function (_Component) {
       })), needViewsList ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_TicketHeaderModule["default"].dropdown),
         dataId: "filterIdselected"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: _TicketHeaderModule["default"].menuWrapper
       }, /*#__PURE__*/_react["default"].createElement(_ViewDropDown["default"], {
         dropBoxSize: "small",
         emptyMessage: menuEmptyMessage,
@@ -120,7 +122,7 @@ var TicketHeader = /*#__PURE__*/function (_Component) {
         textField: "displayLabel",
         selectedValue: selectedViewId,
         needCloseOnSelect: true
-      })) : null)), needSearch ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      }))) : null)), needSearch ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_lookupHeaderCommonModule["default"].searchContainer, " ").concat(_lookupHeaderCommonResponsiveModule["default"].searchContainer, " ").concat(_TicketHeaderModule["default"].searchContainer)
       }, /*#__PURE__*/_react["default"].createElement(_Search["default"], {
         onSearch: onSearch,

package/lib/lookup/header/TicketHeader/TicketHeader.module.css

@@ -1,5 +1,5 @@
 .dropdown {
-  margin: 0 var(--zd_size8);
+  margin: 0 var(--zd_size20);
 }
 /* Responsive */
 [dir=ltr] .small .searchContainer {
@@ -20,3 +20,4 @@
 .extraSmall .container {
   flex-direction: column;
 }
+.menuWrapper{display: inline-block;}

package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css

@@ -28,7 +28,6 @@
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
   line-height: var(--zd_size20);
   color: var(--zdt_viewdropdown_label_text);
-  padding: 0 var(--zd_size12);
   cursor: pointer;
 }
 .labelText {

package/lib/version2/GlobalNotification/GlobalNotification.js

@@ -102,7 +102,8 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
           hideMessage = _this$props3.hideMessage,
           onClick = _this$props3.onClick,
           _this$props3$i18nKeys = _this$props3.i18nKeys,
-          i18nKeys = _this$props3$i18nKeys === void 0 ? {} : _this$props3$i18nKeys;
+          i18nKeys = _this$props3$i18nKeys === void 0 ? {} : _this$props3$i18nKeys,
+          customProps = _this$props3.customProps;
       var _i18nKeys$closeTitle = i18nKeys.closeTitle,
           closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
       return /*#__PURE__*/_react["default"].createElement(GlobalNotificationUI, {
@@ -110,7 +111,8 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
         message: message,
         hideMessage: hideMessage,
         onClick: onClick,
-        closeTitle: closeTitle
+        closeTitle: closeTitle,
+        customProps: customProps
       });
     }
   }]);
@@ -126,7 +128,13 @@ GlobalNotification.propTypes = {
   onClick: _propTypes["default"].func,
   showMessage: _propTypes["default"].bool,
   type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error']),
-  i18nKeys: _propTypes["default"].object
+  i18nKeys: _propTypes["default"].object,
+  customProps: _propTypes["default"].shape({
+    ExtraProps: _propTypes["default"].object
+  })
+};
+GlobalNotification.defaultProps = {
+  customProps: {}
 };
 
 if (false) {
@@ -149,11 +157,15 @@ function GlobalNotificationUI(props) {
       message = props.message,
       onClick = props.onClick,
       _props$closeTitle = props.closeTitle,
-      closeTitle = _props$closeTitle === void 0 ? '' : _props$closeTitle;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+      closeTitle = _props$closeTitle === void 0 ? '' : _props$closeTitle,
+      _props$customProps = props.customProps,
+      customProps = _props$customProps === void 0 ? {} : _props$customProps;
+  var _customProps$ExtraPro = customProps.ExtraProps,
+      ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({
     className: "".concat(_GlobalNotificationModule["default"].message, " ").concat(type ? _GlobalNotificationModule["default"][type] : ''),
     "data-id": "show_".concat(type, "_message")
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+  }, ExtraProps), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     className: "".concat(_GlobalNotificationModule["default"].container),
     alignBox: "row",
     isCover: false,

package/lib/version2/lookup/AlertLookup/AlertLookup.js

@@ -114,11 +114,13 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           onSubmitClick = _this$props.onSubmitClick,
           onCancelClick = _this$props.onCancelClick,
-          isActive = _this$props.isActive;
+          isActive = _this$props.isActive,
+          onEsc = _this$props.onEsc,
+          onClose = _this$props.onClose;
 
       if (e.keyCode === 27 && isActive) {
         e && e.preventDefault && e.preventDefault();
-        onCancelClick && onCancelClick(e);
+        onEsc == 'close' ? onClose && onClose(e) : onCancelClick && onCancelClick(e);
       } else if (e.keyCode === 13 && isActive) {
         e && e.preventDefault && e.preventDefault();
         onSubmitClick && onSubmitClick(e);
@@ -289,7 +291,8 @@ AlertLookup.propTypes = {
   align: _propTypes["default"].oneOf(['top', 'vertical']),
   childAnimationName: _propTypes["default"].oneOf(['expand', 'flyDown']),
   isHtmlContent: _propTypes["default"].bool,
-  scroll: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both'])
+  scroll: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both']),
+  onEsc: _propTypes["default"].oneOf(['close', 'cancel'])
 };
 AlertLookup.defaultProps = {
   isActive: false,
@@ -301,7 +304,8 @@ AlertLookup.defaultProps = {
   align: 'top',
   childAnimationName: 'flyDown',
   isHtmlContent: false,
-  scroll: ''
+  scroll: '',
+  onEsc: 'cancel'
 };
 
 if (false) {

package/lib/version2/notification/DesktopNotification/DesktopNotification.js

@@ -85,7 +85,8 @@ function DesktopNotificationUI(props) {
       _props$customClass = props.customClass,
       customClass = _props$customClass === void 0 ? {} : _props$customClass,
       _props$i18nKeys = props.i18nKeys,
-      i18nKeys = _props$i18nKeys === void 0 ? {} : _props$i18nKeys;
+      i18nKeys = _props$i18nKeys === void 0 ? {} : _props$i18nKeys,
+      customProps = props.customProps;
   var _i18nKeys$closeTitle = i18nKeys.closeTitle,
       closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
   var containerClass = customClass.containerClass;
@@ -94,6 +95,9 @@ function DesktopNotificationUI(props) {
       _ref$buttonPalette = _ref.buttonPalette,
       buttonPalette = _ref$buttonPalette === void 0 ? 'dangerFilled' : _ref$buttonPalette;
 
+  var _customProps$ExtraPro = customProps.ExtraProps,
+      ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
+
   function onClickSubmit(e) {
     onSubmit && onSubmit();
   }
@@ -113,12 +117,12 @@ function DesktopNotificationUI(props) {
     style: needAutoZindex && isAnimate ? {
       zIndex: "".concat(Zindex)
     } : {}
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
     className: "".concat(_DesktopNotificationModule["default"].container, " ").concat(isAnimate ? animateClass : animateRemoveClass, " ").concat(_DesktopNotificationModule["default"]["".concat(size)] ? _DesktopNotificationModule["default"]["".concat(size)] : '', " ").concat(isShrinkView ? _DesktopNotificationModule["default"].globalNotify : '', " ").concat(containerClass),
     isCover: false,
     dataId: dataId,
     isInline: uiVariantTwo
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_DesktopNotificationHeader["default"], {
+  }, ExtraProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_DesktopNotificationHeader["default"], {
     type: type,
     title: title,
     variant: titleVariant,
@@ -204,7 +208,10 @@ DesktopNotification.propTypes = {
   submitText: _propTypes["default"].string,
   submitType: _propTypes["default"].oneOf(['primary', 'danger', 'success']),
   titleVariant: _propTypes["default"].oneOf(['primary', 'secondary']),
-  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm'])
+  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  customProps: _propTypes["default"].shape({
+    ExtraProps: _propTypes["default"].object
+  })
 };
 DesktopNotification.defaultProps = {
   isMore: false,
@@ -217,7 +224,8 @@ DesktopNotification.defaultProps = {
   needIcon: true,
   titleVariant: 'primary',
   isShrinkView: false,
-  needClose: true
+  needClose: true,
+  customProps: {}
 };
 
 if (false) {

package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css

@@ -18,7 +18,7 @@
 [dir=rtl] .container {
   transform-origin: left center;
 }
-.globalNotify { 
+.globalNotify {
   max-width: var(--zd_size490);
   min-width: var(--zd_size394);
 }
@@ -62,12 +62,12 @@
 /* Container Style */
 .message {
   position: relative;
-  color: var(--zd_text_smoke18);
+  color: var(--zd_smoke18);
   font-size: var(--zd_font_size11);
   composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
   height: var(--zd_size33);
   transition: padding var(--zd_transition3), height var(--zd_transition3);
-  border-top: 1px solid var(--zd_border_smoke1);
+  border-top: 1px solid var(--zd_smoke1);
   cursor: pointer;
 }
 [dir=ltr] .message {
@@ -77,7 +77,7 @@
   padding: var(--zd_size10) var(--zd_size76) var(--zd_size10) var(--zd_size20);
 }
 .message:hover {
-  background: var(--zd_bg_alabaster);
+  background: var(--zd_alabaster);
 }
 /* Section */
 .section {
@@ -104,4 +104,3 @@
   overflow: hidden;
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
 }
-  

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-65",
+  "version": "1.0.0-temp-68",
   "main": "lib/index",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -17,7 +17,8 @@
     "build:dev": "npm run clean && npm run build:es --module:mode=dev -- -w",
     "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
     "prepare": "npm run init && npm run build && npm run build:es && npm run rtl",
-    "init": "npm run clean",
+    "init": "npm run clean && npm run build:variables",
+    "build:variables": "node ./preprocess/index",
     "lint": "react-cli lint",
     "lintAll": "react-cli lint ./src",
     "lintAllFix": "npm run lintAll --eslint:fix=true",
@@ -30,23 +31,26 @@
   "dependencies": {},
   "devDependencies": {
     "velocity-react": "^1.4.3",
-    "@zohodesk/variables": "1.0.0-beta.25",
+    "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "^1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-temp-48",
-    "@zohodesk/icons": "1.0.0-beta.85",
-    "@zohodesk/svg": "1.0.0-beta.37",
+    "@zohodesk/components": "1.0.0-alpha-228",
+    "@zohodesk/icons": "1.0.0-beta.92",
+    "@zohodesk/svg": "1.0.0-beta.41",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3"
   },
   "peerDependencies": {
     "velocity-react": "^1.4.3",
-    "@zohodesk/variables": "^1.0.0-beta.25",
+    "@zohodesk/variables": "^1.0.0-beta.29",
     "@zohodesk/i18n": "^1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-219",
+    "@zohodesk/components": "^1.0.0-alpha-228",
     "@zohodesk/icons": "^1.0.0-beta.85",
-    "@zohodesk/svg": "^1.0.0-beta.37"
+    "@zohodesk/svg": "^1.0.0-beta.41"
   },
   "react-cli": {
+    "preprocessor": {
+      "runner": "preprocess/index.js"
+    },
     "app": {
       "removePropTypes": {
         "removeImport": true

package/build/Unusedfiles.json

@@ -1 +0,0 @@
-["/Users/bharathi-zt93/git/library/jsapps/dot/src/actions/index.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/form/fields/CurrencyField/CurrencyField.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/form/fields/RadioField/RadioField.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/BluePrintStatus/BluePrintStatus.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/BluePrintStatus/BluePrintStatus.module.css","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/DepartmentDropDown/DepartmentDropDown.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/DepartmentDropDown/DepartmentDropDown.module.css","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/Icons/AddNewIcon.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/Icons/CompleteIcon.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/lookup/header/Close/LookupClose.module.css","/Users/bharathi-zt93/git/library/jsapps/dot/src/version2/alertIcons/ErrorAlertIcon.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/version2/lookup/alertLookupCommonNew.module.css"]