@zohodesk/dot 1.7.20-exp.1 → 1.7.20-exp.2

package/lib/Attachment/Attachment.js

@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
 
 var _icons = require("@zohodesk/icons");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _Link = _interopRequireDefault(require("../Link/Link"));
 
@@ -97,7 +97,8 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
         align: "horizontal"
       }, fileName ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _AttachmentModule["default"].atatchName,
-        "data-title": fileName
+        "data-title": fileName,
+        dataId: "".concat(dataId, "_filename")
       }, fileName) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _AttachmentModule["default"].footer
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
@@ -108,14 +109,16 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
         className: _AttachmentModule["default"].attachSize,
         adjust: true,
         shrink: true,
-        "data-title": fileSize
+        "data-title": fileSize,
+        dataId: "".concat(dataId, "_filesize")
       }, fileSize) : null, fileInfo ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _AttachmentModule["default"].dot
       }), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _AttachmentModule["default"].attachSize,
         adjust: true,
         shrink: true,
-        "data-title": fileInfo
+        "data-title": fileInfo,
+        dataId: "".concat(dataId, "_fileinfo")
       }, fileInfo)) : null)))), downloadLink && !isDisabled ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
         target: "_self",
         href: downloadLink,

package/lib/Attachment/__tests__/Attachment.spec.js

@@ -13,6 +13,30 @@ describe('Attachment', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Attachment["default"], null)),
         asFragment = _render.asFragment;
 
+    expect(asFragment()).toMatchSnapshot();
+  });
+});
+describe('Attachment with props', function () {
+  test('rendering the defult props', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Attachment["default"], {
+      onClick: jest.fn(),
+      dataId: "test_id",
+      size: "medium",
+      iconName: "test_icon",
+      fileName: "test_file",
+      fileSize: "10MB",
+      downloadLink: "http://example.com",
+      palette: "default",
+      tooltip: "test_tooltip",
+      fileInfo: "test_info",
+      i18nKeys: {
+        downloadTitle: 'Download'
+      },
+      dataSelectorId: "test_selector",
+      isDisabled: false
+    })),
+        asFragment = _render2.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
 });

package/lib/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap

@@ -39,3 +39,108 @@ exports[`Attachment rendering the defult props 1`] = `
   </div>
 </DocumentFragment>
 `;
+
+exports[`Attachment with props rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="attachment  attachmentHover palette_default medium inflex rowdir"
+    data-id="test_id"
+    data-selector-id="test_selector"
+    data-test-id="test_id"
+    data-title="test_tooltip"
+    tabindex="0"
+  >
+    <div
+      class="attachleft shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex cover coldir both"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      />
+    </div>
+    <div
+      class="attachright grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex cover coldir hCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="atatchName shrinkOff"
+          data-id="test_id_filename"
+          data-selector-id="box"
+          data-test-id="test_id_filename"
+          data-title="test_file"
+        >
+          test_file
+        </div>
+        <div
+          class="footer shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="flex rowdir baseline"
+            data-id="containerComponent"
+            data-selector-id="container"
+            data-test-id="containerComponent"
+          >
+            <div
+              class="attachSize basisAuto shrinkOn"
+              data-id="test_id_filesize"
+              data-selector-id="box"
+              data-test-id="test_id_filesize"
+              data-title="10MB"
+            >
+              10MB
+            </div>
+            <div
+              class="dot shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            />
+            <div
+              class="attachSize basisAuto shrinkOn"
+              data-id="test_id_fileinfo"
+              data-selector-id="box"
+              data-test-id="test_id_fileinfo"
+              data-title="test_info"
+            >
+              test_info
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <a
+      class="container  attachDownload"
+      data-id="test_id_download"
+      data-test-id="test_id_download"
+      data-title="Download"
+      href="http://example.com"
+      rel="noopener noreferrer"
+      target="_self"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-download-new  downIcon  "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+    </a>
+  </div>
+</DocumentFragment>
+`;

package/lib/AttachmentViewer/AttachmentViewer.js

@@ -13,17 +13,17 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _icons = require("@zohodesk/icons");
 
-var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
 
-var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 
-var _Typography = _interopRequireDefault(require("@zohodesk/components/lib/Typography/Typography"));
+var _Typography = _interopRequireDefault(require("@zohodesk/components/es/Typography/Typography"));
 
-var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
 

package/lib/AttachmentViewer/AttachmentViewer.module.css

@@ -378,7 +378,7 @@
 
 .previewIconDiv {
     width: var(--zd_size60) ;
-    composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+    composes: dflex from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .prevFooterIcon {