@zohodesk/dot 1.0.0-temp-118 → 1.0.0-temp-119

package/es/AlphabeticList/AlphabeticList.module.css

@@ -1,57 +1,57 @@
-/* $Id$ */
-.varClass {
-  --textColor: var(--zdt_alphabeticList_text);
-  --textHoverColor: var(--zdt_alphabeticList_hover_text);
-}
-.container {
-  composes: varClass;
-  composes: h100 from '~@zohodesk/components/lib/common/common.module.css';
-  list-style: none;
-  pointer-events: initial;
-  margin: 0;
-  padding: 0;
-}
-.column .title {
-  margin-bottom: var(--zd_size3);
-}
-[dir=ltr] .row .title {
-  margin-right: var(--zd_size3);
-}
-[dir=rtl] .row .title {
-  margin-left: var(--zd_size3);
-}
-.row  .letter {
-  padding: 0 var(--zd_size3);
-}
-.column .letter {
-  padding: var(--zd_size3) 0;
-}
-.heading {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  max-width: 100%;
-}
-.list {
-  font-size: var(--zd_font_size11);
-  flex-basis: var(--zd_size12);
-  color: var(--textColor);
-  text-align: center;
-  cursor: pointer;
-}
-.title {
-  flex-basis: var(--zd_size15);
-}
-.letter {
-  text-transform: uppercase;
-  display: inline-block;
-}
-.numbers .list {
-  max-height: var(--zd_size35);
-}
-.list :hover,
-.selected {
-  color: var(--textHoverColor);
-}
-.title {
-  font-size: var(--zd_font_size11);
-  font-family: var(--zd_semibold);
-}
+/* $Id$ */
+.varClass {
+  --textColor: var(--zdt_alphabeticList_text);
+  --textHoverColor: var(--zdt_alphabeticList_hover_text);
+}
+.container {
+  composes: varClass;
+  composes: h100 from '~@zohodesk/components/lib/common/common.module.css';
+  list-style: none;
+  pointer-events: initial;
+  margin: 0;
+  padding: 0;
+}
+.column .title {
+  margin-bottom: var(--zd_size3);
+}
+[dir=ltr] .row .title {
+  margin-right: var(--zd_size3);
+}
+[dir=rtl] .row .title {
+  margin-left: var(--zd_size3);
+}
+.row  .letter {
+  padding: 0 var(--zd_size3);
+}
+.column .letter {
+  padding: var(--zd_size3) 0;
+}
+.heading {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  max-width: 100%;
+}
+.list {
+  font-size: var(--zd_font_size11);
+  flex-basis: var(--zd_size12);
+  color: var(--textColor);
+  text-align: center;
+  cursor: pointer;
+}
+.title {
+  flex-basis: var(--zd_size15);
+}
+.letter {
+  text-transform: uppercase;
+  display: inline-block;
+}
+.numbers .list {
+  max-height: var(--zd_size35);
+}
+.list :hover,
+.selected {
+  color: var(--textHoverColor);
+}
+.title {
+  font-size: var(--zd_font_size11);
+  font-family: var(--zd_semibold);
+}

package/es/Attachment/Attachment.js

@@ -78,8 +78,9 @@ export default class Attachment extends React.Component {
 }
 Attachment.propTypes = propTypes;
 Attachment.defaultProps = defaultProps;
-if (false) {
-  Attachment.docs = {
-    componentGroup: 'Attachment'
-  };
-}
+
+// if (__DOCS__) {
+//   Attachment.docs = {
+//     componentGroup: 'Attachment'
+//   };
+// }

package/es/Attachment/Attachment.module.css

@@ -1,158 +1,158 @@
-.attachment {
-  position: relative;
-  overflow: hidden;
-  color: var(--zdt_attachment_default_text);
-  border: 1px solid var(--zdt_attachment_default_border);
-  border-radius: 2px;
-}
-
-.attachmentHover {
-  cursor: pointer;
-}
-
-.palette_default {
-  background-color: var(--zdt_attachment_default_bg);
-}
-
-.palette_transparent {
-  background-color: var(--zdt_attachment_transparent_bg);
-}
-
-.attachmentHover:hover, .attachmentHover:hover .attachleft {
-  border-color: var(--zdt_attachment_default_hover_border);
-}
-
-.attachmentHover:hover .attachleft i {
-  color: var(--zdt_attachment_hover_text);
-}
-
-.attachment:hover .attachDownload {
-  display: block;
-}
-
-.attachmentHover:hover .attachSize {
-  color: var(--zdt_attachment_hover_text);
-}
-
-.medium {
-  width: var(--zd_size210);
-  height: var(--zd_size60);
-}
-
-.small {
-  width: var(--zd_size145);
-  height: var(--zd_size40);
-}
-
-[dir=ltr] .attachleft {
-  border-right: 1px solid var(--zdt_attachment_default_border);
-}
-
-[dir=rtl] .attachleft {
-  border-left: 1px solid var(--zdt_attachment_default_border);
-}
-
-.medium .attachleft {
-  width: var(--zd_size50);
-}
-
-.small .attachleft {
-  width: var(--zd_size40);
-}
-
-[dir=ltr] .medium .attachright {
-  padding: var(--zd_size5) var(--zd_size25) var(--zd_size5) var(--zd_size10);
-}
-
-[dir=rtl] .medium .attachright {
-  padding: var(--zd_size5) var(--zd_size10) var(--zd_size5) var(--zd_size25);
-}
-
-.small .attachright {
-  padding: 0 var(--zd_size10) 0 var(--zd_size10);
-}
-
-.footer {
-  font-size: 0;
-  margin-top: var(--zd_size3);
-}
-
-.medium .atatchName {
-  font-size: var(--zd_font_size14);
-  line-height: var(--zd_size20);
-}
-
-.small .atatchName {
-  font-size: var(--zd_font_size12);
-  line-height: var(--zd_size15);
-}
-
-.attachSize {
-  color: var(--zdt_attachment_size_text);
-}
-
-.atatchName,
-.attachSize {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.medium .attachSize {
-  font-size: var(--zd_font_size11);
-}
-
-.small .attachSize {
-  font-size: var(--zd_font_size10);
-}
-
-.attachDownload {
-  position: absolute;
-  top: calc(var(--zd_size1) * -1);
-  display: none;
-  background-color: var(--zdt_attachment_download_bg);
-  text-align: center;
-}
-
-[dir=ltr] .attachDownload {
-  right: calc(var(--zd_size1) * -1);
-}
-
-[dir=rtl] .attachDownload {
-  left: calc(var(--zd_size1) * -1);
-}
-
-.medium .attachDownload {
-  height: var(--zd_size25);
-  width: var(--zd_size25);
-  line-height: var(--zd_size23);
-}
-
-.small .attachDownload {
-  height: var(--zd_size20);
-  width: var(--zd_size20);
-  line-height: var(--zd_size18);
-}
-
-.attachDownload:hover {
-  background-color: var(--zdt_attachment_download_hover_bg);
-}
-
-.attachIcon {
-  font-size: var(--zd_font_size20);
-}
-
-.downIcon {
-  font-size: var(--zd_font_size14);
-  color: var(--zdt_attachment_size_text);
-}
-
-.attachDownload:hover .downIcon {
-  color: var(--zdt_attachment_download_hover_text);
-}
-
-.dot {
-  height: 2px;
-  width: 2px;
-  background-color: var(--zdt_dot_text);
-  border-radius: 50%;
-  margin: 0 var(--zd_size6);
+.attachment {
+  position: relative;
+  overflow: hidden;
+  color: var(--zdt_attachment_default_text);
+  border: 1px solid var(--zdt_attachment_default_border);
+  border-radius: 2px;
+}
+
+.attachmentHover {
+  cursor: pointer;
+}
+
+.palette_default {
+  background-color: var(--zdt_attachment_default_bg);
+}
+
+.palette_transparent {
+  background-color: var(--zdt_attachment_transparent_bg);
+}
+
+.attachmentHover:hover, .attachmentHover:hover .attachleft {
+  border-color: var(--zdt_attachment_default_hover_border);
+}
+
+.attachmentHover:hover .attachleft i {
+  color: var(--zdt_attachment_hover_text);
+}
+
+.attachment:hover .attachDownload {
+  display: block;
+}
+
+.attachmentHover:hover .attachSize {
+  color: var(--zdt_attachment_hover_text);
+}
+
+.medium {
+  width: var(--zd_size210);
+  height: var(--zd_size60);
+}
+
+.small {
+  width: var(--zd_size145);
+  height: var(--zd_size40);
+}
+
+[dir=ltr] .attachleft {
+  border-right: 1px solid var(--zdt_attachment_default_border);
+}
+
+[dir=rtl] .attachleft {
+  border-left: 1px solid var(--zdt_attachment_default_border);
+}
+
+.medium .attachleft {
+  width: var(--zd_size50);
+}
+
+.small .attachleft {
+  width: var(--zd_size40);
+}
+
+[dir=ltr] .medium .attachright {
+  padding: var(--zd_size5) var(--zd_size25) var(--zd_size5) var(--zd_size10);
+}
+
+[dir=rtl] .medium .attachright {
+  padding: var(--zd_size5) var(--zd_size10) var(--zd_size5) var(--zd_size25);
+}
+
+.small .attachright {
+  padding: 0 var(--zd_size10) 0 var(--zd_size10);
+}
+
+.footer {
+  font-size: 0;
+  margin-top: var(--zd_size3);
+}
+
+.medium .atatchName {
+  font-size: var(--zd_font_size14);
+  line-height: var(--zd_size20);
+}
+
+.small .atatchName {
+  font-size: var(--zd_font_size12);
+  line-height: var(--zd_size15);
+}
+
+.attachSize {
+  color: var(--zdt_attachment_size_text);
+}
+
+.atatchName,
+.attachSize {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.medium .attachSize {
+  font-size: var(--zd_font_size11);
+}
+
+.small .attachSize {
+  font-size: var(--zd_font_size10);
+}
+
+.attachDownload {
+  position: absolute;
+  top: calc(var(--zd_size1) * -1);
+  display: none;
+  background-color: var(--zdt_attachment_download_bg);
+  text-align: center;
+}
+
+[dir=ltr] .attachDownload {
+  right: calc(var(--zd_size1) * -1);
+}
+
+[dir=rtl] .attachDownload {
+  left: calc(var(--zd_size1) * -1);
+}
+
+.medium .attachDownload {
+  height: var(--zd_size25);
+  width: var(--zd_size25);
+  line-height: var(--zd_size23);
+}
+
+.small .attachDownload {
+  height: var(--zd_size20);
+  width: var(--zd_size20);
+  line-height: var(--zd_size18);
+}
+
+.attachDownload:hover {
+  background-color: var(--zdt_attachment_download_hover_bg);
+}
+
+.attachIcon {
+  font-size: var(--zd_font_size20);
+}
+
+.downIcon {
+  font-size: var(--zd_font_size14);
+  color: var(--zdt_attachment_size_text);
+}
+
+.attachDownload:hover .downIcon {
+  color: var(--zdt_attachment_download_hover_text);
+}
+
+.dot {
+  height: 2px;
+  width: 2px;
+  background-color: var(--zdt_dot_text);
+  border-radius: 50%;
+  margin: 0 var(--zd_size6);
 }

package/es/AttachmentViewer/AttachmentViewer.js

@@ -1,18 +1,18 @@
-import React, { Component } from "react";
+import React, { Component } from 'react';
 import { AttachmentViewer_defaultProps } from './props/defaultProps';
 import { AttachmentViewer_propTypes } from './props/propTypes';
-import { Container, Box } from "@zohodesk/components/lib/Layout";
-import Icon from "@zohodesk/icons/lib/Icon";
-import Avatar from "@zohodesk/components/lib/Avatar/Avatar";
-import { ResponsiveReceiver } from "@zohodesk/components/lib/Responsive/CustomResponsive";
-import { getUniqueId } from "@zohodesk/components/lib/Provider/IdProvider";
-import AttachmentImage from "./AttachmentImage";
-import Link from "../Link/Link";
-import IconButton from "../IconButton/IconButton";
-import FreezeLayer from "../FreezeLayer/FreezeLayer";
-import { isAudioFile, getExtensionFromFileName } from "./Attachment";
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import Icon from '@zohodesk/icons/lib/Icon';
+import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
+import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
+import AttachmentImage from './AttachmentImage';
+import Link from '../Link/Link';
+import IconButton from '../IconButton/IconButton';
+import FreezeLayer from '../FreezeLayer/FreezeLayer';
+import { isAudioFile, getExtensionFromFileName } from './Attachment';
 import { shallowDiff } from '../utils/General';
-import style from "./AttachmentViewer.module.css";
+import style from './AttachmentViewer.module.css';
 export default class AttachmentViewer extends Component {
   constructor(props) {
     super(props);
@@ -204,19 +204,19 @@ export default class AttachmentViewer extends Component {
         position = (i - selectedIndex) * 100;
         return {
           transform: `translateX(${parseInt(position)}%)`,
-          opacity: "0"
+          opacity: '0'
         };
       }
       if (i === selectedIndex) {
         return {
-          transform: "translateX(0%)",
-          opacity: "1"
+          transform: 'translateX(0%)',
+          opacity: '1'
         };
       }
       position = (selectedIndex - i) * 100 * -1;
       return {
         transform: `translateX(${parseInt(position)}%)`,
-        opacity: "0"
+        opacity: '0'
       };
     };
     return dataList.length && dataList.map(function () {
@@ -241,7 +241,7 @@ export default class AttachmentViewer extends Component {
         src: data.viewUrl,
         type: `audio/${getExtensionFromFileName(data.name)}`
       })) : null : /*#__PURE__*/React.createElement(AttachmentImage, {
-        className: `${style.img} ${selectedIndex == i && maintainZoom ? isZoomed ? style.zoomedImg : style.normalImg : ""}`,
+        className: `${style.img} ${selectedIndex == i && maintainZoom ? isZoomed ? style.zoomedImg : style.normalImg : ''}`,
         src: selectedImgUrl,
         onClick: isZoomed ? _this.zoomOut.bind(_this, i) : e => {
           _this.zoomIn(e, i, true);
@@ -314,8 +314,8 @@ export default class AttachmentViewer extends Component {
         className: uptoTablet ? style.mbleMenuBar : style.menuBar
       }, /*#__PURE__*/React.createElement(Container, {
         isInline: true,
-        alignBox: uptoTablet ? "column-reverse" : "row",
-        align: uptoTablet ? "bottom" : "center",
+        alignBox: uptoTablet ? 'column-reverse' : 'row',
+        align: uptoTablet ? 'bottom' : 'center',
         wrap: "wrap",
         isCover: false
       }, isZoomed ? /*#__PURE__*/React.createElement("div", {
@@ -398,7 +398,7 @@ export default class AttachmentViewer extends Component {
       }, /*#__PURE__*/React.createElement(Container, {
         alignBox: "row"
       }, /*#__PURE__*/React.createElement(Box, {
-        className: `${style.arrowBox}  ${uptoTablet ? style.mbleArrowBox : style.nrmlArrowBox} ${selectedIndex === 0 ? style.hidden : ""}`,
+        className: `${style.arrowBox}  ${uptoTablet ? style.mbleArrowBox : style.nrmlArrowBox} ${selectedIndex === 0 ? style.hidden : ''}`,
         onClick: this.changeSelectedIndex.bind(this, selectedIndex - 1),
         "data-title": i18nKeys.previousText,
         "data-title-position": "left"
@@ -420,7 +420,7 @@ export default class AttachmentViewer extends Component {
         scroll: "both",
         flexible: true
       }, this.imgPreviewView()), /*#__PURE__*/React.createElement(Box, {
-        className: `${style.arrowBox}  ${uptoTablet ? style.mbleArrowBox : style.nrmlArrowBox} ${totalLen === selectedIndex + 1 ? style.hidden : ""}`,
+        className: `${style.arrowBox}  ${uptoTablet ? style.mbleArrowBox : style.nrmlArrowBox} ${totalLen === selectedIndex + 1 ? style.hidden : ''}`,
         onClick: this.changeSelectedIndex.bind(this, selectedIndex + 1),
         "data-title": i18nKeys.nextText,
         "data-title-position": "right"
@@ -467,7 +467,7 @@ export default class AttachmentViewer extends Component {
         } = item;
         const isAudio = isAudioFile(name);
         return /*#__PURE__*/React.createElement(Box, {
-          className: `${style.imgItem} ${index === selectedIndex ? style.selected : ""}  ${isAudio ? style.isAudio : ""}`,
+          className: `${style.imgItem} ${index === selectedIndex ? style.selected : ''}  ${isAudio ? style.isAudio : ''}`,
           key: index,
           onClick: this.changeSelectedIndex.bind(this, index),
           eleRef: el => this[`img_${index}`] = el,
@@ -487,7 +487,7 @@ export default class AttachmentViewer extends Component {
         iconName: "ZD-GN-hideTab",
         iconSize: "14",
         hoverType: "border",
-        iconClass: `${style.thumpIcon} ${isPViewListOpen ? style.thumpIconActive : ""}`,
+        iconClass: `${style.thumpIcon} ${isPViewListOpen ? style.thumpIconActive : ''}`,
         className: style.button,
         a11y: {
           ariaLabel: i18nKeys.hideText
@@ -499,8 +499,9 @@ export default class AttachmentViewer extends Component {
 }
 AttachmentViewer.propTypes = AttachmentViewer_propTypes;
 AttachmentViewer.defaultProps = AttachmentViewer_defaultProps;
-if (false) {
-  AttachmentViewer.docs = {
-    componentGroup: "Molecule"
-  };
-}
+
+// if (__DOCS__) {
+//   AttachmentViewer.docs = {
+//     componentGroup: "Molecule"
+//   };
+// }