@zohodesk/dot 1.0.0-temp-50 → 1.0.0-temp-51

package/lib/MessageBanner/MessageBanner.js

@@ -63,11 +63,13 @@ var MessageBanner = /*#__PURE__*/function (_React$Component) {
           onClick = _this$props.onClick,
           urlText = _this$props.urlText,
           palette = _this$props.palette,
-          customClass = _this$props.customClass;
+          customClass = _this$props.customClass,
+          dataId = _this$props.dataId;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         className: "".concat(_MessageBannerModule["default"]["type_".concat(type)], " ").concat(_MessageBannerModule["default"]["palette_".concat(palette)], " ").concat(customClass),
         alignBox: "row",
-        isCover: false
+        isCover: false,
+        dataId: dataId
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _MessageBannerModule["default"].content,
         flexible: true
@@ -77,7 +79,8 @@ var MessageBanner = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _MessageBannerModule["default"].message,
         adjust: true,
-        shrink: true
+        shrink: true,
+        "data-title": message
       }, message), href && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
         href: href,
         onClick: onClick,
@@ -102,7 +105,8 @@ exports["default"] = MessageBanner;
 MessageBanner.defaultProps = {
   type: 'primary',
   palette: 'default',
-  customClass: ''
+  customClass: '',
+  dataId: 'MessageBanner'
 };
 MessageBanner.propTypes = {
   customClass: _propTypes["default"].string,
@@ -112,7 +116,8 @@ MessageBanner.propTypes = {
   onClose: _propTypes["default"].func,
   palette: _propTypes["default"].oneOf(['default', 'blue', 'white']),
   type: _propTypes["default"].oneOf(['primary', 'secondary']),
-  urlText: _propTypes["default"].string
+  urlText: _propTypes["default"].string,
+  dataId: _propTypes["default"].string
 };
 
 if (false) {

package/lib/MessageBanner/MessageBanner.module.css

@@ -6,13 +6,13 @@
 .message {
   color: var(--zdt_messagebanner_text);
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  margin: 0 var(--zd_size10);
+  padding: var(--zd_size10) 0;
 }
 [dir=ltr] .message {
-  padding: var(--zd_size10) var(--zd_size5) var(--zd_size10) 0;
+  margin-left: var(--zd_size10);
 }
 [dir=rtl] .message {
-  padding: var(--zd_size10) 0 var(--zd_size10) var(--zd_size5);
+  margin-right: var(--zd_size10);
 }
 .link {
   color: var(--zdt_messagebanner_link_text);
@@ -23,6 +23,7 @@
 [dir=rtl] .link {
   margin-right: var(--zd_size5);
 }
+.message,.link{font-size:  var(--zd_font_size14);}
 .close {
   color: var(--zdt_messagebanner_close_text);
   cursor: pointer;

package/lib/Provider.js

@@ -15,6 +15,8 @@ var _Layout = require("@zohodesk/components/lib/Layout");
 
 var _AppContainer = _interopRequireDefault(require("@zohodesk/components/lib/AppContainer/AppContainer"));
 
+var _LibraryContextInit = _interopRequireDefault(require("@zohodesk/components/lib/Provider/LibraryContextInit"));
+
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
 var _i18n2 = _interopRequireDefault(require("./i18n"));
@@ -226,6 +228,11 @@ var Provider = /*#__PURE__*/function (_React$Component) {
         dateTimeFormat: '',
         timeFormat: '',
         direction: 'ltr'
+      }, /*#__PURE__*/_react["default"].createElement(_LibraryContextInit["default"].Provider, {
+        value: {
+          isReducedMotion: false,
+          direction: 'ltr'
+        }
       }, /*#__PURE__*/_react["default"].createElement(_AppContainer["default"], {
         customProps: {
           ExtraProps: {
@@ -292,7 +299,7 @@ var Provider = /*#__PURE__*/function (_React$Component) {
         onClick: function onClick() {
           return _this2.setTheme('yellow');
         }
-      })))));
+      }))))));
     }
   }]);
 

package/lib/avatar/AvatarThread/AvatarThread.js

@@ -77,7 +77,8 @@ var AvatarThread = /*#__PURE__*/function (_React$Component) {
           customTextClass = _this$props.customTextClass,
           needTitle = _this$props.needTitle,
           customProps = _this$props.customProps,
-          iconClass = _this$props.iconClass;
+          iconClass = _this$props.iconClass,
+          getCustomThread = _this$props.getCustomThread;
       var _customProps$AvatarTh = customProps.AvatarThreadProps,
           AvatarThreadProps = _customProps$AvatarTh === void 0 ? {} : _customProps$AvatarTh,
           _customProps$AvatarPr = customProps.AvatarProps,
@@ -97,18 +98,18 @@ var AvatarThread = /*#__PURE__*/function (_React$Component) {
         textPalette: textPalette,
         customClass: customTextClass,
         needTitle: needTitle
-      }, AvatarProps)), iconName && /*#__PURE__*/_react["default"].createElement("span", {
+      }, AvatarProps)), (iconName || getCustomThread) && /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_AvatarThreadModule["default"].thread, " ").concat(onIconClick ? _AvatarThreadModule["default"].pointer : _AvatarThreadModule["default"].defaultCursor, " ").concat(needBackground ? _AvatarThreadModule["default"].threadBg : '', " ").concat(_AvatarThreadModule["default"]["thread_".concat(size, "_pos")], " ").concat(needBorder ? _AvatarThreadModule["default"]["border_".concat(borderPalette)] : ''),
         "data-title": iconTitle,
         "data-id": iconTitle === 'Remove Follower' && 'removeFollower',
         onClick: onIconClick
-      }, /*#__PURE__*/_react["default"].createElement("span", {
+      }, iconName && /*#__PURE__*/_react["default"].createElement("span", {
         className: _AvatarThreadModule["default"].icon
       }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: iconName,
         size: iconSize,
         iconClass: "".concat(iconClass, "\n                  ").concat(_AvatarThreadModule["default"]["text_".concat(iconColor)] ? _AvatarThreadModule["default"]["text_".concat(iconColor)] : iconColor)
-      }))));
+      })), getCustomThread && getCustomThread()));
     }
   }]);
 
@@ -149,7 +150,8 @@ AvatarThread.propTypes = {
     AvatarThreadProps: _propTypes["default"].object,
     AvatarProps: _propTypes["default"].object
   }),
-  iconClass: _propTypes["default"].string
+  iconClass: _propTypes["default"].string,
+  getCustomThread: _propTypes["default"].func
 };
 
 if (false) {

package/lib/docs/formDocs.js

@@ -3,160 +3,160 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "CheckBoxField", {
+Object.defineProperty(exports, "FieldLayout", {
   enumerable: true,
   get: function get() {
-    return _CheckBoxField["default"];
+    return _Field["default"];
   }
 });
-Object.defineProperty(exports, "CheckBoxField__default", {
+Object.defineProperty(exports, "FieldLayout__default", {
   enumerable: true,
   get: function get() {
-    return _CheckBoxField__default["default"];
+    return _Field__default["default"];
   }
 });
-Object.defineProperty(exports, "DateField", {
+Object.defineProperty(exports, "New_Section", {
   enumerable: true,
   get: function get() {
-    return _DateField["default"];
+    return _Section["default"];
   }
 });
-Object.defineProperty(exports, "DateField__default", {
+Object.defineProperty(exports, "New_Section__default", {
   enumerable: true,
   get: function get() {
-    return _DateField__default["default"];
+    return _Section__default["default"];
   }
 });
-Object.defineProperty(exports, "FieldLayout", {
+Object.defineProperty(exports, "ValidationMessage", {
   enumerable: true,
   get: function get() {
-    return _Field["default"];
+    return _ValidationMessage["default"];
   }
 });
-Object.defineProperty(exports, "FieldLayout__default", {
+Object.defineProperty(exports, "ValidationMessage__default", {
   enumerable: true,
   get: function get() {
-    return _Field__default["default"];
+    return _ValidationMessage__default["default"];
   }
 });
-Object.defineProperty(exports, "MultiSelectField", {
+Object.defineProperty(exports, "TextBoxField", {
   enumerable: true,
   get: function get() {
-    return _MultiSelectField["default"];
+    return _TextBoxField["default"];
   }
 });
-Object.defineProperty(exports, "MultiSelectField__default", {
+Object.defineProperty(exports, "TextBoxField__default", {
   enumerable: true,
   get: function get() {
-    return _MultiSelectField__default["default"];
+    return _TextBoxField__default["default"];
   }
 });
-Object.defineProperty(exports, "New_Section", {
+Object.defineProperty(exports, "TextareaField", {
   enumerable: true,
   get: function get() {
-    return _Section["default"];
+    return _TextareaField["default"];
   }
 });
-Object.defineProperty(exports, "New_Section__default", {
+Object.defineProperty(exports, "TextareaField__default", {
   enumerable: true,
   get: function get() {
-    return _Section__default["default"];
+    return _TextareaField__default["default"];
   }
 });
-Object.defineProperty(exports, "PhoneField", {
+Object.defineProperty(exports, "SelectField", {
   enumerable: true,
   get: function get() {
-    return _PhoneField["default"];
+    return _SelectField["default"];
   }
 });
-Object.defineProperty(exports, "PhoneField__default", {
+Object.defineProperty(exports, "SelectField__default", {
   enumerable: true,
   get: function get() {
-    return _PhoneField__default["default"];
+    return _SelectField__default["default"];
   }
 });
-Object.defineProperty(exports, "SelectField", {
+Object.defineProperty(exports, "PhoneField", {
   enumerable: true,
   get: function get() {
-    return _SelectField["default"];
+    return _PhoneField["default"];
   }
 });
-Object.defineProperty(exports, "SelectField__default", {
+Object.defineProperty(exports, "PhoneField__default", {
   enumerable: true,
   get: function get() {
-    return _SelectField__default["default"];
+    return _PhoneField__default["default"];
   }
 });
-Object.defineProperty(exports, "TagsMultiSelect", {
+Object.defineProperty(exports, "MultiSelectField", {
   enumerable: true,
   get: function get() {
-    return _TagsMultiSelect["default"];
+    return _MultiSelectField["default"];
   }
 });
-Object.defineProperty(exports, "TagsMultiSelectField", {
+Object.defineProperty(exports, "MultiSelectField__default", {
   enumerable: true,
   get: function get() {
-    return _TagsMultiSelectField["default"];
+    return _MultiSelectField__default["default"];
   }
 });
-Object.defineProperty(exports, "TagsMultiSelectField__default", {
+Object.defineProperty(exports, "DateField", {
   enumerable: true,
   get: function get() {
-    return _TagsMultiSelectField__default["default"];
+    return _DateField["default"];
   }
 });
-Object.defineProperty(exports, "TagsMultiSelect__default", {
+Object.defineProperty(exports, "DateField__default", {
   enumerable: true,
   get: function get() {
-    return _TagsMultiSelect__default["default"];
+    return _DateField__default["default"];
   }
 });
-Object.defineProperty(exports, "TextBoxField", {
+Object.defineProperty(exports, "CheckBoxField", {
   enumerable: true,
   get: function get() {
-    return _TextBoxField["default"];
+    return _CheckBoxField["default"];
   }
 });
-Object.defineProperty(exports, "TextBoxField__default", {
+Object.defineProperty(exports, "CheckBoxField__default", {
   enumerable: true,
   get: function get() {
-    return _TextBoxField__default["default"];
+    return _CheckBoxField__default["default"];
   }
 });
-Object.defineProperty(exports, "TextEditorField", {
+Object.defineProperty(exports, "TagsMultiSelect", {
   enumerable: true,
   get: function get() {
-    return _TextEditorField["default"];
+    return _TagsMultiSelect["default"];
   }
 });
-Object.defineProperty(exports, "TextEditorField__default", {
+Object.defineProperty(exports, "TagsMultiSelect__default", {
   enumerable: true,
   get: function get() {
-    return _TextEditorField__default["default"];
+    return _TagsMultiSelect__default["default"];
   }
 });
-Object.defineProperty(exports, "TextareaField", {
+Object.defineProperty(exports, "TagsMultiSelectField", {
   enumerable: true,
   get: function get() {
-    return _TextareaField["default"];
+    return _TagsMultiSelectField["default"];
   }
 });
-Object.defineProperty(exports, "TextareaField__default", {
+Object.defineProperty(exports, "TagsMultiSelectField__default", {
   enumerable: true,
   get: function get() {
-    return _TextareaField__default["default"];
+    return _TagsMultiSelectField__default["default"];
   }
 });
-Object.defineProperty(exports, "ValidationMessage", {
+Object.defineProperty(exports, "TextEditorField", {
   enumerable: true,
   get: function get() {
-    return _ValidationMessage["default"];
+    return _TextEditorField["default"];
   }
 });
-Object.defineProperty(exports, "ValidationMessage__default", {
+Object.defineProperty(exports, "TextEditorField__default", {
   enumerable: true,
   get: function get() {
-    return _ValidationMessage__default["default"];
+    return _TextEditorField__default["default"];
   }
 });