@zohodesk/dot 1.4.14 → 1.4.16

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

@@ -0,0 +1,483 @@
+// 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  "
+                    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="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <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/es/ChannelIcon/__tests__/ChannelIcon.spec.js

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

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

@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ChannelIcon rendering the defult props 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-selector-id="channelIcon"
+  >
+    <div
+      class="avatar medium medium circle primary black border   "
+      data-id="Avatar"
+      data-selector-id="avatar"
+      data-test-id="Avatar"
+      data-title="phone"
+    >
+      <span
+        class="initial"
+        data-id="Avatar_AvatarInitial"
+        data-selector-id="avatar_AvatarInitial"
+        data-test-id="Avatar_AvatarInitial"
+      >
+        PH
+      </span>
+    </div>
+  </span>
+</DocumentFragment>
+`;

package/es/Drawer/__tests__/Drawer.spec.js

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

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

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Drawer rendering the defult props 1`] = `<DocumentFragment />`;
+
+exports[`Drawer rendering the isActive true 1`] = `
+<DocumentFragment>
+  <div
+    class="isOverlay  flex cover rowdir right scrollnone"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+    style="z-index: 4;"
+  >
+    <div
+      class="container columns drawerModal small shrinkOff"
+      data-a11y-need-focus-style="false"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+      tabindex="-1"
+    >
+      <div
+        class="flex cover coldir"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/ExternalLink/__tests__/ExternalLink.spec.js

@@ -1,27 +1,11 @@
 import React from 'react';
+import { render } from '@testing-library/react';
 import ExternalLink from '../ExternalLink';
-import renderer from 'react-test-renderer';
-describe('ExternalLink Component', () => {
-  it('should add http/https to href tag if it is not already present', () => {
-    const checkLinks = ['javascript:alert(1)', 'www.test.com', 'test.com', '#'];
-    checkLinks.forEach(link => {
-      let ele = renderer.create( /*#__PURE__*/React.createElement(ExternalLink, {
-        href: link
-      }, link));
-      const renderedElement = ele.toJSON();
-      expect(renderedElement.props.href).toEqual(`http://${link}`);
-    });
-  });
-  it('should not add http/https to href tag if it is already present', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(ExternalLink, {
-      href: "https://www.google.com"
-    }, "www.google.com"));
-    const renderedElement = ele.toJSON();
-    expect(renderedElement.props.href).toEqual('https://www.google.com');
-  });
-  it('should default to / if href is undefined', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(ExternalLink, null, "www.google.com"));
-    const renderedElement = ele.toJSON();
-    expect(renderedElement.props.href).toEqual('javascript:void(0);');
+describe('ExternalLink', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(ExternalLink, null));
+    expect(asFragment()).toMatchSnapshot();
   });
 });

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

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

package/es/FlipCard/__tests__/FlipCard.spec.js

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