@zohodesk/dot 1.0.0-temp-76 → 1.0.0-temp-77

package/lib/FreezeLayer/FreezeLayer.js

@@ -17,9 +17,9 @@ var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/componen
 
 var _FreezeLayerModule = _interopRequireDefault(require("./FreezeLayer.module.css"));
 
-var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
+var _KeyboardApi = require("../utils/KeyboardApi");
 
-var _Config = require("../Provider/Config");
+var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -63,29 +63,10 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
       isChildActive: false
     };
     _this.getNextIndex = (0, _ZindexProvider.getZIndex)(_assertThisInitialized(_this));
-    _this.isFreezeLayerEnabled = false;
     return _this;
   }
 
   _createClass(FreezeLayer, [{
-    key: "enableFreeze",
-    value: function enableFreeze() {
-      if (!this.isFreezeLayerEnabled) {
-        this.isFreezeLayerEnabled = true;
-        var freezeLayerEnable = ((0, _Config.getDotLibraryConfig)('freezeLayer') || {}).enable;
-        freezeLayerEnable && freezeLayerEnable();
-      }
-    }
-  }, {
-    key: "disableFreeze",
-    value: function disableFreeze() {
-      if (this.isFreezeLayerEnabled) {
-        this.isFreezeLayerEnabled = false;
-        var freezeLayerDisable = ((0, _Config.getDotLibraryConfig)('freezeLayer') || {}).disable;
-        freezeLayerDisable && freezeLayerDisable();
-      }
-    }
-  }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       var isActive = this.props.isActive;
@@ -94,7 +75,6 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
         this.setState({
           isChildActive: true
         });
-        this.enableFreeze();
       }
     }
   }, {
@@ -106,8 +86,7 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
 
       if (isActive != prevProps.isActive) {
         if (isActive) {
-          this.enableFreeze(); // Shortcut && Shortcut.setState(false);
-
+          _KeyboardApi.Shortcut && _KeyboardApi.Shortcut.setState(false);
           this.setState({
             isActive: true
           }, function () {
@@ -116,8 +95,7 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
             });
           });
         } else {
-          this.disableFreeze(); // Shortcut && Shortcut.setState(true);
-
+          _KeyboardApi.Shortcut && _KeyboardApi.Shortcut.setState(true);
           this.setState({
             isChildActive: false
           }, function () {
@@ -128,11 +106,6 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
         }
       }
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.disableFreeze();
-    }
   }, {
     key: "render",
     value: function render() {

package/lib/ImportantNotes/ImportantNotes.js

@@ -59,14 +59,13 @@ var ImportantNotes = /*#__PURE__*/function (_React$Component) {
           iconSize = _this$props.iconSize,
           children = _this$props.children,
           iconClass = _this$props.iconClass,
-          isCover = _this$props.isCover,
-          className = _this$props.className;
+          isCover = _this$props.isCover;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         isInline: !isCover,
         isCover: false,
         alignBox: "row",
         align: "top",
-        className: "".concat(_ImportantNotesModule["default"].section, " ").concat(className || '')
+        className: _ImportantNotesModule["default"].section
       }, iconName ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _ImportantNotesModule["default"].icon,
         align: "start"
@@ -91,8 +90,7 @@ ImportantNotes.propTypes = {
   iconName: _propTypes["default"].string,
   iconSize: _propTypes["default"].string,
   isCover: _propTypes["default"].bool,
-  text: _propTypes["default"].string,
-  className: _propTypes["default"].string
+  text: _propTypes["default"].string
 };
 ImportantNotes.defaultProps = {
   iconName: 'ZD-helpCentre',

package/lib/form/fields/CheckBoxField/CheckBoxField.js

@@ -154,7 +154,7 @@ var CheckBoxField = /*#__PURE__*/function (_PureComponent) {
 
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : null
+        "data-title": isDisabled ? title : ''
       }, isDirectCol && labelElement, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(isDirectCol ? _FieldsModule["default"].fieldContainer : _FieldsModule["default"].checkboxFieldContainer, " ").concat(isDirectCol && labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {

package/lib/form/fields/CurrencyField/CurrencyField.js

@@ -23,6 +23,8 @@ var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
 var _FieldsModule = _interopRequireDefault(require("../Fields.module.css"));
 
+var _General = require("../../../utils/General");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
@@ -143,8 +145,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
           needReadOnlyStyle = _this$props3.needReadOnlyStyle,
           isClickable = _this$props3.isClickable,
           userCurrencyType = _this$props3.userCurrencyType,
-          customProps = _this$props3.customProps,
-          formatCurrency = _this$props3.formatCurrency;
+          customProps = _this$props3.customProps;
       var _customProps$LabelPro = customProps.LabelProps,
           LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
           _customProps$TextBoxP = customProps.TextBoxProps,
@@ -156,8 +157,8 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
       var isActive = this.state.isActive;
       var formatValue = value;
 
-      if (!isActive) {
-        formatValue = formatCurrency(value, userCurrencyType);
+      if (!isActive && value != 0) {
+        formatValue = (0, _General.formatCurrency)(value, userCurrencyType);
       } else {
         formatValue = value;
       }
@@ -165,7 +166,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
       var uniqueId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : null
+        "data-title": isDisabled ? title : ''
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
@@ -265,8 +266,7 @@ CurrencyField.propTypes = {
     TextBoxProps: _propTypes["default"].object,
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
-  }),
-  formatCurrency: _propTypes["default"].func
+  })
 };
 CurrencyField.defaultProps = {
   errorType: 'primary',
@@ -282,8 +282,7 @@ CurrencyField.defaultProps = {
   labelCustomClass: '',
   isClickable: false,
   needReadOnlyStyle: true,
-  customProps: {},
-  formatCurrency: function formatCurrency() {}
+  customProps: {}
 };
 
 if (false) {

package/lib/form/fields/DateField/DateField.js

@@ -172,7 +172,7 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
       var getAriaId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : null
+        "data-title": isDisabled ? title : ''
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({

package/lib/form/fields/MultiSelectField/MultiSelectField.js

@@ -185,7 +185,7 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
       var uniqueId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : null
+        "data-title": isDisabled ? title : ''
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({

package/lib/form/fields/PhoneField/PhoneField.js

@@ -169,7 +169,7 @@ var PhoneField = /*#__PURE__*/function (_PureComponent) {
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : ''),
-        "data-title": isDisabled ? title : null
+        "data-title": isDisabled ? title : ''
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true
       }, /*#__PURE__*/_react["default"].createElement(_TextBoxField["default"], _extends({

package/lib/form/fields/RadioField/RadioField.js

@@ -106,7 +106,7 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
           ValidationMessageProps2 = _customProps$Validati2 === void 0 ? {} : _customProps$Validati2;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : null
+        "data-title": isDisabled ? title : ''
       }, labelName && /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
         text: labelName,
         size: "medium",

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

@@ -153,7 +153,7 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
       var uniqueId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : null
+        "data-title": isDisabled ? title : ''
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({

package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -71,23 +71,16 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       showAll: false
     };
+    _this.textBoxRef = /*#__PURE__*/_react["default"].createRef();
     _this.emptySearchSVG = _this.emptySearchSVG.bind(_assertThisInitialized(_this));
     _this.onShowAllClick = _this.onShowAllClick.bind(_assertThisInitialized(_this));
     _this.getContainerRef = _this.getContainerRef.bind(_assertThisInitialized(_this));
     _this.onScroll = _this.onScroll.bind(_assertThisInitialized(_this));
     _this.getSelectedItemRef = _this.getSelectedItemRef.bind(_assertThisInitialized(_this));
-    _this.textInputRef = _this.textInputRef.bind(_assertThisInitialized(_this));
     return _this;
   }
 
   _createClass(TagsMultiSelect, [{
-    key: "textInputRef",
-    value: function textInputRef(el) {
-      var getTextInputRef = this.props.getTextInputRef;
-      this.inputEl = el;
-      getTextInputRef && getTextInputRef(el);
-    }
-  }, {
     key: "onScroll",
     value: function onScroll() {
       var _this$props = this.props,
@@ -121,8 +114,10 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
 
       if (prevProps.isTagListLoading !== isTagListLoading && !isTagListLoading || isPopupReady && prevProps.tagsList.length !== tagsList.length) {
         setTimeout(function () {
-          if (_this2.inputEl) {
-            _this2.inputEl.focus();
+          var textBoxElementRef = _this2.textBoxRef.current;
+
+          if (textBoxElementRef && typeof textBoxElementRef.handleFocus === 'function') {
+            _this2.textBoxRef.current.handleFocus();
           }
         }, 300);
       }
@@ -182,8 +177,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           needBorder = _this$props3.needBorder,
           borderColor = _this$props3.borderColor,
           getTextBoxChildren = _this$props3.getTextBoxChildren,
-          htmlId = _this$props3.htmlId,
-          boxSize = _this$props3.boxSize;
+          htmlId = _this$props3.htmlId;
       var showAll = this.state.showAll;
       var chipLimit = !isPopupReady ? showAll ? tagsList.length : chipNeedToShow : tagsList.length;
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -230,6 +224,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
         onChange: handleChange,
         maxLength: 50,
         isReadOnly: isReadOnly,
+        ref: this.textBoxRef,
         needBorder: false,
         placeHolder: tagsList.length ? '' : i18nKeys.placeholderText || '-',
         onClick: !isReadOnly ? handleTogglePopup : undefined,
@@ -237,15 +232,14 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           customTBoxWrap: _TagsMultiSelectModule["default"].custmInp,
           customTextBox: _TagsMultiSelectModule["default"].input
         },
-        size: "xsmall",
-        inputRef: this.textInputRef
+        size: "xsmall"
       }, getTextBoxChildren ? getTextBoxChildren() : null))), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_DropBox["default"], {
         isAnimate: true,
         isActive: isPopupReady,
         isArrow: false,
         getRef: getContainerRef,
         isBoxPaddingNeed: true,
-        size: boxSize,
+        size: "default",
         boxPosition: boxPosition,
         isPadding: false,
         customClass: {
@@ -312,7 +306,6 @@ TagsMultiSelect.propTypes = {
   deleteTag: _propTypes["default"].func,
   getContainerRef: _propTypes["default"].func,
   getTargetRef: _propTypes["default"].func,
-  getTextInputRef: _propTypes["default"].func,
   handleChange: _propTypes["default"].func,
   handleKeyUp: _propTypes["default"].func,
   handleTogglePopup: _propTypes["default"].func,
@@ -342,8 +335,7 @@ TagsMultiSelect.propTypes = {
   borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'dark']),
   needBorder: _propTypes["default"].bool,
   getTextBoxChildren: _propTypes["default"].func,
-  htmlId: _propTypes["default"].string,
-  boxSize: _propTypes["default"].string
+  htmlId: _propTypes["default"].string
 };
 TagsMultiSelect.defaultProps = {
   className: '',
@@ -351,8 +343,7 @@ TagsMultiSelect.defaultProps = {
   chipNeedToShow: '5',
   borderColor: 'default',
   needBorder: true,
-  dataId: '',
-  boxSize: 'default'
+  dataId: ''
 };
 
 if (false) {

package/lib/form/fields/TextBoxField/TextBoxField.js

@@ -147,7 +147,7 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
       var uniqueId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : null
+        "data-title": isDisabled ? title : ''
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({

package/lib/form/fields/TextEditor/TextEditor.js

@@ -109,7 +109,6 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           needEditorFocus = _this$props$needEdito === void 0 ? true : _this$props$needEdito,
           handleDropUpload = _this$props.handleDropUpload,
           fontFamily = _this$props.fontFamily,
-          fontSize = _this$props.fontSize,
           initCallback = _this$props.initCallback,
           handleAlertMessage = _this$props.handleAlertMessage,
           needInlineAttachment = _this$props.needInlineAttachment;
@@ -145,7 +144,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
         }
 
         defaultObj = Object.assign(defaultObj, editorOptions);
-        ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
+        ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback);
         ZohoDeskEditor.create && ZohoDeskEditor.create(defaultObj);
       }
     }
@@ -451,7 +450,6 @@ TextEditor.defaultProps = {
   type: 'large',
   changeEditorContent: false,
   fontFamily: 'Lato',
-  fontSize: '16',
   shouldUpdateContent: true,
   i18nKeys: {},
   needInlineAttachment: false,
@@ -468,7 +466,6 @@ TextEditor.propTypes = {
   editorMode: _propTypes["default"].string,
   editorOptions: _propTypes["default"].object,
   fontFamily: _propTypes["default"].oneOf(['Lato', 'Roboto', 'Puvi']),
-  fontSize: _propTypes["default"].string,
   getRef: _propTypes["default"].func,
   handleAlertMessage: _propTypes["default"].func,
   handleDropUpload: _propTypes["default"].func,

package/lib/form/fields/TextEditor/TextEditor.module.css

@@ -649,18 +649,7 @@
   right: 0;
   left: 0;
 }
-.readOnly :global .KB_Editor_menus {
-  display: none !important;
-}
+.readOnly :global .KB_Editor_menus,
 .editorHide :global .KB_Editor {
-  position: absolute !important;
-  top: 0;
-  opacity: 0;
-  visibility: hidden;
-}
-[dir=ltr] .editorHide :global .KB_Editor {
-  left: 0;
-}
-[dir=rtl] .editorHide :global .KB_Editor {
-  right: 0;
+  display: none !important;
 }

package/lib/form/fields/TextareaField/TextareaField.js

@@ -143,7 +143,7 @@ var TextareaField = /*#__PURE__*/function (_PureComponent) {
       var uniqueId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : null
+        "data-title": isDisabled ? title : ''
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({

package/lib/list/status/StatusDropdown/StatusDropdown.js

@@ -182,7 +182,7 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
 
       if (prevProps.isPopupOpen != isPopupOpen) {
         setTimeout(function () {
-          isPopupOpen && isSearch ? _this2.searchInput && _this2.searchInput.focus() : _this2.hiddenInput && _this2.hiddenInput.focus();
+          isPopupOpen ? isSearch ? _this2.searchInput && _this2.searchInput.focus() : _this2.hiddenInput && _this2.hiddenInput.focus() : _this2.hiddenInput && _this2.hiddenInput.focus();
         }, 10);
       }
 
@@ -211,61 +211,54 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
           togglePopup = _this$props4.togglePopup,
           onClick = _this$props4.onClick,
           boxPosition = _this$props4.boxPosition,
-          isPopupReady = _this$props4.isPopupReady,
+          isPopupOpen = _this$props4.isPopupOpen,
           isNextOptions = _this$props4.isNextOptions,
           getNextOptions = _this$props4.getNextOptions,
-          onTogglePopup = _this$props4.onTogglePopup,
-          isPopupOpen = _this$props4.isPopupOpen;
+          onTogglePopup = _this$props4.onTogglePopup;
 
-      if (isPopupReady && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
+      if (isPopupOpen && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
         e.preventDefault(); //prevent body scroll
       }
 
-      if (isPopupReady) {
-        switch (keyCode) {
-          case 40:
-            if (selectedIndex === totalIndex - 1) {
-              this.setState({
-                selectedIndex: 0
-              });
-            } else {
-              if (selectedIndex === totalIndex - 3) {
-                isNextOptions && getNextOptions && getNextOptions();
-              }
-
-              this.setState({
-                selectedIndex: selectedIndex + 1
-              });
+      switch (keyCode) {
+        case 40:
+          if (selectedIndex === totalIndex - 1) {
+            this.setState({
+              selectedIndex: 0
+            });
+          } else {
+            if (selectedIndex === totalIndex - 3) {
+              isNextOptions && getNextOptions && getNextOptions();
             }
 
-            break;
-
-          case 38:
-            if (selectedIndex === 0) {
-              this.setState({
-                selectedIndex: totalIndex - 1
-              });
-            } else {
-              this.setState({
-                selectedIndex: selectedIndex - 1
-              });
-            }
+            this.setState({
+              selectedIndex: selectedIndex + 1
+            });
+          }
 
-            break;
+          break;
+
+        case 38:
+          if (selectedIndex === 0) {
+            this.setState({
+              selectedIndex: totalIndex - 1
+            });
+          } else {
+            this.setState({
+              selectedIndex: selectedIndex - 1
+            });
+          }
 
-          case 13:
-            onClick && onClick(options[selectedIndex].name, e);
-            onTogglePopup && onTogglePopup(isPopupOpen);
-            togglePopup(e, boxPosition);
-            break;
+          break;
 
-          default:
-            break;
-        }
-      } else {
-        if (keyCode === 13 || keyCode === 40) {
+        case 13:
+          onClick && onClick(options[selectedIndex].name, e);
+          onTogglePopup && onTogglePopup(isPopupOpen);
           togglePopup(e, boxPosition);
-        }
+          break;
+
+        default:
+          break;
       }
     }
   }, {

package/lib/lookup/header/ModuleHeader/ModuleHeader.js

@@ -80,12 +80,11 @@ var ModuleHeader = /*#__PURE__*/function (_PureComponent) {
           miniDescription = _this$props.miniDescription,
           dataId = _this$props.dataId,
           closeTitle = _this$props.closeTitle,
-          onSearchKeyDown = _this$props.onSearchKeyDown,
-          palette = _this$props.palette;
+          onSearchKeyDown = _this$props.onSearchKeyDown;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "vertical",
         alignBox: "row",
-        className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)]),
+        className: "".concat(_lookupHeaderCommonModule["default"].container),
         isCover: false,
         wrap: "wrap",
         dataId: dataId
@@ -135,11 +134,7 @@ ModuleHeader.propTypes = {
   title: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
   closeTitle: _propTypes["default"].string,
-  onSearchKeyDown: _propTypes["default"].func,
-  palette: _propTypes["default"].oneOf(['default', 'white'])
-};
-ModuleHeader.defaultProps = {
-  palette: 'default'
+  onSearchKeyDown: _propTypes["default"].func
 };
 
 if (false) {

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

@@ -82,14 +82,13 @@ var TicketHeader = /*#__PURE__*/function (_Component) {
           needOnTypeSearch = _this$props.needOnTypeSearch,
           getSearchBoxRef = _this$props.getSearchBoxRef,
           needViewsList = _this$props.needViewsList,
-          i18nKeys = _this$props.i18nKeys,
-          palette = _this$props.palette;
+          i18nKeys = _this$props.i18nKeys;
       var _i18nKeys$menuEmptyMe = i18nKeys.menuEmptyMessage,
           menuEmptyMessage = _i18nKeys$menuEmptyMe === void 0 ? 'No matches found' : _i18nKeys$menuEmptyMe;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "vertical",
         alignBox: "row",
-        className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)], " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
+        className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
         isCover: false,
         wrap: "wrap"
       }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -157,12 +156,10 @@ TicketHeader.propTypes = {
   title: _propTypes["default"].string,
   i18nKeys: _propTypes["default"].shape({
     menuEmptyMessage: _propTypes["default"].string
-  }),
-  palette: _propTypes["default"].oneOf(['default', 'white'])
+  })
 };
 TicketHeader.defaultProps = {
-  i18nKeys: {},
-  palette: 'default'
+  i18nKeys: {}
 };
 
 if (false) {

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

@@ -1,19 +1,13 @@
 .container {
   min-height: var(--zd_size51);
   position: relative;
+  background-color: var(--zdt_lookupheader_default_bg);
+  border-bottom: solid 1px var(--zdt_lookupheader_default_border);
 }[dir=ltr] .container {
   padding: 0 var(--zd_size52) 0 var(--zd_size10);
 }[dir=rtl] .container {
   padding: 0 var(--zd_size10) 0 var(--zd_size52);
 }
-.default {
-  background-color: var(--zdt_lookupheader_default_bg);
-  border-bottom: solid 1px var(--zdt_lookupheader_default_border);
-}
-.white {
-  background-color: var(--zdt_lookupheader_white_bg);
-  border-bottom: solid 1px var(--zdt_lookupheader_white_border);
-}
 .searchContainer, .title {
   margin: 0 var(--zd_size20);
 }

package/lib/setup/header/Views/Views.js

@@ -62,14 +62,14 @@ var Views = /*#__PURE__*/function (_React$Component) {
         className: _ViewsModule["default"].container
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].first, " ").concat(isList ? _ViewsModule["default"].active : ''),
-        "data-title": !isList ? listTitle : null,
+        "data-title": !isList ? listTitle : '',
         onClick: onListClick
       }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-list22",
         size: "10"
       })), /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].last, "  ").concat(isGrid ? _ViewsModule["default"].active : ''),
-        "data-title": !isGrid ? gridTitle : null,
+        "data-title": !isGrid ? gridTitle : '',
         onClick: onGridClick
       }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-grid",