@zohodesk/dot 1.3.0-temp-158 → 1.3.1
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.
- package/.cli/PropLessFiles.html +1 -1
- package/.cli/propValidation_report.html +1 -1
- package/README.md +3 -1
- package/coverage/ExternalLink/ExternalLink.js.html +1 -1
- package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
- package/coverage/ExternalLink/index.html +1 -1
- package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
- package/coverage/ExternalLink/props/index.html +1 -1
- package/coverage/ExternalLink/props/propTypes.js.html +1 -1
- package/coverage/IconButton/IconButton.js.html +1 -1
- package/coverage/IconButton/IconButton.module.css.html +1 -1
- package/coverage/IconButton/index.html +1 -1
- package/coverage/IconButton/props/defaultProps.js.html +1 -1
- package/coverage/IconButton/props/index.html +1 -1
- package/coverage/IconButton/props/propTypes.js.html +1 -1
- package/coverage/Image/Image.js.html +1 -1
- package/coverage/Image/Image.module.css.html +1 -1
- package/coverage/Image/index.html +1 -1
- package/coverage/Image/props/defaultProps.js.html +1 -1
- package/coverage/Image/props/index.html +1 -1
- package/coverage/Image/props/propTypes.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
- package/coverage/avatar/AvatarWithTeam/index.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
- package/coverage/coverage-final.json +16 -16
- package/coverage/coverage-summary.json +16 -16
- package/coverage/index.html +1 -1
- package/es/v1/ActionButton/ActionButton.js +2 -2
- package/es/v1/Message/Message.js +16 -42
- package/es/v1/PlusIcon/PlusIcon.js +25 -37
- package/es/v1/alert/AlertHeader/AlertHeader.js +5 -4
- package/es/v1/alert/AlertHeader/props/defaultProps.js +12 -0
- package/es/v1/alert/AlertHeader/props/propTypes.js +20 -0
- package/es/v1/alert/AlertLookup/AlertLookup.js +6 -4
- package/es/v1/alert/AlertLookup/props/defaultProps.js +13 -0
- package/es/v1/alert/AlertLookup/props/propTypes.js +36 -0
- package/es/v1/avatar/AvatarClose/AvatarClose.js +32 -43
- package/es/v1/avatar/AvatarCollision/AvatarCollision.js +41 -52
- package/es/v1/avatar/AvatarIcon/AvatarIcon.js +38 -43
- package/es/v1/avatar/AvatarStatus/AvatarStatus.js +52 -63
- package/es/v1/avatar/AvatarThread/AvatarThread.js +62 -69
- package/es/v1/avatar/AvatarUser/AvatarUser.js +93 -100
- package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +81 -88
- package/es/v1/list/SecondaryText/AccountName.js +61 -69
- package/es/v1/list/SecondaryText/ContactName.js +66 -74
- package/es/v1/list/SecondaryText/DepartmentText.js +15 -27
- package/es/v1/list/SecondaryText/Email.js +32 -40
- package/es/v1/list/SecondaryText/HappinessRating.js +17 -25
- package/es/v1/list/SecondaryText/PhoneNumber.js +36 -44
- package/es/v1/list/SecondaryText/PriorityText.js +16 -28
- package/es/v1/list/SecondaryText/SecondaryText.js +21 -33
- package/es/v1/list/SecondaryText/StatusText.js +17 -29
- package/es/v1/list/SecondaryText/TicketId.js +33 -45
- package/es/v1/list/SecondaryText/Website.js +22 -30
- package/es/v1/list/SecondryPanel/SecondryPanel.js +66 -83
- package/es/v1/list/SentimentStatus/SentimentStatus.js +18 -29
- package/es/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
- package/lib/v1/ActionButton/ActionButton.js +2 -2
- package/lib/v1/Message/Message.js +23 -80
- package/lib/v1/PlusIcon/PlusIcon.js +25 -71
- package/lib/v1/alert/AlertHeader/AlertHeader.js +5 -4
- package/lib/v1/alert/AlertHeader/props/defaultProps.js +19 -0
- package/lib/v1/alert/AlertHeader/props/propTypes.js +31 -0
- package/lib/v1/alert/AlertLookup/AlertLookup.js +6 -4
- package/lib/v1/alert/AlertLookup/props/defaultProps.js +20 -0
- package/lib/v1/alert/AlertLookup/props/propTypes.js +47 -0
- package/lib/v1/avatar/AvatarClose/AvatarClose.js +32 -77
- package/lib/v1/avatar/AvatarCollision/AvatarCollision.js +41 -86
- package/lib/v1/avatar/AvatarIcon/AvatarIcon.js +37 -80
- package/lib/v1/avatar/AvatarStatus/AvatarStatus.js +52 -97
- package/lib/v1/avatar/AvatarThread/AvatarThread.js +61 -106
- package/lib/v1/avatar/AvatarUser/AvatarUser.js +95 -140
- package/lib/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +85 -130
- package/lib/v1/list/SecondaryText/AccountName.js +63 -113
- package/lib/v1/list/SecondaryText/ContactName.js +67 -117
- package/lib/v1/list/SecondaryText/DepartmentText.js +16 -66
- package/lib/v1/list/SecondaryText/Email.js +32 -82
- package/lib/v1/list/SecondaryText/HappinessRating.js +21 -68
- package/lib/v1/list/SecondaryText/PhoneNumber.js +36 -86
- package/lib/v1/list/SecondaryText/PriorityText.js +16 -66
- package/lib/v1/list/SecondaryText/SecondaryText.js +19 -69
- package/lib/v1/list/SecondaryText/StatusText.js +17 -67
- package/lib/v1/list/SecondaryText/TicketId.js +33 -83
- package/lib/v1/list/SecondaryText/Website.js +29 -72
- package/lib/v1/list/SecondryPanel/SecondryPanel.js +69 -168
- package/lib/v1/list/SentimentStatus/SentimentStatus.js +19 -64
- package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
- package/package.json +2 -2
- package/result.json +1 -1
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
|
-
exports["default"] =
|
|
6
|
+
exports["default"] = AvatarIcon;
|
|
9
7
|
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
@@ -25,82 +23,41 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
25
23
|
|
|
26
24
|
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); }
|
|
27
25
|
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
26
|
+
function AvatarIcon(props) {
|
|
27
|
+
var name = props.name,
|
|
28
|
+
size = props.size,
|
|
29
|
+
iconSize = props.iconSize,
|
|
30
|
+
iconClass = props.iconClass,
|
|
31
|
+
iconColor = props.iconColor,
|
|
32
|
+
onClick = props.onClick,
|
|
33
|
+
palette = props.palette,
|
|
34
|
+
dataId = props.dataId,
|
|
35
|
+
className = props.className,
|
|
36
|
+
isIconBold = props.isIconBold,
|
|
37
|
+
title = props.title,
|
|
38
|
+
borderOnActive = props.borderOnActive,
|
|
39
|
+
borderOnHover = props.borderOnHover,
|
|
40
|
+
customProps = props.customProps,
|
|
41
|
+
dataSelectorId = props.dataSelectorId;
|
|
42
|
+
var _customProps$AvatarIc = customProps.AvatarIconProps,
|
|
43
|
+
AvatarIconProps = _customProps$AvatarIc === void 0 ? {} : _customProps$AvatarIc;
|
|
44
|
+
var border = borderOnHover || onClick;
|
|
45
|
+
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
|
|
46
|
+
className: "".concat(_AvatarIconModule["default"].container, " ").concat(borderOnActive ? _AvatarIconModule["default"].borderOnActive : border ? _AvatarIconModule["default"].borderOnHover : '', " ").concat((0, _AvatarSize["default"])(size), " ").concat(_AvatarIconModule["default"][palette], " ").concat(className),
|
|
47
|
+
onClick: onClick,
|
|
48
|
+
dataId: dataId,
|
|
49
|
+
"data-title": title,
|
|
50
|
+
isInline: true,
|
|
51
|
+
align: "both",
|
|
52
|
+
isCover: false,
|
|
53
|
+
dataSelectorId: dataSelectorId
|
|
54
|
+
}, AvatarIconProps), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
55
|
+
name: name,
|
|
56
|
+
size: iconSize,
|
|
57
|
+
iconClass: " ".concat(iconClass, " ").concat(_AvatarIconModule["default"].iconColor, " ").concat(iconColor ? " ".concat(_AvatarIconModule["default"]["icon_".concat(iconColor)]) : '', " "),
|
|
58
|
+
isBold: isIconBold
|
|
59
|
+
}));
|
|
60
|
+
}
|
|
43
61
|
|
|
44
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
45
|
-
|
|
46
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
47
|
-
|
|
48
|
-
var AvatarIcon = /*#__PURE__*/function (_React$Component) {
|
|
49
|
-
_inherits(AvatarIcon, _React$Component);
|
|
50
|
-
|
|
51
|
-
var _super = _createSuper(AvatarIcon);
|
|
52
|
-
|
|
53
|
-
function AvatarIcon() {
|
|
54
|
-
_classCallCheck(this, AvatarIcon);
|
|
55
|
-
|
|
56
|
-
return _super.apply(this, arguments);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
_createClass(AvatarIcon, [{
|
|
60
|
-
key: "render",
|
|
61
|
-
value: function render() {
|
|
62
|
-
var _this$props = this.props,
|
|
63
|
-
name = _this$props.name,
|
|
64
|
-
size = _this$props.size,
|
|
65
|
-
iconSize = _this$props.iconSize,
|
|
66
|
-
iconClass = _this$props.iconClass,
|
|
67
|
-
iconColor = _this$props.iconColor,
|
|
68
|
-
onClick = _this$props.onClick,
|
|
69
|
-
palette = _this$props.palette,
|
|
70
|
-
dataId = _this$props.dataId,
|
|
71
|
-
className = _this$props.className,
|
|
72
|
-
isIconBold = _this$props.isIconBold,
|
|
73
|
-
title = _this$props.title,
|
|
74
|
-
borderOnActive = _this$props.borderOnActive,
|
|
75
|
-
borderOnHover = _this$props.borderOnHover,
|
|
76
|
-
customProps = _this$props.customProps,
|
|
77
|
-
dataSelectorId = _this$props.dataSelectorId;
|
|
78
|
-
var _customProps$AvatarIc = customProps.AvatarIconProps,
|
|
79
|
-
AvatarIconProps = _customProps$AvatarIc === void 0 ? {} : _customProps$AvatarIc;
|
|
80
|
-
var border = borderOnHover || onClick;
|
|
81
|
-
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
|
|
82
|
-
className: "".concat(_AvatarIconModule["default"].container, " ").concat(borderOnActive ? _AvatarIconModule["default"].borderOnActive : border ? _AvatarIconModule["default"].borderOnHover : '', " ").concat((0, _AvatarSize["default"])(size), " ").concat(_AvatarIconModule["default"][palette], " ").concat(className),
|
|
83
|
-
onClick: onClick,
|
|
84
|
-
dataId: dataId,
|
|
85
|
-
"data-title": title,
|
|
86
|
-
isInline: true,
|
|
87
|
-
align: "both",
|
|
88
|
-
isCover: false,
|
|
89
|
-
dataSelectorId: dataSelectorId
|
|
90
|
-
}, AvatarIconProps), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
91
|
-
name: name,
|
|
92
|
-
size: iconSize,
|
|
93
|
-
iconClass: " ".concat(iconClass, " ").concat(_AvatarIconModule["default"].iconColor, " ").concat(iconColor ? " ".concat(_AvatarIconModule["default"]["icon_".concat(iconColor)]) : '', " "),
|
|
94
|
-
isBold: isIconBold
|
|
95
|
-
}));
|
|
96
|
-
}
|
|
97
|
-
}]);
|
|
98
|
-
|
|
99
|
-
return AvatarIcon;
|
|
100
|
-
}(_react["default"].Component);
|
|
101
|
-
|
|
102
|
-
exports["default"] = AvatarIcon;
|
|
103
62
|
AvatarIcon.defaultProps = _defaultProps.defaultProps;
|
|
104
|
-
AvatarIcon.propTypes = _propTypes.propTypes;
|
|
105
|
-
// AvatarIcon.docs = { componentGroup: 'Avatar Group' };
|
|
106
|
-
// }
|
|
63
|
+
AvatarIcon.propTypes = _propTypes.propTypes;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
|
-
exports["default"] =
|
|
6
|
+
exports["default"] = AvatarStatus;
|
|
9
7
|
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
@@ -21,99 +19,56 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
21
19
|
|
|
22
20
|
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); }
|
|
23
21
|
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
22
|
+
function AvatarStatus(props) {
|
|
23
|
+
var src = props.src,
|
|
24
|
+
name = props.name,
|
|
25
|
+
size = props.size,
|
|
26
|
+
onClick = props.onClick,
|
|
27
|
+
title = props.title,
|
|
28
|
+
state = props.state,
|
|
29
|
+
dataId = props.dataId,
|
|
30
|
+
initial = props.initial,
|
|
31
|
+
shape = props.shape,
|
|
32
|
+
needTitle = props.needTitle,
|
|
33
|
+
className = props.className,
|
|
34
|
+
needBorder = props.needBorder,
|
|
35
|
+
palette = props.palette,
|
|
36
|
+
textPalette = props.textPalette,
|
|
37
|
+
customTextClass = props.customTextClass,
|
|
38
|
+
statusTitle = props.statusTitle,
|
|
39
|
+
customProps = props.customProps,
|
|
40
|
+
dataSelectorId = props.dataSelectorId,
|
|
41
|
+
needDefaultBorder = props.needDefaultBorder;
|
|
42
|
+
var _customProps$AvatarSt = customProps.AvatarStatusProps,
|
|
43
|
+
AvatarStatusProps = _customProps$AvatarSt === void 0 ? {} : _customProps$AvatarSt,
|
|
44
|
+
_customProps$AvatarPr = customProps.AvatarProps,
|
|
45
|
+
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
46
|
+
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
47
|
+
className: "".concat(_AvatarStatusModule["default"].container, " ").concat(className, " ")
|
|
48
|
+
}, AvatarStatusProps, {
|
|
49
|
+
tabIndex: "0",
|
|
50
|
+
"aria-label": "".concat(title, ", ").concat(name, ", ").concat(statusTitle),
|
|
51
|
+
"data-selector-id": dataSelectorId
|
|
52
|
+
}), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
|
|
53
|
+
src: src,
|
|
54
|
+
name: name,
|
|
55
|
+
palette: palette,
|
|
56
|
+
textPalette: textPalette,
|
|
57
|
+
customClass: customTextClass,
|
|
58
|
+
title: title,
|
|
59
|
+
onClick: onClick,
|
|
60
|
+
size: size,
|
|
61
|
+
dataId: dataId,
|
|
62
|
+
initial: initial,
|
|
63
|
+
shape: shape,
|
|
64
|
+
needTitle: needTitle,
|
|
65
|
+
needDefaultBorder: needDefaultBorder,
|
|
66
|
+
needBorder: needBorder
|
|
67
|
+
}, AvatarProps)), /*#__PURE__*/_react["default"].createElement("span", {
|
|
68
|
+
"data-title": statusTitle,
|
|
69
|
+
className: "".concat(_AvatarStatusModule["default"].state, " ").concat(_AvatarStatusModule["default"][state], " ").concat(_AvatarStatusModule["default"][size], " ").concat(_AvatarStatusModule["default"][shape])
|
|
70
|
+
}));
|
|
71
|
+
}
|
|
39
72
|
|
|
40
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
-
|
|
42
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
|
-
|
|
44
|
-
var AvatarStatus = /*#__PURE__*/function (_React$Component) {
|
|
45
|
-
_inherits(AvatarStatus, _React$Component);
|
|
46
|
-
|
|
47
|
-
var _super = _createSuper(AvatarStatus);
|
|
48
|
-
|
|
49
|
-
function AvatarStatus(props) {
|
|
50
|
-
_classCallCheck(this, AvatarStatus);
|
|
51
|
-
|
|
52
|
-
return _super.call(this, props);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
_createClass(AvatarStatus, [{
|
|
56
|
-
key: "render",
|
|
57
|
-
value: function render() {
|
|
58
|
-
var _this$props = this.props,
|
|
59
|
-
src = _this$props.src,
|
|
60
|
-
name = _this$props.name,
|
|
61
|
-
size = _this$props.size,
|
|
62
|
-
onClick = _this$props.onClick,
|
|
63
|
-
title = _this$props.title,
|
|
64
|
-
state = _this$props.state,
|
|
65
|
-
dataId = _this$props.dataId,
|
|
66
|
-
initial = _this$props.initial,
|
|
67
|
-
shape = _this$props.shape,
|
|
68
|
-
needTitle = _this$props.needTitle,
|
|
69
|
-
className = _this$props.className,
|
|
70
|
-
needBorder = _this$props.needBorder,
|
|
71
|
-
palette = _this$props.palette,
|
|
72
|
-
textPalette = _this$props.textPalette,
|
|
73
|
-
customTextClass = _this$props.customTextClass,
|
|
74
|
-
statusTitle = _this$props.statusTitle,
|
|
75
|
-
customProps = _this$props.customProps,
|
|
76
|
-
dataSelectorId = _this$props.dataSelectorId,
|
|
77
|
-
needDefaultBorder = _this$props.needDefaultBorder;
|
|
78
|
-
var _customProps$AvatarSt = customProps.AvatarStatusProps,
|
|
79
|
-
AvatarStatusProps = _customProps$AvatarSt === void 0 ? {} : _customProps$AvatarSt,
|
|
80
|
-
_customProps$AvatarPr = customProps.AvatarProps,
|
|
81
|
-
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
82
|
-
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
83
|
-
className: "".concat(_AvatarStatusModule["default"].container, " ").concat(className, " ")
|
|
84
|
-
}, AvatarStatusProps, {
|
|
85
|
-
tabIndex: "0",
|
|
86
|
-
"aria-label": "".concat(title, ", ").concat(name, ", ").concat(statusTitle),
|
|
87
|
-
"data-selector-id": dataSelectorId
|
|
88
|
-
}), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
|
|
89
|
-
src: src,
|
|
90
|
-
name: name,
|
|
91
|
-
palette: palette,
|
|
92
|
-
textPalette: textPalette,
|
|
93
|
-
customClass: customTextClass,
|
|
94
|
-
title: title,
|
|
95
|
-
onClick: onClick,
|
|
96
|
-
size: size,
|
|
97
|
-
dataId: dataId,
|
|
98
|
-
initial: initial,
|
|
99
|
-
shape: shape,
|
|
100
|
-
needTitle: needTitle,
|
|
101
|
-
needDefaultBorder: needDefaultBorder,
|
|
102
|
-
needBorder: needBorder
|
|
103
|
-
}, AvatarProps)), /*#__PURE__*/_react["default"].createElement("span", {
|
|
104
|
-
"data-title": statusTitle,
|
|
105
|
-
className: "".concat(_AvatarStatusModule["default"].state, " ").concat(_AvatarStatusModule["default"][state], " ").concat(_AvatarStatusModule["default"][size], " ").concat(_AvatarStatusModule["default"][shape])
|
|
106
|
-
}));
|
|
107
|
-
}
|
|
108
|
-
}]);
|
|
109
|
-
|
|
110
|
-
return AvatarStatus;
|
|
111
|
-
}(_react["default"].Component);
|
|
112
|
-
|
|
113
|
-
exports["default"] = AvatarStatus;
|
|
114
73
|
AvatarStatus.defaultProps = _defaultProps.defaultProps;
|
|
115
|
-
AvatarStatus.propTypes = _propTypes.propTypes;
|
|
116
|
-
// AvatarStatus.docs = {
|
|
117
|
-
// componentGroup: 'Avatar Group'
|
|
118
|
-
// };
|
|
119
|
-
// }
|
|
74
|
+
AvatarStatus.propTypes = _propTypes.propTypes;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
|
-
exports["default"] =
|
|
6
|
+
exports["default"] = AvatarThread;
|
|
9
7
|
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
@@ -23,108 +21,65 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
23
21
|
|
|
24
22
|
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); }
|
|
25
23
|
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
24
|
+
function AvatarThread(props) {
|
|
25
|
+
var src = props.src,
|
|
26
|
+
name = props.name,
|
|
27
|
+
size = props.size,
|
|
28
|
+
iconColor = props.iconColor,
|
|
29
|
+
iconName = props.iconName,
|
|
30
|
+
iconSize = props.iconSize,
|
|
31
|
+
borderPalette = props.borderPalette,
|
|
32
|
+
onClick = props.onClick,
|
|
33
|
+
title = props.title,
|
|
34
|
+
iconTitle = props.iconTitle,
|
|
35
|
+
onIconClick = props.onIconClick,
|
|
36
|
+
showOnHover = props.showOnHover,
|
|
37
|
+
dataId = props.dataId,
|
|
38
|
+
initial = props.initial,
|
|
39
|
+
needBorder = props.needBorder,
|
|
40
|
+
needBackground = props.needBackground,
|
|
41
|
+
palette = props.palette,
|
|
42
|
+
textPalette = props.textPalette,
|
|
43
|
+
customTextClass = props.customTextClass,
|
|
44
|
+
needTitle = props.needTitle,
|
|
45
|
+
customProps = props.customProps,
|
|
46
|
+
iconClass = props.iconClass,
|
|
47
|
+
getCustomThread = props.getCustomThread,
|
|
48
|
+
dataSelectorId = props.dataSelectorId;
|
|
49
|
+
var _customProps$AvatarTh = customProps.AvatarThreadProps,
|
|
50
|
+
AvatarThreadProps = _customProps$AvatarTh === void 0 ? {} : _customProps$AvatarTh,
|
|
51
|
+
_customProps$AvatarPr = customProps.AvatarProps,
|
|
52
|
+
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
53
|
+
var hoverEffect = showOnHover ? _AvatarThreadModule["default"].hover : '';
|
|
54
|
+
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
55
|
+
className: "".concat(_AvatarThreadModule["default"].container, " ").concat(onClick ? _AvatarThreadModule["default"].pointer : '', " ").concat(hoverEffect),
|
|
56
|
+
"data-selector-id": dataSelectorId
|
|
57
|
+
}, AvatarThreadProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
|
|
58
|
+
initial: initial,
|
|
59
|
+
src: src,
|
|
60
|
+
name: name,
|
|
61
|
+
title: title,
|
|
62
|
+
size: size,
|
|
63
|
+
onClick: onClick,
|
|
64
|
+
dataId: dataId,
|
|
65
|
+
palette: palette,
|
|
66
|
+
textPalette: textPalette,
|
|
67
|
+
customClass: customTextClass,
|
|
68
|
+
needTitle: needTitle
|
|
69
|
+
}, AvatarProps)), (iconName || getCustomThread) && /*#__PURE__*/_react["default"].createElement("span", {
|
|
70
|
+
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)] : ''),
|
|
71
|
+
"data-title": iconTitle,
|
|
72
|
+
"data-id": iconTitle === 'Remove Follower' && 'removeFollower',
|
|
73
|
+
"data-test-id": iconTitle === 'Remove Follower' && 'removeFollower',
|
|
74
|
+
onClick: onIconClick
|
|
75
|
+
}, iconName && /*#__PURE__*/_react["default"].createElement("span", {
|
|
76
|
+
className: _AvatarThreadModule["default"].icon
|
|
77
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
78
|
+
name: iconName,
|
|
79
|
+
size: iconSize,
|
|
80
|
+
iconClass: "".concat(iconClass, "\n ").concat(_AvatarThreadModule["default"]["text_".concat(iconColor)] ? _AvatarThreadModule["default"]["text_".concat(iconColor)] : iconColor)
|
|
81
|
+
})), getCustomThread && getCustomThread()));
|
|
82
|
+
}
|
|
41
83
|
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
45
|
-
|
|
46
|
-
var AvatarThread = /*#__PURE__*/function (_React$Component) {
|
|
47
|
-
_inherits(AvatarThread, _React$Component);
|
|
48
|
-
|
|
49
|
-
var _super = _createSuper(AvatarThread);
|
|
50
|
-
|
|
51
|
-
function AvatarThread() {
|
|
52
|
-
_classCallCheck(this, AvatarThread);
|
|
53
|
-
|
|
54
|
-
return _super.apply(this, arguments);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
_createClass(AvatarThread, [{
|
|
58
|
-
key: "render",
|
|
59
|
-
value: function render() {
|
|
60
|
-
var _this$props = this.props,
|
|
61
|
-
src = _this$props.src,
|
|
62
|
-
name = _this$props.name,
|
|
63
|
-
size = _this$props.size,
|
|
64
|
-
iconColor = _this$props.iconColor,
|
|
65
|
-
iconName = _this$props.iconName,
|
|
66
|
-
iconSize = _this$props.iconSize,
|
|
67
|
-
borderPalette = _this$props.borderPalette,
|
|
68
|
-
onClick = _this$props.onClick,
|
|
69
|
-
title = _this$props.title,
|
|
70
|
-
iconTitle = _this$props.iconTitle,
|
|
71
|
-
onIconClick = _this$props.onIconClick,
|
|
72
|
-
showOnHover = _this$props.showOnHover,
|
|
73
|
-
dataId = _this$props.dataId,
|
|
74
|
-
initial = _this$props.initial,
|
|
75
|
-
needBorder = _this$props.needBorder,
|
|
76
|
-
needBackground = _this$props.needBackground,
|
|
77
|
-
palette = _this$props.palette,
|
|
78
|
-
textPalette = _this$props.textPalette,
|
|
79
|
-
customTextClass = _this$props.customTextClass,
|
|
80
|
-
needTitle = _this$props.needTitle,
|
|
81
|
-
customProps = _this$props.customProps,
|
|
82
|
-
iconClass = _this$props.iconClass,
|
|
83
|
-
getCustomThread = _this$props.getCustomThread,
|
|
84
|
-
dataSelectorId = _this$props.dataSelectorId;
|
|
85
|
-
var _customProps$AvatarTh = customProps.AvatarThreadProps,
|
|
86
|
-
AvatarThreadProps = _customProps$AvatarTh === void 0 ? {} : _customProps$AvatarTh,
|
|
87
|
-
_customProps$AvatarPr = customProps.AvatarProps,
|
|
88
|
-
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
89
|
-
var hoverEffect = showOnHover ? _AvatarThreadModule["default"].hover : '';
|
|
90
|
-
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
91
|
-
className: "".concat(_AvatarThreadModule["default"].container, " ").concat(onClick ? _AvatarThreadModule["default"].pointer : '', " ").concat(hoverEffect),
|
|
92
|
-
"data-selector-id": dataSelectorId
|
|
93
|
-
}, AvatarThreadProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
|
|
94
|
-
initial: initial,
|
|
95
|
-
src: src,
|
|
96
|
-
name: name,
|
|
97
|
-
title: title,
|
|
98
|
-
size: size,
|
|
99
|
-
onClick: onClick,
|
|
100
|
-
dataId: dataId,
|
|
101
|
-
palette: palette,
|
|
102
|
-
textPalette: textPalette,
|
|
103
|
-
customClass: customTextClass,
|
|
104
|
-
needTitle: needTitle
|
|
105
|
-
}, AvatarProps)), (iconName || getCustomThread) && /*#__PURE__*/_react["default"].createElement("span", {
|
|
106
|
-
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)] : ''),
|
|
107
|
-
"data-title": iconTitle,
|
|
108
|
-
"data-id": iconTitle === 'Remove Follower' && 'removeFollower',
|
|
109
|
-
"data-test-id": iconTitle === 'Remove Follower' && 'removeFollower',
|
|
110
|
-
onClick: onIconClick
|
|
111
|
-
}, iconName && /*#__PURE__*/_react["default"].createElement("span", {
|
|
112
|
-
className: _AvatarThreadModule["default"].icon
|
|
113
|
-
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
114
|
-
name: iconName,
|
|
115
|
-
size: iconSize,
|
|
116
|
-
iconClass: "".concat(iconClass, "\n ").concat(_AvatarThreadModule["default"]["text_".concat(iconColor)] ? _AvatarThreadModule["default"]["text_".concat(iconColor)] : iconColor)
|
|
117
|
-
})), getCustomThread && getCustomThread()));
|
|
118
|
-
}
|
|
119
|
-
}]);
|
|
120
|
-
|
|
121
|
-
return AvatarThread;
|
|
122
|
-
}(_react["default"].Component);
|
|
123
|
-
|
|
124
|
-
exports["default"] = AvatarThread;
|
|
125
84
|
AvatarThread.defaultProps = _defaultProps.defaultProps;
|
|
126
|
-
AvatarThread.propTypes = _propTypes.propTypes;
|
|
127
|
-
// AvatarThread.docs = {
|
|
128
|
-
// componentGroup: 'Avatar Group'
|
|
129
|
-
// };
|
|
130
|
-
// }
|
|
85
|
+
AvatarThread.propTypes = _propTypes.propTypes;
|