@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.
- package/README.md +10 -9
- package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +7 -7
- package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +13 -0
- package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +13 -0
- package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +13 -0
- package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +13 -0
- package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +13 -0
- package/assets/Appearance/light/mode/Dot_LightMode.module.css +13 -13
- package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +13 -0
- package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +13 -0
- package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +13 -0
- package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +13 -0
- package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +13 -0
- package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +5 -5
- package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +13 -0
- package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +13 -0
- package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +13 -0
- package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +13 -0
- package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +13 -0
- package/es/AttachmentViewer/AttachmentViewer.js +7 -57
- package/es/AttachmentViewer/AttachmentViewer.module.css +1 -1
- package/es/AttachmentViewer/props/defaultProps.js +1 -2
- package/es/AttachmentViewer/props/propTypes.js +1 -3
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -0
- package/es/Link/Link.js +3 -4
- package/es/Link/props/propTypes.js +0 -1
- package/lib/AttachmentViewer/AttachmentViewer.js +37 -94
- package/lib/AttachmentViewer/AttachmentViewer.module.css +1 -1
- package/lib/AttachmentViewer/props/defaultProps.js +1 -2
- package/lib/AttachmentViewer/props/propTypes.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +2 -0
- package/lib/Link/Link.js +3 -4
- package/lib/Link/props/propTypes.js +0 -1
- 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
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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,
|
|
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
|
-
})) :
|
|
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
|
-
})) :
|
|
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 ?
|
|
553
|
-
return
|
|
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 ?
|
|
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
|
-
},
|
|
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
|
|
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),
|
|
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
|
-
},
|
|
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:
|
|
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
|
|
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:
|
|
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:
|
|
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:
|
|
703
|
+
eleRef: _this6.setImgBoxRef,
|
|
761
704
|
scroll: "both",
|
|
762
705
|
flexible: true
|
|
763
|
-
},
|
|
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:
|
|
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
|
|
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 =
|
|
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:
|
|
770
|
+
onClick: _this6.changeSelectedIndex.bind(_this6, index),
|
|
828
771
|
eleRef: function eleRef(el) {
|
|
829
|
-
return
|
|
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) :
|
|
785
|
+
}, customProps), children) : _this6.getPreviewIconData(name, '40'));
|
|
843
786
|
}))))), totalLen !== 1 && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
844
787
|
dataId: "attachToggle",
|
|
845
|
-
onClick:
|
|
788
|
+
onClick: _this6.togglePViewList,
|
|
846
789
|
iconName: "ZD-GN-hideTab",
|
|
847
790
|
iconSize: "14",
|
|
848
791
|
hoverType: "border",
|
|
@@ -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");
|