@zohodesk/dot 1.0.0-beta.179 → 1.0.0-beta.182
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/README.md +12 -0
- package/es/ExternalLink/ExternalLink.js +10 -5
- package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -1
- package/es/Link/Link.js +7 -4
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +14 -6
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -4
- package/es/list/Icons/AddNewIcon.js +1 -1
- package/es/list/Icons/CompleteIcon.js +1 -1
- package/es/list/Icons/DeleteIcon.js +1 -1
- package/es/list/Icons/EditIcon.js +1 -1
- package/es/list/Icons/ReadUnreadIcon.js +4 -2
- package/es/list/Icons/SmartIcon.js +1 -1
- package/es/list/SecondaryText/AccountName.js +23 -9
- package/es/list/SecondaryText/ContactName.js +18 -6
- package/es/list/SecondaryText/Email.js +19 -7
- package/es/list/SecondaryText/PhoneNumber.js +19 -7
- package/es/list/SecondaryText/TicketId.js +18 -6
- package/es/list/Subject/Subject.js +18 -6
- package/es/list/status/StatusListItem/StatusListItem.js +0 -2
- package/es/utils/General.js +0 -1
- package/es/utils/KeyboardApi.js +3 -1
- package/es/utils/editorUtils.js +0 -1
- package/lib/Drawer/Drawer.js +1 -1
- package/lib/ExternalLink/ExternalLink.js +10 -5
- package/lib/FormAction/FormAction.js +1 -1
- package/lib/Link/Link.js +7 -4
- package/lib/Message/Message.js +1 -1
- package/lib/docs/formDocs.js +52 -52
- package/lib/docs/generalDocs.js +250 -250
- package/lib/docs/lookupDocs.js +70 -70
- package/lib/docs/setupDocs.js +32 -32
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -4
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -2
- package/lib/index.js +4 -4
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
- package/lib/layout/SetupDetailLayout/index.js +6 -6
- package/lib/layout/SubtabLayout/SubtabLayout.js +1 -1
- package/lib/layout/SubtabLayout/index.js +8 -8
- package/lib/list/Icons/AddNewIcon.js +1 -1
- package/lib/list/Icons/CompleteIcon.js +1 -1
- package/lib/list/Icons/DeleteIcon.js +1 -1
- package/lib/list/Icons/EditIcon.js +1 -1
- package/lib/list/Icons/ReadUnreadIcon.js +4 -2
- package/lib/list/Icons/SmartIcon.js +1 -1
- package/lib/list/ListLayout/ListLayout.js +1 -1
- package/lib/list/SecondaryText/AccountName.js +24 -9
- package/lib/list/SecondaryText/ContactName.js +18 -6
- package/lib/list/SecondaryText/Email.js +19 -7
- package/lib/list/SecondaryText/PhoneNumber.js +19 -7
- package/lib/list/SecondaryText/TicketId.js +18 -6
- package/lib/list/SecondaryText/index.js +22 -22
- package/lib/list/SecondryPanel/SecondryPanel.js +1 -1
- package/lib/list/Subject/Subject.js +18 -6
- package/lib/utils/ChannelIconMapping.js +1 -1
- package/lib/utils/General.js +3 -3
- package/lib/utils/KeyboardApi.js +3 -1
- package/lib/utils/editorUtils.js +6 -6
- package/lib/version2/GlobalNotification/GlobalNotification.js +1 -1
- package/package.json +5 -5
- package/src/ExternalLink/ExternalLink.js +8 -3
- package/src/Link/Link.js +7 -3
- package/src/form/fields/TagsMultiSelect/TagsMultiSelect.js +11 -4
- package/src/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -2
- package/src/list/Icons/AddNewIcon.js +1 -1
- package/src/list/Icons/CompleteIcon.js +1 -1
- package/src/list/Icons/DeleteIcon.js +1 -1
- package/src/list/Icons/EditIcon.js +1 -1
- package/src/list/Icons/ReadUnreadIcon.js +5 -4
- package/src/list/Icons/SmartIcon.js +1 -1
- package/src/list/SecondaryText/AccountName.js +13 -3
- package/src/list/SecondaryText/ContactName.js +11 -2
- package/src/list/SecondaryText/Email.js +12 -3
- package/src/list/SecondaryText/PhoneNumber.js +12 -3
- package/src/list/SecondaryText/TicketId.js +12 -3
- package/src/list/Subject/Subject.js +12 -4
package/README.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
In this Library we Provide Some Basic Components to Build Your Application
|
|
4
4
|
|
|
5
|
+
# 1.0.0-beta.182
|
|
6
|
+
|
|
7
|
+
- ExternalLink, Link, AccountName, ContactName, SecondaryText/Email, SecondaryText/PhoneNumber, SecondaryText/TicketId, Subject => **customProps** prop added
|
|
8
|
+
|
|
9
|
+
# 1.0.0-beta.181
|
|
10
|
+
|
|
11
|
+
- ReadUnReadIcon => icon Name fix
|
|
12
|
+
# 1.0.0-beta.180
|
|
13
|
+
|
|
14
|
+
- TagsMultiSelect => scrollTop Issue Solved
|
|
15
|
+
- TagsMultiSelectField => keyPress index fixed
|
|
16
|
+
|
|
5
17
|
# 1.0.0-beta.179
|
|
6
18
|
|
|
7
19
|
- ToggleDropDown => selectedId fix while opening the dropdown.
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
2
|
+
|
|
1
3
|
/**** Libraries ****/
|
|
2
4
|
import React from 'react';
|
|
3
5
|
import PropTypes from 'prop-types';
|
|
@@ -24,10 +26,11 @@ export default class ExternalLink extends React.Component {
|
|
|
24
26
|
children,
|
|
25
27
|
rel,
|
|
26
28
|
dataId,
|
|
27
|
-
onClick
|
|
29
|
+
onClick,
|
|
30
|
+
customProps
|
|
28
31
|
} = this.props;
|
|
29
32
|
const urlOutput = href && typeof href !== 'boolean' ? this.addHttp(String(href)) : 'javascript:void(0);';
|
|
30
|
-
return /*#__PURE__*/React.createElement("a", {
|
|
33
|
+
return /*#__PURE__*/React.createElement("a", _extends({
|
|
31
34
|
href: urlOutput,
|
|
32
35
|
target: target,
|
|
33
36
|
className: `${style.link} ${className ? className : ''}`,
|
|
@@ -35,13 +38,14 @@ export default class ExternalLink extends React.Component {
|
|
|
35
38
|
rel: rel,
|
|
36
39
|
"data-id": dataId,
|
|
37
40
|
onClick: onClick
|
|
38
|
-
}, children);
|
|
41
|
+
}, customProps), children);
|
|
39
42
|
}
|
|
40
43
|
|
|
41
44
|
}
|
|
42
45
|
ExternalLink.defaultProps = {
|
|
43
46
|
rel: 'noopener noreferrer',
|
|
44
|
-
target: '_blank'
|
|
47
|
+
target: '_blank',
|
|
48
|
+
customProps: {}
|
|
45
49
|
};
|
|
46
50
|
ExternalLink.propTypes = {
|
|
47
51
|
children: PropTypes.node,
|
|
@@ -51,7 +55,8 @@ ExternalLink.propTypes = {
|
|
|
51
55
|
rel: PropTypes.string,
|
|
52
56
|
target: PropTypes.oneOf(['_blank', '_self']),
|
|
53
57
|
title: PropTypes.string,
|
|
54
|
-
onClick: PropTypes.func
|
|
58
|
+
onClick: PropTypes.func,
|
|
59
|
+
customProps: PropTypes.object
|
|
55
60
|
};
|
|
56
61
|
|
|
57
62
|
if (false) {
|
package/es/Link/Link.js
CHANGED
|
@@ -57,7 +57,8 @@ export default class Link extends React.Component {
|
|
|
57
57
|
title,
|
|
58
58
|
download,
|
|
59
59
|
rel,
|
|
60
|
-
dataId
|
|
60
|
+
dataId,
|
|
61
|
+
customProps
|
|
61
62
|
} = this.props;
|
|
62
63
|
let {
|
|
63
64
|
isLink,
|
|
@@ -86,14 +87,15 @@ export default class Link extends React.Component {
|
|
|
86
87
|
"data-id": dataId
|
|
87
88
|
}, others, {
|
|
88
89
|
onClick: this.onCallBack.bind(this, urlOutput, href)
|
|
89
|
-
}), children);
|
|
90
|
+
}, customProps), children);
|
|
90
91
|
}
|
|
91
92
|
|
|
92
93
|
}
|
|
93
94
|
Link.contextType = LinkContext;
|
|
94
95
|
Link.defaultProps = {
|
|
95
96
|
rel: 'noopener noreferrer',
|
|
96
|
-
hasReload: false
|
|
97
|
+
hasReload: false,
|
|
98
|
+
customProps: {}
|
|
97
99
|
};
|
|
98
100
|
Link.propTypes = {
|
|
99
101
|
children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
@@ -105,7 +107,8 @@ Link.propTypes = {
|
|
|
105
107
|
target: PropTypes.oneOf(['_blank', '_self']),
|
|
106
108
|
title: PropTypes.string,
|
|
107
109
|
urlData: PropTypes.object,
|
|
108
|
-
urlName: PropTypes.string
|
|
110
|
+
urlName: PropTypes.string,
|
|
111
|
+
customProps: PropTypes.object
|
|
109
112
|
};
|
|
110
113
|
|
|
111
114
|
if (false) {
|
|
@@ -30,11 +30,17 @@ export default class TagsMultiSelect extends React.Component {
|
|
|
30
30
|
let {
|
|
31
31
|
onScroll,
|
|
32
32
|
name,
|
|
33
|
-
noMoreData
|
|
33
|
+
noMoreData,
|
|
34
|
+
searchList
|
|
34
35
|
} = this.props;
|
|
36
|
+
let {
|
|
37
|
+
containerRef
|
|
38
|
+
} = this;
|
|
35
39
|
|
|
36
40
|
if (findScrollEnd(this.containerRef) && !noMoreData) {
|
|
37
41
|
onScroll(name);
|
|
42
|
+
let selectItemRef = this[`selectedList_${searchList.length - 1}`];
|
|
43
|
+
scrollTo(containerRef, selectItemRef);
|
|
38
44
|
}
|
|
39
45
|
}
|
|
40
46
|
|
|
@@ -60,11 +66,13 @@ export default class TagsMultiSelect extends React.Component {
|
|
|
60
66
|
}, 300);
|
|
61
67
|
}
|
|
62
68
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
69
|
+
if (selectSearchIndex != prevProps.selectSearchIndex) {
|
|
70
|
+
let selectItemRef = this[`selectedList_${selectSearchIndex}`];
|
|
71
|
+
let {
|
|
72
|
+
containerRef
|
|
73
|
+
} = this;
|
|
74
|
+
scrollTo(containerRef, selectItemRef);
|
|
75
|
+
}
|
|
68
76
|
}
|
|
69
77
|
|
|
70
78
|
emptySearchSVG() {
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import "core-js/modules/es.string.replace";
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
import React, { useState, useEffect } from 'react';
|
|
@@ -129,12 +127,12 @@ const TagsMultiSelectField = props => {
|
|
|
129
127
|
}
|
|
130
128
|
} else if (keyCode === 40) {
|
|
131
129
|
updateSelectedSuggestionIndex(prevSelectedSuggestionIndex => {
|
|
132
|
-
let newIndex = prevSelectedSuggestionIndex
|
|
130
|
+
let newIndex = prevSelectedSuggestionIndex >= options.length - 1 ? 0 : prevSelectedSuggestionIndex + 1;
|
|
133
131
|
return newIndex;
|
|
134
132
|
});
|
|
135
133
|
} else if (keyCode === 38) {
|
|
136
134
|
updateSelectedSuggestionIndex(prevSelectedSuggestionIndex => {
|
|
137
|
-
let newIndex = prevSelectedSuggestionIndex <= 0 ? options.length - 1 : prevSelectedSuggestionIndex - 1;
|
|
135
|
+
let newIndex = prevSelectedSuggestionIndex <= 0 || prevSelectedSuggestionIndex >= options.length - 1 ? options.length - 1 : prevSelectedSuggestionIndex - 1;
|
|
138
136
|
return newIndex;
|
|
139
137
|
});
|
|
140
138
|
} else if (keyCode === 8 && searchValue === '' & !isValueChanged) {
|
|
@@ -8,6 +8,7 @@ export default class ReadUnreadIcon extends React.Component {
|
|
|
8
8
|
onClick,
|
|
9
9
|
dataId,
|
|
10
10
|
dataTitle,
|
|
11
|
+
iconClassName,
|
|
11
12
|
iconClass,
|
|
12
13
|
className,
|
|
13
14
|
isRead,
|
|
@@ -19,9 +20,9 @@ export default class ReadUnreadIcon extends React.Component {
|
|
|
19
20
|
"data-id": dataId,
|
|
20
21
|
"data-title": dataTitle
|
|
21
22
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
22
|
-
name: isRead ? 'ZD-
|
|
23
|
+
name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
|
|
23
24
|
size: iconSize,
|
|
24
|
-
iconClass: iconClass
|
|
25
|
+
iconClass: `${iconClassName ? iconClassName : ''} ${iconClass ? iconClass : ''}`
|
|
25
26
|
}));
|
|
26
27
|
}
|
|
27
28
|
|
|
@@ -33,6 +34,7 @@ ReadUnreadIcon.propTypes = {
|
|
|
33
34
|
className: PropTypes.string,
|
|
34
35
|
dataId: PropTypes.string,
|
|
35
36
|
dataTitle: PropTypes.string,
|
|
37
|
+
iconClassName: PropTypes.string,
|
|
36
38
|
iconClass: PropTypes.string,
|
|
37
39
|
onClick: PropTypes.func,
|
|
38
40
|
isRead: PropTypes.bool,
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
2
|
+
|
|
1
3
|
/* eslint-disable react/forbid-component-props */
|
|
2
4
|
|
|
3
5
|
/**** Libraries ****/
|
|
@@ -26,8 +28,14 @@ export default class AccountName extends Component {
|
|
|
26
28
|
fontWeight,
|
|
27
29
|
secondaryAccountHref,
|
|
28
30
|
secondaryAccountClick,
|
|
29
|
-
secondaryAccountText
|
|
31
|
+
secondaryAccountText,
|
|
32
|
+
customProps
|
|
30
33
|
} = this.props;
|
|
34
|
+
let {
|
|
35
|
+
LinkProps = {},
|
|
36
|
+
TextProps = {},
|
|
37
|
+
SecondaryTextProps = {}
|
|
38
|
+
} = customProps;
|
|
31
39
|
return /*#__PURE__*/React.createElement(Container, {
|
|
32
40
|
alignBox: "row",
|
|
33
41
|
align: "baseline",
|
|
@@ -44,24 +52,24 @@ export default class AccountName extends Component {
|
|
|
44
52
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
45
53
|
className: style.primaryAccountName,
|
|
46
54
|
shrink: true
|
|
47
|
-
}, isLink ? /*#__PURE__*/React.createElement(Link, {
|
|
55
|
+
}, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
48
56
|
href: href,
|
|
49
57
|
urlName: urlName,
|
|
50
58
|
urlData: urlData,
|
|
51
59
|
onClick: onClick,
|
|
52
60
|
dataId: `${dataId}_link`,
|
|
53
61
|
className: style.link
|
|
54
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
62
|
+
}, LinkProps), /*#__PURE__*/React.createElement("div", {
|
|
55
63
|
className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
|
|
56
|
-
}, text)) : /*#__PURE__*/React.createElement("div", {
|
|
64
|
+
}, text)) : /*#__PURE__*/React.createElement("div", _extends({
|
|
57
65
|
className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`
|
|
58
|
-
}, text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
|
|
66
|
+
}, TextProps), text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
|
|
59
67
|
href: secondaryAccountHref,
|
|
60
68
|
onClick: secondaryAccountClick,
|
|
61
69
|
className: style.link
|
|
62
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
70
|
+
}, /*#__PURE__*/React.createElement("div", _extends({
|
|
63
71
|
className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
|
|
64
|
-
}, secondaryAccountText))))));
|
|
72
|
+
}, SecondaryTextProps), secondaryAccountText))))));
|
|
65
73
|
}
|
|
66
74
|
|
|
67
75
|
}
|
|
@@ -79,12 +87,18 @@ AccountName.propTypes = {
|
|
|
79
87
|
urlName: PropTypes.string,
|
|
80
88
|
secondaryAccountHref: PropTypes.string,
|
|
81
89
|
secondaryAccountClick: PropTypes.func,
|
|
82
|
-
secondaryAccountText: PropTypes.string
|
|
90
|
+
secondaryAccountText: PropTypes.string,
|
|
91
|
+
customProps: PropTypes.shape({
|
|
92
|
+
LinkProps: PropTypes.object,
|
|
93
|
+
TextProps: PropTypes.object,
|
|
94
|
+
SecondaryTextProps: PropTypes.object
|
|
95
|
+
})
|
|
83
96
|
};
|
|
84
97
|
AccountName.defaultProps = {
|
|
85
98
|
isLink: true,
|
|
86
99
|
dataId: 'accountName',
|
|
87
|
-
fontWeight: 'regular'
|
|
100
|
+
fontWeight: 'regular',
|
|
101
|
+
customProps: {}
|
|
88
102
|
};
|
|
89
103
|
|
|
90
104
|
if (false) {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
2
|
+
|
|
1
3
|
import React, { Component } from 'react';
|
|
2
4
|
import PropTypes from 'prop-types';
|
|
3
5
|
import { Container, Box } from '@zohodesk/components/lib/Layout';
|
|
@@ -21,7 +23,8 @@ export default class ContactName extends Component {
|
|
|
21
23
|
href,
|
|
22
24
|
notAccessible = false,
|
|
23
25
|
fontWeight,
|
|
24
|
-
i18nKeys
|
|
26
|
+
i18nKeys,
|
|
27
|
+
customProps
|
|
25
28
|
} = this.props;
|
|
26
29
|
let {
|
|
27
30
|
sentimentTitles = {
|
|
@@ -32,6 +35,10 @@ export default class ContactName extends Component {
|
|
|
32
35
|
paidTitle = 'Paid User'
|
|
33
36
|
} = i18nKeys;
|
|
34
37
|
let sentimentDataTitle = sentimentTitles[sentimentType];
|
|
38
|
+
let {
|
|
39
|
+
LinkProps = {},
|
|
40
|
+
TextProps = {}
|
|
41
|
+
} = customProps;
|
|
35
42
|
return /*#__PURE__*/React.createElement(Container, {
|
|
36
43
|
alignBox: "row",
|
|
37
44
|
align: "baseline",
|
|
@@ -45,7 +52,7 @@ export default class ContactName extends Component {
|
|
|
45
52
|
iconClass: style.icon
|
|
46
53
|
})), /*#__PURE__*/React.createElement(Box, {
|
|
47
54
|
flexible: true
|
|
48
|
-
}, isLink ? /*#__PURE__*/React.createElement(Link, {
|
|
55
|
+
}, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
49
56
|
urlName: urlName,
|
|
50
57
|
href: href,
|
|
51
58
|
urlData: urlData,
|
|
@@ -53,12 +60,12 @@ export default class ContactName extends Component {
|
|
|
53
60
|
title: dataTitle,
|
|
54
61
|
dataId: `${dataId}_link`,
|
|
55
62
|
className: style.link
|
|
56
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
63
|
+
}, LinkProps), /*#__PURE__*/React.createElement("div", {
|
|
57
64
|
className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
|
|
58
|
-
}, text)) : /*#__PURE__*/React.createElement("div", {
|
|
65
|
+
}, text)) : /*#__PURE__*/React.createElement("div", _extends({
|
|
59
66
|
className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
|
|
60
67
|
"data-title": dataTitle
|
|
61
|
-
}, text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
|
|
68
|
+
}, TextProps), text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
|
|
62
69
|
type: sentimentType,
|
|
63
70
|
dataTitle: sentimentDataTitle
|
|
64
71
|
})));
|
|
@@ -87,6 +94,10 @@ ContactName.propTypes = {
|
|
|
87
94
|
neutral: PropTypes.string
|
|
88
95
|
}),
|
|
89
96
|
paidTitle: PropTypes.string
|
|
97
|
+
}),
|
|
98
|
+
customProps: PropTypes.shape({
|
|
99
|
+
LinkProps: PropTypes.object,
|
|
100
|
+
TextProps: PropTypes.object
|
|
90
101
|
})
|
|
91
102
|
};
|
|
92
103
|
ContactName.defaultProps = {
|
|
@@ -94,7 +105,8 @@ ContactName.defaultProps = {
|
|
|
94
105
|
isLink: true,
|
|
95
106
|
dataId: 'contactName',
|
|
96
107
|
fontWeight: 'regular',
|
|
97
|
-
i18nKeys: {}
|
|
108
|
+
i18nKeys: {},
|
|
109
|
+
customProps: {}
|
|
98
110
|
};
|
|
99
111
|
|
|
100
112
|
if (false) {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
2
|
+
|
|
1
3
|
/* eslint-disable react/forbid-component-props */
|
|
2
4
|
|
|
3
5
|
/**** Libraries ****/
|
|
@@ -20,21 +22,26 @@ export default class Email extends Component {
|
|
|
20
22
|
href,
|
|
21
23
|
isLink,
|
|
22
24
|
target,
|
|
23
|
-
fontWeight
|
|
25
|
+
fontWeight,
|
|
26
|
+
customProps
|
|
24
27
|
} = this.props;
|
|
25
|
-
|
|
28
|
+
let {
|
|
29
|
+
LinkProps = {},
|
|
30
|
+
TextProps = {}
|
|
31
|
+
} = customProps;
|
|
32
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
26
33
|
href: href,
|
|
27
34
|
title: title,
|
|
28
35
|
urlData: urlData,
|
|
29
36
|
urlName: urlName,
|
|
30
37
|
target: target,
|
|
31
38
|
className: style.link
|
|
32
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
39
|
+
}, LinkProps), /*#__PURE__*/React.createElement("div", {
|
|
33
40
|
className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
|
|
34
|
-
}, text)) : /*#__PURE__*/React.createElement("div", {
|
|
41
|
+
}, text)) : /*#__PURE__*/React.createElement("div", _extends({
|
|
35
42
|
className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
|
|
36
43
|
"data-title": title
|
|
37
|
-
}, text));
|
|
44
|
+
}, TextProps), text));
|
|
38
45
|
}
|
|
39
46
|
|
|
40
47
|
}
|
|
@@ -47,11 +54,16 @@ Email.propTypes = {
|
|
|
47
54
|
text: PropTypes.string,
|
|
48
55
|
title: PropTypes.string,
|
|
49
56
|
urlData: PropTypes.object,
|
|
50
|
-
urlName: PropTypes.string
|
|
57
|
+
urlName: PropTypes.string,
|
|
58
|
+
customProps: PropTypes.shape({
|
|
59
|
+
LinkProps: PropTypes.object,
|
|
60
|
+
TextProps: PropTypes.object
|
|
61
|
+
})
|
|
51
62
|
};
|
|
52
63
|
Email.defaultProps = {
|
|
53
64
|
isLink: true,
|
|
54
|
-
fontWeight: 'regular'
|
|
65
|
+
fontWeight: 'regular',
|
|
66
|
+
customProps: {}
|
|
55
67
|
};
|
|
56
68
|
|
|
57
69
|
if (false) {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
2
|
+
|
|
1
3
|
/* eslint-disable react/forbid-component-props */
|
|
2
4
|
|
|
3
5
|
/**** Libraries ****/
|
|
@@ -22,9 +24,14 @@ export default class PhoneNumber extends Component {
|
|
|
22
24
|
isLink,
|
|
23
25
|
target,
|
|
24
26
|
hasReload,
|
|
25
|
-
fontWeight
|
|
27
|
+
fontWeight,
|
|
28
|
+
customProps
|
|
26
29
|
} = this.props;
|
|
27
|
-
|
|
30
|
+
let {
|
|
31
|
+
LinkProps = {},
|
|
32
|
+
TextProps = {}
|
|
33
|
+
} = customProps;
|
|
34
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
28
35
|
href: href,
|
|
29
36
|
title: title,
|
|
30
37
|
urlData: urlData,
|
|
@@ -33,12 +40,12 @@ export default class PhoneNumber extends Component {
|
|
|
33
40
|
target: target,
|
|
34
41
|
hasReload: hasReload,
|
|
35
42
|
className: style.link
|
|
36
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
43
|
+
}, LinkProps), /*#__PURE__*/React.createElement("div", {
|
|
37
44
|
className: `${style.phoneNumber} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
|
|
38
|
-
}, text)) : /*#__PURE__*/React.createElement("div", {
|
|
45
|
+
}, text)) : /*#__PURE__*/React.createElement("div", _extends({
|
|
39
46
|
className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
|
|
40
47
|
"data-title": title
|
|
41
|
-
}, text));
|
|
48
|
+
}, TextProps), text));
|
|
42
49
|
}
|
|
43
50
|
|
|
44
51
|
}
|
|
@@ -53,12 +60,17 @@ PhoneNumber.propTypes = {
|
|
|
53
60
|
text: PropTypes.string,
|
|
54
61
|
title: PropTypes.string,
|
|
55
62
|
urlData: PropTypes.object,
|
|
56
|
-
urlName: PropTypes.string
|
|
63
|
+
urlName: PropTypes.string,
|
|
64
|
+
customProps: PropTypes.shape({
|
|
65
|
+
LinkProps: PropTypes.object,
|
|
66
|
+
TextProps: PropTypes.object
|
|
67
|
+
})
|
|
57
68
|
};
|
|
58
69
|
PhoneNumber.defaultProps = {
|
|
59
70
|
isLink: true,
|
|
60
71
|
hasReload: false,
|
|
61
|
-
fontWeight: 'regular'
|
|
72
|
+
fontWeight: 'regular',
|
|
73
|
+
customProps: {}
|
|
62
74
|
};
|
|
63
75
|
|
|
64
76
|
if (false) {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
2
|
+
|
|
1
3
|
import React, { Component } from 'react';
|
|
2
4
|
import PropTypes from 'prop-types';
|
|
3
5
|
import Link from '../../Link/Link';
|
|
@@ -18,20 +20,25 @@ export default class TicketId extends Component {
|
|
|
18
20
|
url,
|
|
19
21
|
target,
|
|
20
22
|
urlName,
|
|
21
|
-
urlData
|
|
23
|
+
urlData,
|
|
24
|
+
customProps
|
|
22
25
|
} = this.props;
|
|
23
|
-
|
|
26
|
+
let {
|
|
27
|
+
LinkProps = {},
|
|
28
|
+
TicketIdProps = {}
|
|
29
|
+
} = customProps;
|
|
30
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
24
31
|
className: `${style.ticketId} ${isLink ? style.ticketIdLink : ''} ${className ? className : ''}`,
|
|
25
32
|
"data-id": dataId,
|
|
26
33
|
"data-title": dataTitle,
|
|
27
34
|
onClick: !isLink && onClick
|
|
28
|
-
}, isLink ? /*#__PURE__*/React.createElement(Link, {
|
|
35
|
+
}, TicketIdProps), isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
29
36
|
urlName: urlName,
|
|
30
37
|
urlData: urlData,
|
|
31
38
|
href: url,
|
|
32
39
|
target: target,
|
|
33
40
|
onClick: onClick
|
|
34
|
-
}, text) : text);
|
|
41
|
+
}, LinkProps), text) : text);
|
|
35
42
|
}
|
|
36
43
|
|
|
37
44
|
}
|
|
@@ -45,10 +52,15 @@ TicketId.propTypes = {
|
|
|
45
52
|
text: PropTypes.string,
|
|
46
53
|
url: PropTypes.string,
|
|
47
54
|
urlData: PropTypes.string,
|
|
48
|
-
urlName: PropTypes.string
|
|
55
|
+
urlName: PropTypes.string,
|
|
56
|
+
customProps: PropTypes.shape({
|
|
57
|
+
TicketIdProps: PropTypes.object,
|
|
58
|
+
LinkProps: PropTypes.object
|
|
59
|
+
})
|
|
49
60
|
};
|
|
50
61
|
TicketId.defaultProps = {
|
|
51
|
-
dataId: 'ticketId'
|
|
62
|
+
dataId: 'ticketId',
|
|
63
|
+
customProps: {}
|
|
52
64
|
};
|
|
53
65
|
|
|
54
66
|
if (false) {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
2
|
+
|
|
1
3
|
import React, { Component } from 'react';
|
|
2
4
|
import PropTypes from 'prop-types';
|
|
3
5
|
import Link from '../../Link/Link';
|
|
@@ -20,9 +22,14 @@ export default class Subject extends Component {
|
|
|
20
22
|
fontWeight,
|
|
21
23
|
className,
|
|
22
24
|
isDotted,
|
|
23
|
-
children
|
|
25
|
+
children,
|
|
26
|
+
customProps
|
|
24
27
|
} = this.props;
|
|
25
|
-
|
|
28
|
+
let {
|
|
29
|
+
LinkProps = {},
|
|
30
|
+
TextProps = {}
|
|
31
|
+
} = customProps;
|
|
32
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
26
33
|
urlName: urlName,
|
|
27
34
|
href: href,
|
|
28
35
|
urlData: urlData,
|
|
@@ -31,11 +38,11 @@ export default class Subject extends Component {
|
|
|
31
38
|
dataId: dataId,
|
|
32
39
|
title: text,
|
|
33
40
|
target: target
|
|
34
|
-
}, children ? children : text) : /*#__PURE__*/React.createElement("span", {
|
|
41
|
+
}, LinkProps), children ? children : text) : /*#__PURE__*/React.createElement("span", _extends({
|
|
35
42
|
className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]}`,
|
|
36
43
|
"data-title": text,
|
|
37
44
|
"data-id": dataId
|
|
38
|
-
}, text));
|
|
45
|
+
}, TextProps), text));
|
|
39
46
|
}
|
|
40
47
|
|
|
41
48
|
}
|
|
@@ -51,13 +58,18 @@ Subject.propTypes = {
|
|
|
51
58
|
urlData: PropTypes.object,
|
|
52
59
|
urlName: PropTypes.string,
|
|
53
60
|
isDotted: PropTypes.bool,
|
|
54
|
-
children: PropTypes.node
|
|
61
|
+
children: PropTypes.node,
|
|
62
|
+
customProps: PropTypes.shape({
|
|
63
|
+
LinkProps: PropTypes.object,
|
|
64
|
+
TextProps: PropTypes.object
|
|
65
|
+
})
|
|
55
66
|
};
|
|
56
67
|
Subject.defaultProps = {
|
|
57
68
|
isLink: false,
|
|
58
69
|
fontWeight: 'regular',
|
|
59
70
|
className: '',
|
|
60
|
-
isDotted: true
|
|
71
|
+
isDotted: true,
|
|
72
|
+
customProps: {}
|
|
61
73
|
};
|
|
62
74
|
|
|
63
75
|
if (false) {
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import "core-js/modules/es.string.replace";
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
/**** Libraries ****/
|
package/es/utils/General.js
CHANGED
package/es/utils/KeyboardApi.js
CHANGED
|
@@ -284,7 +284,9 @@ function _shortRestrictionPlaces(e) {
|
|
|
284
284
|
let keyCode = e.keyCode || e.charCode;
|
|
285
285
|
let isContentEditable = _target.contentEditable === 'true';
|
|
286
286
|
|
|
287
|
-
if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 ||
|
|
287
|
+
if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || //!SupportUI.CurrentUser.getKBStatus() ||
|
|
288
|
+
//restrict_keyUI() ||
|
|
289
|
+
keyCode >= 112 && keyCode <= 123 || isContentEditable) {
|
|
288
290
|
return true;
|
|
289
291
|
}
|
|
290
292
|
|
package/es/utils/editorUtils.js
CHANGED
package/lib/Drawer/Drawer.js
CHANGED
|
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports["default"] = exports.
|
|
8
|
+
exports["default"] = exports.Header = exports.Footer = exports.Content = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|