@zohodesk/dot 1.0.0-temp-71 → 1.0.0-temp-74

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 (133) hide show
  1. package/README.md +4 -0
  2. package/assets/Appearance/dark/mode/dotDarkMode.module.css +10 -0
  3. package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +6 -0
  4. package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +6 -0
  5. package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +6 -0
  6. package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +6 -0
  7. package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +6 -0
  8. package/assets/Appearance/default/mode/dotDefaultMode.module.css +10 -0
  9. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +6 -0
  10. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +6 -0
  11. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +6 -0
  12. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +6 -0
  13. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +6 -0
  14. package/es/ActionButton/ActionButton.module.css +9 -25
  15. package/es/AlphabeticList/AlphabeticList.module.css +4 -7
  16. package/es/Attachment/Attachment.module.css +9 -20
  17. package/es/AttachmentViewer/Attachment.js +17 -0
  18. package/es/AttachmentViewer/AttachmentImage.js +85 -0
  19. package/es/AttachmentViewer/AttachmentViewer.js +562 -0
  20. package/es/AttachmentViewer/AttachmentViewer.module.css +291 -0
  21. package/es/AttachmentViewer/utils.js +107 -0
  22. package/es/ChannelIcon/ChannelIcon.module.css +21 -30
  23. package/es/Drawer/Drawer.module.css +11 -59
  24. package/es/FlipCard/FlipCard.module.css +5 -14
  25. package/es/FormAction/FormAction.module.css +9 -34
  26. package/es/FreezeLayer/FreezeLayer.module.css +2 -6
  27. package/es/IconButton/IconButton.module.css +1 -1
  28. package/es/ImportantNotes/ImportantNotes.js +3 -5
  29. package/es/ImportantNotes/ImportantNotes.module.css +2 -7
  30. package/es/Loader/Loader.module.css +4 -25
  31. package/es/Message/Message.module.css +9 -42
  32. package/es/MessageBanner/MessageBanner.module.css +4 -12
  33. package/es/NewStar/NewStar.module.css +5 -42
  34. package/es/ToastMessage/ToastMessage.module.css +25 -96
  35. package/es/Upload/Upload.module.css +8 -27
  36. package/es/alert/AlertHeader/AlertHeader.module.css +3 -21
  37. package/es/alert/AlertLookup/AlertLookup.module.css +2 -6
  38. package/es/avatar/AvatarClose/AvatarClose.module.css +3 -9
  39. package/es/avatar/AvatarCollision/AvatarCollision.module.css +4 -18
  40. package/es/avatar/AvatarIcon/AvatarIcon.module.css +4 -3
  41. package/es/avatar/AvatarStatus/AvatarStatus.module.css +9 -59
  42. package/es/avatar/AvatarThread/AvatarThread.module.css +5 -55
  43. package/es/avatar/AvatarUser/AvatarUser.module.css +10 -81
  44. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +3 -10
  45. package/es/common/dot_animation.module.css +14 -0
  46. package/es/common/dot_common.module.css +4 -0
  47. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +3 -11
  48. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +6 -19
  49. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +4 -12
  50. package/es/emptystate/EditionPage/EditionPage.css +3 -9
  51. package/es/errorstate/EmptyStates.module.css +10 -13
  52. package/es/errorstate/Inconvenience/Inconvenience.module.css +0 -3
  53. package/es/errorstate/LinkText/LinkText.module.css +1 -1
  54. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +2 -2
  55. package/es/errorstate/WillBack/WillBack.module.css +3 -1
  56. package/es/form/fields/Fields.module.css +14 -49
  57. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +7 -19
  58. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +1 -4
  59. package/es/form/fields/TextEditor/TextEditor.js +4 -1
  60. package/es/form/fields/TextEditor/TextEditor.module.css +72 -149
  61. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +2 -13
  62. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +4 -9
  63. package/es/form/layout/Field/Field.js +1 -1
  64. package/es/form/layout/Section/Section.js +3 -7
  65. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +16 -52
  66. package/es/layout/SubtabLayout/SubtabLayout.module.css +29 -55
  67. package/es/list/BluePrintStatus/BluePrintStatus.module.css +1 -4
  68. package/es/list/Comment/Comment.module.css +0 -5
  69. package/es/list/DotNew/DotNew.module.css +3 -3
  70. package/es/list/GridStencils/GridStencils.module.css +16 -70
  71. package/es/list/Icons/Icons.module.css +1 -1
  72. package/es/list/ListLayout/ListLayout.module.css +14 -22
  73. package/es/list/ListStencils/ListStencils.module.css +6 -11
  74. package/es/list/SecondaryText/SecondaryText.module.css +3 -13
  75. package/es/list/SentimentStatus/SentimentStatus.module.css +1 -4
  76. package/es/list/TagNew/TagNew.module.css +7 -14
  77. package/es/list/Thread/Thread.module.css +1 -13
  78. package/es/list/UserTime/UserTime.module.css +0 -6
  79. package/es/list/listCommon.module.css +1 -9
  80. package/es/list/status/StatusDropdown/StatusDropdown.module.css +6 -19
  81. package/es/list/status/StatusListItem/StatusListItem.module.css +15 -38
  82. package/es/lookup/Lookup/Lookup.module.css +2 -2
  83. package/es/lookup/Section/LookupSection.module.css +2 -2
  84. package/es/lookup/header/Close/LookupClose.module.css +4 -4
  85. package/es/lookup/header/ModuleHeader/ModuleHeader.js +3 -8
  86. package/es/lookup/header/Search/LookupSearch.module.css +12 -21
  87. package/es/lookup/header/TicketHeader/TicketHeader.js +4 -7
  88. package/es/lookup/header/TicketHeader/TicketHeader.module.css +2 -5
  89. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +3 -8
  90. package/es/lookup/header/lookupHeaderCommon.module.css +5 -21
  91. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +3 -12
  92. package/es/setup/header/Button/HeaderButton.module.css +1 -3
  93. package/es/setup/header/Link/HeaderLink.module.css +1 -7
  94. package/es/setup/header/Search/Search.module.css +8 -19
  95. package/es/setup/header/Views/Views.module.css +5 -15
  96. package/es/setup/helptips/Link/HelpTipsLink.module.css +0 -1
  97. package/es/setup/helptips/ListGroup/ListGroup.module.css +1 -6
  98. package/es/setup/table/TableData/SetupTableData.module.css +3 -11
  99. package/es/setup/table/TableHead/SetupTableHead.module.css +0 -4
  100. package/es/setup/table/TableRow/SetupTableRow.module.css +2 -6
  101. package/es/version2/AlertClose/AlertClose.module.css +1 -1
  102. package/es/version2/GlobalNotification/GlobalNotification.module.css +9 -44
  103. package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +2 -25
  104. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +3 -7
  105. package/es/version2/lookup/alertLookupCommonNew.module.css +1 -8
  106. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +10 -26
  107. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +10 -47
  108. package/images/audio_thumbnail.png +0 -0
  109. package/lib/ActionButton/ActionButton.module.css +1 -0
  110. package/lib/FreezeLayer/FreezeLayer.js +4 -31
  111. package/lib/ImportantNotes/ImportantNotes.js +3 -5
  112. package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
  113. package/lib/form/fields/CurrencyField/CurrencyField.js +8 -9
  114. package/lib/form/fields/DateField/DateField.js +1 -1
  115. package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
  116. package/lib/form/fields/PhoneField/PhoneField.js +1 -1
  117. package/lib/form/fields/RadioField/RadioField.js +1 -1
  118. package/lib/form/fields/SelectField/SelectField.js +1 -1
  119. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +4 -7
  120. package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
  121. package/lib/form/fields/TextEditor/TextEditor.module.css +2 -13
  122. package/lib/form/fields/TextareaField/TextareaField.js +1 -1
  123. package/lib/form/layout/Field/Field.js +1 -1
  124. package/lib/form/layout/Section/Section.js +3 -7
  125. package/lib/list/status/StatusDropdown/StatusDropdown.js +37 -44
  126. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +3 -8
  127. package/lib/lookup/header/TicketHeader/TicketHeader.js +4 -7
  128. package/lib/lookup/header/lookupHeaderCommon.module.css +2 -8
  129. package/lib/setup/header/Views/Views.js +2 -2
  130. package/lib/utils/General.js +24 -0
  131. package/package.json +7 -7
  132. package/lib/Provider/Config.js +0 -21
  133. package/lib/deprecated/utils/General.js +0 -29
@@ -23,6 +23,8 @@ var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
23
23
 
24
24
  var _FieldsModule = _interopRequireDefault(require("../Fields.module.css"));
25
25
 
26
+ var _General = require("../../../utils/General");
27
+
26
28
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
29
 
28
30
  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) {
143
145
  needReadOnlyStyle = _this$props3.needReadOnlyStyle,
144
146
  isClickable = _this$props3.isClickable,
145
147
  userCurrencyType = _this$props3.userCurrencyType,
146
- customProps = _this$props3.customProps,
147
- formatCurrency = _this$props3.formatCurrency;
148
+ customProps = _this$props3.customProps;
148
149
  var _customProps$LabelPro = customProps.LabelProps,
149
150
  LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
150
151
  _customProps$TextBoxP = customProps.TextBoxProps,
@@ -156,8 +157,8 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
156
157
  var isActive = this.state.isActive;
157
158
  var formatValue = value;
158
159
 
159
- if (!isActive) {
160
- formatValue = formatCurrency(value, userCurrencyType);
160
+ if (!isActive && value != 0) {
161
+ formatValue = (0, _General.formatCurrency)(value, userCurrencyType);
161
162
  } else {
162
163
  formatValue = value;
163
164
  }
@@ -165,7 +166,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
165
166
  var uniqueId = htmlId ? htmlId : this.getNextId();
166
167
  return /*#__PURE__*/_react["default"].createElement("div", {
167
168
  className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
168
- "data-title": isDisabled ? title : null
169
+ "data-title": isDisabled ? title : ''
169
170
  }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
170
171
  className: _FieldsModule["default"].labelContainer
171
172
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
@@ -265,8 +266,7 @@ CurrencyField.propTypes = {
265
266
  TextBoxProps: _propTypes["default"].object,
266
267
  ValidationMessageProps1: _propTypes["default"].object,
267
268
  ValidationMessageProps2: _propTypes["default"].object
268
- }),
269
- formatCurrency: _propTypes["default"].func
269
+ })
270
270
  };
271
271
  CurrencyField.defaultProps = {
272
272
  errorType: 'primary',
@@ -282,8 +282,7 @@ CurrencyField.defaultProps = {
282
282
  labelCustomClass: '',
283
283
  isClickable: false,
284
284
  needReadOnlyStyle: true,
285
- customProps: {},
286
- formatCurrency: function formatCurrency() {}
285
+ customProps: {}
287
286
  };
288
287
 
289
288
  if (false) {
@@ -172,7 +172,7 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
172
172
  var getAriaId = htmlId ? htmlId : this.getNextId();
173
173
  return /*#__PURE__*/_react["default"].createElement("div", {
174
174
  className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
175
- "data-title": isDisabled ? title : null
175
+ "data-title": isDisabled ? title : ''
176
176
  }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
177
177
  className: _FieldsModule["default"].labelContainer
178
178
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
@@ -185,7 +185,7 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
185
185
  var uniqueId = htmlId ? htmlId : this.getNextId();
186
186
  return /*#__PURE__*/_react["default"].createElement("div", {
187
187
  className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
188
- "data-title": isDisabled ? title : null
188
+ "data-title": isDisabled ? title : ''
189
189
  }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
190
190
  className: _FieldsModule["default"].labelContainer
191
191
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
@@ -169,7 +169,7 @@ var PhoneField = /*#__PURE__*/function (_PureComponent) {
169
169
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
170
170
  alignBox: "row",
171
171
  className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : ''),
172
- "data-title": isDisabled ? title : null
172
+ "data-title": isDisabled ? title : ''
173
173
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
174
174
  flexible: true
175
175
  }, /*#__PURE__*/_react["default"].createElement(_TextBoxField["default"], _extends({
@@ -106,7 +106,7 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
106
106
  ValidationMessageProps2 = _customProps$Validati2 === void 0 ? {} : _customProps$Validati2;
107
107
  return /*#__PURE__*/_react["default"].createElement("div", {
108
108
  className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
109
- "data-title": isDisabled ? title : null
109
+ "data-title": isDisabled ? title : ''
110
110
  }, labelName && /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
111
111
  text: labelName,
112
112
  size: "medium",
@@ -153,7 +153,7 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
153
153
  var uniqueId = htmlId ? htmlId : this.getNextId();
154
154
  return /*#__PURE__*/_react["default"].createElement("div", {
155
155
  className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
156
- "data-title": isDisabled ? title : null
156
+ "data-title": isDisabled ? title : ''
157
157
  }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
158
158
  className: _FieldsModule["default"].labelContainer
159
159
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
@@ -177,8 +177,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
177
177
  needBorder = _this$props3.needBorder,
178
178
  borderColor = _this$props3.borderColor,
179
179
  getTextBoxChildren = _this$props3.getTextBoxChildren,
180
- htmlId = _this$props3.htmlId,
181
- boxSize = _this$props3.boxSize;
180
+ htmlId = _this$props3.htmlId;
182
181
  var showAll = this.state.showAll;
183
182
  var chipLimit = !isPopupReady ? showAll ? tagsList.length : chipNeedToShow : tagsList.length;
184
183
  return /*#__PURE__*/_react["default"].createElement("div", {
@@ -240,7 +239,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
240
239
  isArrow: false,
241
240
  getRef: getContainerRef,
242
241
  isBoxPaddingNeed: true,
243
- size: boxSize,
242
+ size: "default",
244
243
  boxPosition: boxPosition,
245
244
  isPadding: false,
246
245
  customClass: {
@@ -336,8 +335,7 @@ TagsMultiSelect.propTypes = {
336
335
  borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'dark']),
337
336
  needBorder: _propTypes["default"].bool,
338
337
  getTextBoxChildren: _propTypes["default"].func,
339
- htmlId: _propTypes["default"].string,
340
- boxSize: _propTypes["default"].string
338
+ htmlId: _propTypes["default"].string
341
339
  };
342
340
  TagsMultiSelect.defaultProps = {
343
341
  className: '',
@@ -345,8 +343,7 @@ TagsMultiSelect.defaultProps = {
345
343
  chipNeedToShow: '5',
346
344
  borderColor: 'default',
347
345
  needBorder: true,
348
- dataId: '',
349
- boxSize: 'default'
346
+ dataId: ''
350
347
  };
351
348
 
352
349
  if (false) {
@@ -147,7 +147,7 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
147
147
  var uniqueId = htmlId ? htmlId : this.getNextId();
148
148
  return /*#__PURE__*/_react["default"].createElement("div", {
149
149
  className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
150
- "data-title": isDisabled ? title : null
150
+ "data-title": isDisabled ? title : ''
151
151
  }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
152
152
  className: _FieldsModule["default"].labelContainer
153
153
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
@@ -649,18 +649,7 @@
649
649
  right: 0;
650
650
  left: 0;
651
651
  }
652
- .readOnly :global .KB_Editor_menus {
653
- display: none !important;
654
- }
652
+ .readOnly :global .KB_Editor_menus,
655
653
  .editorHide :global .KB_Editor {
656
- position: absolute !important;
657
- top: 0;
658
- opacity: 0;
659
- visibility: hidden;
660
- }
661
- [dir=ltr] .editorHide :global .KB_Editor {
662
- left: 0;
663
- }
664
- [dir=rtl] .editorHide :global .KB_Editor {
665
- right: 0;
654
+ display: none !important;
666
655
  }
@@ -143,7 +143,7 @@ var TextareaField = /*#__PURE__*/function (_PureComponent) {
143
143
  var uniqueId = htmlId ? htmlId : this.getNextId();
144
144
  return /*#__PURE__*/_react["default"].createElement("div", {
145
145
  className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
146
- "data-title": isDisabled ? title : null
146
+ "data-title": isDisabled ? title : ''
147
147
  }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
148
148
  className: _FieldsModule["default"].labelContainer
149
149
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
@@ -62,7 +62,7 @@ var Field = /*#__PURE__*/function (_Component) {
62
62
  containerClass = _this$props.containerClass,
63
63
  dataId = _this$props.dataId;
64
64
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
65
- className: "".concat(column == 'single' ? "".concat(_FieldModule["default"].singleColumn) : "".concat(_FieldModule["default"][width]), " ", "formFieldLi_".concat(width), " ").concat(containerClass ? containerClass : '', " "),
65
+ className: "".concat(containerClass ? containerClass : '', " ").concat(column == 'single' ? "".concat(_FieldModule["default"].singleColumn) : "".concat(_FieldModule["default"][width], " ")),
66
66
  "data-id": dataId
67
67
  }, /*#__PURE__*/_react["default"].createElement("div", {
68
68
  className: "".concat(className ? className : '', " ", "fieldWidth_".concat(width))
@@ -60,19 +60,16 @@ var Section = /*#__PURE__*/function (_Component) {
60
60
  titleClass = _this$props.titleClass,
61
61
  className = _this$props.className,
62
62
  column = _this$props.column,
63
- formName = _this$props.formName,
64
- innerContainerClass = _this$props.innerContainerClass;
63
+ formName = _this$props.formName;
65
64
  return /*#__PURE__*/_react["default"].createElement("div", {
66
65
  "data-id": dataId,
67
66
  className: containerClass ? containerClass : ''
68
- }, /*#__PURE__*/_react["default"].createElement("div", {
69
- className: innerContainerClass ? innerContainerClass : ''
70
67
  }, title && /*#__PURE__*/_react["default"].createElement("div", {
71
68
  className: titleClass ? titleClass : ''
72
69
  }, title), /*#__PURE__*/_react["default"].createElement("div", {
73
70
  className: "".concat(className ? className : '', " ").concat(column == 'single' ? _ModuleFormSectionModule["default"].singleColumn : ''),
74
71
  "data-id": formName && formName
75
- }, this.props.children)));
72
+ }, this.props.children));
76
73
  }
77
74
  }]);
78
75
 
@@ -86,8 +83,7 @@ Section.propTypes = {
86
83
  containerClass: _propTypes["default"].string,
87
84
  dataId: _propTypes["default"].string,
88
85
  title: _propTypes["default"].string,
89
- titleClass: _propTypes["default"].string,
90
- innerContainerClass: _propTypes["default"].string
86
+ titleClass: _propTypes["default"].string
91
87
  };
92
88
 
93
89
  if (false) {
@@ -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();
185
+ isPopupOpen ? isSearch ? _this2.searchInput && _this2.searchInput.focus() : _this2.hiddenInput && _this2.hiddenInput.focus() : _this2.hiddenInput && _this2.hiddenInput.focus();
186
186
  }, 10);
187
187
  }
188
188
 
@@ -211,61 +211,54 @@ 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
- isPopupReady = _this$props4.isPopupReady,
214
+ isPopupOpen = _this$props4.isPopupOpen,
215
215
  isNextOptions = _this$props4.isNextOptions,
216
216
  getNextOptions = _this$props4.getNextOptions,
217
- onTogglePopup = _this$props4.onTogglePopup,
218
- isPopupOpen = _this$props4.isPopupOpen;
217
+ onTogglePopup = _this$props4.onTogglePopup;
219
218
 
220
- if (isPopupReady && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
219
+ if (isPopupOpen && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
221
220
  e.preventDefault(); //prevent body scroll
222
221
  }
223
222
 
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
- });
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();
239
232
  }
240
233
 
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
- }
234
+ this.setState({
235
+ selectedIndex: selectedIndex + 1
236
+ });
237
+ }
253
238
 
254
- break;
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
+ }
255
251
 
256
- case 13:
257
- onClick && onClick(options[selectedIndex].name, e);
258
- onTogglePopup && onTogglePopup(isPopupOpen);
259
- togglePopup(e, boxPosition);
260
- break;
252
+ break;
261
253
 
262
- default:
263
- break;
264
- }
265
- } else {
266
- if (keyCode === 13 || keyCode === 40) {
254
+ case 13:
255
+ onClick && onClick(options[selectedIndex].name, e);
256
+ onTogglePopup && onTogglePopup(isPopupOpen);
267
257
  togglePopup(e, boxPosition);
268
- }
258
+ break;
259
+
260
+ default:
261
+ break;
269
262
  }
270
263
  }
271
264
  }, {
@@ -80,12 +80,11 @@ var ModuleHeader = /*#__PURE__*/function (_PureComponent) {
80
80
  miniDescription = _this$props.miniDescription,
81
81
  dataId = _this$props.dataId,
82
82
  closeTitle = _this$props.closeTitle,
83
- onSearchKeyDown = _this$props.onSearchKeyDown,
84
- palette = _this$props.palette;
83
+ onSearchKeyDown = _this$props.onSearchKeyDown;
85
84
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
86
85
  align: "vertical",
87
86
  alignBox: "row",
88
- className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)]),
87
+ className: "".concat(_lookupHeaderCommonModule["default"].container),
89
88
  isCover: false,
90
89
  wrap: "wrap",
91
90
  dataId: dataId
@@ -135,11 +134,7 @@ ModuleHeader.propTypes = {
135
134
  title: _propTypes["default"].string,
136
135
  dataId: _propTypes["default"].string,
137
136
  closeTitle: _propTypes["default"].string,
138
- onSearchKeyDown: _propTypes["default"].func,
139
- palette: _propTypes["default"].oneOf(['default', 'white'])
140
- };
141
- ModuleHeader.defaultProps = {
142
- palette: 'default'
137
+ onSearchKeyDown: _propTypes["default"].func
143
138
  };
144
139
 
145
140
  if (false) {
@@ -82,14 +82,13 @@ var TicketHeader = /*#__PURE__*/function (_Component) {
82
82
  needOnTypeSearch = _this$props.needOnTypeSearch,
83
83
  getSearchBoxRef = _this$props.getSearchBoxRef,
84
84
  needViewsList = _this$props.needViewsList,
85
- i18nKeys = _this$props.i18nKeys,
86
- palette = _this$props.palette;
85
+ i18nKeys = _this$props.i18nKeys;
87
86
  var _i18nKeys$menuEmptyMe = i18nKeys.menuEmptyMessage,
88
87
  menuEmptyMessage = _i18nKeys$menuEmptyMe === void 0 ? 'No matches found' : _i18nKeys$menuEmptyMe;
89
88
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
90
89
  align: "vertical",
91
90
  alignBox: "row",
92
- className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)], " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
91
+ className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
93
92
  isCover: false,
94
93
  wrap: "wrap"
95
94
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -157,12 +156,10 @@ TicketHeader.propTypes = {
157
156
  title: _propTypes["default"].string,
158
157
  i18nKeys: _propTypes["default"].shape({
159
158
  menuEmptyMessage: _propTypes["default"].string
160
- }),
161
- palette: _propTypes["default"].oneOf(['default', 'white'])
159
+ })
162
160
  };
163
161
  TicketHeader.defaultProps = {
164
- i18nKeys: {},
165
- palette: 'default'
162
+ i18nKeys: {}
166
163
  };
167
164
 
168
165
  if (false) {
@@ -1,19 +1,13 @@
1
1
  .container {
2
2
  min-height: var(--zd_size51);
3
3
  position: relative;
4
+ background-color: var(--zdt_lookupheader_default_bg);
5
+ border-bottom: solid 1px var(--zdt_lookupheader_default_border);
4
6
  }[dir=ltr] .container {
5
7
  padding: 0 var(--zd_size52) 0 var(--zd_size10);
6
8
  }[dir=rtl] .container {
7
9
  padding: 0 var(--zd_size10) 0 var(--zd_size52);
8
10
  }
9
- .default {
10
- background-color: var(--zdt_lookupheader_default_bg);
11
- border-bottom: solid 1px var(--zdt_lookupheader_default_border);
12
- }
13
- .white {
14
- background-color: var(--dot_white);
15
- border-bottom: solid 1px var(--zdt_cta_grey_35_border);
16
- }
17
11
  .searchContainer, .title {
18
12
  margin: 0 var(--zd_size20);
19
13
  }
@@ -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 : null,
65
+ "data-title": !isList ? listTitle : '',
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 : null,
72
+ "data-title": !isGrid ? gridTitle : '',
73
73
  onClick: onGridClick
74
74
  }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
75
75
  name: "ZD-grid",
@@ -3,11 +3,14 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
+ exports.formatCurrency = formatCurrency;
6
7
  exports.formatPhoneUrl = formatPhoneUrl;
7
8
  exports.getFullName = getFullName;
8
9
  exports.shallowDiff = shallowDiff;
9
10
  exports.stopBubbling = stopBubbling;
10
11
 
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
+
11
14
  function stopBubbling(event) {
12
15
  event.preventDefault();
13
16
  event.stopPropagation && event.stopPropagation();
@@ -55,4 +58,25 @@ function formatPhoneUrl(phone) {
55
58
  }
56
59
 
57
60
  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;
58
82
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-71",
3
+ "version": "1.0.0-temp-74",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "jsnext:main": "es/index.js",
@@ -34,9 +34,9 @@
34
34
  "velocity-react": "1.4.3",
35
35
  "@zohodesk/variables": "1.0.0-beta.29",
36
36
  "@zohodesk/i18n": "1.0.0-beta.7",
37
- "@zohodesk/components": "1.0.0-alpha-233",
38
- "@zohodesk/icons": "1.0.0-beta.96",
39
- "@zohodesk/svg": "1.0.0-beta.41",
37
+ "@zohodesk/components": "1.0.0-alpha-234",
38
+ "@zohodesk/icons": "1.0.0-beta.98",
39
+ "@zohodesk/svg": "1.0.0-beta.42",
40
40
  "@zohodesk/virtualizer": "1.0.3",
41
41
  "react-sortable-hoc": "^0.8.3"
42
42
  },
@@ -44,9 +44,9 @@
44
44
  "velocity-react": "1.4.3",
45
45
  "@zohodesk/variables": "1.0.0-beta.29",
46
46
  "@zohodesk/i18n": "1.0.0-beta.7",
47
- "@zohodesk/components": "1.0.0-alpha-233",
48
- "@zohodesk/icons": "1.0.0-beta.96",
49
- "@zohodesk/svg": "1.0.0-beta.41"
47
+ "@zohodesk/components": "1.0.0-alpha-234",
48
+ "@zohodesk/icons": "1.0.0-beta.98",
49
+ "@zohodesk/svg": "1.0.0-beta.42"
50
50
  },
51
51
  "react-cli": {
52
52
  "preprocessor": {
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getDotLibraryConfig = getDotLibraryConfig;
7
- exports.setDotLibraryConfig = setDotLibraryConfig;
8
- var config = {
9
- freezeLayer: {
10
- enable: function enable() {},
11
- disable: function disable() {}
12
- }
13
- };
14
-
15
- function getDotLibraryConfig(key) {
16
- return config[key];
17
- }
18
-
19
- function setDotLibraryConfig(configObj) {
20
- config = Object.assign({}, config, configObj);
21
- }
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.formatCurrency = formatCurrency;
7
-
8
- 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); }
9
-
10
- function formatCurrency(number, symbol) {
11
- // format number 1000000 to 1,234,567
12
- if (number && number != 0) {
13
- var typeOfData = _typeof(number);
14
-
15
- var isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
16
-
17
- if (isDecimal) {
18
- var val = number.toString().split('.');
19
- var arr1 = "".concat(val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
20
- var finalVal = "".concat(symbol).concat(arr1, ".").concat(val[1]);
21
- return finalVal;
22
- } else {
23
- var value = "".concat(symbol).concat(number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
24
- return value;
25
- }
26
- }
27
-
28
- return number;
29
- }