@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.
Files changed (75) hide show
  1. package/README.md +12 -0
  2. package/es/ExternalLink/ExternalLink.js +10 -5
  3. package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -1
  4. package/es/Link/Link.js +7 -4
  5. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +14 -6
  6. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -4
  7. package/es/list/Icons/AddNewIcon.js +1 -1
  8. package/es/list/Icons/CompleteIcon.js +1 -1
  9. package/es/list/Icons/DeleteIcon.js +1 -1
  10. package/es/list/Icons/EditIcon.js +1 -1
  11. package/es/list/Icons/ReadUnreadIcon.js +4 -2
  12. package/es/list/Icons/SmartIcon.js +1 -1
  13. package/es/list/SecondaryText/AccountName.js +23 -9
  14. package/es/list/SecondaryText/ContactName.js +18 -6
  15. package/es/list/SecondaryText/Email.js +19 -7
  16. package/es/list/SecondaryText/PhoneNumber.js +19 -7
  17. package/es/list/SecondaryText/TicketId.js +18 -6
  18. package/es/list/Subject/Subject.js +18 -6
  19. package/es/list/status/StatusListItem/StatusListItem.js +0 -2
  20. package/es/utils/General.js +0 -1
  21. package/es/utils/KeyboardApi.js +3 -1
  22. package/es/utils/editorUtils.js +0 -1
  23. package/lib/Drawer/Drawer.js +1 -1
  24. package/lib/ExternalLink/ExternalLink.js +10 -5
  25. package/lib/FormAction/FormAction.js +1 -1
  26. package/lib/Link/Link.js +7 -4
  27. package/lib/Message/Message.js +1 -1
  28. package/lib/docs/formDocs.js +52 -52
  29. package/lib/docs/generalDocs.js +250 -250
  30. package/lib/docs/lookupDocs.js +70 -70
  31. package/lib/docs/setupDocs.js +32 -32
  32. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -4
  33. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -2
  34. package/lib/index.js +4 -4
  35. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
  36. package/lib/layout/SetupDetailLayout/index.js +6 -6
  37. package/lib/layout/SubtabLayout/SubtabLayout.js +1 -1
  38. package/lib/layout/SubtabLayout/index.js +8 -8
  39. package/lib/list/Icons/AddNewIcon.js +1 -1
  40. package/lib/list/Icons/CompleteIcon.js +1 -1
  41. package/lib/list/Icons/DeleteIcon.js +1 -1
  42. package/lib/list/Icons/EditIcon.js +1 -1
  43. package/lib/list/Icons/ReadUnreadIcon.js +4 -2
  44. package/lib/list/Icons/SmartIcon.js +1 -1
  45. package/lib/list/ListLayout/ListLayout.js +1 -1
  46. package/lib/list/SecondaryText/AccountName.js +24 -9
  47. package/lib/list/SecondaryText/ContactName.js +18 -6
  48. package/lib/list/SecondaryText/Email.js +19 -7
  49. package/lib/list/SecondaryText/PhoneNumber.js +19 -7
  50. package/lib/list/SecondaryText/TicketId.js +18 -6
  51. package/lib/list/SecondaryText/index.js +22 -22
  52. package/lib/list/SecondryPanel/SecondryPanel.js +1 -1
  53. package/lib/list/Subject/Subject.js +18 -6
  54. package/lib/utils/ChannelIconMapping.js +1 -1
  55. package/lib/utils/General.js +3 -3
  56. package/lib/utils/KeyboardApi.js +3 -1
  57. package/lib/utils/editorUtils.js +6 -6
  58. package/lib/version2/GlobalNotification/GlobalNotification.js +1 -1
  59. package/package.json +5 -5
  60. package/src/ExternalLink/ExternalLink.js +8 -3
  61. package/src/Link/Link.js +7 -3
  62. package/src/form/fields/TagsMultiSelect/TagsMultiSelect.js +11 -4
  63. package/src/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -2
  64. package/src/list/Icons/AddNewIcon.js +1 -1
  65. package/src/list/Icons/CompleteIcon.js +1 -1
  66. package/src/list/Icons/DeleteIcon.js +1 -1
  67. package/src/list/Icons/EditIcon.js +1 -1
  68. package/src/list/Icons/ReadUnreadIcon.js +5 -4
  69. package/src/list/Icons/SmartIcon.js +1 -1
  70. package/src/list/SecondaryText/AccountName.js +13 -3
  71. package/src/list/SecondaryText/ContactName.js +11 -2
  72. package/src/list/SecondaryText/Email.js +12 -3
  73. package/src/list/SecondaryText/PhoneNumber.js +12 -3
  74. package/src/list/SecondaryText/TicketId.js +12 -3
  75. 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) {
@@ -1,4 +1,3 @@
1
- import "core-js/modules/web.url.to-json";
2
1
  import React from 'react';
3
2
  import ExternalLink from '../ExternalLink';
4
3
  import renderer from 'react-test-renderer';
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
- let selectItemRef = this[`selectedList_${selectSearchIndex}`];
64
- let {
65
- containerRef
66
- } = this;
67
- scrollTo(containerRef, selectItemRef);
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 === options.length - 1 ? 0 : prevSelectedSuggestionIndex + 1;
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) {
@@ -18,7 +18,7 @@ export default class AddNewIcon extends React.Component {
18
18
  "data-title": dataTitle
19
19
  }, /*#__PURE__*/React.createElement(Icon, {
20
20
  name: "ZD-SE-addTickets",
21
- iconClass: iconClass
21
+ iconClass: iconClass ? iconClass : ''
22
22
  }));
23
23
  }
24
24
 
@@ -19,7 +19,7 @@ export default class CompleteIcon extends React.Component {
19
19
  "data-title": dataTitle
20
20
  }, /*#__PURE__*/React.createElement(Icon, {
21
21
  name: "ZD-GN-checkbox",
22
- iconClass: iconClass,
22
+ iconClass: iconClass ? iconClass : '',
23
23
  size: iconSize
24
24
  }));
25
25
  }
@@ -19,7 +19,7 @@ export default class DeleteComponent extends React.Component {
19
19
  "data-title": dataTitle
20
20
  }, /*#__PURE__*/React.createElement(Icon, {
21
21
  name: "ZD-GN-delete",
22
- iconClass: iconClass,
22
+ iconClass: iconClass ? iconClass : '',
23
23
  size: iconSize
24
24
  }));
25
25
  }
@@ -19,7 +19,7 @@ export default class EditIcon extends React.Component {
19
19
  "data-title": dataTitle
20
20
  }, /*#__PURE__*/React.createElement(Icon, {
21
21
  name: "ZD-GN-edit",
22
- iconClass: iconClass,
22
+ iconClass: iconClass ? iconClass : '',
23
23
  size: iconSize
24
24
  }));
25
25
  }
@@ -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-TK-read' : 'ZD-TK-unread',
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,
@@ -18,7 +18,7 @@ export default class SmartIcon extends Component {
18
18
  "data-title": dataTitle
19
19
  }, /*#__PURE__*/React.createElement(Icon, {
20
20
  name: "ZD-TK-peek",
21
- iconClass: iconClass
21
+ iconClass: iconClass ? iconClass : ''
22
22
  }));
23
23
  }
24
24
 
@@ -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
- return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
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
- return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
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
- return /*#__PURE__*/React.createElement("div", {
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
- return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
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 ****/
@@ -1,4 +1,3 @@
1
- import "core-js/modules/es.string.replace";
2
1
  export function stopBubbling(event) {
3
2
  event.preventDefault();
4
3
  event.stopPropagation && event.stopPropagation();
@@ -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 || keyCode >= 112 && keyCode <= 123 || isContentEditable) {
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
 
@@ -1,4 +1,3 @@
1
- import "core-js/modules/es.string.replace";
2
1
  const ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
3
2
 
4
3
  export function editorContentValidate(editorObj) {
@@ -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.Footer = exports.Content = exports.Header = void 0;
8
+ exports["default"] = exports.Header = exports.Footer = exports.Content = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11