@zohodesk/dot 1.0.0-temp-230 → 1.0.0-temp-231

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 (92) hide show
  1. package/README.md +10 -9
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +7 -7
  3. package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +13 -0
  4. package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +13 -0
  5. package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +13 -0
  6. package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +13 -0
  7. package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +13 -0
  8. package/assets/Appearance/light/mode/Dot_LightMode.module.css +13 -13
  9. package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +13 -0
  10. package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +13 -0
  11. package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +13 -0
  12. package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +13 -0
  13. package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +13 -0
  14. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +5 -5
  15. package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +13 -0
  16. package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +13 -0
  17. package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +13 -0
  18. package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +13 -0
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +13 -0
  20. package/es/AttachmentViewer/AttachmentViewer.js +7 -57
  21. package/es/AttachmentViewer/AttachmentViewer.module.css +1 -1
  22. package/es/AttachmentViewer/props/defaultProps.js +1 -2
  23. package/es/AttachmentViewer/props/propTypes.js +1 -3
  24. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +2 -1
  25. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +2 -1
  26. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +2 -1
  27. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +2 -1
  28. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +2 -1
  29. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +2 -1
  30. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +2 -1
  31. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +2 -1
  32. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +2 -1
  33. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +2 -1
  34. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +2 -1
  35. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +2 -1
  36. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +2 -1
  37. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +2 -1
  38. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +2 -1
  39. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -0
  40. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -0
  41. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -0
  42. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -0
  43. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -0
  44. package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -0
  45. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -0
  46. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -0
  47. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -0
  48. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -0
  49. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -0
  50. package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -0
  51. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -0
  52. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -0
  53. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -0
  54. package/es/Link/Link.js +3 -4
  55. package/es/Link/props/propTypes.js +0 -1
  56. package/lib/AttachmentViewer/AttachmentViewer.js +37 -94
  57. package/lib/AttachmentViewer/AttachmentViewer.module.css +1 -1
  58. package/lib/AttachmentViewer/props/defaultProps.js +1 -2
  59. package/lib/AttachmentViewer/props/propTypes.js +1 -3
  60. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +3 -1
  61. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +3 -1
  62. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +3 -1
  63. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +3 -1
  64. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +3 -1
  65. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +3 -1
  66. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +3 -1
  67. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +3 -1
  68. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +3 -1
  69. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +3 -1
  70. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +3 -1
  71. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +3 -1
  72. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +3 -1
  73. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +3 -1
  74. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +3 -1
  75. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +2 -0
  76. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +2 -0
  77. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +2 -0
  78. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +2 -0
  79. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +2 -0
  80. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +2 -0
  81. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +2 -0
  82. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +2 -0
  83. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +2 -0
  84. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +2 -0
  85. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +2 -0
  86. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +2 -0
  87. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +2 -0
  88. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +2 -0
  89. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +2 -0
  90. package/lib/Link/Link.js +3 -4
  91. package/lib/Link/props/propTypes.js +0 -1
  92. package/package.json +8 -8
@@ -1,5 +1,7 @@
1
1
  "use strict";
2
2
 
3
+ 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); }
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
@@ -61,14 +63,6 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
61
63
 
62
64
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
63
65
 
64
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
65
-
66
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
67
-
68
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
69
-
70
- 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); }
71
-
72
66
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
73
67
 
74
68
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -127,50 +121,10 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
127
121
  _this.handleMenuValidation = _this.handleMenuValidation.bind(_assertThisInitialized(_this));
128
122
  _this.getPreviewIconData = _this.getPreviewIconData.bind(_assertThisInitialized(_this));
129
123
  _this.renderIframe = _this.renderIframe.bind(_assertThisInitialized(_this));
130
- _this.updateItem = _this.updateItem.bind(_assertThisInitialized(_this));
131
124
  return _this;
132
125
  }
133
126
 
134
127
  _createClass(AttachmentViewer, [{
135
- key: "updateItem",
136
- value: function updateItem(idOrIndex, changes) {
137
- var _this2 = this;
138
-
139
- if (!changes || _typeof(changes) !== 'object') {
140
- return false;
141
- }
142
-
143
- var data = this.state.data;
144
- var targetIdx = typeof idOrIndex === 'number' ? idOrIndex : data.findIndex(function (item) {
145
- return item && item.id === idOrIndex;
146
- });
147
-
148
- if (targetIdx < 0 || targetIdx >= data.length) {
149
- return false;
150
- }
151
-
152
- this.setState(function (prevState) {
153
- var nextData = prevState.data.slice();
154
- nextData[targetIdx] = _objectSpread(_objectSpread({}, nextData[targetIdx]), changes);
155
- var nextDataList = prevState.dataList;
156
-
157
- if (targetIdx < prevState.dataList.length) {
158
- nextDataList = prevState.dataList.slice();
159
- nextDataList[targetIdx] = _objectSpread(_objectSpread({}, nextDataList[targetIdx]), changes);
160
- }
161
-
162
- return {
163
- data: nextData,
164
- dataList: nextDataList
165
- };
166
- }, function () {
167
- if (_this2.state.selectedIndex === targetIdx) {
168
- _this2.handleMenuValidation();
169
- }
170
- });
171
- return true;
172
- }
173
- }, {
174
128
  key: "isImageFileType",
175
129
  value: function isImageFileType(fileName) {
176
130
  var extension = ((0, _Attachment.getExtensionFromFileName)(fileName) || '').toLowerCase();
@@ -205,14 +159,11 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
205
159
  }, {
206
160
  key: "componentDidUpdate",
207
161
  value: function componentDidUpdate(prevProps, prevState) {
208
- var _previewObj$previewDa, _prevState$data$;
209
-
210
162
  var previewObj = this.props.previewObj;
211
163
  var selectedIndex = this.state.selectedIndex;
212
164
  var indexChanged = previewObj.selectedIndex != prevProps.previewObj.selectedIndex;
213
- var attachmentPreviewUrlChanged = ((_previewObj$previewDa = previewObj.previewData[0]) === null || _previewObj$previewDa === void 0 ? void 0 : _previewObj$previewDa.viewUrl) !== ((_prevState$data$ = prevState.data[0]) === null || _prevState$data$ === void 0 ? void 0 : _prevState$data$.viewUrl); // Triggers an update if the previewed attachment is edited by the Attachment Annotator.
214
165
 
215
- if (previewObj.previewData.length != prevProps.previewObj.previewData.length || indexChanged || attachmentPreviewUrlChanged) {
166
+ if (previewObj.previewData.length != prevProps.previewObj.previewData.length || indexChanged) {
216
167
  var objChanged = previewObj.previewData.some(function (value, index) {
217
168
  return (0, _General.shallowDiff)(value, prevProps.previewObj[index]);
218
169
  });
@@ -231,14 +182,14 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
231
182
  }
232
183
  }
233
184
 
234
- if (prevState.selectedIndex != selectedIndex || attachmentPreviewUrlChanged) {
185
+ if (prevState.selectedIndex != selectedIndex) {
235
186
  this.handleMenuValidation();
236
187
  }
237
188
  }
238
189
  }, {
239
190
  key: "handleMenuValidation",
240
191
  value: function handleMenuValidation() {
241
- var _this3 = this;
192
+ var _this2 = this;
242
193
 
243
194
  var _this$state = this.state,
244
195
  data = _this$state.data,
@@ -258,7 +209,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
258
209
  var isViewURLValid = fileSourceValidation.isViewURLValid,
259
210
  canZoom = fileSourceValidation.canZoom;
260
211
 
261
- _this3.setState({
212
+ _this2.setState({
262
213
  isPreviewAttachmentValid: isViewURLValid,
263
214
  canZoom: canZoom,
264
215
  canOpenInNewTab: isViewURLValid
@@ -268,14 +219,14 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
268
219
  }, {
269
220
  key: "togglePViewList",
270
221
  value: function togglePViewList() {
271
- var _this4 = this;
222
+ var _this3 = this;
272
223
 
273
224
  this.setState(function (prevState) {
274
225
  return {
275
226
  isPViewListOpen: !prevState.isPViewListOpen
276
227
  };
277
228
  }, function () {
278
- _this4.focusSelectedImg(_this4.state.selectedIndex);
229
+ _this3.focusSelectedImg(_this3.state.selectedIndex);
279
230
  });
280
231
  }
281
232
  }, {
@@ -369,7 +320,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
369
320
  }, {
370
321
  key: "changeSelectedIndex",
371
322
  value: function changeSelectedIndex(index) {
372
- var _this5 = this;
323
+ var _this4 = this;
373
324
 
374
325
  var _this$state2 = this.state,
375
326
  data = _this$state2.data,
@@ -384,7 +335,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
384
335
  this.setState({
385
336
  selectedIndex: index
386
337
  }, function () {
387
- _this5.focusSelectedImg(index);
338
+ _this4.focusSelectedImg(index);
388
339
  });
389
340
  }
390
341
  }, {
@@ -448,7 +399,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
448
399
  }, {
449
400
  key: "imgPreviewView",
450
401
  value: function imgPreviewView(downloadUrl) {
451
- var _this6 = this;
402
+ var _this5 = this;
452
403
 
453
404
  var _this$state3 = this.state,
454
405
  dataList = _this$state3.dataList,
@@ -527,7 +478,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
527
478
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
528
479
  className: _AttachmentViewerModule["default"].imgRef,
529
480
  id: "imgPreviewRef".concat(i)
530
- }, selectedIndex == i && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _this6.isAudioFileType(name) ? /*#__PURE__*/_react["default"].createElement("audio", _extends({
481
+ }, selectedIndex == i && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _this5.isAudioFileType(name) ? /*#__PURE__*/_react["default"].createElement("audio", _extends({
531
482
  controls: true,
532
483
  className: _AttachmentViewerModule["default"].zoomIn,
533
484
  "data-id": "".concat(dataId, "_audioPreview"),
@@ -535,7 +486,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
535
486
  }, audioProps), /*#__PURE__*/_react["default"].createElement("source", {
536
487
  src: previewurl || viewUrl,
537
488
  type: "audio/".concat(extension)
538
- })) : _this6.isVideoFileType(name) ? /*#__PURE__*/_react["default"].createElement("video", _extends({
489
+ })) : _this5.isVideoFileType(name) ? /*#__PURE__*/_react["default"].createElement("video", _extends({
539
490
  controls: true,
540
491
  className: _AttachmentViewerModule["default"].zoomIn,
541
492
  "data-id": "".concat(dataId, "_videoPreview"),
@@ -543,32 +494,31 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
543
494
  }, videoProps), /*#__PURE__*/_react["default"].createElement("source", {
544
495
  src: viewUrl,
545
496
  type: "video/".concat(extension)
546
- })) : _this6.isImageFileType(name) || children ? /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
497
+ })) : _this5.isImageFileType(name) || children ? /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
547
498
  customClass: {
548
499
  customImageClass: "".concat(_AttachmentViewerModule["default"].img, " ").concat(_AttachmentViewerModule["default"].altText, " ").concat(canZoom || retainZoom ? isZoomed ? "".concat(_AttachmentViewerModule["default"].zoomedImg, " ").concat(_AttachmentViewerModule["default"].zoomOutCursor) : "".concat(_AttachmentViewerModule["default"].normalImg, " ").concat(_AttachmentViewerModule["default"].zoomInCursor) : '', " ").concat(customImageClass),
549
500
  customChildrenClass: customChildrenClass
550
501
  },
551
502
  src: viewUrl,
552
- onClick: isPreviewAttachmentValid ? isZoomed ? _this6.zoomOut.bind(_this6, i) : function (e) {
553
- return _this6.zoomIn(e, i, true);
503
+ onClick: isPreviewAttachmentValid ? isZoomed ? _this5.zoomOut.bind(_this5, i) : function (e) {
504
+ return _this5.zoomIn(e, i, true);
554
505
  } : undefined,
555
506
  alt: name,
556
507
  dataId: dataId,
557
508
  id: "img".concat(i),
558
509
  isCover: false
559
- }, imageProps), children) : type === "document" && previewurl != null ? _this6.renderIframe(previewurl) : typeof renderUnSupportedElement === 'function' ? renderUnSupportedElement(data) : /*#__PURE__*/_react["default"].createElement("div", {
510
+ }, imageProps), children) : type === "document" && previewurl != null ? _this5.renderIframe(previewurl) : typeof renderUnSupportedElement === 'function' ? renderUnSupportedElement(data) : /*#__PURE__*/_react["default"].createElement("div", {
560
511
  className: _AttachmentViewerModule["default"].previewNone
561
512
  }, /*#__PURE__*/_react["default"].createElement("div", {
562
513
  className: _AttachmentViewerModule["default"].fileTypeImg
563
- }, _this6.getPreviewIconData(name, '70')), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
514
+ }, _this5.getPreviewIconData(name, '70')), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
564
515
  $ui_size: "20",
565
516
  $ui_weight: "semibold"
566
517
  }, previewUnsupportedText), downloadUrl ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
567
518
  href: downloadUrl,
568
- download: true,
569
- downloadName: name,
570
519
  className: _AttachmentViewerModule["default"].downloadLink,
571
- hasReload: true
520
+ hasReload: true,
521
+ download: true
572
522
  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
573
523
  palette: "primaryFilled",
574
524
  text: downloadText
@@ -578,7 +528,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
578
528
  }, {
579
529
  key: "render",
580
530
  value: function render() {
581
- var _this7 = this;
531
+ var _this6 = this;
582
532
 
583
533
  var _this$state4 = this.state,
584
534
  isPViewListOpen = _this$state4.isPViewListOpen,
@@ -593,9 +543,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
593
543
  i18nKeys = _this$props2.i18nKeys,
594
544
  isActive = _this$props2.isActive,
595
545
  dataId = _this$props2.dataId,
596
- customProps = _this$props2.customProps,
597
- showCount = _this$props2.showCount,
598
- renderCustomIcons = _this$props2.renderCustomIcons;
546
+ customProps = _this$props2.customProps;
599
547
  var _customProps$avatarPr = customProps.avatarProps,
600
548
  avatarProps = _customProps$avatarPr === void 0 ? {} : _customProps$avatarPr;
601
549
  var totalLen = data.length;
@@ -637,7 +585,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
637
585
  "data-title": selectedAttachment.name,
638
586
  dataId: "attachName",
639
587
  id: ariaId
640
- }, selectedAttachment.name), showCount && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
588
+ }, selectedAttachment.name), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
641
589
  flexible: true,
642
590
  className: _AttachmentViewerModule["default"].count,
643
591
  dataId: "attachCountContainer"
@@ -649,13 +597,9 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
649
597
  align: uptoTablet ? 'bottom' : 'center',
650
598
  wrap: "wrap",
651
599
  isCover: false
652
- }, typeof renderCustomIcons === 'function' && renderCustomIcons({
653
- selectedAttachment: selectedAttachment,
654
- selectedIndex: selectedIndex,
655
- totalLen: totalLen
656
- }), canZoom ? isZoomed ? /*#__PURE__*/_react["default"].createElement("div", {
600
+ }, canZoom ? isZoomed ? /*#__PURE__*/_react["default"].createElement("div", {
657
601
  className: uptoTablet ? _AttachmentViewerModule["default"].mobileMenu : _AttachmentViewerModule["default"].menu,
658
- onClick: _this7.zoomOut.bind(_this7, selectedIndex),
602
+ onClick: _this6.zoomOut.bind(_this6, selectedIndex),
659
603
  "data-id": "zoomOut",
660
604
  "data-test-id": "zoomOut",
661
605
  "data-title": i18nKeys.zoomOutText
@@ -670,7 +614,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
670
614
  })) : /*#__PURE__*/_react["default"].createElement("div", {
671
615
  className: uptoTablet ? _AttachmentViewerModule["default"].mobileMenu : _AttachmentViewerModule["default"].menu,
672
616
  onClick: function onClick(e) {
673
- return _this7.zoomIn(e, selectedIndex);
617
+ return _this6.zoomIn(e, selectedIndex);
674
618
  },
675
619
  "data-id": "zoomIn",
676
620
  "data-test-id": "zoomIn",
@@ -703,7 +647,6 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
703
647
  className: uptoTablet ? _AttachmentViewerModule["default"].mobileMenu : _AttachmentViewerModule["default"].menu
704
648
  }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
705
649
  href: downloadUrl,
706
- downloadName: selectedAttachment.name,
707
650
  target: "_parent",
708
651
  hasReload: true,
709
652
  download: true,
@@ -720,7 +663,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
720
663
  }
721
664
  }))) : null, /*#__PURE__*/_react["default"].createElement("div", {
722
665
  className: uptoTablet ? _AttachmentViewerModule["default"].mobileMenu : _AttachmentViewerModule["default"].menu,
723
- onClick: _this7.closeAttachmentViewer,
666
+ onClick: _this6.closeAttachmentViewer,
724
667
  "data-id": "closeAttach",
725
668
  "data-test-id": "closeAttach",
726
669
  "data-title": i18nKeys.closeText
@@ -741,7 +684,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
741
684
  alignBox: "row"
742
685
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
743
686
  className: "".concat(_AttachmentViewerModule["default"].arrowBox, " ").concat(uptoTablet ? _AttachmentViewerModule["default"].mbleArrowBox : _AttachmentViewerModule["default"].nrmlArrowBox, " ").concat(selectedIndex === 0 ? _AttachmentViewerModule["default"].hidden : ''),
744
- onClick: _this7.changeSelectedIndex.bind(_this7, selectedIndex - 1),
687
+ onClick: _this6.changeSelectedIndex.bind(_this6, selectedIndex - 1),
745
688
  "data-title": i18nKeys.previousText,
746
689
  "data-title-position": "left"
747
690
  }, /*#__PURE__*/_react["default"].createElement("button", {
@@ -757,12 +700,12 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
757
700
  tabindex: "0",
758
701
  "aria-describedby": ariaId,
759
702
  isShrink: false,
760
- eleRef: _this7.setImgBoxRef,
703
+ eleRef: _this6.setImgBoxRef,
761
704
  scroll: "both",
762
705
  flexible: true
763
- }, _this7.imgPreviewView(downloadUrl)), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
706
+ }, _this6.imgPreviewView(downloadUrl)), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
764
707
  className: "".concat(_AttachmentViewerModule["default"].arrowBox, " ").concat(uptoTablet ? _AttachmentViewerModule["default"].mbleArrowBox : _AttachmentViewerModule["default"].nrmlArrowBox, " ").concat(totalLen === selectedIndex + 1 ? _AttachmentViewerModule["default"].hidden : ''),
765
- onClick: _this7.changeSelectedIndex.bind(_this7, selectedIndex + 1),
708
+ onClick: _this6.changeSelectedIndex.bind(_this6, selectedIndex + 1),
766
709
  "data-title": i18nKeys.nextText,
767
710
  "data-title-position": "right"
768
711
  }, /*#__PURE__*/_react["default"].createElement("button", {
@@ -802,7 +745,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
802
745
  alignBox: "row",
803
746
  scroll: "horizontal",
804
747
  eleRef: function eleRef(el) {
805
- return _this7.imgListCont = el;
748
+ return _this6.imgListCont = el;
806
749
  },
807
750
  className: _AttachmentViewerModule["default"].listContainer
808
751
  }, data.map(function (item, index) {
@@ -816,7 +759,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
816
759
  _item$customProps = item.customProps,
817
760
  customProps = _item$customProps === void 0 ? {} : _item$customProps;
818
761
  var thumbnail = item.thumbnail;
819
- var isImageFileType = _this7.isImageFileType(name) || thumbnail;
762
+ var isImageFileType = _this6.isImageFileType(name) || thumbnail;
820
763
  var _customClass$customIm2 = customClass.customImageClass,
821
764
  customImageClass = _customClass$customIm2 === void 0 ? '' : _customClass$customIm2,
822
765
  _customClass$customCh2 = customClass.customChildrenClass,
@@ -824,9 +767,9 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
824
767
  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
825
768
  className: "".concat(_AttachmentViewerModule["default"].imgItem, " ").concat(index === selectedIndex ? _AttachmentViewerModule["default"].selected : '', " ").concat(isImageFileType ? '' : _AttachmentViewerModule["default"].previewIconDiv),
826
769
  key: index,
827
- onClick: _this7.changeSelectedIndex.bind(_this7, index),
770
+ onClick: _this6.changeSelectedIndex.bind(_this6, index),
828
771
  eleRef: function eleRef(el) {
829
- return _this7["img_".concat(index)] = el;
772
+ return _this6["img_".concat(index)] = el;
830
773
  },
831
774
  dataId: "attachPreviewList",
832
775
  "data-title": name
@@ -839,10 +782,10 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
839
782
  customChildrenClass: "".concat(_AttachmentViewerModule["default"].crsrPointer, " ").concat(customChildrenClass)
840
783
  },
841
784
  dataId: dataId
842
- }, customProps), children) : _this7.getPreviewIconData(name, '40'));
785
+ }, customProps), children) : _this6.getPreviewIconData(name, '40'));
843
786
  }))))), totalLen !== 1 && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
844
787
  dataId: "attachToggle",
845
- onClick: _this7.togglePViewList,
788
+ onClick: _this6.togglePViewList,
846
789
  iconName: "ZD-GN-hideTab",
847
790
  iconSize: "14",
848
791
  hoverType: "border",
@@ -1,5 +1,5 @@
1
1
  .header {
2
- height: var(--zd_size48) ;
2
+ height: var(--zd_size40) ;
3
3
  position: relative;
4
4
  z-index: 1;
5
5
  padding-block:0 ;
@@ -19,7 +19,6 @@ var AttachmentViewer_defaultProps = {
19
19
  isActive: false,
20
20
  dataId: 'AttachmentViewer',
21
21
  i18nKeys: {},
22
- customProps: {},
23
- showCount: true
22
+ customProps: {}
24
23
  };
25
24
  exports.AttachmentViewer_defaultProps = AttachmentViewer_defaultProps;
@@ -56,8 +56,6 @@ var AttachmentViewer_propTypes = {
56
56
  renderUnSupportedElement: _propTypes["default"].func,
57
57
  customProps: _propTypes["default"].shape({
58
58
  avatarProps: _propTypes["default"].exact(_propTypes2.propTypes)
59
- }),
60
- showCount: _propTypes["default"].bool,
61
- renderCustomIcons: _propTypes["default"].func
59
+ })
62
60
  };
63
61
  exports.AttachmentViewer_propTypes = AttachmentViewer_propTypes;
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_componentsCTA_DarkModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_componentsCTA_LightModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_componentsCTA_PureDarkModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/dark/themes/green/green_componentsCTA_DarkModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/light/themes/green/green_componentsCTA_LightModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_componentsCTA_PureDarkModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_componentsCTA_DarkModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_componentsCTA_LightModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_componentsCTA_PureDarkModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/dark/themes/red/red_componentsCTA_DarkModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/light/themes/red/red_componentsCTA_LightModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_componentsCTA_PureDarkModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_componentsCTA_DarkModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_componentsCTA_LightModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css");
3
+ require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css");
4
+
5
+ require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_componentsCTA_PureDarkModifyCategory.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css");
@@ -1,3 +1,5 @@
1
1
  "use strict";
2
2
 
3
+ require("./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css");
4
+
3
5
  require("./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css");