@zohodesk/dot 1.0.0-beta.225 → 1.0.0-beta.226

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() : _this2.hiddenInput && _this2.hiddenInput.focus();
+          isPopupOpen && isSearch ? _this2.searchInput && _this2.searchInput.focus() : _this2.hiddenInput && _this2.hiddenInput.focus();
         }, 10);
       }
 
@@ -211,54 +211,61 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
           togglePopup = _this$props4.togglePopup,
           onClick = _this$props4.onClick,
           boxPosition = _this$props4.boxPosition,
-          isPopupOpen = _this$props4.isPopupOpen,
+          isPopupReady = _this$props4.isPopupReady,
           isNextOptions = _this$props4.isNextOptions,
           getNextOptions = _this$props4.getNextOptions,
-          onTogglePopup = _this$props4.onTogglePopup;
+          onTogglePopup = _this$props4.onTogglePopup,
+          isPopupOpen = _this$props4.isPopupOpen;
 
-      if (isPopupOpen && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
+      if (isPopupReady && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
         e.preventDefault(); //prevent body scroll
       }
 
-      switch (keyCode) {
-        case 40:
-          if (selectedIndex === totalIndex - 1) {
-            this.setState({
-              selectedIndex: 0
-            });
-          } else {
-            if (selectedIndex === totalIndex - 3) {
-              isNextOptions && getNextOptions && getNextOptions();
+      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
+              });
             }
 
-            this.setState({
-              selectedIndex: selectedIndex + 1
-            });
-          }
+            break;
+
+          case 38:
+            if (selectedIndex === 0) {
+              this.setState({
+                selectedIndex: totalIndex - 1
+              });
+            } else {
+              this.setState({
+                selectedIndex: selectedIndex - 1
+              });
+            }
 
-          break;
-
-        case 38:
-          if (selectedIndex === 0) {
-            this.setState({
-              selectedIndex: totalIndex - 1
-            });
-          } else {
-            this.setState({
-              selectedIndex: selectedIndex - 1
-            });
-          }
+            break;
 
-          break;
+          case 13:
+            onClick && onClick(options[selectedIndex].name, e);
+            onTogglePopup && onTogglePopup(isPopupOpen);
+            togglePopup(e, boxPosition);
+            break;
 
-        case 13:
-          onClick && onClick(options[selectedIndex].name, e);
-          onTogglePopup && onTogglePopup(isPopupOpen);
+          default:
+            break;
+        }
+      } else {
+        if (keyCode === 13 || keyCode === 40) {
           togglePopup(e, boxPosition);
-          break;
-
-        default:
-          break;
+        }
       }
     }
   }, {
@@ -475,7 +482,7 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
         }));
       })) : isDataLoaded ? /*#__PURE__*/_react["default"].createElement(_CommonEmptyState["default"], {
         className: _StatusDropdownModule["default"].svgWrapper,
-        title: searchErrorText || 'oops !',
+        title: searchErrorText || 'No results',
         description: searchEmptyHint,
         size: "small",
         getEmptyState: this.emptySearchSVG

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

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

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

@@ -82,13 +82,14 @@ var TicketHeader = /*#__PURE__*/function (_Component) {
           needOnTypeSearch = _this$props.needOnTypeSearch,
           getSearchBoxRef = _this$props.getSearchBoxRef,
           needViewsList = _this$props.needViewsList,
-          i18nKeys = _this$props.i18nKeys;
+          i18nKeys = _this$props.i18nKeys,
+          palette = _this$props.palette;
       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(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
+        className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)], " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
         isCover: false,
         wrap: "wrap"
       }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -156,10 +157,12 @@ TicketHeader.propTypes = {
   title: _propTypes["default"].string,
   i18nKeys: _propTypes["default"].shape({
     menuEmptyMessage: _propTypes["default"].string
-  })
+  }),
+  palette: _propTypes["default"].oneOf(['default', 'white'])
 };
 TicketHeader.defaultProps = {
-  i18nKeys: {}
+  i18nKeys: {},
+  palette: 'default'
 };
 
 if (false) {

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

@@ -1,13 +1,19 @@
 .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 : '',
+        "data-title": !isList ? listTitle : null,
         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 : '',
+        "data-title": !isGrid ? gridTitle : null,
         onClick: onGridClick
       }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-grid",

package/lib/utils/General.js

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatCurrency = formatCurrency;
 exports.formatPhoneUrl = formatPhoneUrl;
 exports.getFullName = getFullName;
 exports.shallowDiff = shallowDiff;
 exports.stopBubbling = stopBubbling;
 
-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 stopBubbling(event) {
   event.preventDefault();
   event.stopPropagation && event.stopPropagation();
@@ -58,25 +55,4 @@ function formatPhoneUrl(phone) {
   }
 
   return phone;
-}
-
-function formatCurrency(number, symbol) {
-  // format number 1000000 to 1,234,567
-  if (number && number != 0) {
-    var typeOfData = _typeof(number);
-
-    var isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
-
-    if (isDecimal) {
-      var val = number.toString().split('.');
-      var arr1 = "".concat(val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
-      var finalVal = "".concat(symbol).concat(arr1, ".").concat(val[1]);
-      return finalVal;
-    } else {
-      var value = "".concat(symbol).concat(number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
-      return value;
-    }
-  }
-
-  return number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.225",
+  "version": "1.0.0-beta.226",
   "main": "lib/index",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -35,9 +35,9 @@
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-237",
-    "@zohodesk/icons": "1.0.0-beta.101",
-    "@zohodesk/svg": "1.0.0-beta.43",
+    "@zohodesk/components": "1.0.0-alpha-238",
+    "@zohodesk/icons": "1.0.0-beta.105",
+    "@zohodesk/svg": "1.0.0-beta.47",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3"
   },
@@ -45,9 +45,9 @@
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-237",
-    "@zohodesk/icons": "1.0.0-beta.101",
-    "@zohodesk/svg": "1.0.0-beta.43"
+    "@zohodesk/components": "1.0.0-alpha-238",
+    "@zohodesk/icons": "1.0.0-beta.105",
+    "@zohodesk/svg": "1.0.0-beta.47"
   },
   "react-cli": {
     "preprocessor": {

package/es/utils/KeyboardApi.js

@@ -1,294 +0,0 @@
-//$Id$
-let isShortCutEnabled;
-let showShortcut = {};
-let shortcutdatas = {};
-let additionalKey = {};
-let _SpecialKeyMaps = {
-  8: 'backspace',
-  9: 'tab',
-  13: 'enter',
-  16: 'shift',
-  17: 'ctrl',
-  18: 'alt',
-  //20: 'capslock',
-  27: 'esc',
-  32: 'space',
-  //33: 'pageup',
-  //34: 'pagedown',
-  //35: 'end',
-  //36: 'home',
-  37: 'left',
-  38: 'up',
-  39: 'right',
-  40: 'down',
-  46: 'del',
-  91: 'meta',
-  93: 'meta',
-  224: 'meta',
-  43: 'plus',
-  //   +
-  61: 'plus',
-  //  = , in firefox
-  63: 'ques',
-  // ?
-  187: 'plus',
-  //  =
-  191: 'slash' //   /
-
-};
-export function Shortcut(target) {
-  _addEvent(target, 'keypress', keycallback);
-
-  _addEvent(target, 'keydown', keycallback);
-
-  _addEvent(target, 'keyup', keycallback);
-}
-
-Shortcut.setState = function (isEnabled) {
-  isShortCutEnabled = isEnabled;
-};
-
-Shortcut.addAll = function (keysObj, props) {
-  showShortcut = props.showShortcut;
-  isShortCutEnabled && keysObj.map((keyOptions, index) => {
-    Shortcut.add(keyOptions.keyCombo, keyOptions.keyCallback(props), keyOptions.keyAction, keyOptions.displayLabel || []);
-    return;
-  });
-};
-/**
- * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
- * @param callback = any function
- * @param action = keypress or keydown or keyup
- */
-
-
-Shortcut.bulkAdd = function (shortcutArray) {
-  showShortcut && shortcutArray.map(shortcutObj => {
-    Shortcut.add(shortcutObj.keyCombo, shortcutObj.keyCallback, shortcutObj.keyAction, shortcutObj.displayLabel || []);
-  });
-};
-
-Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
-  if (!keycombo || !isShortCutEnabled) {
-    return;
-  }
-
-  let tempjson = {};
-
-  if (cpFunc === undefined) {
-    cpFunc = function (keycode, keyOptions, e) {
-      _defaultCallBack(keycode, keyOptions);
-    };
-  } else {
-    let oldfunc = cpFunc;
-
-    cpFunc = function (keycode, keyOptions, ev) {
-      oldfunc(keycode, ev);
-    };
-  }
-
-  tempjson.key = keycombo.toLowerCase();
-  tempjson.displayLabel = displayLabel;
-  tempjson.keyOptions = cpFunc;
-  tempjson.action = action || 'keypress';
-  shortcutdatas[keycombo.toLowerCase()] = tempjson;
-};
-/*Shortcut.prototype.remove = function(){
-
-};*/
-
-
-Shortcut.removeAll = function () {
-  shortcutdatas = {};
-};
-
-Shortcut.show = function () {
-  return Object.assign({}, shortcutdatas);
-};
-
-Shortcut.remove = function (keyCombo) {
-  keyCombo = Array.isArray(keyCombo) ? keyCombo : [keyCombo];
-  keyCombo.map(key => {
-    delete shortcutdatas[key];
-  });
-};
-
-Shortcut.init = function (doc) {
-  let documentshortcut = Shortcut(doc);
-
-  for (let method in documentshortcut) {
-    if (method.charAt(0) !== '_') {
-      Shortcut[method] = function (method) {
-        return function () {
-          return documentshortcut[method](...arguments);
-        };
-      }(method);
-    }
-  }
-};
-
-function _addEvent(object, type, callback) {
-  if (object.addEventListener) {
-    object.addEventListener(type, callback, false);
-    return;
-  }
-
-  object.attachEvent(`on${type}`, callback);
-}
-
-export function keycallback(e) {
-  if (!isShortCutEnabled) {
-    return;
-  }
-
-  let keyaction = e.type;
-
-  let keycode = _convertToKeyCharacter(e);
-
-  if (e.metaKey) {
-    return;
-  }
-
-  _bindNeedData(e, keyaction);
-
-  if ('esc' !== keycode) {
-    if (_shortRestrictionPlaces(e)) {
-      //return if type any text in input tag or texta area
-      return;
-    }
-  }
-
-  keycode = _eventModifiers(e) + keycode;
-  let keycodedata = shortcutdatas[keycode];
-
-  if (keycodedata) {
-    e.preventDefault();
-  }
-
-  if (keycodedata && keyaction === keycodedata.action && keycodedata.keyOptions) {
-    keycodedata.keyOptions && keycodedata.keyOptions(keycode, keycodedata.keyOptions, e);
-    showShortcut({
-      type: 'SHORTCUT_SHOW',
-      displayLabel: keycodedata.displayLabel
-    });
-  }
-}
-
-function _eventModifiers(e) {
-  if (e.shiftKey === true && e.metaKey === true) {
-    return 'command+shift+';
-  }
-
-  if (e.shiftKey === true && e.ctrlKey === true) {
-    return 'ctrl+shift+';
-  }
-
-  if (e.altKey === true && e.ctrlKey === true) {
-    return 'alt+ctrl+';
-  }
-
-  if (e.ctrlKey === true) {
-    return 'ctrl+';
-  }
-
-  if (e.metaKey === true) {
-    return 'command+';
-  }
-
-  if (e.shiftKey === true) {
-    return 'shift+';
-  }
-
-  if (additionalKey.zpress === true) {
-    return 'z+';
-  } else if (additionalKey.apress === true) {
-    return 'a+';
-  } else if (additionalKey.cpress === true) {
-    return 'c+';
-  } else if (additionalKey.dpress === true) {
-    return 'd+';
-  } else if (additionalKey.fpress === true) {
-    return 'f+';
-  } else if (additionalKey.kpress === true) {
-    return 'k+';
-  } else if (additionalKey.ppress === true) {
-    return 'p+';
-  } else if (additionalKey.rpress === true) {
-    return 'r+';
-  } else if (additionalKey.tpress === true) {
-    return 't+';
-  } else if (additionalKey.epress === true) {
-    return 'e+';
-  } else if (additionalKey.lpress === true) {
-    return 'l+';
-  }
-
-  return '';
-}
-
-function _bindNeedData(e, keyaction) {
-  let keyName = String.fromCharCode(e.keyCode).toLowerCase();
-
-  if (['z', 'a', 'c', 'd', 'f', 'k', 'p', 'r', 't', 'l', 'e'].indexOf(keyName) !== -1) {
-    let extraName = `${keyName}press`;
-
-    if (keyaction === 'keydown') {
-      additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, {
-        [extraName]: true
-      }) : additionalKey;
-      additionalKey[extraName] = true;
-    } else if (keyaction === 'keyup') {
-      additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, {
-        [extraName]: false
-      }) : additionalKey;
-      additionalKey[extraName] = false;
-    }
-  }
-}
-
-function _convertToKeyCharacter(e) {
-  let keyCode = e.keyCode || e.charCode;
-  let keyName = String.fromCharCode(keyCode).toLowerCase();
-  keyName = _SpecialKeyMaps.hasOwnProperty(keyCode) ? _SpecialKeyMaps[keyCode] : keyName;
-  return keyName;
-}
-
-function _defaultCallBack(keycombo, keyOptions) {
-  /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
-  if (keyOptions.callbackflow !== undefined) {
-    keycombo = keyOptions.callbackflow.split(',');
-    var click = function(i, combo) {
-      setTimeout(function() {
-        jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
-      }, i * 200);
-    };
-    for (var i = 0; i < keycombo.length; i++) {
-      var clickFunc = click.bind(this, i);
-      clickFunc(keycombo[i]);
-      highLightKeys(keycombo[i]);
-    }
-    return;
-  }
-  if (keyElement.length === 1) {
-    keyElement.trigger('click');
-    highLightKeys(keycombo);
-    return;
-  }*/
-}
-
-function _shortRestrictionPlaces(e) {
-  let _target = e.target;
-  let {
-    tagName
-  } = _target;
-  let keyCode = e.keyCode || e.charCode;
-  let isContentEditable = _target.contentEditable === 'true';
-
-  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || //!SupportUI.CurrentUser.getKBStatus() ||
-  //restrict_keyUI() ||
-  keyCode >= 112 && keyCode <= 123 || isContentEditable) {
-    return true;
-  }
-
-  return false;
-}