@zohodesk/dot 1.4.15 → 1.4.17

package/lib/AttachmentViewer/__tests__/AttachmentViewer.spec.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _AttachmentViewer = _interopRequireDefault(require("../AttachmentViewer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('AttachmentViewer', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], {
+      previewObj: {
+        previewData: [{
+          id: '1',
+          name: 'slack0.jpg',
+          size: '100412',
+          href: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
+          viewUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
+          downloadUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG'
+        }, {
+          id: '2',
+          name: 'slack1.jpg',
+          size: '100412',
+          href: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
+          viewUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
+          downloadUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg'
+        }, {
+          id: '3',
+          name: 'slack2.jpg',
+          size: '100412',
+          href: 'https://wallpapercave.com/wp/wp3913900.jpg',
+          viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
+          downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
+        }, {
+          id: '4',
+          name: 'slack3.jpg',
+          size: '100412',
+          href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
+          viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
+          downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
+        }, {
+          id: '5',
+          name: 'slack4.jpg',
+          size: '100412',
+          href: 'https://wallpapercave.com/wp/wp3913900.jpg',
+          viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
+          downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
+        }, {
+          id: '6',
+          name: 'slack5.jpg',
+          size: '100412',
+          href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
+          viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
+          downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
+        }, {
+          id: '6',
+          name: 'slack5.mp3',
+          size: '100412',
+          href: 'https://www.w3schools.com/html/horse.mp3',
+          viewUrl: 'https://www.w3schools.com/html/horse.mp3',
+          downloadUrl: 'https://www.w3schools.com/html/horse.mp3'
+        }],
+        selectedIndex: 0
+      }
+    })),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the when isActive is true ', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], {
+      isActive: true,
+      previewObj: {
+        previewData: [{
+          id: '1',
+          name: 'slack0.jpg',
+          size: '100412',
+          href: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
+          viewUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
+          downloadUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG'
+        }, {
+          id: '2',
+          name: 'slack1.jpg',
+          size: '100412',
+          href: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
+          viewUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
+          downloadUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg'
+        }, {
+          id: '3',
+          name: 'slack2.jpg',
+          size: '100412',
+          href: 'https://wallpapercave.com/wp/wp3913900.jpg',
+          viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
+          downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
+        }, {
+          id: '4',
+          name: 'slack3.jpg',
+          size: '100412',
+          href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
+          viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
+          downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
+        }, {
+          id: '5',
+          name: 'slack4.jpg',
+          size: '100412',
+          href: 'https://wallpapercave.com/wp/wp3913900.jpg',
+          viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
+          downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
+        }, {
+          id: '6',
+          name: 'slack5.jpg',
+          size: '100412',
+          href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
+          viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
+          downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
+        }, {
+          id: '6',
+          name: 'slack5.mp3',
+          size: '100412',
+          href: 'https://www.w3schools.com/html/horse.mp3',
+          viewUrl: 'https://www.w3schools.com/html/horse.mp3',
+          downloadUrl: 'https://www.w3schools.com/html/horse.mp3'
+        }],
+        selectedIndex: 0
+      }
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentImage.spec.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AttachmentImage rendering the defult props 1`] = `
+<DocumentFragment>
+  <img
+    class="  undefined imgMaxFullSize "
+    data-id="AttachmentImage"
+    data-test-id="AttachmentImage"
+  />
+</DocumentFragment>
+`;

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

@@ -0,0 +1,485 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AttachmentViewer rendering the defult props 1`] = `<DocumentFragment />`;
+
+exports[`AttachmentViewer rendering the when isActive is true  1`] = `
+<DocumentFragment>
+  <div
+    class="container index5 dark"
+    data-drag-parent="true"
+    style="z-index: 4;"
+  >
+    <div
+      class="flex cover rowdir"
+      data-id="reactFreezeLayer"
+      data-selector-id="container"
+      data-test-id="reactFreezeLayer"
+    >
+      <div
+        class="flex cover coldir scrollnone"
+        data-id="containerComponent"
+        data-scroll-palette="dark"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="header flex cover rowdir between"
+            data-id="containerComponent"
+            data-selector-id="container"
+            data-test-id="containerComponent"
+            tabindex="0"
+          >
+            <div
+              class="title shrinkOn"
+              data-id="attachName"
+              data-selector-id="box"
+              data-test-id="attachName"
+              data-title="slack0.jpg"
+              id="1"
+            >
+              slack0.jpg
+            </div>
+            <div
+              class="count grow basis shrinkOff"
+              data-id="attachCountContainer"
+              data-selector-id="box"
+              data-test-id="attachCountContainer"
+            >
+              1/7
+            </div>
+            <div
+              class="menuBar shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <div
+                class="inflex rowdir wrap"
+                data-id="containerComponent"
+                data-selector-id="container"
+                data-test-id="containerComponent"
+              >
+                <div
+                  class="menu"
+                  data-id="zoomIn"
+                  data-test-id="zoomIn"
+                >
+                  <button
+                    aria-pressed="false"
+                    class="buttonReset wrapper menuIcon undefined effect default border borderHover  hoverEffect  inflex coldir both"
+                    data-id="iconContainer"
+                    data-ishtml="false"
+                    data-selector-id="iconButton"
+                    data-test-id="iconContainer"
+                  >
+                    <i
+                      aria-hidden="true"
+                      class="zd_font_icons basic icon-zoomIn    "
+                      data-id="fontIcon"
+                      data-selector-id="fontIcon"
+                      data-test-id="fontIcon"
+                      style="--zd-iconfont-size: var(--zd_font_size16);"
+                    />
+                  </button>
+                </div>
+                <div
+                  class="menu"
+                >
+                  <a
+                    class="container  "
+                    data-id="newTabAttach"
+                    data-test-id="newTabAttach"
+                    href="https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG"
+                    rel="noopener noreferrer"
+                    target="_blank"
+                  >
+                    <div
+                      aria-pressed="false"
+                      class="false wrapper menuIcon undefined effect default border borderHover  hoverEffect  inflex coldir both"
+                      data-id="iconContainer"
+                      data-ishtml="false"
+                      data-selector-id="iconButton"
+                      data-test-id="iconContainer"
+                    >
+                      <i
+                        aria-hidden="true"
+                        class="zd_font_icons basic icon-newLink    "
+                        data-id="fontIcon"
+                        data-selector-id="fontIcon"
+                        data-test-id="fontIcon"
+                        style="--zd-iconfont-size: var(--zd_font_size16);"
+                      />
+                    </div>
+                  </a>
+                </div>
+                <div
+                  class="menu"
+                >
+                  <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"
+                    target="_parent"
+                  >
+                    <div
+                      aria-pressed="false"
+                      class="false wrapper menuIcon undefined effect default border borderHover  hoverEffect  inflex coldir both"
+                      data-id="iconContainer"
+                      data-ishtml="false"
+                      data-selector-id="iconButton"
+                      data-test-id="iconContainer"
+                    >
+                      <i
+                        aria-hidden="true"
+                        class="zd_font_icons basic icon-download    "
+                        data-id="fontIcon"
+                        data-selector-id="fontIcon"
+                        data-test-id="fontIcon"
+                        style="--zd-iconfont-size: var(--zd_font_size16);"
+                      />
+                    </div>
+                  </a>
+                </div>
+                <div
+                  class="menu"
+                  data-id="closeAttach"
+                  data-test-id="closeAttach"
+                >
+                  <button
+                    aria-pressed="false"
+                    class="buttonReset wrapper menuIcon undefined effect default border borderHover  hoverEffect  inflex coldir both"
+                    data-id="iconContainer"
+                    data-ishtml="false"
+                    data-selector-id="iconButton"
+                    data-test-id="iconContainer"
+                  >
+                    <i
+                      aria-hidden="true"
+                      class="zd_font_icons basic icon-cross    "
+                      data-id="fontIcon"
+                      data-selector-id="fontIcon"
+                      data-test-id="fontIcon"
+                      style="--zd-iconfont-size: var(--zd_font_size15);"
+                    />
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="grow basis shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+          role="toolbar"
+          tabindex="0"
+        >
+          <div
+            class="flex cover rowdir"
+            data-id="containerComponent"
+            data-selector-id="container"
+            data-test-id="containerComponent"
+          >
+            <div
+              class="arrowBox  nrmlArrowBox hidden shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+              data-title-position="left"
+            >
+              <button
+                class="btn"
+              >
+                <i
+                  aria-hidden="true"
+                  class="zd_font_icons basic icon-arrow-left3 fbold arrow  rtl "
+                  data-id="leftAttachNav"
+                  data-selector-id="fontIcon"
+                  data-test-id="leftAttachNav"
+                />
+              </button>
+            </div>
+            <div
+              aria-describedby="1"
+              class="previewBox grow basis shrinkOff scrollboth"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+              role="option"
+              tabindex="0"
+            >
+              <div
+                class="imgBox flex cover rowdir both"
+                data-id="containerComponent"
+                data-selector-id="container"
+                data-test-id="containerComponent"
+                id="imgBox0"
+                style="transform: translateX(0%); opacity: 1;"
+              >
+                <div
+                  class="imgRef shrinkOff"
+                  data-id="boxComponent"
+                  data-selector-id="box"
+                  data-test-id="boxComponent"
+                  id="imgPreviewRef0"
+                >
+                  <div
+                    class="spinLoad"
+                    data-id="attachViewer_loader"
+                    data-test-id="attachViewer_loader"
+                  >
+                    <div
+                      class="loader"
+                    />
+                  </div>
+                  <img
+                    alt="Preview"
+                    class=" hide img  imgMaxFullSize "
+                    data-id="attachViewer"
+                    data-test-id="attachViewer"
+                    id="img0"
+                    src="https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG"
+                  />
+                </div>
+              </div>
+            </div>
+            <div
+              class="arrowBox  nrmlArrowBox  shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+              data-title-position="right"
+            >
+              <button
+                class="btn"
+              >
+                <i
+                  aria-hidden="true"
+                  class="zd_font_icons basic icon-arrow-right3 fbold arrow  rtl "
+                  data-id="rightAttachNav"
+                  data-selector-id="fontIcon"
+                  data-test-id="rightAttachNav"
+                />
+              </button>
+            </div>
+          </div>
+        </div>
+        <div
+          class="footer footerHeight  shrinkOff"
+          data-id="AttachmentViewer_attachPreviewFooter"
+          data-selector-id="box"
+          data-test-id="AttachmentViewer_attachPreviewFooter"
+        >
+          <div
+            class="footerHeight flex cover rowdir vCenter"
+            data-id="containerComponent"
+            data-selector-id="container"
+            data-test-id="containerComponent"
+          >
+            <div
+              class="grow basis shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <div
+                class="listContainer flex cover rowdir vCenter scrollx"
+                data-id="containerComponent"
+                data-selector-id="container"
+                data-test-id="containerComponent"
+              >
+                <div
+                  class="imgItem selected   shrinkOff"
+                  data-id="attachPreviewList"
+                  data-selector-id="box"
+                  data-test-id="attachPreviewList"
+                  data-title="slack0.jpg"
+                >
+                  <div
+                    class="spinLoad"
+                    data-id="AttachmentImage_loader"
+                    data-test-id="AttachmentImage_loader"
+                  >
+                    <div
+                      class="loader"
+                    />
+                  </div>
+                  <img
+                    alt="slack0.jpg"
+                    class=" hide image imgMaxFullSize "
+                    data-id="AttachmentImage"
+                    data-test-id="AttachmentImage"
+                    src="https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG"
+                  />
+                </div>
+                <div
+                  class="imgItem    shrinkOff"
+                  data-id="attachPreviewList"
+                  data-selector-id="box"
+                  data-test-id="attachPreviewList"
+                  data-title="slack1.jpg"
+                >
+                  <div
+                    class="spinLoad"
+                    data-id="AttachmentImage_loader"
+                    data-test-id="AttachmentImage_loader"
+                  >
+                    <div
+                      class="loader"
+                    />
+                  </div>
+                  <img
+                    alt="slack1.jpg"
+                    class=" hide image imgMaxFullSize "
+                    data-id="AttachmentImage"
+                    data-test-id="AttachmentImage"
+                    src="https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg"
+                  />
+                </div>
+                <div
+                  class="imgItem    shrinkOff"
+                  data-id="attachPreviewList"
+                  data-selector-id="box"
+                  data-test-id="attachPreviewList"
+                  data-title="slack2.jpg"
+                >
+                  <div
+                    class="spinLoad"
+                    data-id="AttachmentImage_loader"
+                    data-test-id="AttachmentImage_loader"
+                  >
+                    <div
+                      class="loader"
+                    />
+                  </div>
+                  <img
+                    alt="slack2.jpg"
+                    class=" hide image imgMaxFullSize "
+                    data-id="AttachmentImage"
+                    data-test-id="AttachmentImage"
+                    src="https://wallpapercave.com/wp/wp3913900.jpg"
+                  />
+                </div>
+                <div
+                  class="imgItem    shrinkOff"
+                  data-id="attachPreviewList"
+                  data-selector-id="box"
+                  data-test-id="attachPreviewList"
+                  data-title="slack3.jpg"
+                >
+                  <div
+                    class="spinLoad"
+                    data-id="AttachmentImage_loader"
+                    data-test-id="AttachmentImage_loader"
+                  >
+                    <div
+                      class="loader"
+                    />
+                  </div>
+                  <img
+                    alt="slack3.jpg"
+                    class=" hide image imgMaxFullSize "
+                    data-id="AttachmentImage"
+                    data-test-id="AttachmentImage"
+                    src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg"
+                  />
+                </div>
+                <div
+                  class="imgItem    shrinkOff"
+                  data-id="attachPreviewList"
+                  data-selector-id="box"
+                  data-test-id="attachPreviewList"
+                  data-title="slack4.jpg"
+                >
+                  <div
+                    class="spinLoad"
+                    data-id="AttachmentImage_loader"
+                    data-test-id="AttachmentImage_loader"
+                  >
+                    <div
+                      class="loader"
+                    />
+                  </div>
+                  <img
+                    alt="slack4.jpg"
+                    class=" hide image imgMaxFullSize "
+                    data-id="AttachmentImage"
+                    data-test-id="AttachmentImage"
+                    src="https://wallpapercave.com/wp/wp3913900.jpg"
+                  />
+                </div>
+                <div
+                  class="imgItem    shrinkOff"
+                  data-id="attachPreviewList"
+                  data-selector-id="box"
+                  data-test-id="attachPreviewList"
+                  data-title="slack5.jpg"
+                >
+                  <div
+                    class="spinLoad"
+                    data-id="AttachmentImage_loader"
+                    data-test-id="AttachmentImage_loader"
+                  >
+                    <div
+                      class="loader"
+                    />
+                  </div>
+                  <img
+                    alt="slack5.jpg"
+                    class=" hide image imgMaxFullSize "
+                    data-id="AttachmentImage"
+                    data-test-id="AttachmentImage"
+                    src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg"
+                  />
+                </div>
+                <div
+                  class="imgItem   isAudio shrinkOff"
+                  data-id="attachPreviewList"
+                  data-selector-id="box"
+                  data-test-id="attachPreviewList"
+                  data-title="slack5.mp3"
+                >
+                  <img
+                    alt="slack5.mp3"
+                    class="  image imgMaxFullSize "
+                    data-id="AttachmentImage"
+                    data-test-id="AttachmentImage"
+                    src="https://www.w3schools.com/html/horse.mp3"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <button
+          aria-pressed="false"
+          class="buttonReset wrapper button undefined effect default border borderHover  hoverEffect  inflex coldir both"
+          data-id="attachToggle"
+          data-ishtml="false"
+          data-selector-id="iconButton"
+          data-test-id="attachToggle"
+        >
+          <i
+            aria-hidden="true"
+            class="zd_font_icons basic icon-hideTab  thumpIcon thumpIconActive  "
+            data-id="fontIcon"
+            data-selector-id="fontIcon"
+            data-test-id="fontIcon"
+            style="--zd-iconfont-size: var(--zd_font_size14);"
+          />
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/lib/AttachmentViewer/props/defaultProps.js

@@ -13,6 +13,7 @@ var AttachmentViewer_defaultProps = {
   needDownload: true,
   i18nKeys: {},
   maintainZoom: false,
-  isActive: false
+  isActive: false,
+  dataId: 'AttachmentViewer'
 };
 exports.AttachmentViewer_defaultProps = AttachmentViewer_defaultProps;

package/lib/AttachmentViewer/props/propTypes.js

@@ -38,6 +38,7 @@ var AttachmentViewer_propTypes = {
   previewObj: _propTypes["default"].object,
   responsiveId: _propTypes["default"].string,
   maintainZoom: _propTypes["default"].bool,
-  isActive: _propTypes["default"].bool
+  isActive: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string
 };
 exports.AttachmentViewer_propTypes = AttachmentViewer_propTypes;

package/lib/ChannelIcon/ChannelIcon.js

@@ -122,6 +122,7 @@ var ChannelIcon = /*#__PURE__*/function (_Component) {
         palette: palette,
         textPalette: textPalette,
         customClass: customTextClass,
+        dataId: dataId,
         needTitle: title,
         title: title
       }) : /*#__PURE__*/_react["default"].createElement(_icons.Icon, {

package/lib/ChannelIcon/__tests__/ChannelIcon.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ChannelIcon = _interopRequireDefault(require("../ChannelIcon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('ChannelIcon', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ChannelIcon["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});