@zohodesk/dot 1.0.0-beta.198 → 1.0.0-beta.199

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +6 -0
  2. package/es/avatar/AvatarThread/AvatarThread.js +6 -4
  3. package/lib/avatar/AvatarThread/AvatarThread.js +6 -4
  4. package/package.json +3 -3
  5. package/src/avatar/AvatarThread/AvatarThread.js +6 -3
package/README.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  In this Library we Provide Some Basic Components to Build Your Application
4
4
 
5
+ # 1.0.0-beta.199
6
+
7
+ - - AvatarThread component -> getCustomThread prop added
8
+
5
9
  # 1.0.0-beta.198
6
10
 
7
11
  - TextEditor => default font changed to Lato
@@ -14,9 +18,11 @@ In this Library we Provide Some Basic Components to Build Your Application
14
18
 
15
19
  - Messagebanner => FontSize Fixed
16
20
  - TextEditor => PuviFont Version Updated
21
+
17
22
  # 1.0.0-beta.194
18
23
 
19
24
  - CommonEmptyState missing dark palette variables moved under Themes folder files
25
+
20
26
  # 1.0.0-beta.193
21
27
 
22
28
  - ListLayout -> needPointer prop added and hover css fix
package/es/avatar/AvatarThread/AvatarThread.js CHANGED
@@ -29,7 +29,8 @@ export default class AvatarThread extends React.Component {
29
29
  customTextClass,
30
30
  needTitle,
31
31
  customProps,
32
- iconClass
32
+ iconClass,
33
+ getCustomThread
33
34
  } = this.props;
34
35
  let {
35
36
  AvatarThreadProps = {},
@@ -50,7 +51,7 @@ export default class AvatarThread extends React.Component {
50
51
  textPalette: textPalette,
51
52
  customClass: customTextClass,
52
53
  needTitle: needTitle
53
- }, AvatarProps)), iconName && /*#__PURE__*/React.createElement("span", {
54
+ }, AvatarProps)), (iconName || getCustomThread) && /*#__PURE__*/React.createElement("span", {
54
55
  className: `${style.thread} ${onIconClick ? style.pointer : style.defaultCursor} ${needBackground ? style.threadBg : ''} ${style[`thread_${size}_pos`]} ${needBorder ? style[`border_${borderPalette}`] : ''}`,
55
56
  "data-title": iconTitle,
56
57
  "data-id": iconTitle === 'Remove Follower' && 'removeFollower',
@@ -62,7 +63,7 @@ export default class AvatarThread extends React.Component {
62
63
  size: iconSize,
63
64
  iconClass: `${iconClass}
64
65
  ${style[`text_${iconColor}`] ? style[`text_${iconColor}`] : iconColor}`
65
- }))));
66
+ })), getCustomThread && getCustomThread()));
66
67
  }
67
68
 
68
69
  }
@@ -99,7 +100,8 @@ AvatarThread.propTypes = {
99
100
  AvatarThreadProps: PropTypes.object,
100
101
  AvatarProps: PropTypes.object
101
102
  }),
102
- iconClass: PropTypes.string
103
+ iconClass: PropTypes.string,
104
+ getCustomThread: PropTypes.func
103
105
  };
104
106
 
105
107
  if (false) {
package/lib/avatar/AvatarThread/AvatarThread.js CHANGED
@@ -77,7 +77,8 @@ var AvatarThread = /*#__PURE__*/function (_React$Component) {
77
77
  customTextClass = _this$props.customTextClass,
78
78
  needTitle = _this$props.needTitle,
79
79
  customProps = _this$props.customProps,
80
- iconClass = _this$props.iconClass;
80
+ iconClass = _this$props.iconClass,
81
+ getCustomThread = _this$props.getCustomThread;
81
82
  var _customProps$AvatarTh = customProps.AvatarThreadProps,
82
83
  AvatarThreadProps = _customProps$AvatarTh === void 0 ? {} : _customProps$AvatarTh,
83
84
  _customProps$AvatarPr = customProps.AvatarProps,
@@ -97,7 +98,7 @@ var AvatarThread = /*#__PURE__*/function (_React$Component) {
97
98
  textPalette: textPalette,
98
99
  customClass: customTextClass,
99
100
  needTitle: needTitle
100
- }, AvatarProps)), iconName && /*#__PURE__*/_react["default"].createElement("span", {
101
+ }, AvatarProps)), (iconName || getCustomThread) && /*#__PURE__*/_react["default"].createElement("span", {
101
102
  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)] : ''),
102
103
  "data-title": iconTitle,
103
104
  "data-id": iconTitle === 'Remove Follower' && 'removeFollower',
@@ -108,7 +109,7 @@ var AvatarThread = /*#__PURE__*/function (_React$Component) {
108
109
  name: iconName,
109
110
  size: iconSize,
110
111
  iconClass: "".concat(iconClass, "\n ").concat(_AvatarThreadModule["default"]["text_".concat(iconColor)] ? _AvatarThreadModule["default"]["text_".concat(iconColor)] : iconColor)
111
- }))));
112
+ })), getCustomThread && getCustomThread()));
112
113
  }
113
114
  }]);
114
115
 
@@ -149,7 +150,8 @@ AvatarThread.propTypes = {
149
150
  AvatarThreadProps: _propTypes["default"].object,
150
151
  AvatarProps: _propTypes["default"].object
151
152
  }),
152
- iconClass: _propTypes["default"].string
153
+ iconClass: _propTypes["default"].string,
154
+ getCustomThread: _propTypes["default"].func
153
155
  };
154
156
 
155
157
  if (false) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-beta.198",
3
+ "version": "1.0.0-beta.199",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "jsnext:main": "es/index.js",
@@ -32,7 +32,7 @@
32
32
  "velocity-react": "^1.4.3",
33
33
  "@zohodesk/variables": "1.0.0-beta.25",
34
34
  "@zohodesk/i18n": "^1.0.0-beta.7",
35
- "@zohodesk/components": "1.0.0-alpha-214",
35
+ "@zohodesk/components": "1.0.0-alpha-216",
36
36
  "@zohodesk/icons": "1.0.0-beta.85",
37
37
  "@zohodesk/svg": "1.0.0-beta.37",
38
38
  "@zohodesk/virtualizer": "1.0.3",
@@ -42,7 +42,7 @@
42
42
  "velocity-react": "^1.4.3",
43
43
  "@zohodesk/variables": "^1.0.0-beta.25",
44
44
  "@zohodesk/i18n": "^1.0.0-beta.7",
45
- "@zohodesk/components": "1.0.0-alpha-214",
45
+ "@zohodesk/components": "1.0.0-alpha-216",
46
46
  "@zohodesk/icons": "^1.0.0-beta.85",
47
47
  "@zohodesk/svg": "^1.0.0-beta.37"
48
48
  },
package/src/avatar/AvatarThread/AvatarThread.js CHANGED
@@ -28,7 +28,8 @@ export default class AvatarThread extends React.Component {
28
28
  customTextClass,
29
29
  needTitle,
30
30
  customProps,
31
- iconClass
31
+ iconClass,
32
+ getCustomThread
32
33
  } = this.props;
33
34
  let { AvatarThreadProps = {}, AvatarProps = {} } = customProps;
34
35
  let hoverEffect = showOnHover ? style.hover : '';
@@ -53,7 +54,7 @@ export default class AvatarThread extends React.Component {
53
54
  needTitle={needTitle}
54
55
  {...AvatarProps}
55
56
  />
56
- {iconName && (
57
+ {(iconName || getCustomThread) && (
57
58
  <span
58
59
  className={`${style.thread} ${
59
60
  onIconClick ? style.pointer : style.defaultCursor
@@ -75,6 +76,7 @@ export default class AvatarThread extends React.Component {
75
76
  }
76
77
  />
77
78
  </span>
79
+ {getCustomThread && getCustomThread()}
78
80
  </span>
79
81
  )}
80
82
  </div>
@@ -121,7 +123,8 @@ AvatarThread.propTypes = {
121
123
  AvatarThreadProps: PropTypes.object,
122
124
  AvatarProps: PropTypes.object
123
125
  }),
124
- iconClass: PropTypes.string
126
+ iconClass: PropTypes.string,
127
+ getCustomThread: PropTypes.func
125
128
  };
126
129
 
127
130
  if (__DOCS__) {