@zohodesk/dot 1.1.0 → 1.2.1

package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css

@@ -1,23 +1,23 @@
-.container {
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  vertical-align: middle;
-  position: relative;
-}
-
-.teamAvatar {
-  position: absolute;
-  bottom: calc( var(--zd_size6) * -1 ) ;
-  font-size: 0 ;
-  padding: var(--zd_size2) ;
-  border-radius: 50%;
-  transform: scale(0.8);
-  background-color: var(--zdt_avatarwithteam_default_bg);
-}
-
-[dir=ltr] .teamAvatar {
-  right: calc( var(--zd_size10) * -1 ) ;
-}
-
-[dir=rtl] .teamAvatar {
-  left: calc( var(--zd_size10) * -1 ) ;
-}
+.container {
+  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  vertical-align: middle;
+  position: relative;
+}
+
+.teamAvatar {
+  position: absolute;
+  bottom: calc( var(--zd_size6) * -1 ) ;
+  font-size: 0 ;
+  padding: var(--zd_size2) ;
+  border-radius: 50%;
+  transform: scale(0.8);
+  background-color: var(--zdt_avatarwithteam_default_bg);
+}
+
+[dir=ltr] .teamAvatar {
+  right: calc( var(--zd_size10) * -1 ) ;
+}
+
+[dir=rtl] .teamAvatar {
+  left: calc( var(--zd_size10) * -1 ) ;
+}

package/lib/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/lib/common/dot_boxShadow.module.css

@@ -1,38 +1,38 @@
-: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, 0 4px 20px var(--globalnotification_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, 0 4px 20px var(--globalnotification_box_shadow));
+
+    /* desktop notification */
+    --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
 }

package/lib/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;
 }

package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css

@@ -1,42 +1,42 @@
-.container {
-  top: 0 ;
-  bottom: 0 ;
-  position: absolute;
-  overflow: hidden;
-}[dir=ltr] .container {
-  left: 0 ;
-  right: 0 ;
-}[dir=rtl] .container {
-  right: 0 ;
-  left: 0 ;
-}
-.default {
-  background-color: var(--zdt_freezelayer_default_bg);
-}
-.dark {
-  background-color: var(--zdt_freezelayer_dark_bg);
-}
-.darkLight {
-  background-color: var(--zdt_freezelayer_darklight_bg);
-}
-.plain {
-  background-color: var(--zdt_freezelayer_plain_bg);
-}
-.snow {
-  background-color: var(--zdt_freezelayer_snow_bg);
-}
-.index3 {
-  z-index: 3;
-}
-.index5 {
-  z-index: 5;
-}
-.index7 {
-  z-index: 7;
-}
-.index10 {
-  z-index: 10;
-}
-.delay {
-  transition-delay: var(--zd_transition2);
-}
+.container {
+  top: 0 ;
+  bottom: 0 ;
+  position: absolute;
+  overflow: hidden;
+}[dir=ltr] .container {
+  left: 0 ;
+  right: 0 ;
+}[dir=rtl] .container {
+  right: 0 ;
+  left: 0 ;
+}
+.default {
+  background-color: var(--zdt_freezelayer_default_bg);
+}
+.dark {
+  background-color: var(--zdt_freezelayer_dark_bg);
+}
+.darkLight {
+  background-color: var(--zdt_freezelayer_darklight_bg);
+}
+.plain {
+  background-color: var(--zdt_freezelayer_plain_bg);
+}
+.snow {
+  background-color: var(--zdt_freezelayer_snow_bg);
+}
+.index3 {
+  z-index: 3;
+}
+.index5 {
+  z-index: 5;
+}
+.index7 {
+  z-index: 7;
+}
+.index10 {
+  z-index: 10;
+}
+.delay {
+  transition-delay: var(--zd_transition2);
+}

package/lib/deprecated/SelectDropdown/SelectDropdown.js

@@ -193,13 +193,9 @@ SelectDropdown.propTypes = {
     valueKey: _propTypes["default"].string,
     options: _propTypes["default"].array
   }),
-  title: _propTypes["default"].string
-}; // if (__DOCS__) {
-//   SelectDropdown.docs = {
-//     componentGroup: 'Header',
-//     folderName: 'Setup'
-//   };
-// }
+  title: _propTypes["default"].string,
+  togglePopup: _propTypes["default"].func
+};
 
 var _default = (0, _Popup["default"])(SelectDropdown);
 

package/lib/deprecated/SelectDropdown/SelectDropdown.module.css

@@ -1,56 +1,56 @@
-.container {
-  position: relative;
-  line-height: var(--zd_size18);
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  padding: var(--zd_size3) var(--zd_size15) ;
-  cursor: pointer;
-}[dir=ltr] .container {
-  margin-left: var(--zd_size15) ;
-}[dir=rtl] .container {
-  margin-right: var(--zd_size15) ;
-}
-.container:hover {
-  background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
-}
-.departName {
-  font-size: var(--zd_font_size13) ;
-  color: var(--zdt_selectdropdown_departname_text);
-  composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
-}
-.departIcon {
-  color: var(--zdt_selectdropdown_departicon);
-  cursor: pointer;
-}
-[dir=ltr] .departIcon {
-  margin-left: var(--zd_size5) ;
-}
-[dir=rtl] .departIcon {
-  margin-right: var(--zd_size5) ;
-}
-.rulesPopup {
-  max-height: var(--zd_size260) ;
-  padding: var(--zd_size10) 0 ;
-}
-
-.rulesDepart {
-  margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5) ;
-}
-.searchDepart {
-  padding: 0 var(--zd_size20) ;
-  margin: 0 0 var(--zd_size10) 0 ;
-}
-
-/*Variables */
-/* select dropdown */
-
-[data-mode='dark'] {
-  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
-  --zdt_selectdropdown_departname_text: var(--zd_dark4);
-  --zdt_selectdropdown_departicon: var(--zd_dark5);
-}
-
-[data-mode='default'] {
-  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
-  --zdt_selectdropdown_departname_text: var(--zd_dark4);
-  --zdt_selectdropdown_departicon: var(--zd_dark5);
-}
+.container {
+  position: relative;
+  line-height: var(--zd_size18);
+  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  padding: var(--zd_size3) var(--zd_size15) ;
+  cursor: pointer;
+}[dir=ltr] .container {
+  margin-left: var(--zd_size15) ;
+}[dir=rtl] .container {
+  margin-right: var(--zd_size15) ;
+}
+.container:hover {
+  background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
+}
+.departName {
+  font-size: var(--zd_font_size13) ;
+  color: var(--zdt_selectdropdown_departname_text);
+  composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
+}
+.departIcon {
+  color: var(--zdt_selectdropdown_departicon);
+  cursor: pointer;
+}
+[dir=ltr] .departIcon {
+  margin-left: var(--zd_size5) ;
+}
+[dir=rtl] .departIcon {
+  margin-right: var(--zd_size5) ;
+}
+.rulesPopup {
+  max-height: var(--zd_size260) ;
+  padding: var(--zd_size10) 0 ;
+}
+
+.rulesDepart {
+  margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5) ;
+}
+.searchDepart {
+  padding: 0 var(--zd_size20) ;
+  margin: 0 0 var(--zd_size10) 0 ;
+}
+
+/*Variables */
+/* select dropdown */
+
+[data-mode='dark'] {
+  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
+  --zdt_selectdropdown_departname_text: var(--zd_dark4);
+  --zdt_selectdropdown_departicon: var(--zd_dark5);
+}
+
+[data-mode='default'] {
+  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
+  --zdt_selectdropdown_departname_text: var(--zd_dark4);
+  --zdt_selectdropdown_departicon: var(--zd_dark5);
+}

package/lib/deprecated/utils/KeyboardApi.js

@@ -66,10 +66,10 @@ Shortcut.addAll = function (keysObj, props) {
     return;
   });
 };
-/**
- * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
- * @param callback = any function
- * @param action = keypress or keydown or keyup
+/**
+ * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
+ * @param callback = any function
+ * @param action = keypress or keydown or keyup
  */
 
 
@@ -104,8 +104,8 @@ Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
   tempjson.action = action || 'keypress';
   shortcutdatas[keycombo.toLowerCase()] = tempjson;
 };
-/*Shortcut.prototype.remove = function(){
-
+/*Shortcut.prototype.remove = function(){
+
 };*/
 
 
@@ -261,25 +261,25 @@ function _convertToKeyCharacter(e) {
 }
 
 function _defaultCallBack(keycombo, keyOptions) {
-  /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
-  if (keyOptions.callbackflow !== undefined) {
-    keycombo = keyOptions.callbackflow.split(',');
-    var click = function(i, combo) {
-      setTimeout(function() {
-        jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
-      }, i * 200);
-    };
-    for (var i = 0; i < keycombo.length; i++) {
-      var clickFunc = click.bind(this, i);
-      clickFunc(keycombo[i]);
-      highLightKeys(keycombo[i]);
-    }
-    return;
-  }
-  if (keyElement.length === 1) {
-    keyElement.trigger('click');
-    highLightKeys(keycombo);
-    return;
+  /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
+  if (keyOptions.callbackflow !== undefined) {
+    keycombo = keyOptions.callbackflow.split(',');
+    var click = function(i, combo) {
+      setTimeout(function() {
+        jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
+      }, i * 200);
+    };
+    for (var i = 0; i < keycombo.length; i++) {
+      var clickFunc = click.bind(this, i);
+      clickFunc(keycombo[i]);
+      highLightKeys(keycombo[i]);
+    }
+    return;
+  }
+  if (keyElement.length === 1) {
+    keyElement.trigger('click');
+    highLightKeys(keycombo);
+    return;
   }*/
 }
 

package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css

@@ -1,100 +1,100 @@
-.wrapper {
-  position: relative;
-  max-width: 100% ;
-}
-.maxHgt {
-  max-height: var(--zd_size265) ;
-  padding: var(--zd_size10) 0 ;
-}
-.responsivemaxHgt {
-  padding: 0 ;
-}
-.title {
-  padding-top: var(--zd_size6) ;
-}
-[dir=ltr] .default_arrow, [dir=ltr] .overlay_arrow {
-  padding: 0 0 0 var(--zd_size5) ;
-}
-[dir=rtl] .default_arrow, [dir=rtl] .overlay_arrow {
-  padding: 0 var(--zd_size5) 0 0 ;
-}
-.overlay_arrow {
-  position: absolute;
-  top: 50% ;
-  transform: translateY(-50%) perspective(1px);
-}
-[dir=ltr] .overlay_arrow {
-  left: 100% ;
-}
-[dir=rtl] .overlay_arrow {
-  right: 100% ;
-}
-.hoverIcon .arrow {
-  opacity: 0;
-  visibility: hidden;
-}
-.hoverIcon:hover .arrow
-/* .hoverIcon:focus .arrow  */
-{
-  opacity: 1;
-  visibility: visible;
-}
-.value {
-  composes: dotted  offSelection from '~@zohodesk/components/lib/common/common.module.css';
-}
-.search {
-  padding: var(--zd_size6) var(--zd_size20) 0 ;
-}
-.svgWrapper {
-  padding-bottom: var(--zd_size25) ;
-}
-.cursorDefault {
-  cursor: default;
-}
-.cursor {
-  cursor: pointer;
-}
-[dir=ltr] .dropBoxContainer {
-  text-align: left;
-}
-[dir=rtl] .dropBoxContainer {
-  text-align: right;
-}
-[dir=ltr] .iconBox {
-  margin-right: var(--zd_size4) ;
-}
-[dir=rtl] .iconBox {
-  margin-left: var(--zd_size4) ;
-}
-.iconBox > i {
-  display: block;
-}
-.loader {
-  width: var(--zd_size40) ;
-  margin: 0 auto ;
-}
-.seperatedLine {
-  height: var(--zd_size1) ;
-  border-bottom: 1px solid var(--zdt_toggledropdown_line_border);
-  margin: var(--zd_size7) 0 var(--zd_size8) ;
-}
-.hiddenInput {
-  width: 0 ;
-  height: 0 ;
-  opacity: 0;
-  position: absolute;
-}
-.hiddenInputElement{
-  width: 100% ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  padding: 0 ;
-  border: 0;
-}
-.groupName {
-  margin: var(--zd_size6) 0 ;
-}
-.dropdown {
-  background-color: transparent;
-}
+.wrapper {
+  position: relative;
+  max-width: 100% ;
+}
+.maxHgt {
+  max-height: var(--zd_size265) ;
+  padding: var(--zd_size10) 0 ;
+}
+.responsivemaxHgt {
+  padding: 0 ;
+}
+.title {
+  padding-top: var(--zd_size6) ;
+}
+[dir=ltr] .default_arrow, [dir=ltr] .overlay_arrow {
+  padding: 0 0 0 var(--zd_size5) ;
+}
+[dir=rtl] .default_arrow, [dir=rtl] .overlay_arrow {
+  padding: 0 var(--zd_size5) 0 0 ;
+}
+.overlay_arrow {
+  position: absolute;
+  top: 50% ;
+  transform: translateY(-50%) perspective(1px);
+}
+[dir=ltr] .overlay_arrow {
+  left: 100% ;
+}
+[dir=rtl] .overlay_arrow {
+  right: 100% ;
+}
+.hoverIcon .arrow {
+  opacity: 0;
+  visibility: hidden;
+}
+.hoverIcon:hover .arrow
+/* .hoverIcon:focus .arrow  */
+{
+  opacity: 1;
+  visibility: visible;
+}
+.value {
+  composes: dotted  offSelection from '~@zohodesk/components/lib/common/common.module.css';
+}
+.search {
+  padding: var(--zd_size6) var(--zd_size20) 0 ;
+}
+.svgWrapper {
+  padding-bottom: var(--zd_size25) ;
+}
+.cursorDefault {
+  cursor: default;
+}
+.cursor {
+  cursor: pointer;
+}
+[dir=ltr] .dropBoxContainer {
+  text-align: left;
+}
+[dir=rtl] .dropBoxContainer {
+  text-align: right;
+}
+[dir=ltr] .iconBox {
+  margin-right: var(--zd_size4) ;
+}
+[dir=rtl] .iconBox {
+  margin-left: var(--zd_size4) ;
+}
+.iconBox > i {
+  display: block;
+}
+.loader {
+  width: var(--zd_size40) ;
+  margin: 0 auto ;
+}
+.seperatedLine {
+  height: var(--zd_size1) ;
+  border-bottom: 1px solid var(--zdt_toggledropdown_line_border);
+  margin: var(--zd_size7) 0 var(--zd_size8) ;
+}
+.hiddenInput {
+  width: 0 ;
+  height: 0 ;
+  opacity: 0;
+  position: absolute;
+}
+.hiddenInputElement{
+  width: 100% ;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  padding: 0 ;
+  border: 0;
+}
+.groupName {
+  margin: var(--zd_size6) 0 ;
+}
+.dropdown {
+  background-color: transparent;
+}