@zohodesk/dot 1.0.0-temp-188 → 1.0.0-temp-189

package/es/lookup/header/ViewDropDown/props/propTypes.js

@@ -5,7 +5,6 @@ export const propTypes = {
   searchBoxPlaceHolder: PropTypes.string,
   searchEmptyMessage: PropTypes.string,
   dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  dataId: PropTypes.string,
 
   /**** Popup props ****/
   isPopupOpen: PropTypes.bool,

package/es/setup/header/Search/Search.js

@@ -45,15 +45,13 @@ export default class Search extends React.Component {
       value,
       onChange,
       onKeyPress,
-      customClass,
-      dataId
+      customClass
     } = this.props;
     let {
       isFocus
     } = this.state;
     return /*#__PURE__*/React.createElement("div", {
-      className: `${style.container} ${isFocus ? style.active : ''} ${customClass}`,
-      dataId: dataId
+      className: `${style.container} ${isFocus ? style.active : ''} ${customClass}`
     }, /*#__PURE__*/React.createElement(TextBox, {
       placeHolder: placeHolder,
       customClass: style.input,

package/es/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap

@@ -4,7 +4,6 @@ exports[`Search rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     class="container  "
-    dataid="search"
   >
     <input
       class="  basic borderColor_default  input"

package/es/setup/header/Search/props/defaultProps.js

@@ -1,6 +1,5 @@
 export const defaultProps = {
   placeHolder: 'Search',
   maxLength: 150,
-  customClass: '',
-  dataId: 'search'
+  customClass: ''
 };

package/es/setup/header/Search/props/propTypes.js

@@ -7,6 +7,5 @@ export const propTypes = {
   onFocus: PropTypes.func,
   onKeyPress: PropTypes.func,
   placeHolder: PropTypes.string,
-  value: PropTypes.string,
-  dataId: PropTypes.string
+  value: PropTypes.string
 };

package/es/v1/ActionButton/ActionButton.js

@@ -60,8 +60,7 @@ function ActionButton(props) {
     onMouseEnter: !onClick ? onHover && handleTogglePopup : undefined,
     onMouseLeave: !onClick ? onHover && handleTogglePopup : undefined,
     eleRef: getTargetRef,
-    dataSelectorId: dataSelectorId,
-    dataId: `${dataId}_actionButton`
+    dataSelectorId: dataSelectorId
   }, isLoading ? /*#__PURE__*/React.createElement(Box, {
     flexible: true
   }, /*#__PURE__*/React.createElement(Button, {
@@ -127,8 +126,7 @@ function ActionButton(props) {
     getRef: getContainerRef,
     popupGroup: popupGroup,
     needFocusScope: true,
-    onClose: handleTogglePopup,
-    dataId: `${dataId}_dropbox`
+    onClose: handleTogglePopup
   }, /*#__PURE__*/React.createElement(Box, {
     flexible: true,
     shrink: true,

package/es/v1/Attachment/Attachment.js

@@ -76,8 +76,7 @@ const Attachment = props => {
     href: downloadLink,
     className: style.attachDownload,
     title: downloadTitle,
-    hasReload: true,
-    dataId: `${dataId}_download`
+    hasReload: true
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "ZD-downloadNew",
     iconClass: style.downIcon

package/es/v1/AttachmentViewer/AttachmentViewer.js

@@ -220,8 +220,7 @@ export default class AttachmentViewer extends Component {
       isZoomed
     } = this.state;
     const {
-      maintainZoom,
-      dataId
+      maintainZoom
     } = this.props;
 
     const getImgStyle = i => {
@@ -266,8 +265,7 @@ export default class AttachmentViewer extends Component {
       }, isAudioFile(data.name) ? selectedIndex == i ? /*#__PURE__*/React.createElement("video", {
         autoPlay: true,
         controls: true,
-        className: style.zoomIn,
-        "data-id": `${dataId}_mediaPreview`
+        className: style.zoomIn
       }, /*#__PURE__*/React.createElement("source", {
         src: data.viewUrl,
         type: `audio/${getExtensionFromFileName(data.name)}`
@@ -297,8 +295,7 @@ export default class AttachmentViewer extends Component {
       responsiveId,
       needDownload,
       i18nKeys,
-      isActive,
-      dataId
+      isActive
     } = this.props;
     const totalLen = data.length;
     const selectedAttachment = data[selectedIndex] || {};
@@ -404,8 +401,7 @@ export default class AttachmentViewer extends Component {
         target: "_parent",
         hasReload: true,
         download: true,
-        title: i18nKeys.downloadText,
-        dataId: `${dataId}_downloadAttach`
+        title: i18nKeys.downloadText
       }, /*#__PURE__*/React.createElement(IconButton, {
         iconName: "ZD-GN-download",
         className: style.menuIcon,
@@ -440,8 +436,7 @@ export default class AttachmentViewer extends Component {
         className: `${style.arrowBox}  ${uptoTablet ? style.mbleArrowBox : style.nrmlArrowBox} ${selectedIndex === 0 ? style.hidden : ''}`,
         onClick: this.changeSelectedIndex.bind(this, selectedIndex - 1),
         "data-title": i18nKeys.previousText,
-        "data-title-position": "left",
-        dataId: `${dataId}_leftNavigation`
+        "data-title-position": "left"
       }, /*#__PURE__*/React.createElement("button", {
         className: style.btn,
         "aria-label": i18nKeys.previousText
@@ -463,8 +458,7 @@ export default class AttachmentViewer extends Component {
         className: `${style.arrowBox}  ${uptoTablet ? style.mbleArrowBox : style.nrmlArrowBox} ${totalLen === selectedIndex + 1 ? style.hidden : ''}`,
         onClick: this.changeSelectedIndex.bind(this, selectedIndex + 1),
         "data-title": i18nKeys.nextText,
-        "data-title-position": "right",
-        dataId: `${dataId}_rightNavigation`
+        "data-title-position": "right"
       }, /*#__PURE__*/React.createElement("button", {
         className: style.btn,
         "aria-label": i18nKeys.nextText

package/es/v1/AttachmentViewer/props/defaultProps.js

@@ -6,6 +6,5 @@ export const AttachmentViewer_defaultProps = {
   needDownload: true,
   i18nKeys: {},
   maintainZoom: false,
-  isActive: false,
-  dataId: 'AttachmentViewer'
+  isActive: false
 };

package/es/v1/AttachmentViewer/props/propTypes.js

@@ -27,6 +27,5 @@ export const AttachmentViewer_propTypes = {
   previewObj: PropTypes.object,
   responsiveId: PropTypes.string,
   maintainZoom: PropTypes.bool,
-  isActive: PropTypes.bool,
-  dataId: PropTypes.string
+  isActive: PropTypes.bool
 };

package/es/v1/ChannelIcon/ChannelIcon.js

@@ -68,7 +68,6 @@ const ChannelIcon = props => {
     palette: palette,
     textPalette: textPalette,
     customClass: customTextClass,
-    dataId: dataId,
     needTitle: title,
     title: title
   }) : /*#__PURE__*/React.createElement(Icon, {

package/es/v1/MessageBanner/MessageBanner.js

@@ -42,8 +42,7 @@ export default function MessageBanner(props) {
     target: "_blank"
   }, urlText)))), onClose ? /*#__PURE__*/React.createElement(Box, {
     className: style.close,
-    onClick: onClose,
-    dataId: `${dataId}_close`
+    onClick: onClose
   }, /*#__PURE__*/React.createElement(Container, {
     align: "both"
   }, /*#__PURE__*/React.createElement(Icon, {

package/es/v1/alert/AlertHeader/AlertHeader.js

@@ -49,8 +49,7 @@ export default function AlertHeader(props) {
     isCover: false,
     wrap: "wrap",
     "data-drag-hook": "true",
-    eleRef: dragRef,
-    dataId: `${dataId}_alertHeader`
+    eleRef: dragRef
   }, needIcon && /*#__PURE__*/React.createElement("div", {
     className: finalStyle.iconContainer
   }, renderAlertIcon ? renderAlertIcon() : /*#__PURE__*/React.createElement(AlertIcons, {

package/es/v1/avatar/AvatarClose/AvatarClose.js

@@ -13,8 +13,7 @@ export default function AvatarClose(props) {
     isClose,
     onClick,
     customProps,
-    dataSelectorId,
-    dataId
+    dataSelectorId
   } = props;
   let {
     AvatarCloseProps = {},
@@ -23,8 +22,6 @@ export default function AvatarClose(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: style.container,
     "data-selector-id": dataSelectorId,
-    "data-id": dataId,
-    "data-test-id": dataId,
     ...AvatarCloseProps
   }, /*#__PURE__*/React.createElement(Avatar, {
     src: src,
@@ -34,9 +31,7 @@ export default function AvatarClose(props) {
     ...AvatarProps
   }), isClose && /*#__PURE__*/React.createElement("span", {
     className: style.pop,
-    onClick: onClick,
-    "data-id": `${dataId}_close`,
-    "data-test-id": `${dataId}_close`
+    onClick: onClick
   }, /*#__PURE__*/React.createElement("span", {
     className: style.icon
   }, /*#__PURE__*/React.createElement(Icon, {

package/es/v1/avatar/AvatarClose/props/defaultProps.js

@@ -2,6 +2,5 @@ export const defaultProps = {
   isClose: false,
   size: 'medium',
   customProps: {},
-  dataSelectorId: 'avatarClose',
-  dataId: 'avatarClose'
+  dataSelectorId: 'avatarClose'
 };

package/es/v1/avatar/AvatarClose/props/propTypes.js

@@ -10,6 +10,5 @@ export const propTypes = {
     AvatarCloseProps: PropTypes.object,
     AvatarProps: PropTypes.object
   }),
-  dataSelectorId: PropTypes.string,
-  dataId: PropTypes.string
+  dataSelectorId: PropTypes.string
 };

package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -638,7 +638,6 @@ export class ToggleDropDown extends Component {
             isFetchingOptions: isFetchingOptions
           }
         },
-        dataId: `${dataId}_dropbox`,
         ...DropBoxProps,
         onClose: this.handleTogglePopup
       }, /*#__PURE__*/React.createElement(React.Fragment, null, isSearch ? /*#__PURE__*/React.createElement(Box, {

package/es/v1/errorstate/Inconvenience/Inconvenience.js

@@ -52,8 +52,7 @@ export default function Inconvenience(props) {
     customClass: {
       customButton: style.errorBtn
     },
-    onClick: onButtonClick,
-    dataId: `${dataId}_button`
+    onClick: onButtonClick
   }) : null));
 }
 Inconvenience.propTypes = propTypes;

package/es/v1/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -52,8 +52,7 @@ export default function UnableToProcessRequest(props) {
     customClass: {
       customButton: style.errorBtn
     },
-    onClick: onButtonClick,
-    dataId: `${dataId}_button`
+    onClick: onButtonClick
   }) : null));
 }
 UnableToProcessRequest.propTypes = propTypes;

package/es/v1/errorstate/UrlNotFound/UrlNotFound.js

@@ -52,8 +52,7 @@ export default function UrlNotFound(props) {
     customClass: {
       customButton: style.errorBtn
     },
-    onClick: onButtonClick,
-    dataId: `${dataId}_button`
+    onClick: onButtonClick
   }) : null));
 }
 UrlNotFound.propTypes = propTypes;

package/es/v1/errorstate/WillBeRightBack/WillBeRightBack.js

@@ -52,8 +52,7 @@ export default function WillBeRightBack(props) {
     customClass: {
       customButton: style.errorBtn
     },
-    onClick: onButtonClick,
-    dataId: `${dataId}_button`
+    onClick: onButtonClick
   }) : null));
 }
 WillBeRightBack.propTypes = propTypes;

package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -270,8 +270,7 @@ export default class TagsMultiSelect extends React.Component {
         eleRef: this.getContainerRef
       }, searchList.length ? /*#__PURE__*/React.createElement(Box, {
         flexible: true,
-        shrink: true,
-        dataId: `${dataId}_Options`
+        shrink: true
       }, searchList.map((item, index) => {
         let {
           name,

package/es/v1/list/Subject/Subject.js

@@ -18,27 +18,31 @@ const Subject = props => {
     className,
     isDotted,
     children,
-    customProps
+    customProps,
+    whiteSpace
   } = props;
   const {
     LinkProps = {},
     TextProps = {}
   } = customProps;
+  let isDataTitleWrap = whiteSpace === 'pre' || whiteSpace === 'preWrap';
   return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
     urlName: urlName,
     href: href,
     urlData: urlData,
     onClick: onClick,
-    className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]} ${style.cursorPointer}`,
+    className: `${style.subject} ${style[`whiteSpace_${whiteSpace}`]} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]} ${style.cursorPointer}`,
     dataId: dataId,
     title: text,
     target: target,
+    "data-title-wrap": isDataTitleWrap,
     ...LinkProps
   }, children ? children : text) : /*#__PURE__*/React.createElement("span", {
-    className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]}`,
+    className: `${style.subject} ${style[`whiteSpace_${whiteSpace}`]} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]}`,
     "data-title": text,
     "data-id": dataId,
     "data-test-id": dataId,
+    "data-title-wrap": isDataTitleWrap,
     ...TextProps
   }, text));
 };

package/es/v1/list/Subject/props/defaultProps.js

@@ -3,5 +3,6 @@ export const defaultProps = {
   fontWeight: 'regular',
   className: '',
   isDotted: true,
-  customProps: {}
+  customProps: {},
+  whiteSpace: 'pre'
 };

package/es/v1/list/Subject/props/propTypes.js

@@ -15,5 +15,6 @@ export const propTypes = {
   customProps: PropTypes.shape({
     LinkProps: PropTypes.object,
     TextProps: PropTypes.object
-  })
+  }),
+  whiteSpace: PropTypes.oneOf(['normal', 'noWrap', 'pre', 'preLine', 'preWrap'])
 };

package/es/v1/list/status/StatusDropdown/StatusDropdown.js

@@ -198,7 +198,6 @@ function StatusDropdown(props) {
       isResponsivePadding: true,
       needFocusScope: true,
       onClose: handleTogglePopup,
-      dataId: `${dataId}_dropbox`,
       customProps: {
         focusScopeProps: {
           searchValue: searchString,
@@ -225,8 +224,7 @@ function StatusDropdown(props) {
         role: 'combobox',
         ariaActivedescendant: isPopupReady ? value : '',
         ariaOwns: ariaTitleId
-      },
-      dataId: `${dataId}_search`
+      }
     })) : null, title && optionsList.length != 0 && /*#__PURE__*/React.createElement(Box, {
       className: style.title
     }, /*#__PURE__*/React.createElement(DropDownHeading, {

package/es/v1/lookup/header/ViewDropDown/ViewDropDown.js

@@ -69,8 +69,7 @@ class DropDown extends SelectComponent {
       searchBoxSize,
       searchBoxVariant,
       searchBoxPlaceHolder,
-      maxLength,
-      dataId
+      maxLength
     } = this.props;
     const {
       hoverIndex,
@@ -84,9 +83,7 @@ class DropDown extends SelectComponent {
       className: style.container
     }, /*#__PURE__*/React.createElement("div", {
       onClick: this.togglePopup,
-      ref: getTargetRef,
-      "data-id": dataId,
-      "data-test-id": dataId
+      ref: getTargetRef
     }, /*#__PURE__*/React.createElement("div", {
       className: `${style.labelCnt} ${isPopupOpen ? style.focused : ''}`
     }, /*#__PURE__*/React.createElement("span", {
@@ -113,8 +110,7 @@ class DropDown extends SelectComponent {
         animationStyle: animationStyle,
         size: "large",
         alignBox: "row",
-        isResponsivePadding: true,
-        dataId: `${dataId}_dropbox`
+        isResponsivePadding: true
       }, /*#__PURE__*/React.createElement(Box, {
         flexible: true
       }, /*#__PURE__*/React.createElement(Card, null, needSearch ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(DropDownSearch, {
@@ -125,15 +121,13 @@ class DropDown extends SelectComponent {
         size: searchBoxSize,
         variant: searchBoxVariant,
         placeHolder: searchBoxPlaceHolder,
-        maxLength: maxLength,
-        dataId: `${dataId}_search`
+        maxLength: maxLength
       })) : null, /*#__PURE__*/React.createElement(CardContent, {
         shrink: true,
         eleRef: this.suggestionContainerRef,
         customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : ''
       }, suggestions.length ? /*#__PURE__*/React.createElement("div", {
-        className: style.listItemContainer,
-        "data-id": `${dataId}_Options`
+        className: style.listItemContainer
       }, suggestions.map(function () {
         let option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         let index = arguments.length > 1 ? arguments[1] : undefined;

package/es/v1/lookup/header/ViewDropDown/props/defaultProps.js

@@ -3,6 +3,5 @@ export const defaultProps = {
   needLocalSearch: true,
   needSearch: true,
   textField: 'text',
-  valueField: 'id',
-  dataId: 'ViewDropDown'
+  valueField: 'id'
 };

package/es/v1/lookup/header/ViewDropDown/props/propTypes.js

@@ -5,7 +5,6 @@ export const propTypes = {
   searchBoxPlaceHolder: PropTypes.string,
   searchEmptyMessage: PropTypes.string,
   dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  dataId: PropTypes.string,
 
   /**** Popup props ****/
   isPopupOpen: PropTypes.bool,

package/es/version2/errorstate/Inconvenience/Inconvenience.js

@@ -58,8 +58,7 @@ export default class Inconvenience extends React.Component {
       customClass: {
         customButton: style.errorBtn
       },
-      onClick: onButtonClick,
-      dataId: `${dataId}_button`
+      onClick: onButtonClick
     }) : null));
   }
 

package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -58,8 +58,7 @@ export default class UnableToProcessRequest extends React.Component {
       customClass: {
         customButton: style.errorBtn
       },
-      onClick: onButtonClick,
-      dataId: `${dataId}_button`
+      onClick: onButtonClick
     }) : null));
   }
 

package/es/version2/errorstate/UrlNotFound/UrlNotFound.js

@@ -58,8 +58,7 @@ export default class UrlNotFound extends React.Component {
       customClass: {
         customButton: style.errorBtn
       },
-      onClick: onButtonClick,
-      dataId: `${dataId}_button`
+      onClick: onButtonClick
     }) : null));
   }
 

package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js

@@ -58,8 +58,7 @@ export default class WillBeRightBack extends React.Component {
       customClass: {
         customButton: style.errorBtn
       },
-      onClick: onButtonClick,
-      dataId: `${dataId}_button`
+      onClick: onButtonClick
     }) : null));
   }
 

package/lib/ActionButton/ActionButton.js

@@ -122,8 +122,7 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
         onMouseEnter: !onClick ? onHover && this.handleTogglePopup : undefined,
         onMouseLeave: !onClick ? onHover && this.handleTogglePopup : undefined,
         eleRef: getTargetRef,
-        dataSelectorId: dataSelectorId,
-        dataId: "".concat(dataId, "_actionButton")
+        dataSelectorId: dataSelectorId
       }, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true
       }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
@@ -189,8 +188,7 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
         getRef: getContainerRef,
         popupGroup: popupGroup,
         needFocusScope: true,
-        onClose: this.handleTogglePopup,
-        dataId: "".concat(dataId, "_dropbox")
+        onClose: this.handleTogglePopup
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
         shrink: true,

package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap

@@ -4,9 +4,9 @@ exports[`ActionButton rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     class="container primaryFilledBox medium   wholeDiv  flex rowdir"
-    data-id="actionButton_actionButton"
+    data-id="containerComponent"
     data-selector-id="actionButton"
-    data-test-id="actionButton_actionButton"
+    data-test-id="containerComponent"
   >
     <button
       class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable   grow basis shrinkOff"

package/lib/Attachment/Attachment.js

@@ -121,8 +121,7 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
         href: downloadLink,
         className: _AttachmentModule["default"].attachDownload,
         title: downloadTitle,
-        hasReload: true,
-        dataId: "".concat(dataId, "_download")
+        hasReload: true
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-downloadNew",
         iconClass: _AttachmentModule["default"].downIcon

package/lib/AttachmentViewer/AttachmentViewer.js

@@ -298,9 +298,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           dataList = _this$state2.dataList,
           selectedIndex = _this$state2.selectedIndex,
           isZoomed = _this$state2.isZoomed;
-      var _this$props = this.props,
-          maintainZoom = _this$props.maintainZoom,
-          dataId = _this$props.dataId;
+      var maintainZoom = this.props.maintainZoom;
 
       var getImgStyle = function getImgStyle(i) {
         var position;
@@ -344,8 +342,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         }, (0, _Attachment.isAudioFile)(data.name) ? selectedIndex == i ? /*#__PURE__*/_react["default"].createElement("video", {
           autoPlay: true,
           controls: true,
-          className: _AttachmentViewerModule["default"].zoomIn,
-          "data-id": "".concat(dataId, "_mediaPreview")
+          className: _AttachmentViewerModule["default"].zoomIn
         }, /*#__PURE__*/_react["default"].createElement("source", {
           src: data.viewUrl,
           type: "audio/".concat((0, _Attachment.getExtensionFromFileName)(data.name))
@@ -373,12 +370,11 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           selectedIndex = _this$state3.selectedIndex,
           data = _this$state3.data,
           isZoomed = _this$state3.isZoomed;
-      var _this$props2 = this.props,
-          responsiveId = _this$props2.responsiveId,
-          needDownload = _this$props2.needDownload,
-          i18nKeys = _this$props2.i18nKeys,
-          isActive = _this$props2.isActive,
-          dataId = _this$props2.dataId;
+      var _this$props = this.props,
+          responsiveId = _this$props.responsiveId,
+          needDownload = _this$props.needDownload,
+          i18nKeys = _this$props.i18nKeys,
+          isActive = _this$props.isActive;
       var totalLen = data.length;
       var selectedAttachment = data[selectedIndex] || {};
       var selectedImgUrl = selectedAttachment.viewUrl;
@@ -483,8 +479,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           target: "_parent",
           hasReload: true,
           download: true,
-          title: i18nKeys.downloadText,
-          dataId: "".concat(dataId, "_downloadAttach")
+          title: i18nKeys.downloadText
         }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
           iconName: "ZD-GN-download",
           className: _AttachmentViewerModule["default"].menuIcon,

package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap

@@ -123,8 +123,6 @@ exports[`AttachmentViewer rendering the when isActive is true  1`] = `
                 >
                   <a
                     class="container  "
-                    data-id="AttachmentViewer_downloadAttach"
-                    data-test-id="AttachmentViewer_downloadAttach"
                     download=""
                     href="https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG"
                     rel="noopener noreferrer"

package/lib/AttachmentViewer/props/defaultProps.js

@@ -13,7 +13,6 @@ var AttachmentViewer_defaultProps = {
   needDownload: true,
   i18nKeys: {},
   maintainZoom: false,
-  isActive: false,
-  dataId: 'AttachmentViewer'
+  isActive: false
 };
 exports.AttachmentViewer_defaultProps = AttachmentViewer_defaultProps;

package/lib/AttachmentViewer/props/propTypes.js

@@ -38,7 +38,6 @@ var AttachmentViewer_propTypes = {
   previewObj: _propTypes["default"].object,
   responsiveId: _propTypes["default"].string,
   maintainZoom: _propTypes["default"].bool,
-  isActive: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string
+  isActive: _propTypes["default"].bool
 };
 exports.AttachmentViewer_propTypes = AttachmentViewer_propTypes;

package/lib/ChannelIcon/ChannelIcon.js

@@ -122,7 +122,6 @@ var ChannelIcon = /*#__PURE__*/function (_Component) {
         palette: palette,
         textPalette: textPalette,
         customClass: customTextClass,
-        dataId: dataId,
         needTitle: title,
         title: title
       }) : /*#__PURE__*/_react["default"].createElement(_icons.Icon, {

package/lib/MessageBanner/MessageBanner.js

@@ -92,8 +92,7 @@ var MessageBanner = /*#__PURE__*/function (_React$Component) {
         target: "_blank"
       }, urlText)))), onClose ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _MessageBannerModule["default"].close,
-        onClick: onClose,
-        dataId: "".concat(dataId, "_close")
+        onClick: onClose
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both"
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {