@zohodesk/dot 1.4.15 → 1.4.16

package/README.md

@@ -2,6 +2,12 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.4.16
+
+- **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
 
 - **StatusDropdown** 

package/es/ActionButton/__tests__/ActionButton.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ActionButton from '../ActionButton';
+describe('ActionButton', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(ActionButton, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,41 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ActionButton rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container primaryFilledBox medium   wholeDiv  flex rowdir"
+    data-id="containerComponent"
+    data-selector-id="actionButton"
+    data-test-id="containerComponent"
+  >
+    <button
+      class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable   grow basis shrinkOff"
+      data-id="actionButton"
+      data-selector-id="box"
+      data-test-id="actionButton"
+      tabindex="0"
+    >
+      <div
+        class="flex cover coldir both"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="contentwrapper shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="flex rowdir vCenter"
+            data-id="containerComponent"
+            data-selector-id="container"
+            data-test-id="containerComponent"
+          />
+        </div>
+      </div>
+    </button>
+  </div>
+</DocumentFragment>
+`;

package/es/AlphabeticList/__tests__/AlphabeticList.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import AlphabeticList from '../AlphabeticList';
+describe('AlphabeticList', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlphabeticList, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap

@@ -0,0 +1,338 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AlphabeticList rendering the defult props 1`] = `
+<DocumentFragment>
+  <ul
+    class="container column  flex coldir"
+    data-id="navigationDiv"
+    data-selector-id="alphabeticList"
+    data-test-id="navigationDiv"
+  >
+    <li
+      class="list title  shrinkOff"
+      data-id="All_Navi"
+      data-selector-id="box"
+      data-test-id="All_Navi"
+    >
+      <span
+        class="heading letter"
+        data-title="All"
+      >
+        All
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="A_Navi"
+      data-selector-id="box"
+      data-test-id="A_Navi"
+    >
+      <span
+        class="letter"
+      >
+        A
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="B_Navi"
+      data-selector-id="box"
+      data-test-id="B_Navi"
+    >
+      <span
+        class="letter"
+      >
+        B
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="C_Navi"
+      data-selector-id="box"
+      data-test-id="C_Navi"
+    >
+      <span
+        class="letter"
+      >
+        C
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="D_Navi"
+      data-selector-id="box"
+      data-test-id="D_Navi"
+    >
+      <span
+        class="letter"
+      >
+        D
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="E_Navi"
+      data-selector-id="box"
+      data-test-id="E_Navi"
+    >
+      <span
+        class="letter"
+      >
+        E
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="F_Navi"
+      data-selector-id="box"
+      data-test-id="F_Navi"
+    >
+      <span
+        class="letter"
+      >
+        F
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="G_Navi"
+      data-selector-id="box"
+      data-test-id="G_Navi"
+    >
+      <span
+        class="letter"
+      >
+        G
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="H_Navi"
+      data-selector-id="box"
+      data-test-id="H_Navi"
+    >
+      <span
+        class="letter"
+      >
+        H
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="I_Navi"
+      data-selector-id="box"
+      data-test-id="I_Navi"
+    >
+      <span
+        class="letter"
+      >
+        I
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="J_Navi"
+      data-selector-id="box"
+      data-test-id="J_Navi"
+    >
+      <span
+        class="letter"
+      >
+        J
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="K_Navi"
+      data-selector-id="box"
+      data-test-id="K_Navi"
+    >
+      <span
+        class="letter"
+      >
+        K
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="L_Navi"
+      data-selector-id="box"
+      data-test-id="L_Navi"
+    >
+      <span
+        class="letter"
+      >
+        L
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="M_Navi"
+      data-selector-id="box"
+      data-test-id="M_Navi"
+    >
+      <span
+        class="letter"
+      >
+        M
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="N_Navi"
+      data-selector-id="box"
+      data-test-id="N_Navi"
+    >
+      <span
+        class="letter"
+      >
+        N
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="O_Navi"
+      data-selector-id="box"
+      data-test-id="O_Navi"
+    >
+      <span
+        class="letter"
+      >
+        O
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="P_Navi"
+      data-selector-id="box"
+      data-test-id="P_Navi"
+    >
+      <span
+        class="letter"
+      >
+        P
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="Q_Navi"
+      data-selector-id="box"
+      data-test-id="Q_Navi"
+    >
+      <span
+        class="letter"
+      >
+        Q
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="R_Navi"
+      data-selector-id="box"
+      data-test-id="R_Navi"
+    >
+      <span
+        class="letter"
+      >
+        R
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="S_Navi"
+      data-selector-id="box"
+      data-test-id="S_Navi"
+    >
+      <span
+        class="letter"
+      >
+        S
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="T_Navi"
+      data-selector-id="box"
+      data-test-id="T_Navi"
+    >
+      <span
+        class="letter"
+      >
+        T
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="U_Navi"
+      data-selector-id="box"
+      data-test-id="U_Navi"
+    >
+      <span
+        class="letter"
+      >
+        U
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="V_Navi"
+      data-selector-id="box"
+      data-test-id="V_Navi"
+    >
+      <span
+        class="letter"
+      >
+        V
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="W_Navi"
+      data-selector-id="box"
+      data-test-id="W_Navi"
+    >
+      <span
+        class="letter"
+      >
+        W
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="X_Navi"
+      data-selector-id="box"
+      data-test-id="X_Navi"
+    >
+      <span
+        class="letter"
+      >
+        X
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="Y_Navi"
+      data-selector-id="box"
+      data-test-id="Y_Navi"
+    >
+      <span
+        class="letter"
+      >
+        Y
+      </span>
+    </li>
+    <li
+      class="list  grow basis shrinkOff"
+      data-id="Z_Navi"
+      data-selector-id="box"
+      data-test-id="Z_Navi"
+    >
+      <span
+        class="letter"
+      >
+        Z
+      </span>
+    </li>
+  </ul>
+</DocumentFragment>
+`;

package/es/Attachment/__tests__/Attachment.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Attachment from '../Attachment';
+describe('Attachment', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Attachment, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,41 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Attachment rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="attachment   palette_default medium inflex rowdir"
+    data-id="attachment"
+    data-selector-id="attachment"
+    data-test-id="attachment"
+    tabindex="0"
+  >
+    <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="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>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/AttachmentViewer/__tests__/AttachmentImage.spec.js

@@ -0,0 +1,65 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import AttachmentImage from '../AttachmentImage';
+describe('AttachmentImage', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AttachmentImage, {
+      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
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/AttachmentViewer/__tests__/AttachmentViewer.spec.js

@@ -0,0 +1,126 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import AttachmentViewer from '../AttachmentViewer';
+describe('AttachmentViewer', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AttachmentViewer, {
+      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
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the when isActive is true ', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AttachmentViewer, {
+      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
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/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>
+`;