@zohodesk/dot 1.7.4 → 1.7.6

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

@@ -445,7 +445,10 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           needDownload = _this$props2.needDownload,
           i18nKeys = _this$props2.i18nKeys,
           isActive = _this$props2.isActive,
-          dataId = _this$props2.dataId;
+          dataId = _this$props2.dataId,
+          customProps = _this$props2.customProps;
+      var _customProps$avatarPr = customProps.avatarProps,
+          avatarProps = _customProps$avatarPr === void 0 ? {} : _customProps$avatarPr;
       var totalLen = data.length;
       var selectedAttachment = data[selectedIndex] || {};
       var selectedImgUrl = selectedAttachment.viewUrl;
@@ -629,12 +632,12 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           alignBox: "row",
           align: "both"
-        }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
+        }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
           name: authorName,
           size: "xmedium",
           src: authorHref,
           palette: "info"
-        }), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        }, avatarProps)), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true,
           className: _AttachmentViewerModule["default"].authorName,
           "data-title": authorName

package/lib/AttachmentViewer/props/defaultProps.js

@@ -18,6 +18,7 @@ var AttachmentViewer_defaultProps = {
   i18nKeys: {},
   maintainZoom: false,
   isActive: false,
-  dataId: 'AttachmentViewer'
+  dataId: 'AttachmentViewer',
+  customProps: {}
 };
 exports.AttachmentViewer_defaultProps = AttachmentViewer_defaultProps;

package/lib/AttachmentViewer/props/propTypes.js

@@ -7,6 +7,8 @@ exports.AttachmentViewer_propTypes = exports.AttachmentImage_propTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _propTypes2 = require("@zohodesk/components/es/Avatar/props/propTypes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var AttachmentImage_propTypes = {
@@ -43,6 +45,9 @@ var AttachmentViewer_propTypes = {
   responsiveId: _propTypes["default"].string,
   maintainZoom: _propTypes["default"].bool,
   isActive: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string
+  dataId: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    avatarProps: _propTypes["default"].exact(_propTypes2.propTypes)
+  })
 };
 exports.AttachmentViewer_propTypes = AttachmentViewer_propTypes;

package/lib/ChannelIcon/ChannelIcon.js

@@ -29,6 +29,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -85,7 +87,14 @@ var ChannelIcon = /*#__PURE__*/function (_Component) {
           renderIconOnly = _this$props.renderIconOnly,
           iconName = _this$props.iconName,
           title = _this$props.title,
-          dataSelectorId = _this$props.dataSelectorId;
+          dataSelectorId = _this$props.dataSelectorId,
+          customProps = _this$props.customProps;
+      var _customProps$avatarPr = customProps.avatarProps,
+          avatarProps = _customProps$avatarPr === void 0 ? {} : _customProps$avatarPr,
+          _customProps$avatarIc = customProps.avatarIconProps,
+          avatarIconProps = _customProps$avatarIc === void 0 ? {} : _customProps$avatarIc,
+          _customProps$iconProp = customProps.iconProps,
+          iconProps = _customProps$iconProp === void 0 ? {} : _customProps$iconProp;
       var defaultChannelObj = name && !iconName && (0, _ChannelIconMapping.getChannelMappingObj)()[name.toUpperCase()];
       var customizedChannelName = null;
 
@@ -98,7 +107,7 @@ var ChannelIcon = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: _ChannelIconModule["default"].container,
         "data-selector-id": dataSelectorId
-      }, customizedChannelName ? /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
+      }, customizedChannelName ? /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
         name: customizedChannelName,
         size: size,
         palette: palette,
@@ -107,7 +116,7 @@ var ChannelIcon = /*#__PURE__*/function (_Component) {
         dataId: dataId,
         needTitle: title,
         title: title
-      }) : !renderIconOnly ? iconName ? /*#__PURE__*/_react["default"].createElement(_AvatarIcon["default"], {
+      }, avatarProps)) : !renderIconOnly ? iconName ? /*#__PURE__*/_react["default"].createElement(_AvatarIcon["default"], _extends({
         name: iconName,
         iconSize: iconSize,
         size: size,
@@ -116,7 +125,7 @@ var ChannelIcon = /*#__PURE__*/function (_Component) {
         className: className,
         iconColor: iconColor,
         title: iconTitle
-      }) : /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
+      }, avatarIconProps)) : /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
         name: name,
         size: size,
         palette: palette,
@@ -125,13 +134,13 @@ var ChannelIcon = /*#__PURE__*/function (_Component) {
         dataId: dataId,
         needTitle: title,
         title: title
-      }) : /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+      }, avatarProps)) : /*#__PURE__*/_react["default"].createElement(_icons.Icon, _extends({
         name: iconName,
         size: iconSize,
         iconClass: "".concat(iconClass ? iconClass : '', " ").concat(_ChannelIconModule["default"].iconStyle, " ").concat(name && action ? _ChannelIconModule["default"]["".concat(name.toLowerCase(), "_").concat(action.toLowerCase())] : ''),
         title: iconTitle,
         dataId: dataId
-      }), topicIcon ? /*#__PURE__*/_react["default"].createElement("span", {
+      }, iconProps)), topicIcon ? /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_ChannelIconModule["default"].thread, " ").concat(needTopicBorder ? _ChannelIconModule["default"].threadBorder : '', " ").concat(topicClass ? topicClass : ''),
         "data-title": topicIconTitle
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {