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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/README.md +1 -0
  2. package/es/ActionButton/ActionButton.module.css +25 -9
  3. package/es/AlphabeticList/AlphabeticList.module.css +7 -4
  4. package/es/Attachment/Attachment.module.css +20 -9
  5. package/es/ChannelIcon/ChannelIcon.module.css +30 -21
  6. package/es/Drawer/Drawer.module.css +59 -11
  7. package/es/FlipCard/FlipCard.module.css +14 -5
  8. package/es/FormAction/FormAction.module.css +34 -9
  9. package/es/FreezeLayer/FreezeLayer.module.css +6 -2
  10. package/es/IconButton/IconButton.module.css +1 -1
  11. package/es/ImportantNotes/ImportantNotes.module.css +7 -2
  12. package/es/Loader/Loader.module.css +25 -4
  13. package/es/Message/Message.module.css +42 -9
  14. package/es/MessageBanner/MessageBanner.module.css +12 -4
  15. package/es/NewStar/NewStar.module.css +42 -5
  16. package/es/ToastMessage/ToastMessage.module.css +96 -25
  17. package/es/Upload/Upload.module.css +27 -8
  18. package/es/alert/AlertHeader/AlertHeader.module.css +21 -3
  19. package/es/alert/AlertLookup/AlertLookup.module.css +6 -2
  20. package/es/avatar/AvatarClose/AvatarClose.module.css +9 -3
  21. package/es/avatar/AvatarCollision/AvatarCollision.module.css +18 -4
  22. package/es/avatar/AvatarIcon/AvatarIcon.module.css +3 -4
  23. package/es/avatar/AvatarStatus/AvatarStatus.module.css +59 -9
  24. package/es/avatar/AvatarThread/AvatarThread.module.css +55 -5
  25. package/es/avatar/AvatarUser/AvatarUser.module.css +81 -10
  26. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +10 -3
  27. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +11 -3
  28. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +19 -6
  29. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +12 -4
  30. package/es/emptystate/EditionPage/EditionPage.css +9 -3
  31. package/es/errorstate/EmptyStates.module.css +13 -10
  32. package/es/errorstate/Inconvenience/Inconvenience.module.css +3 -0
  33. package/es/errorstate/LinkText/LinkText.module.css +1 -1
  34. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +2 -2
  35. package/es/errorstate/WillBack/WillBack.module.css +1 -3
  36. package/es/form/fields/Fields.module.css +49 -14
  37. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +19 -7
  38. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +4 -1
  39. package/es/form/fields/TextEditor/TextEditor.module.css +150 -73
  40. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +13 -2
  41. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +9 -4
  42. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +52 -16
  43. package/es/layout/SubtabLayout/SubtabLayout.module.css +55 -29
  44. package/es/list/BluePrintStatus/BluePrintStatus.module.css +4 -1
  45. package/es/list/Comment/Comment.module.css +5 -0
  46. package/es/list/DotNew/DotNew.module.css +3 -3
  47. package/es/list/GridStencils/GridStencils.module.css +70 -16
  48. package/es/list/Icons/Icons.module.css +1 -1
  49. package/es/list/ListLayout/ListLayout.module.css +22 -14
  50. package/es/list/ListStencils/ListStencils.module.css +11 -6
  51. package/es/list/SecondaryText/AccountName.js +38 -34
  52. package/es/list/SecondaryText/ContactName.js +13 -18
  53. package/es/list/SecondaryText/SecondaryText.module.css +37 -12
  54. package/es/list/SentimentStatus/SentimentStatus.module.css +4 -1
  55. package/es/list/TagNew/TagNew.module.css +14 -7
  56. package/es/list/Thread/Thread.module.css +13 -1
  57. package/es/list/UserTime/UserTime.module.css +6 -0
  58. package/es/list/listCommon.module.css +9 -1
  59. package/es/list/status/StatusDropdown/StatusDropdown.module.css +19 -6
  60. package/es/list/status/StatusListItem/StatusListItem.module.css +38 -15
  61. package/es/lookup/Lookup/Lookup.module.css +2 -2
  62. package/es/lookup/Section/LookupSection.module.css +2 -2
  63. package/es/lookup/header/Close/LookupClose.module.css +4 -4
  64. package/es/lookup/header/Search/LookupSearch.module.css +21 -12
  65. package/es/lookup/header/TicketHeader/TicketHeader.module.css +5 -2
  66. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +8 -3
  67. package/es/lookup/header/lookupHeaderCommon.module.css +16 -6
  68. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +12 -3
  69. package/es/setup/header/Button/HeaderButton.module.css +3 -1
  70. package/es/setup/header/Link/HeaderLink.module.css +7 -1
  71. package/es/setup/header/Search/Search.module.css +19 -8
  72. package/es/setup/header/Views/Views.module.css +15 -5
  73. package/es/setup/helptips/Link/HelpTipsLink.module.css +1 -0
  74. package/es/setup/helptips/ListGroup/ListGroup.module.css +6 -1
  75. package/es/setup/table/TableData/SetupTableData.module.css +11 -3
  76. package/es/setup/table/TableHead/SetupTableHead.module.css +4 -0
  77. package/es/setup/table/TableRow/SetupTableRow.module.css +6 -2
  78. package/es/version2/AlertClose/AlertClose.module.css +1 -1
  79. package/es/version2/GlobalNotification/GlobalNotification.module.css +44 -9
  80. package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +25 -2
  81. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +7 -3
  82. package/es/version2/lookup/alertLookupCommonNew.module.css +8 -1
  83. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +26 -10
  84. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +47 -10
  85. package/lib/ActionButton/ActionButton.module.css +0 -1
  86. package/lib/FreezeLayer/FreezeLayer.js +31 -4
  87. package/lib/Provider/Config.js +21 -0
  88. package/lib/deprecated/utils/General.js +29 -0
  89. package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
  90. package/lib/form/fields/CurrencyField/CurrencyField.js +8 -7
  91. package/lib/form/fields/DateField/DateField.js +1 -1
  92. package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
  93. package/lib/form/fields/PhoneField/PhoneField.js +1 -1
  94. package/lib/form/fields/RadioField/RadioField.js +1 -1
  95. package/lib/form/fields/SelectField/SelectField.js +1 -1
  96. package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
  97. package/lib/form/fields/TextEditor/TextEditor.module.css +13 -2
  98. package/lib/form/fields/TextareaField/TextareaField.js +1 -1
  99. package/lib/list/SecondaryText/AccountName.js +38 -34
  100. package/lib/list/SecondaryText/ContactName.js +13 -18
  101. package/lib/list/SecondaryText/SecondaryText.module.css +28 -13
  102. package/lib/list/status/StatusDropdown/StatusDropdown.js +44 -37
  103. package/lib/setup/header/Views/Views.js +2 -2
  104. package/lib/utils/General.js +0 -24
  105. package/package.json +2 -2
@@ -182,7 +182,7 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
182
182
 
183
183
  if (prevProps.isPopupOpen != isPopupOpen) {
184
184
  setTimeout(function () {
185
- isPopupOpen ? isSearch ? _this2.searchInput && _this2.searchInput.focus() : _this2.hiddenInput && _this2.hiddenInput.focus() : _this2.hiddenInput && _this2.hiddenInput.focus();
185
+ isPopupOpen && isSearch ? _this2.searchInput && _this2.searchInput.focus() : _this2.hiddenInput && _this2.hiddenInput.focus();
186
186
  }, 10);
187
187
  }
188
188
 
@@ -211,54 +211,61 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
211
211
  togglePopup = _this$props4.togglePopup,
212
212
  onClick = _this$props4.onClick,
213
213
  boxPosition = _this$props4.boxPosition,
214
- isPopupOpen = _this$props4.isPopupOpen,
214
+ isPopupReady = _this$props4.isPopupReady,
215
215
  isNextOptions = _this$props4.isNextOptions,
216
216
  getNextOptions = _this$props4.getNextOptions,
217
- onTogglePopup = _this$props4.onTogglePopup;
217
+ onTogglePopup = _this$props4.onTogglePopup,
218
+ isPopupOpen = _this$props4.isPopupOpen;
218
219
 
219
- if (isPopupOpen && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
220
+ if (isPopupReady && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
220
221
  e.preventDefault(); //prevent body scroll
221
222
  }
222
223
 
223
- switch (keyCode) {
224
- case 40:
225
- if (selectedIndex === totalIndex - 1) {
226
- this.setState({
227
- selectedIndex: 0
228
- });
229
- } else {
230
- if (selectedIndex === totalIndex - 3) {
231
- isNextOptions && getNextOptions && getNextOptions();
224
+ if (isPopupReady) {
225
+ switch (keyCode) {
226
+ case 40:
227
+ if (selectedIndex === totalIndex - 1) {
228
+ this.setState({
229
+ selectedIndex: 0
230
+ });
231
+ } else {
232
+ if (selectedIndex === totalIndex - 3) {
233
+ isNextOptions && getNextOptions && getNextOptions();
234
+ }
235
+
236
+ this.setState({
237
+ selectedIndex: selectedIndex + 1
238
+ });
232
239
  }
233
240
 
234
- this.setState({
235
- selectedIndex: selectedIndex + 1
236
- });
237
- }
241
+ break;
242
+
243
+ case 38:
244
+ if (selectedIndex === 0) {
245
+ this.setState({
246
+ selectedIndex: totalIndex - 1
247
+ });
248
+ } else {
249
+ this.setState({
250
+ selectedIndex: selectedIndex - 1
251
+ });
252
+ }
238
253
 
239
- break;
240
-
241
- case 38:
242
- if (selectedIndex === 0) {
243
- this.setState({
244
- selectedIndex: totalIndex - 1
245
- });
246
- } else {
247
- this.setState({
248
- selectedIndex: selectedIndex - 1
249
- });
250
- }
254
+ break;
251
255
 
252
- break;
256
+ case 13:
257
+ onClick && onClick(options[selectedIndex].name, e);
258
+ onTogglePopup && onTogglePopup(isPopupOpen);
259
+ togglePopup(e, boxPosition);
260
+ break;
253
261
 
254
- case 13:
255
- onClick && onClick(options[selectedIndex].name, e);
256
- onTogglePopup && onTogglePopup(isPopupOpen);
262
+ default:
263
+ break;
264
+ }
265
+ } else {
266
+ if (keyCode === 13 || keyCode === 40) {
257
267
  togglePopup(e, boxPosition);
258
- break;
259
-
260
- default:
261
- break;
268
+ }
262
269
  }
263
270
  }
264
271
  }, {
@@ -62,14 +62,14 @@ var Views = /*#__PURE__*/function (_React$Component) {
62
62
  className: _ViewsModule["default"].container
63
63
  }, /*#__PURE__*/_react["default"].createElement("span", {
64
64
  className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].first, " ").concat(isList ? _ViewsModule["default"].active : ''),
65
- "data-title": !isList ? listTitle : '',
65
+ "data-title": !isList ? listTitle : null,
66
66
  onClick: onListClick
67
67
  }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
68
68
  name: "ZD-list22",
69
69
  size: "10"
70
70
  })), /*#__PURE__*/_react["default"].createElement("span", {
71
71
  className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].last, " ").concat(isGrid ? _ViewsModule["default"].active : ''),
72
- "data-title": !isGrid ? gridTitle : '',
72
+ "data-title": !isGrid ? gridTitle : null,
73
73
  onClick: onGridClick
74
74
  }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
75
75
  name: "ZD-grid",
@@ -3,14 +3,11 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.formatCurrency = formatCurrency;
7
6
  exports.formatPhoneUrl = formatPhoneUrl;
8
7
  exports.getFullName = getFullName;
9
8
  exports.shallowDiff = shallowDiff;
10
9
  exports.stopBubbling = stopBubbling;
11
10
 
12
- 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); }
13
-
14
11
  function stopBubbling(event) {
15
12
  event.preventDefault();
16
13
  event.stopPropagation && event.stopPropagation();
@@ -58,25 +55,4 @@ function formatPhoneUrl(phone) {
58
55
  }
59
56
 
60
57
  return phone;
61
- }
62
-
63
- function formatCurrency(number, symbol) {
64
- // format number 1000000 to 1,234,567
65
- if (number && number != 0) {
66
- var typeOfData = _typeof(number);
67
-
68
- var isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
69
-
70
- if (isDecimal) {
71
- var val = number.toString().split('.');
72
- var arr1 = "".concat(val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
73
- var finalVal = "".concat(symbol).concat(arr1, ".").concat(val[1]);
74
- return finalVal;
75
- } else {
76
- var value = "".concat(symbol).concat(number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
77
- return value;
78
- }
79
- }
80
-
81
- return number;
82
58
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-68",
3
+ "version": "1.0.0-temp-69",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "jsnext:main": "es/index.js",
@@ -33,7 +33,7 @@
33
33
  "velocity-react": "^1.4.3",
34
34
  "@zohodesk/variables": "1.0.0-beta.29",
35
35
  "@zohodesk/i18n": "^1.0.0-beta.7",
36
- "@zohodesk/components": "1.0.0-alpha-228",
36
+ "@zohodesk/components": "file:../components",
37
37
  "@zohodesk/icons": "1.0.0-beta.92",
38
38
  "@zohodesk/svg": "1.0.0-beta.41",
39
39
  "@zohodesk/virtualizer": "1.0.3",