npm - @zohodesk/dot - Versions diffs - 1.0.0-temp-188.1 → 1.0.0-temp-191 - Mend

@zohodesk/dot 1.0.0-temp-188.1 → 1.0.0-temp-191

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (858) hide show

package/README.md CHANGED Viewed

@@ -4,7 +4,9 @@ In this Library, we Provide Some Basic Components to Build Your Application
 # 1.4.16
-- **TagsMultiSelect** - dataId added for ListItem Component wrapper.
+- **TagsMultiSelect**
+- `dataId` support has been added for the ListItem Component wrapper.
+- The `dataId` will be reflected as `dataId` with the suffix "_Options".
 # 1.4.15

package/es/ActionButton/ActionButton.js CHANGED Viewed

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

package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap CHANGED Viewed

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

package/es/Attachment/Attachment.js CHANGED Viewed

@@ -73,7 +73,8 @@ export default class Attachment extends React.Component {
       href: downloadLink,
       className: style.attachDownload,
       title: downloadTitle,
-      hasReload: true
+      hasReload: true,
+      dataId: `${dataId}_download`
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-downloadNew",
       iconClass: style.downIcon

package/es/AttachmentViewer/AttachmentViewer.js CHANGED Viewed

@@ -220,7 +220,8 @@ export default class AttachmentViewer extends Component {
       isZoomed
     } = this.state;
     const {
-      maintainZoom
+      maintainZoom,
+      dataId
     } = this.props;
     const getImgStyle = i => {
@@ -265,7 +266,9 @@ export default class AttachmentViewer extends Component {
       }, isAudioFile(data.name) ? selectedIndex == i ? /*#__PURE__*/React.createElement("video", {
         autoPlay: true,
         controls: true,
-        className: style.zoomIn
+        className: style.zoomIn,
+        "data-id": `${dataId}_videoPreview`,
+        "data-test-id": `${dataId}_videoPreview`
       }, /*#__PURE__*/React.createElement("source", {
         src: data.viewUrl,
         type: `audio/${getExtensionFromFileName(data.name)}`
@@ -295,7 +298,8 @@ export default class AttachmentViewer extends Component {
       responsiveId,
       needDownload,
       i18nKeys,
-      isActive
+      isActive,
+      dataId
     } = this.props;
     const totalLen = data.length;
     const selectedAttachment = data[selectedIndex] || {};
@@ -401,7 +405,8 @@ export default class AttachmentViewer extends Component {
         target: "_parent",
         hasReload: true,
         download: true,
-        title: i18nKeys.downloadText
+        title: i18nKeys.downloadText,
+        dataId: `${dataId}_downloadAttach`
       }, /*#__PURE__*/React.createElement(IconButton, {
         iconName: "ZD-GN-download",
         className: style.menuIcon,
@@ -468,13 +473,15 @@ export default class AttachmentViewer extends Component {
         dataId: "rightAttachNav",
         isBold: true
       }))))), /*#__PURE__*/React.createElement(Box, {
-        className: `${style.footer} ${isPViewListOpen && totalLen !== 1 ? style.footerHeight : style.footerHide} `
+        className: `${style.footer} ${isPViewListOpen && totalLen !== 1 ? style.footerHeight : style.footerHide} `,
+        dataId: `${dataId}_attachPreviewFooter`
       }, /*#__PURE__*/React.createElement(Container, {
         align: "vertical",
         alignBox: "row",
         className: style.footerHeight
       }, author && /*#__PURE__*/React.createElement(Box, {
-        className: style.author
+        className: style.author,
+        dataId: `${dataId}_authorName`
       }, /*#__PURE__*/React.createElement(Container, {
         alignBox: "row",
         align: "both"

package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap CHANGED Viewed

@@ -123,6 +123,8 @@ 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"
@@ -274,9 +276,9 @@ exports[`AttachmentViewer rendering the when isActive is true  1`] = `
         </div>
         <div
           class="footer footerHeight  shrinkOff"
-          data-id="boxComponent"
+          data-id="AttachmentViewer_attachPreviewFooter"
           data-selector-id="box"
-          data-test-id="boxComponent"
+          data-test-id="AttachmentViewer_attachPreviewFooter"
         >
           <div
             class="footerHeight flex cover rowdir vCenter"

package/es/AttachmentViewer/props/defaultProps.js CHANGED Viewed

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

package/es/AttachmentViewer/props/propTypes.js CHANGED Viewed

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

package/es/ChannelIcon/ChannelIcon.js CHANGED Viewed

@@ -72,6 +72,7 @@ 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 CHANGED Viewed

@@ -40,10 +40,12 @@ export default class MessageBanner extends React.Component {
       href: href,
       onClick: onClick,
       className: style.link,
-      target: "_blank"
+      target: "_blank",
+      dataId: `${dataId}_link`
     }, urlText)))), onClose ? /*#__PURE__*/React.createElement(Box, {
-      className: style.close,
-      onClick: onClose
+      className: style.ose,
+      onClick: onClose,
+      dataId: `${dataId}_close`
     }, /*#__PURE__*/React.createElement(Container, {
       align: "both"
     }, /*#__PURE__*/React.createElement(Icon, {

package/es/alert/AlertHeader/AlertHeader.js CHANGED Viewed

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

package/es/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap CHANGED Viewed

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

package/es/avatar/AvatarClose/AvatarClose.js CHANGED Viewed

@@ -18,7 +18,8 @@ export default class AvatarClose extends React.Component {
       isClose,
       onClick,
       customProps,
-      dataSelectorId
+      dataSelectorId,
+      dataId
     } = this.props;
     let {
       AvatarCloseProps = {},
@@ -27,6 +28,8 @@ 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,
@@ -36,7 +39,9 @@ export default class AvatarClose extends React.Component {
       ...AvatarProps
     }), isClose && /*#__PURE__*/React.createElement("span", {
       className: style.pop,
-      onClick: onClick
+      onClick: onClick,
+      "data-id": `${dataId}_close`,
+      "data-test-id": `${dataId}_close`
     }, /*#__PURE__*/React.createElement("span", {
       className: style.icon
     }, /*#__PURE__*/React.createElement(Icon, {

package/es/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap CHANGED Viewed

@@ -4,7 +4,9 @@ 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 CHANGED Viewed

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

package/es/avatar/AvatarClose/props/propTypes.js CHANGED Viewed

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

package/es/dropdown/ToggleDropDown/ToggleDropDown.js CHANGED Viewed

@@ -638,6 +638,7 @@ 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, {
@@ -656,6 +657,7 @@ export class ToggleDropDown extends Component {
         } //search
         // onKeyDown={this.handleKeyDown}
         ,
+        dataId: `${dataId}_search`,
         a11y: {
           role: 'combobox',
           ariaOwns: ariaTitleId,

package/es/list/status/StatusDropdown/StatusDropdown.js CHANGED Viewed

@@ -242,6 +242,7 @@ export class StatusDropdown extends React.Component {
         isResponsivePadding: true,
         needFocusScope: true,
         onClose: this.handleTogglePopup,
+        dataId: `${dataId}_dropbox`,
         customProps: {
           focusScopeProps: {
             loadNextOptions: getNextOptions,
@@ -268,7 +269,8 @@ 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 CHANGED Viewed

@@ -69,7 +69,8 @@ class DropDown extends SelectComponent {
       searchBoxSize,
       searchBoxVariant,
       searchBoxPlaceHolder,
-      maxLength
+      maxLength,
+      dataId
     } = this.props;
     const {
       hoverIndex,
@@ -80,7 +81,9 @@ class DropDown extends SelectComponent {
     } = this.state;
     const suggestions = this.handleFilterSuggestions();
     return /*#__PURE__*/React.createElement("div", {
-      className: style.container
+      className: style.container,
+      "data-id": dataId,
+      "data-test-id": dataId
     }, /*#__PURE__*/React.createElement("div", {
       onClick: this.togglePopup,
       ref: getTargetRef
@@ -110,7 +113,8 @@ class DropDown extends SelectComponent {
         animationStyle: animationStyle,
         size: "large",
         alignBox: "row",
-        isResponsivePadding: true
+        isResponsivePadding: true,
+        dataId: `${dataId}_dropbox`
       }, /*#__PURE__*/React.createElement(Box, {
         flexible: true
       }, /*#__PURE__*/React.createElement(Card, null, needSearch ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(DropDownSearch, {
@@ -121,13 +125,15 @@ class DropDown extends SelectComponent {
         size: searchBoxSize,
         variant: searchBoxVariant,
         placeHolder: searchBoxPlaceHolder,
-        maxLength: maxLength
+        maxLength: maxLength,
+        dataId: `${dataId}_search`
       })) : null, /*#__PURE__*/React.createElement(CardContent, {
         shrink: true,
         eleRef: this.suggestionContainerRef,
         customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : ''
       }, suggestions.length ? /*#__PURE__*/React.createElement("div", {
-        className: style.listItemContainer
+        className: style.listItemContainer,
+        "data-id": `${dataId}_Options`
       }, 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 CHANGED Viewed

@@ -4,6 +4,8 @@ exports[`ViewDropDown rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     class="container"
+    data-id="ViewDropDown"
+    data-test-id="ViewDropDown"
   >
     <div>
       <div

package/es/lookup/header/ViewDropDown/props/defaultProps.js CHANGED Viewed

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

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

@@ -5,6 +5,7 @@ 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 CHANGED Viewed

@@ -45,13 +45,16 @@ export default class Search extends React.Component {
       value,
       onChange,
       onKeyPress,
-      customClass
+      customClass,
+      dataId
     } = this.props;
     let {
       isFocus
     } = this.state;
     return /*#__PURE__*/React.createElement("div", {
-      className: `${style.container} ${isFocus ? style.active : ''} ${customClass}`
+      className: `${style.container} ${isFocus ? style.active : ''} ${customClass}`,
+      "data-id": `${dataId}_search`,
+      "data-test-id": `${dataId}_search`
     }, /*#__PURE__*/React.createElement(TextBox, {
       placeHolder: placeHolder,
       customClass: style.input,
@@ -64,7 +67,9 @@ export default class Search extends React.Component {
       onBlur: this.onBlur
     }), value != '' && value ? /*#__PURE__*/React.createElement("span", {
       className: style.icon,
-      onClick: this.onBlur
+      onClick: this.onBlur,
+      "data-id": `${dataId}_clear`,
+      "data-test-id": `${dataId}_clear`
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-close",
       size: "19"

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

@@ -4,6 +4,8 @@ exports[`Search rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     class="container  "
+    data-id="search_search"
+    data-test-id="search_search"
   >
     <input
       class="  basic borderColor_default  input"

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

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

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

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

package/es/v1/ActionButton/ActionButton.js CHANGED Viewed

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

package/es/v1/Attachment/Attachment.js CHANGED Viewed

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

package/es/v1/AttachmentViewer/AttachmentViewer.js CHANGED Viewed

@@ -220,7 +220,8 @@ export default class AttachmentViewer extends Component {
       isZoomed
     } = this.state;
     const {
-      maintainZoom
+      maintainZoom,
+      dataId
     } = this.props;
     const getImgStyle = i => {
@@ -265,7 +266,9 @@ export default class AttachmentViewer extends Component {
       }, isAudioFile(data.name) ? selectedIndex == i ? /*#__PURE__*/React.createElement("video", {
         autoPlay: true,
         controls: true,
-        className: style.zoomIn
+        className: style.zoomIn,
+        "data-id": `${dataId}_videoPreview`,
+        "data-test-id": `${dataId}_videoPreview`
       }, /*#__PURE__*/React.createElement("source", {
         src: data.viewUrl,
         type: `audio/${getExtensionFromFileName(data.name)}`
@@ -295,7 +298,8 @@ export default class AttachmentViewer extends Component {
       responsiveId,
       needDownload,
       i18nKeys,
-      isActive
+      isActive,
+      dataId
     } = this.props;
     const totalLen = data.length;
     const selectedAttachment = data[selectedIndex] || {};
@@ -401,7 +405,8 @@ export default class AttachmentViewer extends Component {
         target: "_parent",
         hasReload: true,
         download: true,
-        title: i18nKeys.downloadText
+        title: i18nKeys.downloadText,
+        dataId: `${dataId}_downloadAttach`
       }, /*#__PURE__*/React.createElement(IconButton, {
         iconName: "ZD-GN-download",
         className: style.menuIcon,
@@ -468,13 +473,15 @@ export default class AttachmentViewer extends Component {
         dataId: "rightAttachNav",
         isBold: true
       }))))), /*#__PURE__*/React.createElement(Box, {
-        className: `${style.footer} ${isPViewListOpen && totalLen !== 1 ? style.footerHeight : style.footerHide} `
+        className: `${style.footer} ${isPViewListOpen && totalLen !== 1 ? style.footerHeight : style.footerHide} `,
+        dataId: `${dataId}_attachPreviewFooter`
       }, /*#__PURE__*/React.createElement(Container, {
         align: "vertical",
         alignBox: "row",
         className: style.footerHeight
       }, author && /*#__PURE__*/React.createElement(Box, {
-        className: style.author
+        className: style.author,
+        dataId: `${dataId}_authorName`
       }, /*#__PURE__*/React.createElement(Container, {
         alignBox: "row",
         align: "both"

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

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

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

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

package/es/v1/ChannelIcon/ChannelIcon.js CHANGED Viewed

@@ -68,6 +68,7 @@ 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 CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

@@ -638,6 +638,7 @@ 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, {
@@ -656,6 +657,7 @@ export class ToggleDropDown extends Component {
         } //search
         // onKeyDown={this.handleKeyDown}
         ,
+        dataId: `${dataId}_search`,
         a11y: {
           role: 'combobox',
           ariaOwns: ariaTitleId,