@zohodesk/dot 1.4.14 → 1.4.16

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

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

package/es/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/es/setup/helptips/Description/__tests__/Description.spec.js

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

package/es/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/es/setup/helptips/Link/__tests__/Link.spec.js

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

package/es/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/es/setup/helptips/ListGroup/__tests__/ListGroup.spec.js

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

package/es/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/es/setup/helptips/Title/__tests__/Title.spec.js

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

package/es/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/es/setup/table/Table/__tests__/Table.spec.js

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

package/es/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/es/setup/table/TableBody/__tests__/TableBody.spec.js

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

package/es/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/es/setup/table/TableData/__tests__/TableData.spec.js

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

package/es/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/es/setup/table/TableHead/__tests__/TableHead.spec.js

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

package/es/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/es/setup/table/TableRow/__tests__/TableRow.spec.js

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

package/es/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/es/setup/table/Text/__tests__/Text.spec.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Text from '../Text';
+describe('Text', () => {
+  const type = ['bold', 'semiBold', 'heading'];
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Text, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the url', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Text, {
+      url: "www.google.com"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(type)('Should render size  - %s', type => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Text, {
+      type: type
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/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/es/svg/__tests__/PlusIcon.spec.js

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

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

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

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

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

package/es/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/es/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/es/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/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -270,7 +270,8 @@ export default class TagsMultiSelect extends React.Component {
         eleRef: this.getContainerRef
       }, searchList.length ? /*#__PURE__*/React.createElement(Box, {
         flexible: true,
-        shrink: true
+        shrink: true,
+        dataId: `${dataId}_Options`
       }, searchList.map((item, index) => {
         let {
           name,

package/es/v1/list/Thread/Thread.js

@@ -7,13 +7,12 @@ import style from '../../../list/Thread/Thread.module.css';
 
 const Thread = props => {
   const {
-    count: threadCount,
+    count,
     className,
     iconTitle,
     dataId,
     align
   } = props;
-  const count = threadCount === '0' ? '1' : threadCount;
   return /*#__PURE__*/React.createElement(Button, {
     customClass: `${style.container} ${style[`align_${align}`]} ${className}`,
     title: iconTitle,