@zohodesk/dot 1.4.16 → 1.4.18

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
-import style from './Search.module.css';
+import style from "./Search.module.css";
 export default class Search extends React.Component {
   constructor(props) {
     super(props);
@@ -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__/Search.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Search from '../Search';
+import Search from "../Search";
 describe('Search', () => {
   test('rendering the defult props', () => {
     const {

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

@@ -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

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

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

@@ -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/setup/header/Views/Views.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from './Views.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "./Views.module.css";
 import { Icon } from '@zohodesk/icons';
 export default class Views extends React.Component {
   constructor(props) {

package/es/setup/header/Views/__tests__/Views.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Views from '../Views';
+import Views from "../Views";
 describe('Views', () => {
   test('rendering the defult props', () => {
     const {

package/es/setup/header/index.js

@@ -1,4 +1,4 @@
-export { default as Button } from './Button/Button';
-export { default as Link } from './Link/Link';
-export { default as Search } from './Search/Search';
-export { default as Views } from './Views/Views';
+export { default as Button } from "./Button/Button";
+export { default as Link } from "./Link/Link";
+export { default as Search } from "./Search/Search";
+export { default as Views } from "./Views/Views";

package/es/setup/helptips/Description/Description.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from './HelpTipsDescription.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "./HelpTipsDescription.module.css";
 export default class Description extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/helptips/Description/__tests__/Description.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Description from '../Description';
+import Description from "../Description";
 describe('Description', () => {
   test('rendering the defult props', () => {
     const {

package/es/setup/helptips/Link/Link.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from './HelpTipsLink.module.css';
-import ExternalLink from '../../../ExternalLink/ExternalLink';
+import { propTypes } from "./props/propTypes";
+import style from "./HelpTipsLink.module.css";
+import ExternalLink from "../../../ExternalLink/ExternalLink";
 export default class Link extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/helptips/Link/__tests__/Link.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Link from '../Link';
+import Link from "../Link";
 describe('Link', () => {
   test('rendering the defult props', () => {
     const {

package/es/setup/helptips/ListGroup/ListGroup.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from './ListGroup.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "./ListGroup.module.css";
 export default class ListGroup extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/helptips/ListGroup/__tests__/ListGroup.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import ListGroup from '../ListGroup';
+import ListGroup from "../ListGroup";
 describe('ListGroup', () => {
   test('rendering the defult props', () => {
     const {

package/es/setup/helptips/Title/Title.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from './HelpTipsTitle.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "./HelpTipsTitle.module.css";
 export default class Title extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/helptips/Title/__tests__/Title.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Title from '../Title';
+import Title from "../Title";
 describe('Title', () => {
   test('rendering the defult props', () => {
     const {

package/es/setup/helptips/index.js

@@ -1,4 +1,4 @@
-export { default as Description } from './Description/Description';
-export { default as Link } from './Link/Link';
-export { default as ListGroup } from './ListGroup/ListGroup';
-export { default as Title } from './Title/Title';
+export { default as Description } from "./Description/Description";
+export { default as Link } from "./Link/Link";
+export { default as ListGroup } from "./ListGroup/ListGroup";
+export { default as Title } from "./Title/Title";

package/es/setup/index.js

@@ -1,6 +1,6 @@
-import * as _header from './header';
+import * as _header from "./header";
 export { _header as header };
-import * as _helptips from './helptips';
+import * as _helptips from "./helptips";
 export { _helptips as helptips };
-import * as _table from './table';
+import * as _table from "./table";
 export { _table as table };

package/es/setup/table/Table/Table.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/lib/Layout';
 export default class Table extends React.Component {
   render() {

package/es/setup/table/Table/__tests__/Table.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Table from '../Table';
+import Table from "../Table";
 describe('Table', () => {
   test('rendering the defult props', () => {
     const {

package/es/setup/table/TableBody/TableBody.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Box } from '@zohodesk/components/lib/Layout';
 export default class TableBody extends React.Component {
   render() {

package/es/setup/table/TableBody/__tests__/TableBody.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TableBody from '../TableBody';
+import TableBody from "../TableBody";
 describe('TableBody', () => {
   test('rendering the defult props', () => {
     const {

package/es/setup/table/TableData/TableData.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Box } from '@zohodesk/components/lib/Layout';
-import style from './SetupTableData.module.css';
+import style from "./SetupTableData.module.css";
 export default class TableData extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/table/TableData/__tests__/TableData.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TableData from '../TableData';
+import TableData from "../TableData";
 describe('TableData', () => {
   test('rendering the defult props', () => {
     const {

package/es/setup/table/TableHead/TableHead.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import style from './SetupTableHead.module.css';
+import style from "./SetupTableHead.module.css";
 export default class TableHead extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/table/TableHead/__tests__/TableHead.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TableHead from '../TableHead';
+import TableHead from "../TableHead";
 describe('TableHead', () => {
   test('rendering the defult props', () => {
     const {

package/es/setup/table/TableRow/TableRow.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/lib/Layout';
-import style from './SetupTableRow.module.css';
+import style from "./SetupTableRow.module.css";
 export default class TableRow extends React.Component {
   constructor(props) {
     super(props);

package/es/setup/table/TableRow/__tests__/TableRow.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TableRow from '../TableRow';
+import TableRow from "../TableRow";
 describe('TableRow', () => {
   test('rendering the defult props', () => {
     const {

package/es/setup/table/Text/Text.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import Link from '../../../Link/Link';
-import style from './TableText.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import Link from "../../../Link/Link";
+import style from "./TableText.module.css";
 export default class Text extends React.Component {
   render() {
     let {

package/es/setup/table/Text/__tests__/Text.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Text from '../Text';
+import Text from "../Text";
 describe('Text', () => {
   const type = ['bold', 'semiBold', 'heading'];
   test('rendering the defult props', () => {

package/es/setup/table/index.js

@@ -1,5 +1,5 @@
-export { default as Table } from './Table/Table';
-export { default as TableBody } from './TableBody/TableBody';
-export { default as TableData } from './TableData/TableData';
-export { default as TableHead } from './TableHead/TableHead';
-export { default as TableRow } from './TableRow/TableRow';
+export { default as Table } from "./Table/Table";
+export { default as TableBody } from "./TableBody/TableBody";
+export { default as TableData } from "./TableData/TableData";
+export { default as TableHead } from "./TableHead/TableHead";
+export { default as TableRow } from "./TableRow/TableRow";

package/es/svg/PlusIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PlusIcon_defaultProps } from './props/defaultProps';
-import { PlusIcon_propTypes } from './props/propTypes';
+import { PlusIcon_defaultProps } from "./props/defaultProps";
+import { PlusIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class PlusIcon extends React.Component {
   render() {

package/es/svg/SnippetIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SnippetIcon_defaultProps } from './props/defaultProps';
-import { SnippetIcon_propTypes } from './props/propTypes';
+import { SnippetIcon_defaultProps } from "./props/defaultProps";
+import { SnippetIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class SnippetIcon extends React.Component {
   render() {

package/es/svg/TemplateIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TemplateIcon_defaultProps } from './props/defaultProps';
-import { TemplateIcon_propTypes } from './props/propTypes';
+import { TemplateIcon_defaultProps } from "./props/defaultProps";
+import { TemplateIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class TemplateIcon extends React.Component {
   render() {

package/es/svg/__tests__/PlusIcon.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import PlusIcon from '../PlusIcon';
+import PlusIcon from "../PlusIcon";
 describe('PlusIcon', () => {
   test('rendering the defult props', () => {
     const {

package/es/svg/__tests__/SnippetIcon.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import SnippetIcon from '../SnippetIcon';
+import SnippetIcon from "../SnippetIcon";
 describe('SnippetIcon', () => {
   test('rendering the defult props', () => {
     const {

package/es/svg/__tests__/TemplateIcon.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TemplateIcon from '../TemplateIcon';
+import TemplateIcon from "../TemplateIcon";
 describe('TemplateIcon', () => {
   test('rendering the defult props', () => {
     const {

package/es/svg/index.js

@@ -1,3 +1,3 @@
-export { default as PlusIcon } from './PlusIcon';
-export { default as SnippetIcon } from './SnippetIcon';
-export { default as TemplateIcon } from './TemplateIcon';
+export { default as PlusIcon } from "./PlusIcon";
+export { default as SnippetIcon } from "./SnippetIcon";
+export { default as TemplateIcon } from "./TemplateIcon";

package/es/v1/ActionButton/ActionButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/es/v1/Button/Button';
@@ -8,7 +8,7 @@ import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
 import CssProvider from '@zohodesk/components/es/Provider/CssProvider';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
-import style from '../../ActionButton/ActionButton.module.css';
+import style from "../../ActionButton/ActionButton.module.css";
 
 function ActionButton(props) {
   let {
@@ -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/AlphabeticList/AlphabeticList.js

@@ -1,11 +1,11 @@
 /*** Libraries ***/
 import React, { memo } from 'react';
-import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from './props/defaultProps';
-import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from './props/propTypes';
+import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from "./props/defaultProps";
+import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /*** CSS ***/
 
-import style from '../../AlphabeticList/AlphabeticList.module.css';
+import style from "../../AlphabeticList/AlphabeticList.module.css";
 const AlphabeticListItemMemo = /*#__PURE__*/memo(AlphabeticListItem);
 
 function AlphabeticList(props) {

package/es/v1/Attachment/Attachment.js

@@ -1,13 +1,13 @@
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import Link from '../Link/Link';
+import Link from "../Link/Link";
 /**** CSS ****/
 
-import style from '../../Attachment/Attachment.module.css';
+import style from "../../Attachment/Attachment.module.css";
 
 const Attachment = props => {
   const {
@@ -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/AttachmentImage.js

@@ -2,12 +2,12 @@
 
 /** * Libraries ** */
 import React, { useRef, useEffect, useState } from 'react';
-import { AttachmentImage_defaultProps } from './props/defaultProps';
-import { AttachmentImage_propTypes } from './props/propTypes';
-import Image from '../Image/Image';
+import { AttachmentImage_defaultProps } from "./props/defaultProps";
+import { AttachmentImage_propTypes } from "./props/propTypes";
+import Image from "../Image/Image";
 /** * CSS ** */
 
-import style from '../../AttachmentViewer/AttachmentViewer.module.css';
+import style from "../../AttachmentViewer/AttachmentViewer.module.css";
 
 const AttachmentImage = props => {
   const {

package/es/v1/AttachmentViewer/AttachmentViewer.js

@@ -1,18 +1,18 @@
 import React, { Component } from 'react';
-import { AttachmentViewer_defaultProps } from './props/defaultProps';
-import { AttachmentViewer_propTypes } from './props/propTypes';
+import { AttachmentViewer_defaultProps } from "./props/defaultProps";
+import { AttachmentViewer_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
-import AttachmentImage from './AttachmentImage';
-import Link from '../Link/Link';
-import IconButton from '../IconButton/IconButton';
-import FreezeLayer from '../FreezeLayer/FreezeLayer';
-import { isAudioFile, getExtensionFromFileName } from '../../AttachmentViewer/Attachment';
-import { shallowDiff } from '../../utils/General';
-import style from '../../AttachmentViewer/AttachmentViewer.module.css';
+import AttachmentImage from "./AttachmentImage";
+import Link from "../Link/Link";
+import IconButton from "../IconButton/IconButton";
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
+import { isAudioFile, getExtensionFromFileName } from "../../AttachmentViewer/Attachment";
+import { shallowDiff } from "../../utils/General";
+import style from "../../AttachmentViewer/AttachmentViewer.module.css";
 export default class AttachmentViewer extends Component {
   constructor(props) {
     super(props);
@@ -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

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