@zohodesk/components 1.0.0-temp-202 → 1.0.0-temp-203

package/es/v1/Select/SelectWithAvatar.js

@@ -209,7 +209,8 @@ class SelectWithAvatarComponent extends SelectComponent {
       size: tagSize
     })) : null, /*#__PURE__*/React.createElement(Box, {
       flexible: true,
-      className: style.textBox
+      className: style.textBox,
+      dataId: `${dataId}_textBox`
     }, /*#__PURE__*/React.createElement(Textbox, {
       a11y: {
         ariaActivedescendant: selectedId,
@@ -257,7 +258,8 @@ class SelectWithAvatarComponent extends SelectComponent {
         needResponsive: needResponsive,
         isPadding: false,
         isResponsivePadding: true,
-        alignBox: "row"
+        alignBox: "row",
+        dataId: `${dataId}_dropbox`
       }, isLoading ? /*#__PURE__*/React.createElement(Container, {
         align: "both",
         className: style.loader
@@ -295,6 +297,7 @@ class SelectWithAvatarComponent extends SelectComponent {
           role: 'heading'
         }
       })) : null, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, {
+        dataId: `${dataId}_Options`,
         activeId: selectedId,
         suggestions: suggestions,
         getRef: this.suggestionItemRef,

package/es/v1/Select/SelectWithIcon.js

@@ -472,7 +472,8 @@ class SelectWithIcon extends Component {
       }))) : null, /*#__PURE__*/React.createElement(CardContent, {
         customClass: `${tabletMode ? style.responsivedropBoxList : style.dropBoxList} ${!tabletMode && dropBoxSize ? style[dropBoxSize] : ''}`,
         shrink: true,
-        eleRef: this.scrollContentRef
+        eleRef: this.scrollContentRef,
+        dataId: `${dataId}_Options`
       }, options.length ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map((options, i) => {
         let {
           iconName,

package/es/v1/Tab/Tabs.js

@@ -443,13 +443,15 @@ const Tabs = props => {
         ...DropBoxProps,
         isResponsivePadding: true,
         needFocusScope: true,
-        onClose: togglePopupLocal
+        onClose: togglePopupLocal,
+        dataId: `${dataId}_dropbox`
       }, getCustomDropBoxHeaderPlaceHolder && getCustomDropBoxHeaderPlaceHolder(props), /*#__PURE__*/React.createElement(Box, {
         flexible: true,
         shrink: true,
         scroll: "vertical",
         className: `${tabletMode ? '' : tabsStyle.menuBox} ${moreBoxClass}`,
-        onScroll: onScrollLocal
+        onScroll: onScrollLocal,
+        dataId: `${dataId}_Tabs`
       }, React.Children.map(moreTabs, child => {
         if (!child) {
           return null;

package/es/v1/Tab/v1TabContent.module.css

@@ -1,4 +1,4 @@
-/* $Id$ */
-.container {
-  position: relative;
-}
+/* $Id$ */
+.container {
+  position: relative;
+}

package/es/v1/Tag/Tag.js

@@ -7,16 +7,16 @@ import { Container } from '../Layout';
 import Button from '../semantic/Button/Button';
 import { useUniqueId } from '../../Provider/IdProvider';
 import style from '../../Tag/Tag.module.css';
-/*
- * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
- * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
- * 'pureDotted', 'primaryDotted'] }]
+/*
+ * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
+ * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
+ * 'pureDotted', 'primaryDotted'] }]
  */
 
-/*
- * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
- * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
- * 'pureDotted', 'primaryDotted'] }]
+/*
+ * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
+ * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
+ * 'pureDotted', 'primaryDotted'] }]
  */
 
 function Tag(props) {