@zohodesk/dot 1.0.0-temp-225 → 1.0.0-temp-225.1npm

package/es/AttachmentViewer/AttachmentViewer.js

@@ -80,8 +80,9 @@ export default class AttachmentViewer extends Component {
       selectedIndex
     } = this.state;
     let indexChanged = previewObj.selectedIndex != prevProps.previewObj.selectedIndex;
+    const attachmentPreviewUrlChanged = previewObj.previewData[0]?.viewUrl !== prevState.data[0]?.viewUrl; // Triggers an update if the previewed attachment is edited by the Attachment Annotator.
 
-    if (previewObj.previewData.length != prevProps.previewObj.previewData.length || indexChanged) {
+    if (previewObj.previewData.length != prevProps.previewObj.previewData.length || indexChanged || attachmentPreviewUrlChanged) {
       let objChanged = previewObj.previewData.some((value, index) => {
         return shallowDiff(value, prevProps.previewObj[index]);
       });
@@ -100,7 +101,7 @@ export default class AttachmentViewer extends Component {
       }
     }
 
-    if (prevState.selectedIndex != selectedIndex) {
+    if (prevState.selectedIndex != selectedIndex || attachmentPreviewUrlChanged) {
       this.handleMenuValidation();
     }
   }
@@ -424,9 +425,10 @@ export default class AttachmentViewer extends Component {
         $ui_weight: "semibold"
       }, previewUnsupportedText), downloadUrl ? /*#__PURE__*/React.createElement(Link, {
         href: downloadUrl,
+        download: true,
+        downloadName: name,
         className: style.downloadLink,
-        hasReload: true,
-        download: true
+        hasReload: true
       }, /*#__PURE__*/React.createElement(Button, {
         palette: "primaryFilled",
         text: downloadText
@@ -561,6 +563,7 @@ export default class AttachmentViewer extends Component {
         className: uptoTablet ? style.mobileMenu : style.menu
       }, /*#__PURE__*/React.createElement(Link, {
         href: downloadUrl,
+        downloadName: selectedAttachment.name,
         target: "_parent",
         hasReload: true,
         download: true,

package/es/Link/Link.js

@@ -61,7 +61,8 @@ export default class Link extends React.Component {
       rel,
       dataId,
       customProps,
-      ariaLabel
+      ariaLabel,
+      downloadName
     } = this.props;
     let {
       isLink,
@@ -71,7 +72,7 @@ export default class Link extends React.Component {
     let option = {};
 
     if (download) {
-      option.download = true;
+      option.download = downloadName || true;
     }
 
     let ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'rel', 'dataId', 'hasReload', 'customProps', 'option', 'ariaLabel'];
@@ -92,7 +93,8 @@ export default class Link extends React.Component {
     }, others, {
       onClick: this.onCallBack.bind(this, urlOutput, href)
     }, customProps, {
-      "aria-label": ariaLabel
+      "aria-label": ariaLabel,
+      download: downloadName
     }), children);
   }
 

package/es/Link/props/propTypes.js

@@ -13,6 +13,7 @@ export const propTypes = {
   customProps: PropTypes.object,
   onClick: PropTypes.func,
   download: PropTypes.bool,
+  downloadName: PropTypes.string,
   ariaLabel: PropTypes.string,
   key: PropTypes.string
 };

package/lib/AttachmentViewer/AttachmentViewer.js

@@ -159,11 +159,14 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
+      var _previewObj$previewDa, _prevState$data$;
+
       var previewObj = this.props.previewObj;
       var selectedIndex = this.state.selectedIndex;
       var indexChanged = previewObj.selectedIndex != prevProps.previewObj.selectedIndex;
+      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.
 
-      if (previewObj.previewData.length != prevProps.previewObj.previewData.length || indexChanged) {
+      if (previewObj.previewData.length != prevProps.previewObj.previewData.length || indexChanged || attachmentPreviewUrlChanged) {
         var objChanged = previewObj.previewData.some(function (value, index) {
           return (0, _General.shallowDiff)(value, prevProps.previewObj[index]);
         });
@@ -182,7 +185,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         }
       }
 
-      if (prevState.selectedIndex != selectedIndex) {
+      if (prevState.selectedIndex != selectedIndex || attachmentPreviewUrlChanged) {
         this.handleMenuValidation();
       }
     }
@@ -516,9 +519,10 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           $ui_weight: "semibold"
         }, previewUnsupportedText), downloadUrl ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
           href: downloadUrl,
+          download: true,
+          downloadName: name,
           className: _AttachmentViewerModule["default"].downloadLink,
-          hasReload: true,
-          download: true
+          hasReload: true
         }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
           palette: "primaryFilled",
           text: downloadText
@@ -653,6 +657,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           className: uptoTablet ? _AttachmentViewerModule["default"].mobileMenu : _AttachmentViewerModule["default"].menu
         }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
           href: downloadUrl,
+          downloadName: selectedAttachment.name,
           target: "_parent",
           hasReload: true,
           download: true,

package/lib/Link/Link.js

@@ -110,7 +110,8 @@ var Link = /*#__PURE__*/function (_React$Component) {
           rel = _this$props2.rel,
           dataId = _this$props2.dataId,
           customProps = _this$props2.customProps,
-          ariaLabel = _this$props2.ariaLabel;
+          ariaLabel = _this$props2.ariaLabel,
+          downloadName = _this$props2.downloadName;
       var _this$context$options = this.context.options,
           isLink = _this$context$options.isLink,
           constructURL = _this$context$options.constructURL;
@@ -118,7 +119,7 @@ var Link = /*#__PURE__*/function (_React$Component) {
       var option = {};
 
       if (download) {
-        option.download = true;
+        option.download = downloadName || true;
       }
 
       var ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'rel', 'dataId', 'hasReload', 'customProps', 'option', 'ariaLabel'];
@@ -141,7 +142,8 @@ var Link = /*#__PURE__*/function (_React$Component) {
       }, others, {
         onClick: this.onCallBack.bind(this, urlOutput, href)
       }, customProps, {
-        "aria-label": ariaLabel
+        "aria-label": ariaLabel,
+        download: downloadName
       }), children);
     }
   }]);

package/lib/Link/props/propTypes.js

@@ -23,6 +23,7 @@ var propTypes = {
   customProps: _propTypes["default"].object,
   onClick: _propTypes["default"].func,
   download: _propTypes["default"].bool,
+  downloadName: _propTypes["default"].string,
   ariaLabel: _propTypes["default"].string,
   key: _propTypes["default"].string
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-225",
+  "version": "1.0.0-temp-225.1npm",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -72,13 +72,13 @@
     "@zohodesk/hooks": "2.0.8",
     "@zohodesk/icons": "1.2.5",
     "@zohodesk/layout": "^3.1.0",
-    "@zohodesk/svg": "1.3.2",
+    "@zohodesk/svg": "1.3.3",
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/variables": "1.2.0",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "velocity-react": "1.4.3",
-    "@zohodesk/dotkit": "1.0.8",
+    "@zohodesk/dotkit": "1.0.9",
     "@zohodesk/react-cli": "1.1.27",
     "@zohodesk/client_build_tool": "0.0.20"
   },
@@ -87,7 +87,7 @@
     "@zohodesk/variables": "1.2.0",
     "@zohodesk/components": "1.6.4",
     "@zohodesk/icons": "1.2.5",
-    "@zohodesk/svg": "1.3.2",
+    "@zohodesk/svg": "1.3.3",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.8",