@zohodesk/dot 1.4.15 → 1.4.17

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

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

package/lib/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Views rendering the defult props 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+  >
+    <span
+      class="icon first active"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-list22    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size10);"
+      />
+    </span>
+    <span
+      class="icon last  "
+      data-title="Grid View"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-grid    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size11);"
+      />
+    </span>
+  </span>
+</DocumentFragment>
+`;

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

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

package/lib/setup/helptips/Description/__tests__/__snapshots__/Description.spec.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Description rendering the defult props 1`] = `
+<DocumentFragment>
+  <p
+    class="text"
+  />
+</DocumentFragment>
+`;

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

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

package/lib/setup/helptips/Link/__tests__/__snapshots__/Link.spec.js.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Link rendering the defult props 1`] = `
+<DocumentFragment>
+  <a
+    class="link text"
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  />
+</DocumentFragment>
+`;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ListGroup = _interopRequireDefault(require("../ListGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('ListGroup', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListGroup["default"], {
+      data: ['Receive automated bot notifications about ticket due-times, status updates, and comments', 'Receive automated bot notifications about ticket due-times, status updates, and comments']
+    })),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/setup/helptips/ListGroup/__tests__/__snapshots__/ListGroup.spec.js.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ListGroup rendering the defult props 1`] = `
+<DocumentFragment>
+  <ul
+    class="container"
+  >
+    <li
+      class="unOrderData"
+    >
+      Receive automated bot notifications about ticket due-times, status updates, and comments
+    </li>
+    <li
+      class="unOrderData"
+    >
+      Receive automated bot notifications about ticket due-times, status updates, and comments
+    </li>
+  </ul>
+</DocumentFragment>
+`;

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

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

package/lib/setup/helptips/Title/__tests__/__snapshots__/Title.spec.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Title rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="title"
+  />
+</DocumentFragment>
+`;

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

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

package/lib/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Table rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="flex cover coldir"
+    data-id="table"
+    data-selector-id="container"
+    data-test-id="table"
+  />
+</DocumentFragment>
+`;

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

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

package/lib/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TableBody rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="grow basis shrinkOff scrolly"
+    data-id="boxComponent"
+    data-selector-id="box"
+    data-test-id="boxComponent"
+  />
+</DocumentFragment>
+`;

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

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

package/lib/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TableData rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container   shrinkOff"
+    data-id="tableData"
+    data-selector-id="box"
+    data-test-id="tableData"
+  />
+</DocumentFragment>
+`;

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

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

package/lib/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap

@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TableHead rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container   shrinkOff"
+    data-id="tableHead"
+    data-selector-id="box"
+    data-test-id="tableHead"
+  >
+    <div
+      class="subContainer flex cover rowdir vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    />
+  </div>
+</DocumentFragment>
+`;

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

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

package/lib/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TableRow rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container  flex rowdir vCenter"
+    data-id="tableRow"
+    data-selector-id="container"
+    data-test-id="tableRow"
+  />
+</DocumentFragment>
+`;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Text = _interopRequireDefault(require("../Text"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('Text', function () {
+  var type = ['bold', 'semiBold', 'heading'];
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Text["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the url', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
+      url: "www.google.com"
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(type)('Should render size  - %s', function (type) {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
+      type: type
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap

@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Text Should render size  - bold 1`] = `
+<DocumentFragment>
+  <div
+    class="bold  defaultColor small  "
+    data-id="text"
+    data-test-id="text"
+  />
+</DocumentFragment>
+`;
+
+exports[`Text Should render size  - heading 1`] = `
+<DocumentFragment>
+  <div
+    class="heading  defaultColor small  "
+    data-id="text"
+    data-test-id="text"
+  />
+</DocumentFragment>
+`;
+
+exports[`Text Should render size  - semiBold 1`] = `
+<DocumentFragment>
+  <div
+    class="semiBold  defaultColor small  "
+    data-id="text"
+    data-test-id="text"
+  />
+</DocumentFragment>
+`;
+
+exports[`Text rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="  defaultColor small  "
+    data-id="text"
+    data-test-id="text"
+  />
+</DocumentFragment>
+`;
+
+exports[`Text rendering the url 1`] = `
+<DocumentFragment>
+  <a
+    class="container    defaultColor small  "
+    data-id="text"
+    data-test-id="text"
+    href="www.google.com"
+    rel="noopener noreferrer"
+    target="_blank"
+  />
+</DocumentFragment>
+`;

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

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

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

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

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

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

package/lib/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`PlusIcon rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="  default svgCenter "
+  >
+    <svg
+      data-id="SVG"
+      data-test-id="SVG"
+      height="100%"
+      viewBox="0 0 32 32"
+      width="100%"
+    >
+      <g>
+        <path
+          d="M16,2.7c0.4,0,0.7,0.1,0.9,0.4s0.4,0.6,0.4,0.9v10.7H28c0.4,0,0.7,0.1,0.9,0.4c0.3,0.3,0.4,0.6,0.4,0.9 c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4H17.3V28c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4 c-0.3-0.3-0.4-0.6-0.4-0.9V17.3H4c-0.4,0-0.7-0.1-0.9-0.4S2.7,16.4,2.7,16s0.1-0.7,0.4-0.9c0.3-0.3,0.6-0.4,0.9-0.4h10.7V4 c0-0.4,0.1-0.7,0.4-0.9C15.3,2.8,15.6,2.7,16,2.7z"
+          style="fill: #767d89;"
+        />
+      </g>
+    </svg>
+  </div>
+</DocumentFragment>
+`;

package/lib/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SnippetIcon rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="  default svgCenter "
+  >
+    <svg
+      data-id="SVG"
+      data-test-id="SVG"
+      height="100%"
+      viewBox="0 0 31 32"
+      width="100%"
+    >
+      <g>
+        <path
+          d="M14.4,8.2L15.6,9L16,8.4l-1-0.7l2.5-3.7L11.5,0L8.9,3.8L7.9,3L7.6,3.6l1.2,0.8c-2.3,3-5.9,0.8-6,0.7L2.3,4.9L0,23.8 l16.6-9.3l-0.4-0.3C15.9,13.9,12.6,11.5,14.4,8.2L14.4,8.2z M1.5,22l5.2-7.7c0.3,0.1,0.6,0.2,0.9,0.2c1.2,0,2.1-0.9,2.2-2.1 c0-1.2-0.9-2.1-2.1-2.2c-1.2,0-2.1,0.9-2.2,2.1c0,0.6,0.2,1.2,0.7,1.6L1,21.6L2.8,6c1.2,0.6,4.4,1.7,6.5-1.1l4.5,3 c-1.8,3,0.4,5.6,1.4,6.5L1.5,22L1.5,22z M6.7,13.6c-0.7-0.4-0.8-1.3-0.4-2s1.3-0.8,2-0.4c0.7,0.4,0.8,1.3,0.4,2 c-0.2,0.3-0.5,0.5-0.9,0.6C7.5,13.9,7.1,13.8,6.7,13.6L6.7,13.6z"
+        />
+        <path
+          d="M30.9,25c-4.9,0.7-5.4,1.2-5.9,6.7c-0.6-5.4-1.1-6-6.1-6.5c4.9-0.7,5.4-1.2,5.9-6.7 C25.4,23.9,25.9,24.5,30.9,25z M30.3,8.2c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C25.4,7.1,25.8,7.6,30.3,8.2z M16.2,25.7c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C11.3,24.6,11.7,25.1,16.2,25.7z"
+          style="fill: #03A3FE;"
+        />
+      </g>
+    </svg>
+  </div>
+</DocumentFragment>
+`;

package/lib/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TemplateIcon rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="  default svgCenter "
+  >
+    <svg
+      data-id="SVG"
+      data-test-id="SVG"
+      height="100%"
+      viewBox="0 0 40 40"
+      width="100%"
+    >
+      <path
+        d="M33.09,3H6.91A3.91,3.91,0,0,0,3,6.91V33.09A3.91,3.91,0,0,0,6.91,37H33.09A3.91,3.91,0,0,0,37,33.09V6.91A3.92,3.92,0,0,0,33.09,3ZM6.91,5H33.09A1.92,1.92,0,0,1,35,6.91v4.62H5V6.91A1.92,1.92,0,0,1,6.91,5ZM33.09,35H6.91A1.92,1.92,0,0,1,5,33.09V13.53H35V33.09A1.92,1.92,0,0,1,33.09,35Z"
+      />
+      <path
+        d="M9.33,9.33A1.07,1.07,0,1,0,8.27,8.27,1.06,1.06,0,0,0,9.33,9.33Z"
+      />
+      <path
+        d="M13.6,9.33a1.07,1.07,0,1,0-1.07-1.06A1.06,1.06,0,0,0,13.6,9.33Z"
+      />
+      <path
+        d="M24.87,23H21V19.13a1,1,0,1,0-2,0V23H15.13a1,1,0,0,0,0,2H19v3.86a1,1,0,0,0,2,0V25h3.87a1,1,0,1,0,0-2Z"
+      />
+    </svg>
+  </div>
+</DocumentFragment>
+`;

package/lib/v1/ActionButton/ActionButton.js

@@ -77,7 +77,8 @@ function ActionButton(props) {
     onMouseEnter: !onClick ? onHover && handleTogglePopup : undefined,
     onMouseLeave: !onClick ? onHover && handleTogglePopup : undefined,
     eleRef: getTargetRef,
-    dataSelectorId: dataSelectorId
+    dataSelectorId: dataSelectorId,
+    dataId: "".concat(dataId, "_actionButton")
   }, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
@@ -143,7 +144,8 @@ function ActionButton(props) {
     getRef: getContainerRef,
     popupGroup: popupGroup,
     needFocusScope: true,
-    onClose: handleTogglePopup
+    onClose: handleTogglePopup,
+    dataId: "".concat(dataId, "_dropbox")
   }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true,
     shrink: true,

package/lib/v1/Attachment/Attachment.js

@@ -88,7 +88,8 @@ var Attachment = function Attachment(props) {
     href: downloadLink,
     className: _AttachmentModule["default"].attachDownload,
     title: downloadTitle,
-    hasReload: true
+    hasReload: true,
+    dataId: "".concat(dataId, "_download")
   }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
     name: "ZD-downloadNew",
     iconClass: _AttachmentModule["default"].downIcon