@zohodesk/dot 1.4.14 → 1.4.15
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/propValidation_report.html +1 -1
- package/README.md +8 -0
- 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/Drawer/Drawer.js +5 -4
- package/es/ExternalLink/ExternalLink.js +5 -4
- package/es/FlipCard/FlipCard.js +12 -14
- package/es/IconButton/IconButton.js +5 -4
- package/es/Link/Link.js +10 -8
- package/es/Message/Message.js +5 -4
- package/es/ToastMessage/ToastMessage.js +4 -2
- package/es/actions/AutoClose.js +1 -2
- package/es/alert/AlertLookup/AlertLookup.js +12 -14
- package/es/avatar/AvatarClose/AvatarClose.js +7 -7
- package/es/avatar/AvatarCollision/AvatarCollision.js +7 -7
- package/es/avatar/AvatarIcon/AvatarIcon.js +5 -4
- package/es/avatar/AvatarStatus/AvatarStatus.js +8 -7
- package/es/avatar/AvatarThread/AvatarThread.js +7 -7
- package/es/avatar/AvatarUser/AvatarUser.js +9 -10
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +14 -17
- package/es/dropdown/ToggleDropDown/ToggleDropDown.js +24 -28
- package/es/form/fields/CheckBoxField/CheckBoxField.js +13 -15
- package/es/form/fields/CurrencyField/CurrencyField.js +12 -14
- package/es/form/fields/DateField/DateField.js +14 -14
- package/es/form/fields/MultiSelectField/MultiSelectField.js +12 -13
- package/es/form/fields/PhoneField/PhoneField.js +7 -7
- package/es/form/fields/RadioField/RadioField.js +15 -18
- package/es/form/fields/SelectField/SelectField.js +14 -14
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -13
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +11 -11
- package/es/form/fields/TextBoxField/TextBoxField.js +14 -14
- package/es/form/fields/TextEditorField/TextEditorField.js +10 -11
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +10 -11
- package/es/form/fields/TextareaField/TextareaField.js +13 -14
- package/es/layout/SubtabLayout/SubtabLayout.js +6 -4
- package/es/list/ListLayout/ListLayout.js +5 -4
- package/es/list/SecondaryText/AccountName.js +12 -12
- package/es/list/SecondaryText/ContactName.js +9 -8
- package/es/list/SecondaryText/Email.js +8 -8
- package/es/list/SecondaryText/PhoneNumber.js +8 -8
- package/es/list/SecondaryText/SecondaryText.js +5 -4
- package/es/list/SecondaryText/TicketId.js +7 -7
- package/es/list/Subject/Subject.js +7 -7
- package/es/list/Thread/Thread.js +1 -2
- package/es/list/status/StatusDropdown/StatusDropdown.js +50 -179
- package/es/list/status/StatusDropdown/StatusDropdown.module.css +1 -10
- package/es/list/status/StatusDropdown/props/defaultProps.js +2 -1
- package/es/list/status/StatusDropdown/props/propTypes.js +1 -1
- package/es/list/status/StatusListItem/StatusListItem.js +10 -6
- package/es/lookup/Lookup/Lookup.js +5 -4
- package/es/lookup/header/Search/Search.js +3 -5
- package/es/v1/Drawer/Drawer.js +5 -4
- package/es/v1/ExternalLink/ExternalLink.js +5 -4
- package/es/v1/FlipCard/FlipCard.js +12 -14
- package/es/v1/GlobalNotification/GlobalNotification.js +7 -6
- package/es/v1/IconButton/IconButton.js +5 -4
- package/es/v1/Link/Link.js +10 -8
- package/es/v1/Message/Message.js +5 -4
- package/es/v1/ToastMessage/ToastMessage.js +4 -2
- package/es/v1/actions/AutoClose.js +1 -2
- package/es/v1/alert/AlertLookup/AlertLookup.js +15 -15
- package/es/v1/avatar/AvatarClose/AvatarClose.js +7 -7
- package/es/v1/avatar/AvatarCollision/AvatarCollision.js +7 -7
- package/es/v1/avatar/AvatarIcon/AvatarIcon.js +5 -4
- package/es/v1/avatar/AvatarStatus/AvatarStatus.js +8 -7
- package/es/v1/avatar/AvatarThread/AvatarThread.js +7 -7
- package/es/v1/avatar/AvatarUser/AvatarUser.js +9 -10
- package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +14 -17
- package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js +24 -28
- package/es/v1/form/fields/CheckBoxField/CheckBoxField.js +13 -15
- package/es/v1/form/fields/CurrencyField/CurrencyField.js +12 -14
- package/es/v1/form/fields/DateField/DateField.js +14 -14
- package/es/v1/form/fields/MultiSelectField/MultiSelectField.js +12 -13
- package/es/v1/form/fields/PhoneField/PhoneField.js +7 -7
- package/es/v1/form/fields/RadioField/RadioField.js +16 -18
- package/es/v1/form/fields/SelectField/SelectField.js +14 -14
- package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -13
- package/es/v1/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +11 -11
- package/es/v1/form/fields/TextBoxField/TextBoxField.js +14 -14
- package/es/v1/form/fields/TextEditorField/TextEditorField.js +10 -11
- package/es/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js +10 -11
- package/es/v1/form/fields/TextareaField/TextareaField.js +13 -14
- package/es/v1/layout/SubtabLayout/SubtabLayout.js +6 -4
- package/es/v1/list/ListLayout/ListLayout.js +5 -4
- package/es/v1/list/SecondaryText/AccountName.js +12 -12
- package/es/v1/list/SecondaryText/ContactName.js +9 -8
- package/es/v1/list/SecondaryText/Email.js +8 -8
- package/es/v1/list/SecondaryText/PhoneNumber.js +8 -8
- package/es/v1/list/SecondaryText/SecondaryText.js +5 -4
- package/es/v1/list/SecondaryText/TicketId.js +7 -7
- package/es/v1/list/Subject/Subject.js +7 -7
- package/es/v1/list/Thread/Thread.js +1 -2
- package/es/v1/list/status/StatusDropdown/StatusDropdown.js +49 -134
- package/es/v1/list/status/StatusDropdown/props/defaultProps.js +2 -1
- package/es/v1/list/status/StatusDropdown/props/propTypes.js +1 -1
- package/es/v1/list/status/StatusListItem/StatusListItem.js +10 -6
- package/es/v1/lookup/Lookup/Lookup.js +5 -4
- package/es/v1/lookup/header/Search/Search.js +3 -5
- package/es/v1/notification/DesktopNotification/DesktopNotification.js +7 -6
- package/es/version2/GlobalNotification/GlobalNotification.js +7 -6
- package/es/version2/lookup/AlertLookup/AlertLookup.js +15 -15
- package/es/version2/notification/DesktopNotification/DesktopNotification.js +7 -6
- package/lib/list/Thread/Thread.js +1 -2
- package/lib/list/status/StatusDropdown/StatusDropdown.js +96 -231
- package/lib/list/status/StatusDropdown/StatusDropdown.module.css +1 -10
- package/lib/list/status/StatusDropdown/props/defaultProps.js +2 -1
- package/lib/list/status/StatusDropdown/props/propTypes.js +1 -1
- package/lib/list/status/StatusListItem/StatusListItem.js +6 -1
- package/lib/v1/list/Thread/Thread.js +1 -2
- package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +41 -132
- package/lib/v1/list/status/StatusDropdown/props/defaultProps.js +2 -1
- package/lib/v1/list/status/StatusDropdown/props/propTypes.js +1 -1
- package/lib/v1/list/status/StatusListItem/StatusListItem.js +6 -1
- package/package.json +8 -8
- package/result.json +1 -1
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
import React, { useState } from 'react';
|
|
2
4
|
import { defaultProps } from './props/defaultProps';
|
|
3
5
|
import { propTypes } from './props/propTypes';
|
|
@@ -89,7 +91,7 @@ const TextEditorWrapper = props => {
|
|
|
89
91
|
return /*#__PURE__*/React.createElement("div", {
|
|
90
92
|
className: style.container,
|
|
91
93
|
"data-selector-id": dataSelectorId
|
|
92
|
-
}, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, {
|
|
94
|
+
}, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, _extends({
|
|
93
95
|
onFocus: handleTextareaFocus,
|
|
94
96
|
text: value,
|
|
95
97
|
animated: !needEditor,
|
|
@@ -101,9 +103,8 @@ const TextEditorWrapper = props => {
|
|
|
101
103
|
getRef: getRef,
|
|
102
104
|
size: textBoxSize,
|
|
103
105
|
variant: textBoxVariant,
|
|
104
|
-
customClass: style.textBox
|
|
105
|
-
|
|
106
|
-
}) : null, /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
|
|
106
|
+
customClass: style.textBox
|
|
107
|
+
}, Textarea1Props)) : null, /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
|
|
107
108
|
name: "slideDown",
|
|
108
109
|
runOnMount: true,
|
|
109
110
|
enterDuration: '300',
|
|
@@ -112,7 +113,7 @@ const TextEditorWrapper = props => {
|
|
|
112
113
|
component: "div"
|
|
113
114
|
}, /*#__PURE__*/React.createElement("div", {
|
|
114
115
|
className: style.textEditor
|
|
115
|
-
}, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, {
|
|
116
|
+
}, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, _extends({
|
|
116
117
|
id: id,
|
|
117
118
|
value: value,
|
|
118
119
|
onChange: !isReadOnly && !isDisabled ? onChange : null,
|
|
@@ -140,9 +141,8 @@ const TextEditorWrapper = props => {
|
|
|
140
141
|
setInlineAttachmentInProgress: setInlineAttachmentInProgress,
|
|
141
142
|
handleDropUpload: handleEditorDropUpload,
|
|
142
143
|
onFocus: focusCallback,
|
|
143
|
-
needInlineAttachment: needInlineAttachment
|
|
144
|
-
|
|
145
|
-
}) : /*#__PURE__*/React.createElement(Textarea, {
|
|
144
|
+
needInlineAttachment: needInlineAttachment
|
|
145
|
+
}, TextEditorProps)) : /*#__PURE__*/React.createElement(Textarea, _extends({
|
|
146
146
|
onFocus: handleTextareaFocus,
|
|
147
147
|
text: value,
|
|
148
148
|
animated: !needEditor,
|
|
@@ -153,9 +153,8 @@ const TextEditorWrapper = props => {
|
|
|
153
153
|
needEffect: !(isReadOnly || isDisabled),
|
|
154
154
|
getRef: getRef,
|
|
155
155
|
size: textBoxSize,
|
|
156
|
-
variant: textBoxVariant
|
|
157
|
-
|
|
158
|
-
}))));
|
|
156
|
+
variant: textBoxVariant
|
|
157
|
+
}, Textarea2Props)))));
|
|
159
158
|
};
|
|
160
159
|
|
|
161
160
|
export default TextEditorWrapper;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
/**** Libraries ****/
|
|
2
4
|
import React, { memo } from 'react';
|
|
3
5
|
import { defaultProps } from './props/defaultProps';
|
|
@@ -80,18 +82,17 @@ const TextareaField = props => {
|
|
|
80
82
|
isLocked: isLocked,
|
|
81
83
|
lockedInfoText: lockedInfoText,
|
|
82
84
|
renderProps: renderLabelProps
|
|
83
|
-
}, /*#__PURE__*/React.createElement(Label, {
|
|
85
|
+
}, /*#__PURE__*/React.createElement(Label, _extends({
|
|
84
86
|
text: labelName,
|
|
85
87
|
id: id,
|
|
86
88
|
size: fieldSize === 'small' ? 'small' : 'medium',
|
|
87
89
|
palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
|
|
88
90
|
customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
|
|
89
91
|
htmlFor: uniqueId,
|
|
90
|
-
dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label
|
|
91
|
-
|
|
92
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
92
|
+
dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
|
|
93
|
+
}, LabelProps))), /*#__PURE__*/React.createElement("div", {
|
|
93
94
|
className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
|
|
94
|
-
}, /*#__PURE__*/React.createElement(Textarea, {
|
|
95
|
+
}, /*#__PURE__*/React.createElement(Textarea, _extends({
|
|
95
96
|
onChange: handleChange,
|
|
96
97
|
animated: animated,
|
|
97
98
|
size: fieldSize === 'medium' ? textBoxSize : 'xmedium',
|
|
@@ -109,26 +110,24 @@ const TextareaField = props => {
|
|
|
109
110
|
needEffect: isReadOnly || isDisabled ? false : true,
|
|
110
111
|
resize: "vertical" // onKeyDown={onKeyDown}
|
|
111
112
|
,
|
|
112
|
-
htmlId: uniqueId
|
|
113
|
-
|
|
113
|
+
htmlId: uniqueId
|
|
114
|
+
}, TextareaProps, {
|
|
114
115
|
a11y: {
|
|
115
116
|
ariaLabelledby: labelName
|
|
116
117
|
}
|
|
117
|
-
}), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
|
|
118
|
+
})), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
|
|
118
119
|
text: validationMessage,
|
|
119
120
|
palette: validationPalette,
|
|
120
121
|
type: errorType,
|
|
121
122
|
htmlFor: uniqueId,
|
|
122
|
-
dataId: `${dataId}_ValidationMessage
|
|
123
|
-
|
|
124
|
-
}), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
|
|
123
|
+
dataId: `${dataId}_ValidationMessage`
|
|
124
|
+
}, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
|
|
125
125
|
text: validationRuleMessage,
|
|
126
126
|
palette: validationRulePalette,
|
|
127
127
|
type: errorType,
|
|
128
128
|
htmlFor: uniqueId,
|
|
129
|
-
dataId: `${dataId}_ValidationRuleMessage
|
|
130
|
-
|
|
131
|
-
})));
|
|
129
|
+
dataId: `${dataId}_ValidationRuleMessage`
|
|
130
|
+
}, ValidationMessageProps2))));
|
|
132
131
|
};
|
|
133
132
|
|
|
134
133
|
TextareaField.propTypes = propTypes;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
import React from 'react';
|
|
2
4
|
import { SubtabHeader_propTypes, SubtabFooter_propTypes, SubtabContent_propTypes, SubtabLayout_propTypes } from './props/propTypes';
|
|
3
5
|
import { SubtabHeader_defaultProps, SubtabFooter_defaultProps, SubtabContent_defaultProps, SubtabLayout_defaultProps } from './props/defaultProps';
|
|
@@ -112,15 +114,15 @@ export default function SubtabLayout(props) {
|
|
|
112
114
|
children,
|
|
113
115
|
dataId
|
|
114
116
|
} = props;
|
|
115
|
-
return /*#__PURE__*/React.createElement(Card, {
|
|
117
|
+
return /*#__PURE__*/React.createElement(Card, _extends({
|
|
116
118
|
isScrollAttribute: true,
|
|
117
|
-
dataId: dataId
|
|
118
|
-
|
|
119
|
+
dataId: dataId
|
|
120
|
+
}, props, {
|
|
119
121
|
childTypes: {
|
|
120
122
|
cardHeader: SubtabHeader,
|
|
121
123
|
cardContent: SubtabContent
|
|
122
124
|
}
|
|
123
|
-
}, children);
|
|
125
|
+
}), children);
|
|
124
126
|
}
|
|
125
127
|
SubtabLayout.defaultProps = SubtabLayout_defaultProps;
|
|
126
128
|
SubtabLayout.propTypes = SubtabLayout_propTypes;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
import React from 'react';
|
|
2
4
|
import { ListLayout_defaultProps } from './props/defaultProps';
|
|
3
5
|
import { ListLayout_propTypes, Column_propTypes } from './props/propTypes';
|
|
@@ -55,10 +57,9 @@ export function Column(props) {
|
|
|
55
57
|
children,
|
|
56
58
|
className
|
|
57
59
|
} = props;
|
|
58
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
59
|
-
className: `${className ? className : ''}
|
|
60
|
-
|
|
61
|
-
}, children);
|
|
60
|
+
return /*#__PURE__*/React.createElement(Box, _extends({
|
|
61
|
+
className: `${className ? className : ''}`
|
|
62
|
+
}, props), children);
|
|
62
63
|
}
|
|
63
64
|
Column.propTypes = Column_propTypes; // if (__DOCS__) {
|
|
64
65
|
// ListLayout.docs = {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
/* eslint-disable react/forbid-component-props */
|
|
2
4
|
|
|
3
5
|
/**** Libraries ****/
|
|
@@ -50,28 +52,26 @@ export default function AccountName(props) {
|
|
|
50
52
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
51
53
|
className: style.primaryAccountName,
|
|
52
54
|
shrink: true
|
|
53
|
-
}, isLink ? /*#__PURE__*/React.createElement(Link, {
|
|
55
|
+
}, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
54
56
|
href: href,
|
|
55
57
|
urlName: urlName,
|
|
56
58
|
urlData: urlData,
|
|
57
59
|
onClick: onClick,
|
|
58
60
|
dataId: `${dataId}_link`,
|
|
59
|
-
className: style.link
|
|
60
|
-
|
|
61
|
+
className: style.link
|
|
62
|
+
}, LinkProps, {
|
|
61
63
|
ariaLabel: `Account Name ${text}`
|
|
62
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
64
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
63
65
|
className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
|
|
64
|
-
}, text)) : /*#__PURE__*/React.createElement("div", {
|
|
65
|
-
className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}
|
|
66
|
-
|
|
67
|
-
}, text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
|
|
66
|
+
}, text)) : /*#__PURE__*/React.createElement("div", _extends({
|
|
67
|
+
className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`
|
|
68
|
+
}, TextProps), text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
|
|
68
69
|
href: secondaryAccountHref,
|
|
69
70
|
onClick: secondaryAccountClick,
|
|
70
71
|
className: style.link
|
|
71
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
72
|
-
className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}
|
|
73
|
-
|
|
74
|
-
}, secondaryAccountText))))));
|
|
72
|
+
}, /*#__PURE__*/React.createElement("div", _extends({
|
|
73
|
+
className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
|
|
74
|
+
}, SecondaryTextProps), secondaryAccountText))))));
|
|
75
75
|
}
|
|
76
76
|
AccountName.propTypes = AccountName_propTypes;
|
|
77
77
|
AccountName.defaultProps = AccountName_defaultProps;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
import React from 'react';
|
|
2
4
|
import { ContactName_defaultProps } from './props/defaultProps';
|
|
3
5
|
import { ContactName_propTypes } from './props/propTypes';
|
|
@@ -51,23 +53,22 @@ export default function ContactName(props) {
|
|
|
51
53
|
iconClass: style.icon
|
|
52
54
|
})), /*#__PURE__*/React.createElement(Box, {
|
|
53
55
|
flexible: true
|
|
54
|
-
}, isLink ? /*#__PURE__*/React.createElement(Link, {
|
|
56
|
+
}, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
55
57
|
urlName: urlName,
|
|
56
58
|
href: href,
|
|
57
59
|
urlData: urlData,
|
|
58
60
|
onClick: onClick,
|
|
59
61
|
title: dataTitle,
|
|
60
62
|
dataId: `${dataId}_link`,
|
|
61
|
-
className: style.link
|
|
62
|
-
|
|
63
|
+
className: style.link
|
|
64
|
+
}, LinkProps, {
|
|
63
65
|
ariaLabel: `Contact Name ${text}`
|
|
64
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
66
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
65
67
|
className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
|
|
66
|
-
}, text)) : /*#__PURE__*/React.createElement("div", {
|
|
68
|
+
}, text)) : /*#__PURE__*/React.createElement("div", _extends({
|
|
67
69
|
className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
|
|
68
|
-
"data-title": dataTitle
|
|
69
|
-
|
|
70
|
-
}, text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
|
|
70
|
+
"data-title": dataTitle
|
|
71
|
+
}, TextProps), text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
|
|
71
72
|
type: sentimentType,
|
|
72
73
|
dataTitle: sentimentDataTitle
|
|
73
74
|
})));
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
/* eslint-disable react/forbid-component-props */
|
|
2
4
|
|
|
3
5
|
/**** Libraries ****/
|
|
@@ -27,21 +29,19 @@ export default function Email(props) {
|
|
|
27
29
|
LinkProps = {},
|
|
28
30
|
TextProps = {}
|
|
29
31
|
} = customProps;
|
|
30
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
|
|
32
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
31
33
|
href: href,
|
|
32
34
|
title: title,
|
|
33
35
|
urlData: urlData,
|
|
34
36
|
urlName: urlName,
|
|
35
37
|
target: target,
|
|
36
|
-
className: style.link
|
|
37
|
-
|
|
38
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
38
|
+
className: style.link
|
|
39
|
+
}, LinkProps), /*#__PURE__*/React.createElement("div", {
|
|
39
40
|
className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
|
|
40
|
-
}, text)) : /*#__PURE__*/React.createElement("div", {
|
|
41
|
+
}, text)) : /*#__PURE__*/React.createElement("div", _extends({
|
|
41
42
|
className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
|
|
42
|
-
"data-title": title
|
|
43
|
-
|
|
44
|
-
}, text));
|
|
43
|
+
"data-title": title
|
|
44
|
+
}, TextProps), text));
|
|
45
45
|
}
|
|
46
46
|
Email.propTypes = Email_propTypes;
|
|
47
47
|
Email.defaultProps = Email_defaultProps;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
/* eslint-disable react/forbid-component-props */
|
|
2
4
|
|
|
3
5
|
/**** Libraries ****/
|
|
@@ -29,7 +31,7 @@ export default function PhoneNumber(props) {
|
|
|
29
31
|
LinkProps = {},
|
|
30
32
|
TextProps = {}
|
|
31
33
|
} = customProps;
|
|
32
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
|
|
34
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
33
35
|
href: href,
|
|
34
36
|
title: title,
|
|
35
37
|
urlData: urlData,
|
|
@@ -37,15 +39,13 @@ export default function PhoneNumber(props) {
|
|
|
37
39
|
dataId: dataId,
|
|
38
40
|
target: target,
|
|
39
41
|
hasReload: hasReload,
|
|
40
|
-
className: style.link
|
|
41
|
-
|
|
42
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
42
|
+
className: style.link
|
|
43
|
+
}, LinkProps), /*#__PURE__*/React.createElement("div", {
|
|
43
44
|
className: `${style.phoneNumber} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
|
|
44
|
-
}, text)) : /*#__PURE__*/React.createElement("div", {
|
|
45
|
+
}, text)) : /*#__PURE__*/React.createElement("div", _extends({
|
|
45
46
|
className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
|
|
46
|
-
"data-title": title
|
|
47
|
-
|
|
48
|
-
}, text));
|
|
47
|
+
"data-title": title
|
|
48
|
+
}, TextProps), text));
|
|
49
49
|
}
|
|
50
50
|
PhoneNumber.propTypes = PhoneNumber_propTypes;
|
|
51
51
|
PhoneNumber.defaultProps = PhoneNumber_defaultProps;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
import React from 'react';
|
|
2
4
|
import { SecondaryText_defaultProps } from './props/defaultProps';
|
|
3
5
|
import { SecondaryText_propTypes } from './props/propTypes';
|
|
@@ -14,14 +16,13 @@ export default function SecondaryText(props) {
|
|
|
14
16
|
let {
|
|
15
17
|
SecondaryTextProps
|
|
16
18
|
} = customProps;
|
|
17
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
19
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
18
20
|
className: `${style.secondaryText} ${className ? className : ''}`,
|
|
19
21
|
"data-title": dataTitle,
|
|
20
22
|
"data-id": dataId,
|
|
21
23
|
"data-test-id": dataId,
|
|
22
|
-
onClick: onClick
|
|
23
|
-
|
|
24
|
-
}, text);
|
|
24
|
+
onClick: onClick
|
|
25
|
+
}, SecondaryTextProps), text);
|
|
25
26
|
}
|
|
26
27
|
SecondaryText.propTypes = SecondaryText_propTypes;
|
|
27
28
|
SecondaryText.defaultProps = SecondaryText_defaultProps;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
import React from 'react';
|
|
2
4
|
import { TicketId_defaultProps } from './props/defaultProps';
|
|
3
5
|
import { TicketId_propTypes } from './props/propTypes';
|
|
@@ -21,21 +23,19 @@ export default function TicketId(props) {
|
|
|
21
23
|
LinkProps = {},
|
|
22
24
|
TicketIdProps = {}
|
|
23
25
|
} = customProps;
|
|
24
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
26
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
25
27
|
className: `${style.ticketId} ${isLink ? style.ticketIdLink : ''} ${className ? className : ''}`,
|
|
26
28
|
"data-id": dataId,
|
|
27
29
|
"data-test-id": dataId,
|
|
28
30
|
"data-title": dataTitle,
|
|
29
|
-
onClick: !isLink && onClick
|
|
30
|
-
|
|
31
|
-
}, isLink ? /*#__PURE__*/React.createElement(Link, {
|
|
31
|
+
onClick: !isLink && onClick
|
|
32
|
+
}, TicketIdProps), isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
32
33
|
urlName: urlName,
|
|
33
34
|
urlData: urlData,
|
|
34
35
|
href: url,
|
|
35
36
|
target: target,
|
|
36
|
-
onClick: onClick
|
|
37
|
-
|
|
38
|
-
}, text) : text);
|
|
37
|
+
onClick: onClick
|
|
38
|
+
}, LinkProps), text) : text);
|
|
39
39
|
}
|
|
40
40
|
TicketId.propTypes = TicketId_propTypes;
|
|
41
41
|
TicketId.defaultProps = TicketId_defaultProps;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
import React from 'react';
|
|
2
4
|
import { defaultProps } from './props/defaultProps';
|
|
3
5
|
import { propTypes } from './props/propTypes';
|
|
@@ -24,7 +26,7 @@ const Subject = props => {
|
|
|
24
26
|
LinkProps = {},
|
|
25
27
|
TextProps = {}
|
|
26
28
|
} = customProps;
|
|
27
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
|
|
29
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
|
|
28
30
|
urlName: urlName,
|
|
29
31
|
href: href,
|
|
30
32
|
urlData: urlData,
|
|
@@ -32,15 +34,13 @@ const Subject = props => {
|
|
|
32
34
|
className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]} ${style.cursorPointer}`,
|
|
33
35
|
dataId: dataId,
|
|
34
36
|
title: text,
|
|
35
|
-
target: target
|
|
36
|
-
|
|
37
|
-
}, children ? children : text) : /*#__PURE__*/React.createElement("span", {
|
|
37
|
+
target: target
|
|
38
|
+
}, LinkProps), children ? children : text) : /*#__PURE__*/React.createElement("span", _extends({
|
|
38
39
|
className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]}`,
|
|
39
40
|
"data-title": text,
|
|
40
41
|
"data-id": dataId,
|
|
41
|
-
"data-test-id": dataId
|
|
42
|
-
|
|
43
|
-
}, text));
|
|
42
|
+
"data-test-id": dataId
|
|
43
|
+
}, TextProps), text));
|
|
44
44
|
};
|
|
45
45
|
|
|
46
46
|
export default Subject;
|
|
@@ -7,13 +7,12 @@ import style from '../../../list/Thread/Thread.module.css';
|
|
|
7
7
|
|
|
8
8
|
const Thread = props => {
|
|
9
9
|
const {
|
|
10
|
-
count
|
|
10
|
+
count,
|
|
11
11
|
className,
|
|
12
12
|
iconTitle,
|
|
13
13
|
dataId,
|
|
14
14
|
align
|
|
15
15
|
} = props;
|
|
16
|
-
const count = threadCount === '0' ? '1' : threadCount;
|
|
17
16
|
return /*#__PURE__*/React.createElement(Button, {
|
|
18
17
|
customClass: `${style.container} ${style[`align_${align}`]} ${className}`,
|
|
19
18
|
title: iconTitle,
|