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

package/es/list/status/StatusDropdown/props/defaultProps.js

@@ -19,6 +19,5 @@ export const defaultProps = {
   isFetchingOptions: false,
   isAbsolutePositioningNeeded: true,
   isRestrictScroll: false,
-  customClass: {},
-  renderSuggestedStatus: null
+  customClass: {}
 };

package/es/list/status/StatusDropdown/props/propTypes.js

@@ -56,7 +56,6 @@ export const propTypes = {
   positionsOffset: PropTypes.object,
   renderTargetElement: PropTypes.func,
   renderFooterElement: PropTypes.node,
-  renderSuggestedStatus: PropTypes.node,
   targetOffset: PropTypes.object,
   customClass: PropTypes.shape({
     dropBoxClass: PropTypes.string

package/lib/AttachmentViewer/AttachmentViewer.js

@@ -1,7 +1,5 @@
 "use strict";
 
-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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -63,6 +61,14 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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; }
 
+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; }
+
+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; }
+
+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; }
+
+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); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 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); } }
@@ -121,10 +127,50 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
     _this.handleMenuValidation = _this.handleMenuValidation.bind(_assertThisInitialized(_this));
     _this.getPreviewIconData = _this.getPreviewIconData.bind(_assertThisInitialized(_this));
     _this.renderIframe = _this.renderIframe.bind(_assertThisInitialized(_this));
+    _this.updateItem = _this.updateItem.bind(_assertThisInitialized(_this));
     return _this;
   }
 
   _createClass(AttachmentViewer, [{
+    key: "updateItem",
+    value: function updateItem(idOrIndex, changes) {
+      var _this2 = this;
+
+      if (!changes || _typeof(changes) !== 'object') {
+        return false;
+      }
+
+      var data = this.state.data;
+      var targetIdx = typeof idOrIndex === 'number' ? idOrIndex : data.findIndex(function (item) {
+        return item && item.id === idOrIndex;
+      });
+
+      if (targetIdx < 0 || targetIdx >= data.length) {
+        return false;
+      }
+
+      this.setState(function (prevState) {
+        var nextData = prevState.data.slice();
+        nextData[targetIdx] = _objectSpread(_objectSpread({}, nextData[targetIdx]), changes);
+        var nextDataList = prevState.dataList;
+
+        if (targetIdx < prevState.dataList.length) {
+          nextDataList = prevState.dataList.slice();
+          nextDataList[targetIdx] = _objectSpread(_objectSpread({}, nextDataList[targetIdx]), changes);
+        }
+
+        return {
+          data: nextData,
+          dataList: nextDataList
+        };
+      }, function () {
+        if (_this2.state.selectedIndex === targetIdx) {
+          _this2.handleMenuValidation();
+        }
+      });
+      return true;
+    }
+  }, {
     key: "isImageFileType",
     value: function isImageFileType(fileName) {
       var extension = ((0, _Attachment.getExtensionFromFileName)(fileName) || '').toLowerCase();
@@ -159,11 +205,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,14 +231,14 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         }
       }
 
-      if (prevState.selectedIndex != selectedIndex) {
+      if (prevState.selectedIndex != selectedIndex || attachmentPreviewUrlChanged) {
         this.handleMenuValidation();
       }
     }
   }, {
     key: "handleMenuValidation",
     value: function handleMenuValidation() {
-      var _this2 = this;
+      var _this3 = this;
 
       var _this$state = this.state,
           data = _this$state.data,
@@ -209,7 +258,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         var isViewURLValid = fileSourceValidation.isViewURLValid,
             canZoom = fileSourceValidation.canZoom;
 
-        _this2.setState({
+        _this3.setState({
           isPreviewAttachmentValid: isViewURLValid,
           canZoom: canZoom,
           canOpenInNewTab: isViewURLValid
@@ -219,14 +268,14 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
   }, {
     key: "togglePViewList",
     value: function togglePViewList() {
-      var _this3 = this;
+      var _this4 = this;
 
       this.setState(function (prevState) {
         return {
           isPViewListOpen: !prevState.isPViewListOpen
         };
       }, function () {
-        _this3.focusSelectedImg(_this3.state.selectedIndex);
+        _this4.focusSelectedImg(_this4.state.selectedIndex);
       });
     }
   }, {
@@ -320,7 +369,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
   }, {
     key: "changeSelectedIndex",
     value: function changeSelectedIndex(index) {
-      var _this4 = this;
+      var _this5 = this;
 
       var _this$state2 = this.state,
           data = _this$state2.data,
@@ -335,7 +384,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
       this.setState({
         selectedIndex: index
       }, function () {
-        _this4.focusSelectedImg(index);
+        _this5.focusSelectedImg(index);
       });
     }
   }, {
@@ -399,7 +448,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
   }, {
     key: "imgPreviewView",
     value: function imgPreviewView(downloadUrl) {
-      var _this5 = this;
+      var _this6 = this;
 
       var _this$state3 = this.state,
           dataList = _this$state3.dataList,
@@ -478,7 +527,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           className: _AttachmentViewerModule["default"].imgRef,
           id: "imgPreviewRef".concat(i)
-        }, selectedIndex == i && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _this5.isAudioFileType(name) ? /*#__PURE__*/_react["default"].createElement("audio", _extends({
+        }, selectedIndex == i && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _this6.isAudioFileType(name) ? /*#__PURE__*/_react["default"].createElement("audio", _extends({
           controls: true,
           className: _AttachmentViewerModule["default"].zoomIn,
           "data-id": "".concat(dataId, "_audioPreview"),
@@ -486,7 +535,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         }, audioProps), /*#__PURE__*/_react["default"].createElement("source", {
           src: previewurl || viewUrl,
           type: "audio/".concat(extension)
-        })) : _this5.isVideoFileType(name) ? /*#__PURE__*/_react["default"].createElement("video", _extends({
+        })) : _this6.isVideoFileType(name) ? /*#__PURE__*/_react["default"].createElement("video", _extends({
           controls: true,
           className: _AttachmentViewerModule["default"].zoomIn,
           "data-id": "".concat(dataId, "_videoPreview"),
@@ -494,31 +543,32 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         }, videoProps), /*#__PURE__*/_react["default"].createElement("source", {
           src: viewUrl,
           type: "video/".concat(extension)
-        })) : _this5.isImageFileType(name) || children ? /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
+        })) : _this6.isImageFileType(name) || children ? /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
           customClass: {
             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),
             customChildrenClass: customChildrenClass
           },
           src: viewUrl,
-          onClick: isPreviewAttachmentValid ? isZoomed ? _this5.zoomOut.bind(_this5, i) : function (e) {
-            return _this5.zoomIn(e, i, true);
+          onClick: isPreviewAttachmentValid ? isZoomed ? _this6.zoomOut.bind(_this6, i) : function (e) {
+            return _this6.zoomIn(e, i, true);
           } : undefined,
           alt: name,
           dataId: dataId,
           id: "img".concat(i),
           isCover: false
-        }, imageProps), children) : type === "document" && previewurl != null ? _this5.renderIframe(previewurl) : typeof renderUnSupportedElement === 'function' ? renderUnSupportedElement(data) : /*#__PURE__*/_react["default"].createElement("div", {
+        }, imageProps), children) : type === "document" && previewurl != null ? _this6.renderIframe(previewurl) : typeof renderUnSupportedElement === 'function' ? renderUnSupportedElement(data) : /*#__PURE__*/_react["default"].createElement("div", {
           className: _AttachmentViewerModule["default"].previewNone
         }, /*#__PURE__*/_react["default"].createElement("div", {
           className: _AttachmentViewerModule["default"].fileTypeImg
-        }, _this5.getPreviewIconData(name, '70')), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        }, _this6.getPreviewIconData(name, '70')), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
           $ui_size: "20",
           $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
@@ -528,7 +578,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this6 = this;
+      var _this7 = this;
 
       var _this$state4 = this.state,
           isPViewListOpen = _this$state4.isPViewListOpen,
@@ -543,7 +593,9 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           i18nKeys = _this$props2.i18nKeys,
           isActive = _this$props2.isActive,
           dataId = _this$props2.dataId,
-          customProps = _this$props2.customProps;
+          customProps = _this$props2.customProps,
+          showCount = _this$props2.showCount,
+          renderCustomIcons = _this$props2.renderCustomIcons;
       var _customProps$avatarPr = customProps.avatarProps,
           avatarProps = _customProps$avatarPr === void 0 ? {} : _customProps$avatarPr;
       var totalLen = data.length;
@@ -585,7 +637,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           "data-title": selectedAttachment.name,
           dataId: "attachName",
           id: ariaId
-        }, selectedAttachment.name), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        }, selectedAttachment.name), showCount && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true,
           className: _AttachmentViewerModule["default"].count,
           dataId: "attachCountContainer"
@@ -597,9 +649,13 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           align: uptoTablet ? 'bottom' : 'center',
           wrap: "wrap",
           isCover: false
-        }, canZoom ? isZoomed ? /*#__PURE__*/_react["default"].createElement("div", {
+        }, typeof renderCustomIcons === 'function' && renderCustomIcons({
+          selectedAttachment: selectedAttachment,
+          selectedIndex: selectedIndex,
+          totalLen: totalLen
+        }), canZoom ? isZoomed ? /*#__PURE__*/_react["default"].createElement("div", {
           className: uptoTablet ? _AttachmentViewerModule["default"].mobileMenu : _AttachmentViewerModule["default"].menu,
-          onClick: _this6.zoomOut.bind(_this6, selectedIndex),
+          onClick: _this7.zoomOut.bind(_this7, selectedIndex),
           "data-id": "zoomOut",
           "data-test-id": "zoomOut",
           "data-title": i18nKeys.zoomOutText
@@ -614,7 +670,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         })) : /*#__PURE__*/_react["default"].createElement("div", {
           className: uptoTablet ? _AttachmentViewerModule["default"].mobileMenu : _AttachmentViewerModule["default"].menu,
           onClick: function onClick(e) {
-            return _this6.zoomIn(e, selectedIndex);
+            return _this7.zoomIn(e, selectedIndex);
           },
           "data-id": "zoomIn",
           "data-test-id": "zoomIn",
@@ -647,6 +703,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,
@@ -663,7 +720,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           }
         }))) : null, /*#__PURE__*/_react["default"].createElement("div", {
           className: uptoTablet ? _AttachmentViewerModule["default"].mobileMenu : _AttachmentViewerModule["default"].menu,
-          onClick: _this6.closeAttachmentViewer,
+          onClick: _this7.closeAttachmentViewer,
           "data-id": "closeAttach",
           "data-test-id": "closeAttach",
           "data-title": i18nKeys.closeText
@@ -684,7 +741,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           alignBox: "row"
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           className: "".concat(_AttachmentViewerModule["default"].arrowBox, "  ").concat(uptoTablet ? _AttachmentViewerModule["default"].mbleArrowBox : _AttachmentViewerModule["default"].nrmlArrowBox, " ").concat(selectedIndex === 0 ? _AttachmentViewerModule["default"].hidden : ''),
-          onClick: _this6.changeSelectedIndex.bind(_this6, selectedIndex - 1),
+          onClick: _this7.changeSelectedIndex.bind(_this7, selectedIndex - 1),
           "data-title": i18nKeys.previousText,
           "data-title-position": "left"
         }, /*#__PURE__*/_react["default"].createElement("button", {
@@ -700,12 +757,12 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           tabindex: "0",
           "aria-describedby": ariaId,
           isShrink: false,
-          eleRef: _this6.setImgBoxRef,
+          eleRef: _this7.setImgBoxRef,
           scroll: "both",
           flexible: true
-        }, _this6.imgPreviewView(downloadUrl)), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        }, _this7.imgPreviewView(downloadUrl)), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           className: "".concat(_AttachmentViewerModule["default"].arrowBox, "  ").concat(uptoTablet ? _AttachmentViewerModule["default"].mbleArrowBox : _AttachmentViewerModule["default"].nrmlArrowBox, " ").concat(totalLen === selectedIndex + 1 ? _AttachmentViewerModule["default"].hidden : ''),
-          onClick: _this6.changeSelectedIndex.bind(_this6, selectedIndex + 1),
+          onClick: _this7.changeSelectedIndex.bind(_this7, selectedIndex + 1),
           "data-title": i18nKeys.nextText,
           "data-title-position": "right"
         }, /*#__PURE__*/_react["default"].createElement("button", {
@@ -745,7 +802,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           alignBox: "row",
           scroll: "horizontal",
           eleRef: function eleRef(el) {
-            return _this6.imgListCont = el;
+            return _this7.imgListCont = el;
           },
           className: _AttachmentViewerModule["default"].listContainer
         }, data.map(function (item, index) {
@@ -759,7 +816,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
               _item$customProps = item.customProps,
               customProps = _item$customProps === void 0 ? {} : _item$customProps;
           var thumbnail = item.thumbnail;
-          var isImageFileType = _this6.isImageFileType(name) || thumbnail;
+          var isImageFileType = _this7.isImageFileType(name) || thumbnail;
           var _customClass$customIm2 = customClass.customImageClass,
               customImageClass = _customClass$customIm2 === void 0 ? '' : _customClass$customIm2,
               _customClass$customCh2 = customClass.customChildrenClass,
@@ -767,9 +824,9 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
             className: "".concat(_AttachmentViewerModule["default"].imgItem, " ").concat(index === selectedIndex ? _AttachmentViewerModule["default"].selected : '', " ").concat(isImageFileType ? '' : _AttachmentViewerModule["default"].previewIconDiv),
             key: index,
-            onClick: _this6.changeSelectedIndex.bind(_this6, index),
+            onClick: _this7.changeSelectedIndex.bind(_this7, index),
             eleRef: function eleRef(el) {
-              return _this6["img_".concat(index)] = el;
+              return _this7["img_".concat(index)] = el;
             },
             dataId: "attachPreviewList",
             "data-title": name
@@ -782,10 +839,10 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
               customChildrenClass: "".concat(_AttachmentViewerModule["default"].crsrPointer, " ").concat(customChildrenClass)
             },
             dataId: dataId
-          }, customProps), children) : _this6.getPreviewIconData(name, '40'));
+          }, customProps), children) : _this7.getPreviewIconData(name, '40'));
         }))))), totalLen !== 1 && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
           dataId: "attachToggle",
-          onClick: _this6.togglePViewList,
+          onClick: _this7.togglePViewList,
           iconName: "ZD-GN-hideTab",
           iconSize: "14",
           hoverType: "border",

package/lib/AttachmentViewer/AttachmentViewer.module.css

@@ -1,5 +1,5 @@
 .header {
-    height: var(--zd_size40) ;
+    height: var(--zd_size48) ;
     position: relative;
     z-index: 1;
     padding-block:0 ;

package/lib/AttachmentViewer/props/defaultProps.js

@@ -19,6 +19,7 @@ var AttachmentViewer_defaultProps = {
   isActive: false,
   dataId: 'AttachmentViewer',
   i18nKeys: {},
-  customProps: {}
+  customProps: {},
+  showCount: true
 };
 exports.AttachmentViewer_defaultProps = AttachmentViewer_defaultProps;

package/lib/AttachmentViewer/props/propTypes.js

@@ -56,6 +56,8 @@ var AttachmentViewer_propTypes = {
   renderUnSupportedElement: _propTypes["default"].func,
   customProps: _propTypes["default"].shape({
     avatarProps: _propTypes["default"].exact(_propTypes2.propTypes)
-  })
+  }),
+  showCount: _propTypes["default"].bool,
+  renderCustomIcons: _propTypes["default"].func
 };
 exports.AttachmentViewer_propTypes = AttachmentViewer_propTypes;

package/lib/DotProvider/props/defaultProps.js

@@ -7,7 +7,7 @@ exports.defaultProps = void 0;
 
 var _constants = require("../utils/constants");
 
-var _utils = require("@zohodesk/utils");
+var _constant = require("@zohodesk/utils/es/constantProps/constant");
 
 var defaultProps = {
   themeAppearance: _constants.THEME_APPEARANCE_LIGHT,
@@ -16,7 +16,7 @@ var defaultProps = {
   baseFontUnit: '16px',
   zoomUnitVariable: '--zd_baseUnit',
   fontUnitVariable: '--zd_baseFontUnit',
-  excludeFeatures: _utils.DUMMY_ARRAY,
+  excludeFeatures: _constant.DUMMY_ARRAY,
   themeAppearanceAttr: 'data-mode',
   themeColorAttr: 'data-theme'
 };

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,10 +119,10 @@ 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'];
+      var ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'downloadName', 'rel', 'dataId', 'hasReload', 'customProps', 'option', 'ariaLabel'];
       var others = Object.keys(this.props).filter(function (key) {
         return ignoreKeys.indexOf(key) == -1;
       }).reduce(function (res, key) {

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/lib/common/dot_boxShadow.module.css

@@ -40,6 +40,4 @@
     --zd_bs_onboarding_close_icon: var(--zd_bs_contrast_outline, 0px 2px 15px var(--zd-shadow-saturation, rgba(0, 0, 0, 0.09)));
     --zd_bs_onboarding_gradient: var(--zd_bs_contrast_outline, 0px 20px 30px 0px var(--zdt_onboarding_bg_box_shadow));
     --zd_bs_onboarding_primary_button: var(--zd_bs_contrast_outline, 0px 4px 20px 0px var(--zdt_onboarding_primary_button_shadow));
-/* status dropdown */
-    --zd_bs_statusdropdown_wrapper_container: var(--zd_bs_contrast_outline, 3px 3px 26px 0 var(--zdt_texteditor_menu_after_box_shadow));
 }

package/lib/form/fields/SelectField/SelectField.js

@@ -145,8 +145,7 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
           onFocus = _this$props3.onFocus,
           iconOnHover = _this$props3.iconOnHover,
           customProps = _this$props3.customProps,
-          renderLabelProps = _this$props3.renderLabelProps,
-          renderSuggestedStatus = _this$props3.renderSuggestedStatus;
+          renderLabelProps = _this$props3.renderLabelProps;
       var _customProps$LabelPro = customProps.LabelProps,
           LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
           _customProps$SelectPr = customProps.SelectProps,
@@ -217,8 +216,7 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
         iconOnHover: iconOnHover,
         title: title
       }, SelectProps, {
-        ariaLabelledby: uniqueId,
-        renderSuggestedStatus: renderSuggestedStatus
+        ariaLabelledby: uniqueId
       }), children ? children : null)), validationMessage && /*#__PURE__*/_react["default"].createElement(_ValidationMessage["default"], _extends({
         text: validationMessage,
         palette: validationPalette,

package/lib/form/fields/SelectField/props/propTypes.js

@@ -62,7 +62,6 @@ var propTypes = _objectSpread({
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   }),
-  renderSuggestedStatus: _propTypes["default"].node,
   htmlId: _propTypes["default"].string
 }, _FieldCommonPropTypes.FieldCommonPropTypes);