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

package/lib/alert/AlertHeader/AlertHeader.js

@@ -88,8 +88,7 @@ var AlertHeader = /*#__PURE__*/function (_Component) {
         alignBox: "row",
         className: "".concat(_AlertHeaderModule["default"].container, " ").concat(_AlertHeaderModule["default"][palette]),
         isCover: false,
-        wrap: "wrap",
-        dataId: "".concat(dataId, "_alertHeader")
+        wrap: "wrap"
       }, needIcon ? /*#__PURE__*/_react["default"].createElement("div", {
         className: _AlertHeaderModule["default"].iconContainer
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {

package/lib/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap

@@ -4,9 +4,9 @@ exports[`AlertHeader rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     class="container danger flex rowdir wrap vCenter"
-    data-id="alertHeader_alertHeader"
+    data-id="containerComponent"
     data-selector-id="container"
-    data-test-id="alertHeader_alertHeader"
+    data-test-id="containerComponent"
   >
     <div
       class="iconContainer"

package/lib/avatar/AvatarClose/AvatarClose.js

@@ -65,17 +65,14 @@ var AvatarClose = /*#__PURE__*/function (_React$Component) {
           isClose = _this$props.isClose,
           onClick = _this$props.onClick,
           customProps = _this$props.customProps,
-          dataSelectorId = _this$props.dataSelectorId,
-          dataId = _this$props.dataId;
+          dataSelectorId = _this$props.dataSelectorId;
       var _customProps$AvatarCl = customProps.AvatarCloseProps,
           AvatarCloseProps = _customProps$AvatarCl === void 0 ? {} : _customProps$AvatarCl,
           _customProps$AvatarPr = customProps.AvatarProps,
           AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
       return /*#__PURE__*/_react["default"].createElement("div", _extends({
         className: _AvatarCloseModule["default"].container,
-        "data-selector-id": dataSelectorId,
-        "data-id": dataId,
-        "data-test-id": dataId
+        "data-selector-id": dataSelectorId
       }, AvatarCloseProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
         src: src,
         name: name,
@@ -83,9 +80,7 @@ var AvatarClose = /*#__PURE__*/function (_React$Component) {
         size: size
       }, AvatarProps)), isClose && /*#__PURE__*/_react["default"].createElement("span", {
         className: _AvatarCloseModule["default"].pop,
-        onClick: onClick,
-        "data-id": "".concat(dataId, "_close"),
-        "data-test-id": "".concat(dataId, "_close")
+        onClick: onClick
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: _AvatarCloseModule["default"].icon
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {

package/lib/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap

@@ -4,9 +4,7 @@ exports[`AvatarClose rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     class="container"
-    data-id="avatarClose"
     data-selector-id="avatarClose"
-    data-test-id="avatarClose"
   >
     <div
       class="avatar medium medium circle primary black border   "

package/lib/avatar/AvatarClose/props/defaultProps.js

@@ -8,7 +8,6 @@ var defaultProps = {
   isClose: false,
   size: 'medium',
   customProps: {},
-  dataSelectorId: 'avatarClose',
-  dataId: 'avatarClose'
+  dataSelectorId: 'avatarClose'
 };
 exports.defaultProps = defaultProps;

package/lib/avatar/AvatarClose/props/propTypes.js

@@ -20,7 +20,6 @@ var propTypes = {
     AvatarCloseProps: _propTypes["default"].object,
     AvatarProps: _propTypes["default"].object
   }),
-  dataSelectorId: _propTypes["default"].string,
-  dataId: _propTypes["default"].string
+  dataSelectorId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -705,8 +705,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
               searchValue: searchValue,
               isFetchingOptions: isFetchingOptions
             }
-          },
-          dataId: "".concat(dataId, "_dropbox")
+          }
         }, DropBoxProps, {
           onClose: _this5.handleTogglePopup
         }), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isSearch ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -322,8 +322,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           eleRef: _this3.getContainerRef
         }, searchList.length ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true,
-          shrink: true,
-          dataId: "".concat(dataId, "_Options")
+          shrink: true
         }, searchList.map(function (item, index) {
           var name = item.name,
               isNew = item.isNew,

package/lib/list/Subject/Subject.js

@@ -72,25 +72,29 @@ var Subject = /*#__PURE__*/function (_Component) {
           className = _this$props.className,
           isDotted = _this$props.isDotted,
           children = _this$props.children,
-          customProps = _this$props.customProps;
+          customProps = _this$props.customProps,
+          whiteSpace = _this$props.whiteSpace;
       var _customProps$LinkProp = customProps.LinkProps,
           LinkProps = _customProps$LinkProp === void 0 ? {} : _customProps$LinkProp,
           _customProps$TextProp = customProps.TextProps,
           TextProps = _customProps$TextProp === void 0 ? {} : _customProps$TextProp;
+      var isDataTitleWrap = whiteSpace === 'pre' || whiteSpace === 'preWrap';
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
         urlName: urlName,
         href: href,
         urlData: urlData,
         onClick: onClick,
-        className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)], " ").concat(_SubjectModule["default"].cursorPointer),
+        className: "".concat(_SubjectModule["default"].subject, " ").concat(_SubjectModule["default"]["whiteSpace_".concat(whiteSpace)], " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)], " ").concat(_SubjectModule["default"].cursorPointer),
         dataId: dataId,
         title: text,
-        target: target
+        target: target,
+        "data-title-wrap": isDataTitleWrap
       }, LinkProps), children ? children : text) : /*#__PURE__*/_react["default"].createElement("span", _extends({
-        className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)]),
+        className: "".concat(_SubjectModule["default"].subject, " ").concat(_SubjectModule["default"]["whiteSpace_".concat(whiteSpace)], " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)]),
         "data-title": text,
         "data-id": dataId,
-        "data-test-id": dataId
+        "data-test-id": dataId,
+        "data-title-wrap": isDataTitleWrap
       }, TextProps), text));
     }
   }]);

package/lib/list/Subject/Subject.module.css

@@ -32,4 +32,24 @@
 
 .cursorPointer {
   cursor: pointer;
+}
+
+.whiteSpace_normal {
+  white-space: normal;
+}
+
+.whiteSpace_noWrap {
+  white-space: nowrap;
+}
+
+.whiteSpace_pre {
+  white-space: pre;
+}
+
+.whiteSpace_preLine {
+  white-space: pre-line;
+}
+
+.whiteSpace_preWrap {
+  white-space: pre-wrap;
 }

package/lib/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap

@@ -3,7 +3,8 @@
 exports[`Subject rendering the defult props 1`] = `
 <DocumentFragment>
   <span
-    class="subject dotted  font_regular"
+    class="subject whiteSpace_pre dotted  font_regular"
+    data-title-wrap="true"
   />
 </DocumentFragment>
 `;

package/lib/list/Subject/props/defaultProps.js

@@ -9,6 +9,7 @@ var defaultProps = {
   fontWeight: 'regular',
   className: '',
   isDotted: true,
-  customProps: {}
+  customProps: {},
+  whiteSpace: 'pre'
 };
 exports.defaultProps = defaultProps;

package/lib/list/Subject/props/propTypes.js

@@ -25,6 +25,7 @@ var propTypes = {
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object
-  })
+  }),
+  whiteSpace: _propTypes["default"].oneOf(['normal', 'noWrap', 'pre', 'preLine', 'preWrap'])
 };
 exports.propTypes = propTypes;

package/lib/list/status/StatusDropdown/StatusDropdown.js

@@ -305,7 +305,6 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
           isResponsivePadding: true,
           needFocusScope: true,
           onClose: _this2.handleTogglePopup,
-          dataId: "".concat(dataId, "_dropbox"),
           customProps: {
             focusScopeProps: {
               loadNextOptions: getNextOptions,
@@ -332,8 +331,7 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
             role: 'combobox',
             ariaActivedescendant: isPopupReady ? value : '',
             ariaOwns: ariaTitleId
-          },
-          dataId: "".concat(dataId, "_search")
+          }
         })) : null, title && options.length != 0 && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           className: _StatusDropdownModule["default"].title
         }, /*#__PURE__*/_react["default"].createElement(_DropDownHeading["default"], {

package/lib/lookup/header/ViewDropDown/ViewDropDown.js

@@ -117,8 +117,7 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
           searchBoxSize = _this$props.searchBoxSize,
           searchBoxVariant = _this$props.searchBoxVariant,
           searchBoxPlaceHolder = _this$props.searchBoxPlaceHolder,
-          maxLength = _this$props.maxLength,
-          dataId = _this$props.dataId;
+          maxLength = _this$props.maxLength;
       var _this$state = this.state,
           hoverIndex = _this$state.hoverIndex,
           selected = _this$state.selected,
@@ -130,9 +129,7 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
         className: _ViewDropDownModule["default"].container
       }, /*#__PURE__*/_react["default"].createElement("div", {
         onClick: this.togglePopup,
-        ref: getTargetRef,
-        "data-id": dataId,
-        "data-test-id": dataId
+        ref: getTargetRef
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_ViewDropDownModule["default"].labelCnt, " ").concat(isPopupOpen ? _ViewDropDownModule["default"].focused : '')
       }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -157,8 +154,7 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
           animationStyle: animationStyle,
           size: "large",
           alignBox: "row",
-          isResponsivePadding: true,
-          dataId: "".concat(dataId, "_dropbox")
+          isResponsivePadding: true
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true
         }, /*#__PURE__*/_react["default"].createElement(_Card.Card, null, needSearch ? /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_DropDownSearch["default"], {
@@ -169,15 +165,13 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
           size: searchBoxSize,
           variant: searchBoxVariant,
           placeHolder: searchBoxPlaceHolder,
-          maxLength: maxLength,
-          dataId: "".concat(dataId, "_search")
+          maxLength: maxLength
         })) : null, /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
           shrink: true,
           eleRef: _this2.suggestionContainerRef,
           customClass: !tabletMode && dropBoxSize ? _ViewDropDownModule["default"][dropBoxSize] : ''
         }, suggestions.length ? /*#__PURE__*/_react["default"].createElement("div", {
-          className: _ViewDropDownModule["default"].listItemContainer,
-          "data-id": "".concat(dataId, "_Options")
+          className: _ViewDropDownModule["default"].listItemContainer
         }, suggestions.map(function () {
           var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
           var index = arguments.length > 1 ? arguments[1] : undefined;

package/lib/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap

@@ -5,10 +5,7 @@ exports[`ViewDropDown rendering the defult props 1`] = `
   <div
     class="container"
   >
-    <div
-      data-id="ViewDropDown"
-      data-test-id="ViewDropDown"
-    >
+    <div>
       <div
         class="labelCnt "
       >

package/lib/lookup/header/ViewDropDown/props/defaultProps.js

@@ -9,7 +9,6 @@ var defaultProps = {
   needLocalSearch: true,
   needSearch: true,
   textField: 'text',
-  valueField: 'id',
-  dataId: 'ViewDropDown'
+  valueField: 'id'
 };
 exports.defaultProps = defaultProps;

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

@@ -15,7 +15,6 @@ var propTypes = {
   searchBoxPlaceHolder: _propTypes["default"].string,
   searchEmptyMessage: _propTypes["default"].string,
   dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  dataId: _propTypes["default"].string,
 
   /**** Popup props ****/
   isPopupOpen: _propTypes["default"].bool,

package/lib/setup/header/Search/Search.js

@@ -89,12 +89,10 @@ var Search = /*#__PURE__*/function (_React$Component) {
           value = _this$props.value,
           onChange = _this$props.onChange,
           onKeyPress = _this$props.onKeyPress,
-          customClass = _this$props.customClass,
-          dataId = _this$props.dataId;
+          customClass = _this$props.customClass;
       var isFocus = this.state.isFocus;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_SearchModule["default"].container, " ").concat(isFocus ? _SearchModule["default"].active : '', " ").concat(customClass),
-        dataId: dataId
+        className: "".concat(_SearchModule["default"].container, " ").concat(isFocus ? _SearchModule["default"].active : '', " ").concat(customClass)
       }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
         placeHolder: placeHolder,
         customClass: _SearchModule["default"].input,

package/lib/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/lib/setup/header/Search/props/defaultProps.js

@@ -7,7 +7,6 @@ exports.defaultProps = void 0;
 var defaultProps = {
   placeHolder: 'Search',
   maxLength: 150,
-  customClass: '',
-  dataId: 'search'
+  customClass: ''
 };
 exports.defaultProps = defaultProps;

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

@@ -17,7 +17,6 @@ var propTypes = {
   onFocus: _propTypes["default"].func,
   onKeyPress: _propTypes["default"].func,
   placeHolder: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  dataId: _propTypes["default"].string
+  value: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/v1/ActionButton/ActionButton.js

@@ -77,8 +77,7 @@ function ActionButton(props) {
     onMouseEnter: !onClick ? onHover && handleTogglePopup : undefined,
     onMouseLeave: !onClick ? onHover && 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"], {
@@ -144,8 +143,7 @@ function ActionButton(props) {
     getRef: getContainerRef,
     popupGroup: popupGroup,
     needFocusScope: true,
-    onClose: handleTogglePopup,
-    dataId: "".concat(dataId, "_dropbox")
+    onClose: handleTogglePopup
   }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true,
     shrink: true,

package/lib/v1/Attachment/Attachment.js

@@ -88,8 +88,7 @@ var Attachment = function Attachment(props) {
     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/v1/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,
@@ -519,8 +514,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           className: "".concat(_AttachmentViewerModule["default"].arrowBox, "  ").concat(uptoTablet ? _AttachmentViewerModule["default"].mbleArrowBox : _AttachmentViewerModule["default"].nrmlArrowBox, " ").concat(selectedIndex === 0 ? _AttachmentViewerModule["default"].hidden : ''),
           onClick: _this5.changeSelectedIndex.bind(_this5, selectedIndex - 1),
           "data-title": i18nKeys.previousText,
-          "data-title-position": "left",
-          dataId: "".concat(dataId, "_leftNavigation")
+          "data-title-position": "left"
         }, /*#__PURE__*/_react["default"].createElement("button", {
           className: _AttachmentViewerModule["default"].btn,
           "aria-label": i18nKeys.previousText
@@ -542,8 +536,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           className: "".concat(_AttachmentViewerModule["default"].arrowBox, "  ").concat(uptoTablet ? _AttachmentViewerModule["default"].mbleArrowBox : _AttachmentViewerModule["default"].nrmlArrowBox, " ").concat(totalLen === selectedIndex + 1 ? _AttachmentViewerModule["default"].hidden : ''),
           onClick: _this5.changeSelectedIndex.bind(_this5, selectedIndex + 1),
           "data-title": i18nKeys.nextText,
-          "data-title-position": "right",
-          dataId: "".concat(dataId, "_rightNavigation")
+          "data-title-position": "right"
         }, /*#__PURE__*/_react["default"].createElement("button", {
           className: _AttachmentViewerModule["default"].btn,
           "aria-label": i18nKeys.nextText

package/lib/v1/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/v1/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/v1/ChannelIcon/ChannelIcon.js

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

package/lib/v1/MessageBanner/MessageBanner.js

@@ -56,8 +56,7 @@ function MessageBanner(props) {
     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, {

package/lib/v1/alert/AlertHeader/AlertHeader.js

@@ -73,8 +73,7 @@ function AlertHeader(props) {
     isCover: false,
     wrap: "wrap",
     "data-drag-hook": "true",
-    eleRef: dragRef,
-    dataId: "".concat(dataId, "_alertHeader")
+    eleRef: dragRef
   }, needIcon && /*#__PURE__*/_react["default"].createElement("div", {
     className: finalStyle.iconContainer
   }, renderAlertIcon ? renderAlertIcon() : /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {

package/lib/v1/avatar/AvatarClose/AvatarClose.js

@@ -29,17 +29,14 @@ function AvatarClose(props) {
       isClose = props.isClose,
       onClick = props.onClick,
       customProps = props.customProps,
-      dataSelectorId = props.dataSelectorId,
-      dataId = props.dataId;
+      dataSelectorId = props.dataSelectorId;
   var _customProps$AvatarCl = customProps.AvatarCloseProps,
       AvatarCloseProps = _customProps$AvatarCl === void 0 ? {} : _customProps$AvatarCl,
       _customProps$AvatarPr = customProps.AvatarProps,
       AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
   return /*#__PURE__*/_react["default"].createElement("div", _extends({
     className: _AvatarCloseModule["default"].container,
-    "data-selector-id": dataSelectorId,
-    "data-id": dataId,
-    "data-test-id": dataId
+    "data-selector-id": dataSelectorId
   }, AvatarCloseProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
     src: src,
     name: name,
@@ -47,9 +44,7 @@ function AvatarClose(props) {
     size: size
   }, AvatarProps)), isClose && /*#__PURE__*/_react["default"].createElement("span", {
     className: _AvatarCloseModule["default"].pop,
-    onClick: onClick,
-    "data-id": "".concat(dataId, "_close"),
-    "data-test-id": "".concat(dataId, "_close")
+    onClick: onClick
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: _AvatarCloseModule["default"].icon
   }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {

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

@@ -8,7 +8,6 @@ var defaultProps = {
   isClose: false,
   size: 'medium',
   customProps: {},
-  dataSelectorId: 'avatarClose',
-  dataId: 'avatarClose'
+  dataSelectorId: 'avatarClose'
 };
 exports.defaultProps = defaultProps;

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

@@ -20,7 +20,6 @@ var propTypes = {
     AvatarCloseProps: _propTypes["default"].object,
     AvatarProps: _propTypes["default"].object
   }),
-  dataSelectorId: _propTypes["default"].string,
-  dataId: _propTypes["default"].string
+  dataSelectorId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/v1/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -705,8 +705,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
               searchValue: searchValue,
               isFetchingOptions: isFetchingOptions
             }
-          },
-          dataId: "".concat(dataId, "_dropbox")
+          }
         }, DropBoxProps, {
           onClose: _this5.handleTogglePopup
         }), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isSearch ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/v1/errorstate/Inconvenience/Inconvenience.js

@@ -67,8 +67,7 @@ function Inconvenience(props) {
     customClass: {
       customButton: _V2_ErrorStatesModule["default"].errorBtn
     },
-    onClick: onButtonClick,
-    dataId: "".concat(dataId, "_button")
+    onClick: onButtonClick
   }) : null));
 }
 

package/lib/v1/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -67,8 +67,7 @@ function UnableToProcessRequest(props) {
     customClass: {
       customButton: _V2_ErrorStatesModule["default"].errorBtn
     },
-    onClick: onButtonClick,
-    dataId: "".concat(dataId, "_button")
+    onClick: onButtonClick
   }) : null));
 }
 

package/lib/v1/errorstate/UrlNotFound/UrlNotFound.js

@@ -67,8 +67,7 @@ function UrlNotFound(props) {
     customClass: {
       customButton: _V2_ErrorStatesModule["default"].errorBtn
     },
-    onClick: onButtonClick,
-    dataId: "".concat(dataId, "_button")
+    onClick: onButtonClick
   }) : null));
 }
 

package/lib/v1/errorstate/WillBeRightBack/WillBeRightBack.js

@@ -67,8 +67,7 @@ function WillBeRightBack(props) {
     customClass: {
       customButton: _V2_ErrorStatesModule["default"].errorBtn
     },
-    onClick: onButtonClick,
-    dataId: "".concat(dataId, "_button")
+    onClick: onButtonClick
   }) : null));
 }
 

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

@@ -322,8 +322,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           eleRef: _this3.getContainerRef
         }, searchList.length ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true,
-          shrink: true,
-          dataId: "".concat(dataId, "_Options")
+          shrink: true
         }, searchList.map(function (item, index) {
           var name = item.name,
               isNew = item.isNew,