@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"] = PlusIcon;
|
|
9
7
|
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
@@ -19,73 +17,29 @@ var _AvatarIcon = _interopRequireDefault(require("../avatar/AvatarIcon/AvatarIco
|
|
|
19
17
|
|
|
20
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
19
|
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
20
|
+
function PlusIcon(props) {
|
|
21
|
+
var dataId = props.dataId,
|
|
22
|
+
iconName = props.iconName,
|
|
23
|
+
iconClass = props.iconClass,
|
|
24
|
+
iconSize = props.iconSize,
|
|
25
|
+
size = props.size,
|
|
26
|
+
onClick = props.onClick,
|
|
27
|
+
title = props.title,
|
|
28
|
+
customClass = props.customClass;
|
|
29
|
+
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
30
|
+
className: _PlusIconModule["default"].container,
|
|
31
|
+
onClick: onClick,
|
|
32
|
+
"data-id": dataId,
|
|
33
|
+
"data-test-id": dataId,
|
|
34
|
+
"data-title": title
|
|
35
|
+
}, /*#__PURE__*/_react["default"].createElement(_AvatarIcon["default"], {
|
|
36
|
+
name: iconName,
|
|
37
|
+
iconClass: "".concat(iconClass, " ").concat(_PlusIconModule["default"].icon),
|
|
38
|
+
iconSize: iconSize,
|
|
39
|
+
size: size,
|
|
40
|
+
className: "".concat(customClass, " ").concat(_PlusIconModule["default"].plusIcon)
|
|
41
|
+
}));
|
|
42
|
+
}
|
|
37
43
|
|
|
38
|
-
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; } }
|
|
39
|
-
|
|
40
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
41
|
-
|
|
42
|
-
var PlusIcon = /*#__PURE__*/function (_React$Component) {
|
|
43
|
-
_inherits(PlusIcon, _React$Component);
|
|
44
|
-
|
|
45
|
-
var _super = _createSuper(PlusIcon);
|
|
46
|
-
|
|
47
|
-
function PlusIcon(props) {
|
|
48
|
-
_classCallCheck(this, PlusIcon);
|
|
49
|
-
|
|
50
|
-
return _super.call(this, props);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
_createClass(PlusIcon, [{
|
|
54
|
-
key: "render",
|
|
55
|
-
value: function render() {
|
|
56
|
-
var _this$props = this.props,
|
|
57
|
-
dataId = _this$props.dataId,
|
|
58
|
-
iconName = _this$props.iconName,
|
|
59
|
-
iconClass = _this$props.iconClass,
|
|
60
|
-
iconSize = _this$props.iconSize,
|
|
61
|
-
size = _this$props.size,
|
|
62
|
-
onClick = _this$props.onClick,
|
|
63
|
-
title = _this$props.title,
|
|
64
|
-
customClass = _this$props.customClass;
|
|
65
|
-
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
66
|
-
className: _PlusIconModule["default"].container,
|
|
67
|
-
onClick: onClick,
|
|
68
|
-
"data-id": dataId,
|
|
69
|
-
"data-test-id": dataId,
|
|
70
|
-
"data-title": title
|
|
71
|
-
}, /*#__PURE__*/_react["default"].createElement(_AvatarIcon["default"], {
|
|
72
|
-
name: iconName,
|
|
73
|
-
iconClass: "".concat(iconClass, " ").concat(_PlusIconModule["default"].icon),
|
|
74
|
-
iconSize: iconSize,
|
|
75
|
-
size: size,
|
|
76
|
-
className: "".concat(customClass, " ").concat(_PlusIconModule["default"].plusIcon)
|
|
77
|
-
}));
|
|
78
|
-
}
|
|
79
|
-
}]);
|
|
80
|
-
|
|
81
|
-
return PlusIcon;
|
|
82
|
-
}(_react["default"].Component);
|
|
83
|
-
|
|
84
|
-
exports["default"] = PlusIcon;
|
|
85
44
|
PlusIcon.defaultProps = _defaultProps.defaultProps;
|
|
86
|
-
PlusIcon.propTypes = _propTypes.propTypes;
|
|
87
|
-
// PlusIcon.docs = {
|
|
88
|
-
// componentGroup: 'Common',
|
|
89
|
-
// folderName: 'Ticket DetailView'
|
|
90
|
-
// };
|
|
91
|
-
// }
|
|
45
|
+
PlusIcon.propTypes = _propTypes.propTypes;
|
|
@@ -23,9 +23,9 @@ var _utils = require("@zohodesk/utils");
|
|
|
23
23
|
|
|
24
24
|
var _useDragger = _interopRequireDefault(require("../../../Hooks/Dragger/useDragger"));
|
|
25
25
|
|
|
26
|
-
var _defaultProps = _interopRequireDefault(require("
|
|
26
|
+
var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
|
|
27
27
|
|
|
28
|
-
var _propTypes = _interopRequireDefault(require("
|
|
28
|
+
var _propTypes = _interopRequireDefault(require("./props/propTypes"));
|
|
29
29
|
|
|
30
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
31
|
|
|
@@ -48,7 +48,8 @@ function AlertHeader(props) {
|
|
|
48
48
|
type = props.type,
|
|
49
49
|
htmlId = props.htmlId,
|
|
50
50
|
customStyle = props.customStyle,
|
|
51
|
-
dragBoundaryLimit = props.dragBoundaryLimit
|
|
51
|
+
dragBoundaryLimit = props.dragBoundaryLimit,
|
|
52
|
+
renderAlertIcon = props.renderAlertIcon;
|
|
52
53
|
var finalStyle = (0, _utils.mergeStyle)(_AlertHeaderNewModule["default"], customStyle);
|
|
53
54
|
|
|
54
55
|
var _cssJSLogic = (0, _cssJSLogic2["default"])({
|
|
@@ -75,7 +76,7 @@ function AlertHeader(props) {
|
|
|
75
76
|
eleRef: dragRef
|
|
76
77
|
}, needIcon && /*#__PURE__*/_react["default"].createElement("div", {
|
|
77
78
|
className: finalStyle.iconContainer
|
|
78
|
-
}, /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
|
|
79
|
+
}, renderAlertIcon ? renderAlertIcon() : /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
|
|
79
80
|
type: type
|
|
80
81
|
})), (title || children) && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
81
82
|
flexible: true
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _default = {
|
|
8
|
+
needIcon: true,
|
|
9
|
+
type: 'danger',
|
|
10
|
+
breakChildren: false,
|
|
11
|
+
dataId: 'alertHeader',
|
|
12
|
+
dragBoundaryLimit: {
|
|
13
|
+
top: 0,
|
|
14
|
+
left: 50,
|
|
15
|
+
right: 50,
|
|
16
|
+
bottom: 50
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var _default = {
|
|
13
|
+
breakChildren: _propTypes["default"].bool,
|
|
14
|
+
children: _propTypes["default"].node,
|
|
15
|
+
closeTitle: _propTypes["default"].string,
|
|
16
|
+
dataId: _propTypes["default"].string,
|
|
17
|
+
needIcon: _propTypes["default"].bool,
|
|
18
|
+
onClose: _propTypes["default"].func,
|
|
19
|
+
title: _propTypes["default"].string,
|
|
20
|
+
type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
|
|
21
|
+
htmlId: _propTypes["default"].string,
|
|
22
|
+
customStyle: _propTypes["default"].object,
|
|
23
|
+
dragBoundaryLimit: _propTypes["default"].shape({
|
|
24
|
+
top: _propTypes["default"].number,
|
|
25
|
+
left: _propTypes["default"].number,
|
|
26
|
+
right: _propTypes["default"].number,
|
|
27
|
+
bottom: _propTypes["default"].number
|
|
28
|
+
}),
|
|
29
|
+
renderAlertIcon: _propTypes["default"].func
|
|
30
|
+
};
|
|
31
|
+
exports["default"] = _default;
|
|
@@ -7,9 +7,9 @@ exports["default"] = AlertLookup;
|
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
|
-
var _defaultProps = require("
|
|
10
|
+
var _defaultProps = require("./props/defaultProps");
|
|
11
11
|
|
|
12
|
-
var _propTypes = require("
|
|
12
|
+
var _propTypes = require("./props/propTypes");
|
|
13
13
|
|
|
14
14
|
var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
|
|
15
15
|
|
|
@@ -82,7 +82,8 @@ function AlertLookup(props) {
|
|
|
82
82
|
isHtmlContent = props.isHtmlContent,
|
|
83
83
|
scroll = props.scroll,
|
|
84
84
|
isDefaultFocus = props.isDefaultFocus,
|
|
85
|
-
onEsc = props.onEsc
|
|
85
|
+
onEsc = props.onEsc,
|
|
86
|
+
renderAlertIcon = props.renderAlertIcon;
|
|
86
87
|
var _customProps$LookupPr = customProps.LookupProps,
|
|
87
88
|
LookupProps = _customProps$LookupPr === void 0 ? {} : _customProps$LookupPr,
|
|
88
89
|
_customProps$AlertHea = customProps.AlertHeaderProps,
|
|
@@ -135,7 +136,8 @@ function AlertLookup(props) {
|
|
|
135
136
|
type: type,
|
|
136
137
|
needIcon: needIcon,
|
|
137
138
|
onClose: onClose,
|
|
138
|
-
breakChildren: wrapHeader
|
|
139
|
+
breakChildren: wrapHeader,
|
|
140
|
+
renderAlertIcon: renderAlertIcon
|
|
139
141
|
}, AlertHeaderProps), headerChildren ? headerChildren() : null)), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
140
142
|
flexible: true
|
|
141
143
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultProps = void 0;
|
|
7
|
+
var defaultProps = {
|
|
8
|
+
isActive: false,
|
|
9
|
+
size: 'small',
|
|
10
|
+
wrapHeader: false,
|
|
11
|
+
dataId: 'alertPopup',
|
|
12
|
+
isDefaultFocus: true,
|
|
13
|
+
customProps: {},
|
|
14
|
+
align: 'top',
|
|
15
|
+
childAnimationName: 'flyDown',
|
|
16
|
+
isHtmlContent: false,
|
|
17
|
+
scroll: '',
|
|
18
|
+
onEsc: 'cancel'
|
|
19
|
+
};
|
|
20
|
+
exports.defaultProps = defaultProps;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.propTypes = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var propTypes = {
|
|
13
|
+
cancelText: _propTypes["default"].string,
|
|
14
|
+
children: _propTypes["default"].node,
|
|
15
|
+
confirmationMessage: _propTypes["default"].string,
|
|
16
|
+
customClass: _propTypes["default"].object,
|
|
17
|
+
dataId: _propTypes["default"].string,
|
|
18
|
+
forwardRef: _propTypes["default"].object,
|
|
19
|
+
headerChildren: _propTypes["default"].func,
|
|
20
|
+
isActive: _propTypes["default"].bool,
|
|
21
|
+
isDefaultFocus: _propTypes["default"].bool,
|
|
22
|
+
message: _propTypes["default"].node,
|
|
23
|
+
needIcon: _propTypes["default"].bool,
|
|
24
|
+
onCancelClick: _propTypes["default"].func,
|
|
25
|
+
onClose: _propTypes["default"].func,
|
|
26
|
+
onLookupClick: _propTypes["default"].func,
|
|
27
|
+
onSubmitClick: _propTypes["default"].func,
|
|
28
|
+
size: _propTypes["default"].oneOf(['small', 'xmedium', 'medium']),
|
|
29
|
+
submitText: _propTypes["default"].string,
|
|
30
|
+
title: _propTypes["default"].string,
|
|
31
|
+
type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
|
|
32
|
+
wrapHeader: _propTypes["default"].bool,
|
|
33
|
+
a11y: _propTypes["default"].object,
|
|
34
|
+
customProps: _propTypes["default"].shape({
|
|
35
|
+
LookupProps: _propTypes["default"].object,
|
|
36
|
+
AlertHeaderProps: _propTypes["default"].object,
|
|
37
|
+
PrimaryButtonProps: _propTypes["default"].object,
|
|
38
|
+
SecondaryButtonProps: _propTypes["default"].object
|
|
39
|
+
}),
|
|
40
|
+
align: _propTypes["default"].oneOf(['top', 'vertical']),
|
|
41
|
+
childAnimationName: _propTypes["default"].oneOf(['expand', 'flyDown']),
|
|
42
|
+
isHtmlContent: _propTypes["default"].bool,
|
|
43
|
+
scroll: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both']),
|
|
44
|
+
onEsc: _propTypes["default"].oneOf(['close', 'cancel']),
|
|
45
|
+
renderAlertIcon: _propTypes["default"].func
|
|
46
|
+
};
|
|
47
|
+
exports.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"] = AvatarClose;
|
|
9
7
|
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
@@ -23,79 +21,36 @@ 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 AvatarClose(props) {
|
|
25
|
+
var title = props.title,
|
|
26
|
+
src = props.src,
|
|
27
|
+
name = props.name,
|
|
28
|
+
size = props.size,
|
|
29
|
+
isClose = props.isClose,
|
|
30
|
+
onClick = props.onClick,
|
|
31
|
+
customProps = props.customProps,
|
|
32
|
+
dataSelectorId = props.dataSelectorId;
|
|
33
|
+
var _customProps$AvatarCl = customProps.AvatarCloseProps,
|
|
34
|
+
AvatarCloseProps = _customProps$AvatarCl === void 0 ? {} : _customProps$AvatarCl,
|
|
35
|
+
_customProps$AvatarPr = customProps.AvatarProps,
|
|
36
|
+
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
37
|
+
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
38
|
+
className: _AvatarCloseModule["default"].container,
|
|
39
|
+
"data-selector-id": dataSelectorId
|
|
40
|
+
}, AvatarCloseProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
|
|
41
|
+
src: src,
|
|
42
|
+
name: name,
|
|
43
|
+
title: title,
|
|
44
|
+
size: size
|
|
45
|
+
}, AvatarProps)), isClose && /*#__PURE__*/_react["default"].createElement("span", {
|
|
46
|
+
className: _AvatarCloseModule["default"].pop,
|
|
47
|
+
onClick: onClick
|
|
48
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
49
|
+
className: _AvatarCloseModule["default"].icon
|
|
50
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
51
|
+
name: "ZD-plus"
|
|
52
|
+
}))));
|
|
53
|
+
}
|
|
41
54
|
|
|
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 AvatarClose = /*#__PURE__*/function (_React$Component) {
|
|
47
|
-
_inherits(AvatarClose, _React$Component);
|
|
48
|
-
|
|
49
|
-
var _super = _createSuper(AvatarClose);
|
|
50
|
-
|
|
51
|
-
function AvatarClose(props) {
|
|
52
|
-
_classCallCheck(this, AvatarClose);
|
|
53
|
-
|
|
54
|
-
return _super.call(this, props);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
_createClass(AvatarClose, [{
|
|
58
|
-
key: "render",
|
|
59
|
-
value: function render() {
|
|
60
|
-
var _this$props = this.props,
|
|
61
|
-
title = _this$props.title,
|
|
62
|
-
src = _this$props.src,
|
|
63
|
-
name = _this$props.name,
|
|
64
|
-
size = _this$props.size,
|
|
65
|
-
isClose = _this$props.isClose,
|
|
66
|
-
onClick = _this$props.onClick,
|
|
67
|
-
customProps = _this$props.customProps,
|
|
68
|
-
dataSelectorId = _this$props.dataSelectorId;
|
|
69
|
-
var _customProps$AvatarCl = customProps.AvatarCloseProps,
|
|
70
|
-
AvatarCloseProps = _customProps$AvatarCl === void 0 ? {} : _customProps$AvatarCl,
|
|
71
|
-
_customProps$AvatarPr = customProps.AvatarProps,
|
|
72
|
-
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
73
|
-
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
74
|
-
className: _AvatarCloseModule["default"].container,
|
|
75
|
-
"data-selector-id": dataSelectorId
|
|
76
|
-
}, AvatarCloseProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
|
|
77
|
-
src: src,
|
|
78
|
-
name: name,
|
|
79
|
-
title: title,
|
|
80
|
-
size: size
|
|
81
|
-
}, AvatarProps)), isClose && /*#__PURE__*/_react["default"].createElement("span", {
|
|
82
|
-
className: _AvatarCloseModule["default"].pop,
|
|
83
|
-
onClick: onClick
|
|
84
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
85
|
-
className: _AvatarCloseModule["default"].icon
|
|
86
|
-
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
87
|
-
name: "ZD-plus"
|
|
88
|
-
}))));
|
|
89
|
-
}
|
|
90
|
-
}]);
|
|
91
|
-
|
|
92
|
-
return AvatarClose;
|
|
93
|
-
}(_react["default"].Component);
|
|
94
|
-
|
|
95
|
-
exports["default"] = AvatarClose;
|
|
96
55
|
AvatarClose.propTypes = _propTypes.propTypes;
|
|
97
|
-
AvatarClose.defaultProps = _defaultProps.defaultProps;
|
|
98
|
-
// AvatarClose.docs = {
|
|
99
|
-
// componentGroup: 'Avatar Group'
|
|
100
|
-
// };
|
|
101
|
-
// }
|
|
56
|
+
AvatarClose.defaultProps = _defaultProps.defaultProps;
|
|
@@ -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"] = AvatarCollision;
|
|
9
7
|
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
@@ -23,88 +21,45 @@ 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 AvatarCollision(props) {
|
|
25
|
+
var title = props.title,
|
|
26
|
+
src = props.src,
|
|
27
|
+
name = props.name,
|
|
28
|
+
size = props.size,
|
|
29
|
+
onClick = props.onClick,
|
|
30
|
+
needCreateChat = props.needCreateChat,
|
|
31
|
+
isLeft = props.isLeft,
|
|
32
|
+
isIdle = props.isIdle,
|
|
33
|
+
initial = props.initial,
|
|
34
|
+
customProps = props.customProps,
|
|
35
|
+
dataSelectorId = props.dataSelectorId;
|
|
36
|
+
var _customProps$AvatarCo = customProps.AvatarCollisionProps,
|
|
37
|
+
AvatarCollisionProps = _customProps$AvatarCo === void 0 ? {} : _customProps$AvatarCo,
|
|
38
|
+
_customProps$AvatarPr = customProps.AvatarProps,
|
|
39
|
+
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
40
|
+
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
41
|
+
className: "".concat(_AvatarCollisionModule["default"].container, " ").concat(isLeft ? _AvatarCollisionModule["default"].off : isIdle ? _AvatarCollisionModule["default"].idle : _AvatarCollisionModule["default"].on),
|
|
42
|
+
onClick: onClick,
|
|
43
|
+
"data-id": "collsionPop",
|
|
44
|
+
"data-test-id": "collsionPop",
|
|
45
|
+
"data-title": title,
|
|
46
|
+
"data-selector-id": dataSelectorId
|
|
47
|
+
}, AvatarCollisionProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
|
|
48
|
+
src: src,
|
|
49
|
+
name: name,
|
|
50
|
+
size: size,
|
|
51
|
+
palette: "default",
|
|
52
|
+
needTitle: false,
|
|
53
|
+
initial: initial
|
|
54
|
+
}, AvatarProps)), needCreateChat && !isLeft && /*#__PURE__*/_react["default"].createElement("span", {
|
|
55
|
+
className: _AvatarCollisionModule["default"].pop,
|
|
56
|
+
"data-title": title
|
|
57
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
58
|
+
className: _AvatarCollisionModule["default"].icon
|
|
59
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
60
|
+
name: "ZD-livechat3"
|
|
61
|
+
}))));
|
|
62
|
+
}
|
|
41
63
|
|
|
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 AvatarCollision = /*#__PURE__*/function (_React$Component) {
|
|
47
|
-
_inherits(AvatarCollision, _React$Component);
|
|
48
|
-
|
|
49
|
-
var _super = _createSuper(AvatarCollision);
|
|
50
|
-
|
|
51
|
-
function AvatarCollision(props) {
|
|
52
|
-
_classCallCheck(this, AvatarCollision);
|
|
53
|
-
|
|
54
|
-
return _super.call(this, props);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
_createClass(AvatarCollision, [{
|
|
58
|
-
key: "render",
|
|
59
|
-
value: function render() {
|
|
60
|
-
var _this$props = this.props,
|
|
61
|
-
title = _this$props.title,
|
|
62
|
-
src = _this$props.src,
|
|
63
|
-
name = _this$props.name,
|
|
64
|
-
size = _this$props.size,
|
|
65
|
-
onClick = _this$props.onClick,
|
|
66
|
-
needCreateChat = _this$props.needCreateChat,
|
|
67
|
-
isLeft = _this$props.isLeft,
|
|
68
|
-
isIdle = _this$props.isIdle,
|
|
69
|
-
initial = _this$props.initial,
|
|
70
|
-
customProps = _this$props.customProps,
|
|
71
|
-
dataSelectorId = _this$props.dataSelectorId;
|
|
72
|
-
var _customProps$AvatarCo = customProps.AvatarCollisionProps,
|
|
73
|
-
AvatarCollisionProps = _customProps$AvatarCo === void 0 ? {} : _customProps$AvatarCo,
|
|
74
|
-
_customProps$AvatarPr = customProps.AvatarProps,
|
|
75
|
-
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
76
|
-
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
77
|
-
className: "".concat(_AvatarCollisionModule["default"].container, " ").concat(isLeft ? _AvatarCollisionModule["default"].off : isIdle ? _AvatarCollisionModule["default"].idle : _AvatarCollisionModule["default"].on),
|
|
78
|
-
onClick: onClick,
|
|
79
|
-
"data-id": "collsionPop",
|
|
80
|
-
"data-test-id": "collsionPop",
|
|
81
|
-
"data-title": title,
|
|
82
|
-
"data-selector-id": dataSelectorId
|
|
83
|
-
}, AvatarCollisionProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
|
|
84
|
-
src: src,
|
|
85
|
-
name: name,
|
|
86
|
-
size: size,
|
|
87
|
-
palette: "default",
|
|
88
|
-
needTitle: false,
|
|
89
|
-
initial: initial
|
|
90
|
-
}, AvatarProps)), needCreateChat && !isLeft && /*#__PURE__*/_react["default"].createElement("span", {
|
|
91
|
-
className: _AvatarCollisionModule["default"].pop,
|
|
92
|
-
"data-title": title
|
|
93
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
94
|
-
className: _AvatarCollisionModule["default"].icon
|
|
95
|
-
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
96
|
-
name: "ZD-livechat3"
|
|
97
|
-
}))));
|
|
98
|
-
}
|
|
99
|
-
}]);
|
|
100
|
-
|
|
101
|
-
return AvatarCollision;
|
|
102
|
-
}(_react["default"].Component);
|
|
103
|
-
|
|
104
|
-
exports["default"] = AvatarCollision;
|
|
105
64
|
AvatarCollision.propTypes = _propTypes.propTypes;
|
|
106
|
-
AvatarCollision.defaultProps = _defaultProps.defaultProps;
|
|
107
|
-
// AvatarCollision.docs = {
|
|
108
|
-
// componentGroup: 'Avatar Group'
|
|
109
|
-
// };
|
|
110
|
-
// }
|
|
65
|
+
AvatarCollision.defaultProps = _defaultProps.defaultProps;
|