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

package/lib/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/lib/AttachmentViewer/AttachmentViewer.js

@@ -249,19 +249,19 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           position = (i - selectedIndex) * 100;
           return {
             transform: "translateX(".concat(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(".concat(parseInt(position), "%)"),
-          opacity: "0"
+          opacity: '0'
         };
       };
       return dataList.length && dataList.map(function () {
@@ -286,7 +286,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           src: data.viewUrl,
           type: "audio/".concat((0, _Attachment.getExtensionFromFileName)(data.name))
         })) : null : /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], {
-          className: "".concat(_AttachmentViewerModule["default"].img, " ").concat(selectedIndex == i && maintainZoom ? isZoomed ? _AttachmentViewerModule["default"].zoomedImg : _AttachmentViewerModule["default"].normalImg : ""),
+          className: "".concat(_AttachmentViewerModule["default"].img, " ").concat(selectedIndex == i && maintainZoom ? isZoomed ? _AttachmentViewerModule["default"].zoomedImg : _AttachmentViewerModule["default"].normalImg : ''),
           src: selectedImgUrl,
           onClick: isZoomed ? _this4.zoomOut.bind(_this4, i) : function (e) {
             _this4.zoomIn(e, i, true);
@@ -357,8 +357,8 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           className: uptoTablet ? _AttachmentViewerModule["default"].mbleMenuBar : _AttachmentViewerModule["default"].menuBar
         }, /*#__PURE__*/_react["default"].createElement(_Layout.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["default"].createElement("div", {
@@ -443,7 +443,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           alignBox: "row"
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-          className: "".concat(_AttachmentViewerModule["default"].arrowBox, "  ").concat(uptoTablet ? _AttachmentViewerModule["default"].mbleArrowBox : _AttachmentViewerModule["default"].nrmlArrowBox, " ").concat(selectedIndex === 0 ? _AttachmentViewerModule["default"].hidden : ""),
+          className: "".concat(_AttachmentViewerModule["default"].arrowBox, "  ").concat(uptoTablet ? _AttachmentViewerModule["default"].mbleArrowBox : _AttachmentViewerModule["default"].nrmlArrowBox, " ").concat(selectedIndex === 0 ? _AttachmentViewerModule["default"].hidden : ''),
           onClick: _this5.changeSelectedIndex.bind(_this5, selectedIndex - 1),
           "data-title": i18nKeys.previousText,
           "data-title-position": "left"
@@ -465,7 +465,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           scroll: "both",
           flexible: true
         }, _this5.imgPreviewView()), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-          className: "".concat(_AttachmentViewerModule["default"].arrowBox, "  ").concat(uptoTablet ? _AttachmentViewerModule["default"].mbleArrowBox : _AttachmentViewerModule["default"].nrmlArrowBox, " ").concat(totalLen === selectedIndex + 1 ? _AttachmentViewerModule["default"].hidden : ""),
+          className: "".concat(_AttachmentViewerModule["default"].arrowBox, "  ").concat(uptoTablet ? _AttachmentViewerModule["default"].mbleArrowBox : _AttachmentViewerModule["default"].nrmlArrowBox, " ").concat(totalLen === selectedIndex + 1 ? _AttachmentViewerModule["default"].hidden : ''),
           onClick: _this5.changeSelectedIndex.bind(_this5, selectedIndex + 1),
           "data-title": i18nKeys.nextText,
           "data-title-position": "right"
@@ -512,7 +512,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
             viewUrl = item.viewUrl;
           var isAudio = (0, _Attachment.isAudioFile)(name);
           return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-            className: "".concat(_AttachmentViewerModule["default"].imgItem, " ").concat(index === selectedIndex ? _AttachmentViewerModule["default"].selected : "", "  ").concat(isAudio ? _AttachmentViewerModule["default"].isAudio : ""),
+            className: "".concat(_AttachmentViewerModule["default"].imgItem, " ").concat(index === selectedIndex ? _AttachmentViewerModule["default"].selected : '', "  ").concat(isAudio ? _AttachmentViewerModule["default"].isAudio : ''),
             key: index,
             onClick: _this5.changeSelectedIndex.bind(_this5, index),
             eleRef: function eleRef(el) {
@@ -534,7 +534,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           iconName: "ZD-GN-hideTab",
           iconSize: "14",
           hoverType: "border",
-          iconClass: "".concat(_AttachmentViewerModule["default"].thumpIcon, " ").concat(isPViewListOpen ? _AttachmentViewerModule["default"].thumpIconActive : ""),
+          iconClass: "".concat(_AttachmentViewerModule["default"].thumpIcon, " ").concat(isPViewListOpen ? _AttachmentViewerModule["default"].thumpIconActive : ''),
           className: _AttachmentViewerModule["default"].button,
           a11y: {
             ariaLabel: i18nKeys.hideText
@@ -549,8 +549,9 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
 exports["default"] = AttachmentViewer;
 AttachmentViewer.propTypes = _propTypes.AttachmentViewer_propTypes;
 AttachmentViewer.defaultProps = _defaultProps.AttachmentViewer_defaultProps;
-if (false) {
-  AttachmentViewer.docs = {
-    componentGroup: "Molecule"
-  };
-}
+
+// if (__DOCS__) {
+//   AttachmentViewer.docs = {
+//     componentGroup: "Molecule"
+//   };
+// }