@zohodesk/dot 1.0.0-temp-187 → 1.0.0-temp-189

package/es/avatar/AvatarThread/AvatarThread.module.css

@@ -1,167 +1,167 @@
-.container {
-  position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  vertical-align: middle;
-  border-radius: 50%;
-}
-
-.thread {
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
-  position: absolute;
-}
-.pointer {
-  cursor: pointer;
-}
-.defaultCursor {
-  cursor: default;
-}
-.threadBg {
-  background-color: var(--zdt_avatarthread_bg);
-}
-.thread_xsmall_pos,
-.thread_medium_pos,
-.thread_xmedium_pos {
-  height: var(--zd_size15) ;
-  width: var(--zd_size15) ;
-}
-
-.thread_xsmall_pos {
-  top: calc( var(--zd_size5) * -1 ) ;
-}
-
-[dir=ltr] .thread_xsmall_pos {
-  right: calc( var(--zd_size5) * -1 ) ;
-}
-
-[dir=rtl] .thread_xsmall_pos {
-  left: calc( var(--zd_size5) * -1 ) ;
-}
-.thread_small_pos {
-  top: calc( var(--zd_size3) * -1 ) ;
-  height: var(--zd_size12) ;
-  width: var(--zd_size12) ;
-}
-[dir=ltr] .thread_small_pos {
-  right: calc( var(--zd_size6) * -1 ) ;
-}
-[dir=rtl] .thread_small_pos {
-  left: calc( var(--zd_size6) * -1 ) ;
-}
-
-.thread_small_pos i {
-  font-size: var(--zd_font_size8) ;
-}
-
-.thread_medium_pos {
-  top: calc( var(--zd_size4) * -1 ) ;
-}
-
-[dir=ltr] .thread_medium_pos {
-  right: calc( var(--zd_size5) * -1 ) ;
-}
-
-[dir=rtl] .thread_medium_pos {
-  left: calc( var(--zd_size5) * -1 ) ;
-}
-
-.thread_xmedium_pos {
-  top: calc( var(--zd_size4) * -1 ) ;
-}
-
-[dir=ltr] .thread_xmedium_pos {
-  right: calc( var(--zd_size3) * -1 ) ;
-}
-
-[dir=rtl] .thread_xmedium_pos {
-  left: calc( var(--zd_size3) * -1 ) ;
-}
-
-.thread_large_pos {
-  top: 0 ;
-  height: var(--zd_size16) ;
-  width: var(--zd_size16) ;
-}
-
-[dir=ltr] .thread_large_pos {
-  right: 0 ;
-}
-
-[dir=rtl] .thread_large_pos {
-  left: 0 ;
-}
-
-.thread_xlarge_pos {
-  top: var(--zd_size2) ;
-  height: var(--zd_size18) ;
-  width: var(--zd_size18) ;
-}
-
-[dir=ltr] .thread_xlarge_pos {
-  right: var(--zd_size4) ;
-}
-
-[dir=rtl] .thread_xlarge_pos {
-  left: var(--zd_size4) ;
-}
-
-.icon {
-  position: absolute;
-  line-height: 0;
-  top: 50% ;
-}
-
-[dir=ltr] .icon {
-  left: 50% ;
-  transform: translate(-50%, -50%);
-}
-
-[dir=rtl] .icon {
-  right: 50% ;
-  transform: translate(50%, -50%);
-}
-
-.border_primary {
-  border: 1px solid var(--zdt_avatarthread_primary_border);
-}
-
-.border_success {
-  border: 1px solid var(--zdt_avatarthread_success_border);
-}
-.border_danger {
-  border: 1px solid var(--zdt_avatarthread_danger_border);
-}
-.border_default {
-  border: 1px solid var(--zdt_avatarthread_default_border);
-}
-.border_orange {
-  border: 1px solid var(--zdt_avatarthread_orange_border);
-}
-
-.hover .thread {
-  display: none;
-}
-
-.hover .thread {
-  z-index: 1;
-  cursor: pointer;
-}
-
-.hover:hover .thread {
-  display: block;
-}
-
-.text_primary {
-  color: var(--zdt_avatarthread_primary_text);
-}
-.text_success {
-  color: var(--zdt_avatarthread_success_text);
-}
-.text_danger {
-  color: var(--zdt_avatarthread_danger_text);
-}
-.text_default {
-  color: var(--zdt_avatarthread_default_text);
-}
-.text_orange {
-  color: var(--zdt_avatarthread_orange_text);
+.container {
+  position: relative;
+  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  vertical-align: middle;
+  border-radius: 50%;
+}
+
+.thread {
+  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
+  position: absolute;
+}
+.pointer {
+  cursor: pointer;
+}
+.defaultCursor {
+  cursor: default;
+}
+.threadBg {
+  background-color: var(--zdt_avatarthread_bg);
+}
+.thread_xsmall_pos,
+.thread_medium_pos,
+.thread_xmedium_pos {
+  height: var(--zd_size15) ;
+  width: var(--zd_size15) ;
+}
+
+.thread_xsmall_pos {
+  top: calc( var(--zd_size5) * -1 ) ;
+}
+
+[dir=ltr] .thread_xsmall_pos {
+  right: calc( var(--zd_size5) * -1 ) ;
+}
+
+[dir=rtl] .thread_xsmall_pos {
+  left: calc( var(--zd_size5) * -1 ) ;
+}
+.thread_small_pos {
+  top: calc( var(--zd_size3) * -1 ) ;
+  height: var(--zd_size12) ;
+  width: var(--zd_size12) ;
+}
+[dir=ltr] .thread_small_pos {
+  right: calc( var(--zd_size6) * -1 ) ;
+}
+[dir=rtl] .thread_small_pos {
+  left: calc( var(--zd_size6) * -1 ) ;
+}
+
+.thread_small_pos i {
+  font-size: var(--zd_font_size8) ;
+}
+
+.thread_medium_pos {
+  top: calc( var(--zd_size4) * -1 ) ;
+}
+
+[dir=ltr] .thread_medium_pos {
+  right: calc( var(--zd_size5) * -1 ) ;
+}
+
+[dir=rtl] .thread_medium_pos {
+  left: calc( var(--zd_size5) * -1 ) ;
+}
+
+.thread_xmedium_pos {
+  top: calc( var(--zd_size4) * -1 ) ;
+}
+
+[dir=ltr] .thread_xmedium_pos {
+  right: calc( var(--zd_size3) * -1 ) ;
+}
+
+[dir=rtl] .thread_xmedium_pos {
+  left: calc( var(--zd_size3) * -1 ) ;
+}
+
+.thread_large_pos {
+  top: 0 ;
+  height: var(--zd_size16) ;
+  width: var(--zd_size16) ;
+}
+
+[dir=ltr] .thread_large_pos {
+  right: 0 ;
+}
+
+[dir=rtl] .thread_large_pos {
+  left: 0 ;
+}
+
+.thread_xlarge_pos {
+  top: var(--zd_size2) ;
+  height: var(--zd_size18) ;
+  width: var(--zd_size18) ;
+}
+
+[dir=ltr] .thread_xlarge_pos {
+  right: var(--zd_size4) ;
+}
+
+[dir=rtl] .thread_xlarge_pos {
+  left: var(--zd_size4) ;
+}
+
+.icon {
+  position: absolute;
+  line-height: 0;
+  top: 50% ;
+}
+
+[dir=ltr] .icon {
+  left: 50% ;
+  transform: translate(-50%, -50%);
+}
+
+[dir=rtl] .icon {
+  right: 50% ;
+  transform: translate(50%, -50%);
+}
+
+.border_primary {
+  border: 1px solid var(--zdt_avatarthread_primary_border);
+}
+
+.border_success {
+  border: 1px solid var(--zdt_avatarthread_success_border);
+}
+.border_danger {
+  border: 1px solid var(--zdt_avatarthread_danger_border);
+}
+.border_default {
+  border: 1px solid var(--zdt_avatarthread_default_border);
+}
+.border_orange {
+  border: 1px solid var(--zdt_avatarthread_orange_border);
+}
+
+.hover .thread {
+  display: none;
+}
+
+.hover .thread {
+  z-index: 1;
+  cursor: pointer;
+}
+
+.hover:hover .thread {
+  display: block;
+}
+
+.text_primary {
+  color: var(--zdt_avatarthread_primary_text);
+}
+.text_success {
+  color: var(--zdt_avatarthread_success_text);
+}
+.text_danger {
+  color: var(--zdt_avatarthread_danger_text);
+}
+.text_default {
+  color: var(--zdt_avatarthread_default_text);
+}
+.text_orange {
+  color: var(--zdt_avatarthread_orange_text);
 }

package/es/avatar/AvatarThread/__tests__/AvatarThread.spec.js

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

package/es/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap

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

package/es/avatar/AvatarUser/__tests__/AvatarUser.spec.js

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

package/es/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap

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

package/es/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js

@@ -1,47 +1,11 @@
-import expect from 'expect';
+import React from 'react';
+import { render } from '@testing-library/react';
 import AvatarWithTeam from '../AvatarWithTeam';
-let defaultProps = {
-  name: "Tested Team",
-  src: null,
-  teamName: null,
-  isTeam: null
-};
-describe('SampleTest', () => {
-  let {
-    renderedDOM,
-    props
-  } = global.setup(AvatarWithTeam, defaultProps);
-  let Avatarid = global.TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'avatarWithTeamId');
-  it(`Check whether Avatar mounted or not`, () => {
-    expect(global.TestUtils.isDOMComponent(Avatarid)).toBeTruthy();
-  });
-  it(`Check children length `, () => {
-    expect(Avatarid.children.length).toBe(1);
-  });
-  let properties = Object.assign({}, defaultProps, {
-    isTeam: true,
-    teamName: "Tested Team",
-    name: "Sangeetha"
-  });
-  it(`Check whether AvatarWithTeam mounted or not`, () => {
-    let {
-      renderedDOM,
-      props
-    } = global.setup(AvatarWithTeam, properties);
-    let AvatarWithTeamId = global.TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'teamNameTestId');
-    expect(global.TestUtils.isDOMComponent(AvatarWithTeamId)).toBeTruthy();
-  });
-  let property = Object.assign({}, defaultProps, {
-    isTeam: true,
-    name: "Tested Team",
-    teamName: null
-  });
-  it(`Check whether AvatarTeam  mounted or not`, () => {
-    let {
-      renderedDOM,
-      props
-    } = global.setup(AvatarWithTeam, property);
-    let AvatarTeamId = global.TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'avatarWithTeamId');
-    expect(global.TestUtils.isDOMComponent(AvatarTeamId)).toBeTruthy();
+describe('AvatarWithTeam', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AvatarWithTeam, null));
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/es/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AvatarWithTeam rendering the defult props 1`] = `
+<DocumentFragment>
+  <span
+    class="container "
+    data-id="avatarWithTeamId"
+    data-selector-id="avatarWithTeam"
+    data-test-id="avatarWithTeamId"
+  >
+    <div
+      class="avatar xmedium xmedium circle primary black border   "
+      data-id="Avatar"
+      data-selector-id="avatar"
+      data-test-id="Avatar"
+    >
+      <span
+        class="initial"
+        data-id="Avatar_AvatarInitial"
+        data-selector-id="avatar_AvatarInitial"
+        data-test-id="Avatar_AvatarInitial"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;

package/es/common/dot_animation.module.css

@@ -1,27 +1,27 @@
-
-[dir=ltr] .rotate{
-  animation-name:  rotate-ltr ;
-}
-[dir=rtl] .rotate{
-  animation-name:  rotate-rtl ;
-}
-
-@keyframes rotate-ltr {
-  from {
-      transform: rotate(0);
-  }
-  
-  to {
-      transform: rotate(360deg);
-  }
-  }
-
-@keyframes rotate-rtl {
-  from {
-      transform: rotate(0);
-  }
-  
-  to {
-      transform: rotate(-360deg);
-  }
+
+[dir=ltr] .rotate{
+  animation-name:  rotate-ltr ;
+}
+[dir=rtl] .rotate{
+  animation-name:  rotate-rtl ;
+}
+
+@keyframes rotate-ltr {
+  from {
+      transform: rotate(0);
+  }
+  
+  to {
+      transform: rotate(360deg);
+  }
+  }
+
+@keyframes rotate-rtl {
+  from {
+      transform: rotate(0);
+  }
+  
+  to {
+      transform: rotate(-360deg);
+  }
   }

package/es/common/dot_boxShadow.module.css

@@ -1,40 +1,40 @@
-:root {
-    /* attachment viewer */
-    --zd_bs_attachmentviewer_selected: var(--zd_bs_contrast_outline, 0 0 4px 2px var(--zdt_attachmentviewer_selected_box_shadow) inset);
-
-    /* texteditor */
-    --zd_bs_texteditor_menu: var(--zd_bs_contrast_outline, -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow));
-    --zd_bs_texteditor_ul: var(--zd_bs_contrast_outline, 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow));
-
-    /* subtab layout */
-    --zd_bs_subtablayout_shadow: var(--zd_bs_contrast_outline, 0 0 6px var(--zdt_subtablayout_shadowstyle_box_shadow));
-
-    /* drawer */
-    --zd_bs_drawer_shadow: var(--zd_bs_contrast_outline, 0 6px 12px var(--zdt_drawer_default_box_shadow));
-
-    /* dot new */
-    --zd_bs_dotnew_shadow: var(--zd_bs_contrast_outline, 0 0 15px 1px var(--zdt_dotnew_default_box_shadow));
-
-    /* tag new */
-    --zd_bs_tagnew_shadow: var(--zd_bs_contrast_outline, 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow));
-
-    /* lookup section */
-    --zd_bs_lookupsection_shadow: var(--zd_bs_contrast_outline, 0px 4px 20px var(--zdt_lookupsection_box_shadow));
-
-    /* message */
-    --zd_bs_message_container: var(--zd_bs_contrast_outline, 0 0 19px 1px var(--zdt_message_default_box_shadow));
-
-    /* plus icon */
-    --zd_bs_plusicon_container: var(--zd_bs_contrast_outline, 0 2px 3px 0 var(--zdt_plusicon_box_shadow));
-
-    /* toast message */
-    --zd_bs_toastmessage_container: var(--zd_bs_contrast_outline, 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow));
-
-    /* global notification */
-    --zd_bs_globalnotification_container: var(--zd_bs_contrast_outline, 0px 4px 4px 0px var(--zdt_message_default_box_shadow));
-
-    /* desktop notification */
-    --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
-
-
+:root {
+    /* attachment viewer */
+    --zd_bs_attachmentviewer_selected: var(--zd_bs_contrast_outline, 0 0 4px 2px var(--zdt_attachmentviewer_selected_box_shadow) inset);
+
+    /* texteditor */
+    --zd_bs_texteditor_menu: var(--zd_bs_contrast_outline, -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow));
+    --zd_bs_texteditor_ul: var(--zd_bs_contrast_outline, 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow));
+
+    /* subtab layout */
+    --zd_bs_subtablayout_shadow: var(--zd_bs_contrast_outline, 0 0 6px var(--zdt_subtablayout_shadowstyle_box_shadow));
+
+    /* drawer */
+    --zd_bs_drawer_shadow: var(--zd_bs_contrast_outline, 0 6px 12px var(--zdt_drawer_default_box_shadow));
+
+    /* dot new */
+    --zd_bs_dotnew_shadow: var(--zd_bs_contrast_outline, 0 0 15px 1px var(--zdt_dotnew_default_box_shadow));
+
+    /* tag new */
+    --zd_bs_tagnew_shadow: var(--zd_bs_contrast_outline, 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow));
+
+    /* lookup section */
+    --zd_bs_lookupsection_shadow: var(--zd_bs_contrast_outline, 0px 4px 20px var(--zdt_lookupsection_box_shadow));
+
+    /* message */
+    --zd_bs_message_container: var(--zd_bs_contrast_outline, 0 0 19px 1px var(--zdt_message_default_box_shadow));
+
+    /* plus icon */
+    --zd_bs_plusicon_container: var(--zd_bs_contrast_outline, 0 2px 3px 0 var(--zdt_plusicon_box_shadow));
+
+    /* toast message */
+    --zd_bs_toastmessage_container: var(--zd_bs_contrast_outline, 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow));
+
+    /* global notification */
+    --zd_bs_globalnotification_container: var(--zd_bs_contrast_outline, 0px 4px 4px 0px var(--zdt_message_default_box_shadow));
+
+    /* desktop notification */
+    --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
+
+
 }

package/es/common/dot_common.module.css

@@ -1,4 +1,4 @@
-.audioImage {
-  background-image: url('../../images/audio_thumbnail.png');
-  background-repeat: no-repeat;
+.audioImage {
+  background-image: url('../../images/audio_thumbnail.png');
+  background-repeat: no-repeat;
 }