@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.
- package/README.md +1 -0
- package/es/ActionButton/ActionButton.module.css +25 -9
- package/es/AlphabeticList/AlphabeticList.module.css +7 -4
- package/es/Attachment/Attachment.module.css +20 -9
- package/es/ChannelIcon/ChannelIcon.module.css +30 -21
- package/es/Drawer/Drawer.module.css +59 -11
- package/es/FlipCard/FlipCard.module.css +14 -5
- package/es/FormAction/FormAction.module.css +34 -9
- package/es/FreezeLayer/FreezeLayer.module.css +6 -2
- package/es/IconButton/IconButton.module.css +1 -1
- package/es/ImportantNotes/ImportantNotes.module.css +7 -2
- package/es/Loader/Loader.module.css +25 -4
- package/es/Message/Message.module.css +42 -9
- package/es/MessageBanner/MessageBanner.module.css +12 -4
- package/es/NewStar/NewStar.module.css +42 -5
- package/es/ToastMessage/ToastMessage.module.css +96 -25
- package/es/Upload/Upload.module.css +27 -8
- package/es/alert/AlertHeader/AlertHeader.module.css +21 -3
- package/es/alert/AlertLookup/AlertLookup.module.css +6 -2
- package/es/avatar/AvatarClose/AvatarClose.module.css +9 -3
- package/es/avatar/AvatarCollision/AvatarCollision.module.css +18 -4
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +3 -4
- package/es/avatar/AvatarStatus/AvatarStatus.module.css +59 -9
- package/es/avatar/AvatarThread/AvatarThread.module.css +55 -5
- package/es/avatar/AvatarUser/AvatarUser.module.css +81 -10
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +10 -3
- package/es/deprecated/SelectDropdown/SelectDropdown.module.css +11 -3
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +19 -6
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +12 -4
- package/es/emptystate/EditionPage/EditionPage.css +9 -3
- package/es/errorstate/EmptyStates.module.css +13 -10
- package/es/errorstate/Inconvenience/Inconvenience.module.css +3 -0
- package/es/errorstate/LinkText/LinkText.module.css +1 -1
- package/es/errorstate/PermissionPlay/PermissionPlay.module.css +2 -2
- package/es/errorstate/WillBack/WillBack.module.css +1 -3
- package/es/form/fields/Fields.module.css +49 -14
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +19 -7
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +4 -1
- package/es/form/fields/TextEditor/TextEditor.module.css +150 -73
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +13 -2
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +9 -4
- package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +52 -16
- package/es/layout/SubtabLayout/SubtabLayout.module.css +55 -29
- package/es/list/BluePrintStatus/BluePrintStatus.module.css +4 -1
- package/es/list/Comment/Comment.module.css +5 -0
- package/es/list/DotNew/DotNew.module.css +3 -3
- package/es/list/GridStencils/GridStencils.module.css +70 -16
- package/es/list/Icons/Icons.module.css +1 -1
- package/es/list/ListLayout/ListLayout.module.css +22 -14
- package/es/list/ListStencils/ListStencils.module.css +11 -6
- package/es/list/SecondaryText/AccountName.js +38 -34
- package/es/list/SecondaryText/ContactName.js +13 -18
- package/es/list/SecondaryText/SecondaryText.module.css +37 -12
- package/es/list/SentimentStatus/SentimentStatus.module.css +4 -1
- package/es/list/TagNew/TagNew.module.css +14 -7
- package/es/list/Thread/Thread.module.css +13 -1
- package/es/list/UserTime/UserTime.module.css +6 -0
- package/es/list/listCommon.module.css +9 -1
- package/es/list/status/StatusDropdown/StatusDropdown.module.css +19 -6
- package/es/list/status/StatusListItem/StatusListItem.module.css +38 -15
- package/es/lookup/Lookup/Lookup.module.css +2 -2
- package/es/lookup/Section/LookupSection.module.css +2 -2
- package/es/lookup/header/Close/LookupClose.module.css +4 -4
- package/es/lookup/header/Search/LookupSearch.module.css +21 -12
- package/es/lookup/header/TicketHeader/TicketHeader.module.css +5 -2
- package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +8 -3
- package/es/lookup/header/lookupHeaderCommon.module.css +16 -6
- package/es/lookup/header/lookupHeaderCommonResponsive.module.css +12 -3
- package/es/setup/header/Button/HeaderButton.module.css +3 -1
- package/es/setup/header/Link/HeaderLink.module.css +7 -1
- package/es/setup/header/Search/Search.module.css +19 -8
- package/es/setup/header/Views/Views.module.css +15 -5
- package/es/setup/helptips/Link/HelpTipsLink.module.css +1 -0
- package/es/setup/helptips/ListGroup/ListGroup.module.css +6 -1
- package/es/setup/table/TableData/SetupTableData.module.css +11 -3
- package/es/setup/table/TableHead/SetupTableHead.module.css +4 -0
- package/es/setup/table/TableRow/SetupTableRow.module.css +6 -2
- package/es/version2/AlertClose/AlertClose.module.css +1 -1
- package/es/version2/GlobalNotification/GlobalNotification.module.css +44 -9
- package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +25 -2
- package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +7 -3
- package/es/version2/lookup/alertLookupCommonNew.module.css +8 -1
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +26 -10
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +47 -10
- package/lib/ActionButton/ActionButton.module.css +0 -1
- package/lib/FreezeLayer/FreezeLayer.js +31 -4
- package/lib/Provider/Config.js +21 -0
- package/lib/deprecated/utils/General.js +29 -0
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
- package/lib/form/fields/CurrencyField/CurrencyField.js +8 -7
- package/lib/form/fields/DateField/DateField.js +1 -1
- package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
- package/lib/form/fields/PhoneField/PhoneField.js +1 -1
- package/lib/form/fields/RadioField/RadioField.js +1 -1
- package/lib/form/fields/SelectField/SelectField.js +1 -1
- package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
- package/lib/form/fields/TextEditor/TextEditor.module.css +13 -2
- package/lib/form/fields/TextareaField/TextareaField.js +1 -1
- package/lib/list/SecondaryText/AccountName.js +38 -34
- package/lib/list/SecondaryText/ContactName.js +13 -18
- package/lib/list/SecondaryText/SecondaryText.module.css +28 -13
- package/lib/list/status/StatusDropdown/StatusDropdown.js +44 -37
- package/lib/setup/header/Views/Views.js +2 -2
- package/lib/utils/General.js +0 -24
- 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
|
|
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
|
-
|
|
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 (
|
|
220
|
+
if (isPopupReady && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
|
|
220
221
|
e.preventDefault(); //prevent body scroll
|
|
221
222
|
}
|
|
222
223
|
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
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
|
-
|
|
235
|
-
|
|
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
|
-
|
|
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
|
-
|
|
256
|
+
case 13:
|
|
257
|
+
onClick && onClick(options[selectedIndex].name, e);
|
|
258
|
+
onTogglePopup && onTogglePopup(isPopupOpen);
|
|
259
|
+
togglePopup(e, boxPosition);
|
|
260
|
+
break;
|
|
253
261
|
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
262
|
+
default:
|
|
263
|
+
break;
|
|
264
|
+
}
|
|
265
|
+
} else {
|
|
266
|
+
if (keyCode === 13 || keyCode === 40) {
|
|
257
267
|
togglePopup(e, boxPosition);
|
|
258
|
-
|
|
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",
|
package/lib/utils/General.js
CHANGED
|
@@ -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-
|
|
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": "
|
|
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",
|