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

package/coverage/version2/lookup/AlertHeader/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/version2/lookup/AlertHeader/props/propTypes.js.html

@@ -151,7 +151,7 @@ export default {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/version2/lookup/AlertLookup/AlertLookup.js.html

@@ -763,7 +763,7 @@ AlertLookup.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/version2/lookup/AlertLookup/AlertLookupNew.module.css.html

@@ -187,7 +187,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/version2/lookup/AlertLookup/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/version2/lookup/AlertLookup/props/defaultProps.js.html

@@ -109,7 +109,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/version2/lookup/AlertLookup/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/version2/lookup/AlertLookup/props/propTypes.js.html

@@ -199,7 +199,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotification/DesktopNotification.js.html

@@ -688,7 +688,7 @@ DesktopNotification.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotification/DesktopNotification.module.css.html

@@ -409,7 +409,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotification/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotification/props/defaultProps.js.html

@@ -124,7 +124,7 @@ export const defaultProps = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotification/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotification/props/propTypes.js.html

@@ -202,7 +202,7 @@ export const DesktopNotificationUI_propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js.html

@@ -346,7 +346,7 @@ DesktopNotificationHeader.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css.html

@@ -355,7 +355,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotificationHeader/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotificationHeader/props/defaultProps.js.html

@@ -94,7 +94,7 @@ export const defaultProps = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotificationHeader/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/version2/notification/DesktopNotificationHeader/props/propTypes.js.html

@@ -109,7 +109,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-07-30T12:31:36.448Z
+                at 2024-07-30T13:35:18.946Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/es/ActionButton/ActionButton.js

@@ -70,8 +70,7 @@ export class ActionButton extends React.Component {
       onMouseEnter: !onClick ? onHover && this.handleTogglePopup : undefined,
       onMouseLeave: !onClick ? onHover && this.handleTogglePopup : undefined,
       eleRef: getTargetRef,
-      dataSelectorId: dataSelectorId,
-      dataId: `${dataId}_actionButton`
+      dataSelectorId: dataSelectorId
     }, isLoading ? /*#__PURE__*/React.createElement(Box, {
       flexible: true
     }, /*#__PURE__*/React.createElement(Button, {
@@ -137,8 +136,7 @@ export class ActionButton extends React.Component {
       getRef: getContainerRef,
       popupGroup: popupGroup,
       needFocusScope: true,
-      onClose: this.handleTogglePopup,
-      dataId: `${dataId}_dropbox`
+      onClose: this.handleTogglePopup
     }, /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       shrink: true,

package/es/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/es/Attachment/Attachment.js

@@ -73,8 +73,7 @@ export default class Attachment extends React.Component {
       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/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,

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

@@ -72,7 +72,6 @@ export default class ChannelIcon extends Component {
       palette: palette,
       textPalette: textPalette,
       customClass: customTextClass,
-      dataId: dataId,
       needTitle: title,
       title: title
     }) : /*#__PURE__*/React.createElement(Icon, {

package/es/MessageBanner/MessageBanner.js

@@ -43,8 +43,7 @@ export default class MessageBanner extends React.Component {
       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/alert/AlertHeader/AlertHeader.js

@@ -34,8 +34,7 @@ export default class AlertHeader extends Component {
       alignBox: "row",
       className: `${style.container} ${style[palette]}`,
       isCover: false,
-      wrap: "wrap",
-      dataId: `${dataId}_alertHeader`
+      wrap: "wrap"
     }, needIcon ? /*#__PURE__*/React.createElement("div", {
       className: style.iconContainer
     }, /*#__PURE__*/React.createElement(Icon, {

package/es/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/es/avatar/AvatarClose/AvatarClose.js

@@ -18,8 +18,7 @@ export default class AvatarClose extends React.Component {
       isClose,
       onClick,
       customProps,
-      dataSelectorId,
-      dataId
+      dataSelectorId
     } = this.props;
     let {
       AvatarCloseProps = {},
@@ -28,8 +27,6 @@ export default class AvatarClose extends React.Component {
     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,
@@ -39,9 +36,7 @@ export default class AvatarClose extends React.Component {
       ...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/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/es/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/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/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/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/list/Subject/Subject.js

@@ -22,27 +22,31 @@ export default class Subject extends Component {
       className,
       isDotted,
       children,
-      customProps
+      customProps,
+      whiteSpace
     } = this.props;
     let {
       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/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/es/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/es/list/Subject/props/defaultProps.js

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

package/es/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/list/status/StatusDropdown/StatusDropdown.js

@@ -242,7 +242,6 @@ export class StatusDropdown extends React.Component {
         isResponsivePadding: true,
         needFocusScope: true,
         onClose: this.handleTogglePopup,
-        dataId: `${dataId}_dropbox`,
         customProps: {
           focusScopeProps: {
             loadNextOptions: getNextOptions,
@@ -269,8 +268,7 @@ export class StatusDropdown extends React.Component {
           role: 'combobox',
           ariaActivedescendant: isPopupReady ? value : '',
           ariaOwns: ariaTitleId
-        },
-        dataId: `${dataId}_search`
+        }
       })) : null, title && options.length != 0 && /*#__PURE__*/React.createElement(Box, {
         className: style.title
       }, /*#__PURE__*/React.createElement(DropDownHeading, {

package/es/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/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/es/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'
 };