@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.
Files changed (140) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +8 -0
  3. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  4. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  5. package/coverage/ExternalLink/index.html +1 -1
  6. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  7. package/coverage/ExternalLink/props/index.html +1 -1
  8. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  9. package/coverage/IconButton/IconButton.js.html +1 -1
  10. package/coverage/IconButton/IconButton.module.css.html +1 -1
  11. package/coverage/IconButton/index.html +1 -1
  12. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  13. package/coverage/IconButton/props/index.html +1 -1
  14. package/coverage/IconButton/props/propTypes.js.html +1 -1
  15. package/coverage/Image/Image.js.html +1 -1
  16. package/coverage/Image/Image.module.css.html +1 -1
  17. package/coverage/Image/index.html +1 -1
  18. package/coverage/Image/props/defaultProps.js.html +1 -1
  19. package/coverage/Image/props/index.html +1 -1
  20. package/coverage/Image/props/propTypes.js.html +1 -1
  21. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  22. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  23. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  24. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  25. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  26. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  27. package/coverage/coverage-final.json +16 -16
  28. package/coverage/coverage-summary.json +16 -16
  29. package/coverage/index.html +1 -1
  30. package/es/Drawer/Drawer.js +5 -4
  31. package/es/ExternalLink/ExternalLink.js +5 -4
  32. package/es/FlipCard/FlipCard.js +12 -14
  33. package/es/IconButton/IconButton.js +5 -4
  34. package/es/Link/Link.js +10 -8
  35. package/es/Message/Message.js +5 -4
  36. package/es/ToastMessage/ToastMessage.js +4 -2
  37. package/es/actions/AutoClose.js +1 -2
  38. package/es/alert/AlertLookup/AlertLookup.js +12 -14
  39. package/es/avatar/AvatarClose/AvatarClose.js +7 -7
  40. package/es/avatar/AvatarCollision/AvatarCollision.js +7 -7
  41. package/es/avatar/AvatarIcon/AvatarIcon.js +5 -4
  42. package/es/avatar/AvatarStatus/AvatarStatus.js +8 -7
  43. package/es/avatar/AvatarThread/AvatarThread.js +7 -7
  44. package/es/avatar/AvatarUser/AvatarUser.js +9 -10
  45. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +14 -17
  46. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +24 -28
  47. package/es/form/fields/CheckBoxField/CheckBoxField.js +13 -15
  48. package/es/form/fields/CurrencyField/CurrencyField.js +12 -14
  49. package/es/form/fields/DateField/DateField.js +14 -14
  50. package/es/form/fields/MultiSelectField/MultiSelectField.js +12 -13
  51. package/es/form/fields/PhoneField/PhoneField.js +7 -7
  52. package/es/form/fields/RadioField/RadioField.js +15 -18
  53. package/es/form/fields/SelectField/SelectField.js +14 -14
  54. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -13
  55. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +11 -11
  56. package/es/form/fields/TextBoxField/TextBoxField.js +14 -14
  57. package/es/form/fields/TextEditorField/TextEditorField.js +10 -11
  58. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +10 -11
  59. package/es/form/fields/TextareaField/TextareaField.js +13 -14
  60. package/es/layout/SubtabLayout/SubtabLayout.js +6 -4
  61. package/es/list/ListLayout/ListLayout.js +5 -4
  62. package/es/list/SecondaryText/AccountName.js +12 -12
  63. package/es/list/SecondaryText/ContactName.js +9 -8
  64. package/es/list/SecondaryText/Email.js +8 -8
  65. package/es/list/SecondaryText/PhoneNumber.js +8 -8
  66. package/es/list/SecondaryText/SecondaryText.js +5 -4
  67. package/es/list/SecondaryText/TicketId.js +7 -7
  68. package/es/list/Subject/Subject.js +7 -7
  69. package/es/list/Thread/Thread.js +1 -2
  70. package/es/list/status/StatusDropdown/StatusDropdown.js +50 -179
  71. package/es/list/status/StatusDropdown/StatusDropdown.module.css +1 -10
  72. package/es/list/status/StatusDropdown/props/defaultProps.js +2 -1
  73. package/es/list/status/StatusDropdown/props/propTypes.js +1 -1
  74. package/es/list/status/StatusListItem/StatusListItem.js +10 -6
  75. package/es/lookup/Lookup/Lookup.js +5 -4
  76. package/es/lookup/header/Search/Search.js +3 -5
  77. package/es/v1/Drawer/Drawer.js +5 -4
  78. package/es/v1/ExternalLink/ExternalLink.js +5 -4
  79. package/es/v1/FlipCard/FlipCard.js +12 -14
  80. package/es/v1/GlobalNotification/GlobalNotification.js +7 -6
  81. package/es/v1/IconButton/IconButton.js +5 -4
  82. package/es/v1/Link/Link.js +10 -8
  83. package/es/v1/Message/Message.js +5 -4
  84. package/es/v1/ToastMessage/ToastMessage.js +4 -2
  85. package/es/v1/actions/AutoClose.js +1 -2
  86. package/es/v1/alert/AlertLookup/AlertLookup.js +15 -15
  87. package/es/v1/avatar/AvatarClose/AvatarClose.js +7 -7
  88. package/es/v1/avatar/AvatarCollision/AvatarCollision.js +7 -7
  89. package/es/v1/avatar/AvatarIcon/AvatarIcon.js +5 -4
  90. package/es/v1/avatar/AvatarStatus/AvatarStatus.js +8 -7
  91. package/es/v1/avatar/AvatarThread/AvatarThread.js +7 -7
  92. package/es/v1/avatar/AvatarUser/AvatarUser.js +9 -10
  93. package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +14 -17
  94. package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js +24 -28
  95. package/es/v1/form/fields/CheckBoxField/CheckBoxField.js +13 -15
  96. package/es/v1/form/fields/CurrencyField/CurrencyField.js +12 -14
  97. package/es/v1/form/fields/DateField/DateField.js +14 -14
  98. package/es/v1/form/fields/MultiSelectField/MultiSelectField.js +12 -13
  99. package/es/v1/form/fields/PhoneField/PhoneField.js +7 -7
  100. package/es/v1/form/fields/RadioField/RadioField.js +16 -18
  101. package/es/v1/form/fields/SelectField/SelectField.js +14 -14
  102. package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -13
  103. package/es/v1/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +11 -11
  104. package/es/v1/form/fields/TextBoxField/TextBoxField.js +14 -14
  105. package/es/v1/form/fields/TextEditorField/TextEditorField.js +10 -11
  106. package/es/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js +10 -11
  107. package/es/v1/form/fields/TextareaField/TextareaField.js +13 -14
  108. package/es/v1/layout/SubtabLayout/SubtabLayout.js +6 -4
  109. package/es/v1/list/ListLayout/ListLayout.js +5 -4
  110. package/es/v1/list/SecondaryText/AccountName.js +12 -12
  111. package/es/v1/list/SecondaryText/ContactName.js +9 -8
  112. package/es/v1/list/SecondaryText/Email.js +8 -8
  113. package/es/v1/list/SecondaryText/PhoneNumber.js +8 -8
  114. package/es/v1/list/SecondaryText/SecondaryText.js +5 -4
  115. package/es/v1/list/SecondaryText/TicketId.js +7 -7
  116. package/es/v1/list/Subject/Subject.js +7 -7
  117. package/es/v1/list/Thread/Thread.js +1 -2
  118. package/es/v1/list/status/StatusDropdown/StatusDropdown.js +49 -134
  119. package/es/v1/list/status/StatusDropdown/props/defaultProps.js +2 -1
  120. package/es/v1/list/status/StatusDropdown/props/propTypes.js +1 -1
  121. package/es/v1/list/status/StatusListItem/StatusListItem.js +10 -6
  122. package/es/v1/lookup/Lookup/Lookup.js +5 -4
  123. package/es/v1/lookup/header/Search/Search.js +3 -5
  124. package/es/v1/notification/DesktopNotification/DesktopNotification.js +7 -6
  125. package/es/version2/GlobalNotification/GlobalNotification.js +7 -6
  126. package/es/version2/lookup/AlertLookup/AlertLookup.js +15 -15
  127. package/es/version2/notification/DesktopNotification/DesktopNotification.js +7 -6
  128. package/lib/list/Thread/Thread.js +1 -2
  129. package/lib/list/status/StatusDropdown/StatusDropdown.js +96 -231
  130. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +1 -10
  131. package/lib/list/status/StatusDropdown/props/defaultProps.js +2 -1
  132. package/lib/list/status/StatusDropdown/props/propTypes.js +1 -1
  133. package/lib/list/status/StatusListItem/StatusListItem.js +6 -1
  134. package/lib/v1/list/Thread/Thread.js +1 -2
  135. package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +41 -132
  136. package/lib/v1/list/status/StatusDropdown/props/defaultProps.js +2 -1
  137. package/lib/v1/list/status/StatusDropdown/props/propTypes.js +1 -1
  138. package/lib/v1/list/status/StatusListItem/StatusListItem.js +6 -1
  139. package/package.json +8 -8
  140. 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, useEffect } from 'react';
2
4
  import { defaultProps } from './props/defaultProps';
3
5
  import { propTypes } from './props/propTypes';
@@ -200,7 +202,7 @@ const TagsMultiSelectField = props => {
200
202
  renderProps: {
201
203
  end: renderEnd
202
204
  }
203
- }, /*#__PURE__*/React.createElement(Label, {
205
+ }, /*#__PURE__*/React.createElement(Label, _extends({
204
206
  text: labelName,
205
207
  title: labelName,
206
208
  id: id,
@@ -208,12 +210,11 @@ const TagsMultiSelectField = props => {
208
210
  palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
209
211
  customClass: `${fieldStyle.fieldLabel} ${isMandatory ? fieldStyle.labelMandatory : ''} ${labelClass ? labelClass : ''}`,
210
212
  dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
211
- htmlFor: htmlId,
212
- ...LabelProps
213
- }), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
213
+ htmlFor: htmlId
214
+ }, LabelProps)), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
214
215
  dataId: `${dataId}_tagCount`,
215
216
  className: style.count
216
- }, `(${selectedValueCount})`) : null), /*#__PURE__*/React.createElement(TagsMultiSelect, {
217
+ }, `(${selectedValueCount})`) : null), /*#__PURE__*/React.createElement(TagsMultiSelect, _extends({
217
218
  addTag: handleAdd,
218
219
  deleteTag: onDelete,
219
220
  handleChange: handleChange,
@@ -243,17 +244,16 @@ const TagsMultiSelectField = props => {
243
244
  borderColor: borderColor,
244
245
  htmlId: htmlId,
245
246
  getTextBoxChildren: getTextBoxChildren,
246
- className: containerClass,
247
- ...TagsMultiSelectProps,
247
+ className: containerClass
248
+ }, TagsMultiSelectProps, {
248
249
  clickableTag: clickableTag
249
- }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
250
+ })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
250
251
  text: validationMessage,
251
252
  palette: validationPalette,
252
253
  type: errorType,
253
254
  dataId: `${dataId}_ValidationMessage`,
254
- htmlFor: htmlId,
255
- ...ValidationMessageProps
256
- }));
255
+ htmlFor: htmlId
256
+ }, ValidationMessageProps)));
257
257
  };
258
258
 
259
259
  TagsMultiSelectField.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
  /**** Libraries ****/
2
4
  import React, { PureComponent } from 'react';
3
5
  import { defaultProps } from './props/defaultProps';
@@ -101,18 +103,18 @@ export default class TextBoxField extends PureComponent {
101
103
  ePhiData: ePhiData,
102
104
  dataId: dataId,
103
105
  renderProps: renderLabelProps
104
- }, /*#__PURE__*/React.createElement(Label, {
106
+ }, /*#__PURE__*/React.createElement(Label, _extends({
105
107
  text: labelName,
106
108
  size: fieldSize === 'small' ? 'small' : 'medium',
107
109
  palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
108
110
  customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
109
111
  htmlFor: uniqueId,
110
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
111
- ...LabelProps,
112
+ dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
113
+ }, LabelProps, {
112
114
  id: labelName
113
- })), /*#__PURE__*/React.createElement("div", {
115
+ }))), /*#__PURE__*/React.createElement("div", {
114
116
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
115
- }, /*#__PURE__*/React.createElement(TextBoxIcon, {
117
+ }, /*#__PURE__*/React.createElement(TextBoxIcon, _extends({
116
118
  htmlId: uniqueId,
117
119
  id: id,
118
120
  type: textBoxType,
@@ -132,26 +134,24 @@ export default class TextBoxField extends PureComponent {
132
134
  isDisabled: isDisabled,
133
135
  needEffect: isReadOnly || isDisabled ? false : true,
134
136
  isClickable: isClickable,
135
- needReadOnlyStyle: needReadOnlyStyle,
136
- ...TextBoxIconProps,
137
+ needReadOnlyStyle: needReadOnlyStyle
138
+ }, TextBoxIconProps, {
137
139
  a11y: {
138
140
  ariaLabelledby: labelName
139
141
  }
140
- }, children ? children : null), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
142
+ }), children ? children : null), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
141
143
  text: validationMessage,
142
144
  palette: validationPalette,
143
145
  type: errorType,
144
146
  dataId: `${dataId}_ValidationMessage`,
145
- htmlFor: uniqueId,
146
- ...ValidationMessageProps1
147
- }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
147
+ htmlFor: uniqueId
148
+ }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
148
149
  text: validationRuleMessage,
149
150
  palette: validationRulePalette,
150
151
  type: errorType,
151
152
  htmlFor: uniqueId,
152
- dataId: `${dataId}_ValidationRuleMessage`,
153
- ...ValidationMessageProps2
154
- })));
153
+ dataId: `${dataId}_ValidationRuleMessage`
154
+ }, ValidationMessageProps2))));
155
155
  }
156
156
 
157
157
  }
@@ -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, { PureComponent } from 'react';
3
5
  import { defaultProps } from './props/defaultProps';
@@ -119,18 +121,17 @@ export default class TextEditorField extends PureComponent {
119
121
  renderProps: {
120
122
  end: this.renderEnd
121
123
  }
122
- }, /*#__PURE__*/React.createElement(Label, {
124
+ }, /*#__PURE__*/React.createElement(Label, _extends({
123
125
  text: labelName,
124
126
  size: fieldSize === 'small' ? 'small' : 'medium',
125
127
  htmlFor: !isReadOnly && !isDisabled ? id : undefined,
126
128
  palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
127
129
  onClick: this.handleLabelClick,
128
130
  customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
129
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
130
- ...LabelProps
131
- })), /*#__PURE__*/React.createElement("div", {
131
+ dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
132
+ }, LabelProps))), /*#__PURE__*/React.createElement("div", {
132
133
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
133
- }, /*#__PURE__*/React.createElement(TextEditorWrapper, {
134
+ }, /*#__PURE__*/React.createElement(TextEditorWrapper, _extends({
134
135
  needEditor: needEditor,
135
136
  onChange: this.handleChange,
136
137
  id: id,
@@ -159,15 +160,13 @@ export default class TextEditorField extends PureComponent {
159
160
  shouldEditorUpdateContent: shouldEditorUpdateContent,
160
161
  setInlineAttachmentInProgress: setInlineAttachmentInProgress,
161
162
  handleEditorDropUpload: handleEditorDropUpload,
162
- needInlineAttachment: needInlineAttachment,
163
- ...TextEditorWrapperProps
164
- })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
163
+ needInlineAttachment: needInlineAttachment
164
+ }, TextEditorWrapperProps))), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
165
165
  text: validationMessage,
166
166
  palette: validationPalette,
167
167
  type: errorType,
168
- dataId: `${dataId}_ValidationMessage`,
169
- ...ValidationMessageProps
170
- }));
168
+ dataId: `${dataId}_ValidationMessage`
169
+ }, ValidationMessageProps)));
171
170
  }
172
171
 
173
172
  }
@@ -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, { Component } from 'react';
2
4
  import { defaultProps } from './props/defaultProps';
3
5
  import { propTypes } from './props/propTypes';
@@ -130,7 +132,7 @@ export default class TextEditorWrapper extends Component {
130
132
  return /*#__PURE__*/React.createElement("div", {
131
133
  className: style.container,
132
134
  "data-selector-id": dataSelectorId
133
- }, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, {
135
+ }, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, _extends({
134
136
  onFocus: this.handleTextareaFocus,
135
137
  text: value,
136
138
  animated: !needEditor,
@@ -142,9 +144,8 @@ export default class TextEditorWrapper extends Component {
142
144
  getRef: getRef,
143
145
  size: textBoxSize,
144
146
  variant: textBoxVariant,
145
- customClass: style.textBox,
146
- ...Textarea1Props
147
- }) : null, /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
147
+ customClass: style.textBox
148
+ }, Textarea1Props)) : null, /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
148
149
  name: "slideDown",
149
150
  runOnMount: true,
150
151
  enterDuration: '300',
@@ -153,7 +154,7 @@ export default class TextEditorWrapper extends Component {
153
154
  component: "div"
154
155
  }, /*#__PURE__*/React.createElement("div", {
155
156
  className: style.textEditor
156
- }, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, {
157
+ }, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, _extends({
157
158
  id: id,
158
159
  value: value,
159
160
  onChange: !isReadOnly && !isDisabled ? onChange : null,
@@ -181,9 +182,8 @@ export default class TextEditorWrapper extends Component {
181
182
  setInlineAttachmentInProgress: setInlineAttachmentInProgress,
182
183
  handleDropUpload: handleEditorDropUpload,
183
184
  onFocus: this.focusCallback,
184
- needInlineAttachment: needInlineAttachment,
185
- ...TextEditorProps
186
- }) : /*#__PURE__*/React.createElement(Textarea, {
185
+ needInlineAttachment: needInlineAttachment
186
+ }, TextEditorProps)) : /*#__PURE__*/React.createElement(Textarea, _extends({
187
187
  onFocus: this.handleTextareaFocus,
188
188
  text: value,
189
189
  animated: !needEditor,
@@ -194,9 +194,8 @@ export default class TextEditorWrapper extends Component {
194
194
  needEffect: !(isReadOnly || isDisabled),
195
195
  getRef: getRef,
196
196
  size: textBoxSize,
197
- variant: textBoxVariant,
198
- ...Textarea2Props
199
- }))));
197
+ variant: textBoxVariant
198
+ }, Textarea2Props)))));
200
199
  }
201
200
 
202
201
  }
@@ -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, { PureComponent } from 'react';
3
5
  import { defaultProps } from './props/defaultProps';
@@ -103,18 +105,17 @@ export default class TextareaField extends PureComponent {
103
105
  isLocked: isLocked,
104
106
  lockedInfoText: lockedInfoText,
105
107
  renderProps: renderLabelProps
106
- }, /*#__PURE__*/React.createElement(Label, {
108
+ }, /*#__PURE__*/React.createElement(Label, _extends({
107
109
  text: labelName,
108
110
  id: id,
109
111
  size: fieldSize === 'small' ? 'small' : 'medium',
110
112
  palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
111
113
  customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
112
114
  htmlFor: uniqueId,
113
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
114
- ...LabelProps
115
- })), /*#__PURE__*/React.createElement("div", {
115
+ dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
116
+ }, LabelProps))), /*#__PURE__*/React.createElement("div", {
116
117
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
117
- }, /*#__PURE__*/React.createElement(Textarea, {
118
+ }, /*#__PURE__*/React.createElement(Textarea, _extends({
118
119
  onChange: this.handleChange,
119
120
  animated: animated,
120
121
  size: fieldSize === 'medium' ? textBoxSize : 'xmedium',
@@ -132,26 +133,24 @@ export default class TextareaField extends PureComponent {
132
133
  needEffect: isReadOnly || isDisabled ? false : true,
133
134
  resize: "vertical" // onKeyDown={onKeyDown}
134
135
  ,
135
- htmlId: uniqueId,
136
- ...TextareaProps,
136
+ htmlId: uniqueId
137
+ }, TextareaProps, {
137
138
  a11y: {
138
139
  ariaLabelledby: labelName
139
140
  }
140
- }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
141
+ })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
141
142
  text: validationMessage,
142
143
  palette: validationPalette,
143
144
  type: errorType,
144
145
  htmlFor: uniqueId,
145
- dataId: `${dataId}_ValidationMessage`,
146
- ...ValidationMessageProps1
147
- }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
146
+ dataId: `${dataId}_ValidationMessage`
147
+ }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
148
148
  text: validationRuleMessage,
149
149
  palette: validationRulePalette,
150
150
  type: errorType,
151
151
  htmlFor: uniqueId,
152
- dataId: `${dataId}_ValidationRuleMessage`,
153
- ...ValidationMessageProps2
154
- })));
152
+ dataId: `${dataId}_ValidationRuleMessage`
153
+ }, ValidationMessageProps2))));
155
154
  }
156
155
 
157
156
  }
@@ -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';
@@ -122,15 +124,15 @@ export default class SubtabLayout extends React.Component {
122
124
  children,
123
125
  dataId
124
126
  } = this.props;
125
- return /*#__PURE__*/React.createElement(Card, {
127
+ return /*#__PURE__*/React.createElement(Card, _extends({
126
128
  isScrollAttribute: true,
127
- dataId: dataId,
128
- ...this.props,
129
+ dataId: dataId
130
+ }, this.props, {
129
131
  childTypes: {
130
132
  cardHeader: SubtabHeader,
131
133
  cardContent: SubtabContent
132
134
  }
133
- }, children);
135
+ }), children);
134
136
  }
135
137
 
136
138
  }
@@ -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, { Component } from 'react';
2
4
  import { ListLayout_defaultProps } from './props/defaultProps';
3
5
  import { ListLayout_propTypes, Column_propTypes } from './props/propTypes';
@@ -67,10 +69,9 @@ export class Column extends Component {
67
69
  children,
68
70
  className
69
71
  } = this.props;
70
- return /*#__PURE__*/React.createElement(Box, {
71
- className: `${className ? className : ''}`,
72
- ...this.props
73
- }, children);
72
+ return /*#__PURE__*/React.createElement(Box, _extends({
73
+ className: `${className ? className : ''}`
74
+ }, this.props), children);
74
75
  }
75
76
 
76
77
  }
@@ -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 ****/
@@ -51,28 +53,26 @@ export default class AccountName extends Component {
51
53
  }, /*#__PURE__*/React.createElement(Box, {
52
54
  className: style.primaryAccountName,
53
55
  shrink: true
54
- }, isLink ? /*#__PURE__*/React.createElement(Link, {
56
+ }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
55
57
  href: href,
56
58
  urlName: urlName,
57
59
  urlData: urlData,
58
60
  onClick: onClick,
59
61
  dataId: `${dataId}_link`,
60
- className: style.link,
61
- ...LinkProps,
62
+ className: style.link
63
+ }, LinkProps, {
62
64
  ariaLabel: `Account Name ${text}`
63
- }, /*#__PURE__*/React.createElement("div", {
65
+ }), /*#__PURE__*/React.createElement("div", {
64
66
  className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
65
- }, text)) : /*#__PURE__*/React.createElement("div", {
66
- className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
67
- ...TextProps
68
- }, text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
67
+ }, text)) : /*#__PURE__*/React.createElement("div", _extends({
68
+ className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`
69
+ }, TextProps), text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
69
70
  href: secondaryAccountHref,
70
71
  onClick: secondaryAccountClick,
71
72
  className: style.link
72
- }, /*#__PURE__*/React.createElement("div", {
73
- className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
74
- ...SecondaryTextProps
75
- }, secondaryAccountText))))));
73
+ }, /*#__PURE__*/React.createElement("div", _extends({
74
+ className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
75
+ }, SecondaryTextProps), secondaryAccountText))))));
76
76
  }
77
77
 
78
78
  }
@@ -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, { Component } from 'react';
2
4
  import { ContactName_defaultProps } from './props/defaultProps';
3
5
  import { ContactName_propTypes } from './props/propTypes';
@@ -52,23 +54,22 @@ export default class ContactName extends Component {
52
54
  iconClass: style.icon
53
55
  })), /*#__PURE__*/React.createElement(Box, {
54
56
  flexible: true
55
- }, isLink ? /*#__PURE__*/React.createElement(Link, {
57
+ }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
56
58
  urlName: urlName,
57
59
  href: href,
58
60
  urlData: urlData,
59
61
  onClick: onClick,
60
62
  title: dataTitle,
61
63
  dataId: `${dataId}_link`,
62
- className: style.link,
63
- ...LinkProps,
64
+ className: style.link
65
+ }, LinkProps, {
64
66
  ariaLabel: `Contact Name ${text}`
65
- }, /*#__PURE__*/React.createElement("div", {
67
+ }), /*#__PURE__*/React.createElement("div", {
66
68
  className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
67
- }, text)) : /*#__PURE__*/React.createElement("div", {
69
+ }, text)) : /*#__PURE__*/React.createElement("div", _extends({
68
70
  className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
69
- "data-title": dataTitle,
70
- ...TextProps
71
- }, text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
71
+ "data-title": dataTitle
72
+ }, TextProps), text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
72
73
  type: sentimentType,
73
74
  dataTitle: sentimentDataTitle
74
75
  })));
@@ -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 ****/
@@ -28,21 +30,19 @@ export default class Email extends Component {
28
30
  LinkProps = {},
29
31
  TextProps = {}
30
32
  } = customProps;
31
- return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
33
+ return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
32
34
  href: href,
33
35
  title: title,
34
36
  urlData: urlData,
35
37
  urlName: urlName,
36
38
  target: target,
37
- className: style.link,
38
- ...LinkProps
39
- }, /*#__PURE__*/React.createElement("div", {
39
+ className: style.link
40
+ }, LinkProps), /*#__PURE__*/React.createElement("div", {
40
41
  className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
41
- }, text)) : /*#__PURE__*/React.createElement("div", {
42
+ }, text)) : /*#__PURE__*/React.createElement("div", _extends({
42
43
  className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
43
- "data-title": title,
44
- ...TextProps
45
- }, text));
44
+ "data-title": title
45
+ }, TextProps), text));
46
46
  }
47
47
 
48
48
  }
@@ -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 ****/
@@ -30,7 +32,7 @@ export default class PhoneNumber extends Component {
30
32
  LinkProps = {},
31
33
  TextProps = {}
32
34
  } = customProps;
33
- return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
35
+ return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
34
36
  href: href,
35
37
  title: title,
36
38
  urlData: urlData,
@@ -38,15 +40,13 @@ export default class PhoneNumber extends Component {
38
40
  dataId: dataId,
39
41
  target: target,
40
42
  hasReload: hasReload,
41
- className: style.link,
42
- ...LinkProps
43
- }, /*#__PURE__*/React.createElement("div", {
43
+ className: style.link
44
+ }, LinkProps), /*#__PURE__*/React.createElement("div", {
44
45
  className: `${style.phoneNumber} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
45
- }, text)) : /*#__PURE__*/React.createElement("div", {
46
+ }, text)) : /*#__PURE__*/React.createElement("div", _extends({
46
47
  className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
47
- "data-title": title,
48
- ...TextProps
49
- }, text));
48
+ "data-title": title
49
+ }, TextProps), text));
50
50
  }
51
51
 
52
52
  }
@@ -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, { Component } from 'react';
2
4
  import { SecondaryText_defaultProps } from './props/defaultProps';
3
5
  import { SecondaryText_propTypes } from './props/propTypes';
@@ -19,14 +21,13 @@ export default class SecondaryText extends Component {
19
21
  let {
20
22
  SecondaryTextProps
21
23
  } = customProps;
22
- return /*#__PURE__*/React.createElement("div", {
24
+ return /*#__PURE__*/React.createElement("div", _extends({
23
25
  className: `${style.secondaryText} ${className ? className : ''}`,
24
26
  "data-title": dataTitle,
25
27
  "data-id": dataId,
26
28
  "data-test-id": dataId,
27
- onClick: onClick,
28
- ...SecondaryTextProps
29
- }, text);
29
+ onClick: onClick
30
+ }, SecondaryTextProps), text);
30
31
  }
31
32
 
32
33
  }
@@ -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, { Component } from 'react';
2
4
  import { TicketId_defaultProps } from './props/defaultProps';
3
5
  import { TicketId_propTypes } from './props/propTypes';
@@ -26,21 +28,19 @@ export default class TicketId extends Component {
26
28
  LinkProps = {},
27
29
  TicketIdProps = {}
28
30
  } = customProps;
29
- return /*#__PURE__*/React.createElement("div", {
31
+ return /*#__PURE__*/React.createElement("div", _extends({
30
32
  className: `${style.ticketId} ${isLink ? style.ticketIdLink : ''} ${className ? className : ''}`,
31
33
  "data-id": dataId,
32
34
  "data-test-id": dataId,
33
35
  "data-title": dataTitle,
34
- onClick: !isLink && onClick,
35
- ...TicketIdProps
36
- }, isLink ? /*#__PURE__*/React.createElement(Link, {
36
+ onClick: !isLink && onClick
37
+ }, TicketIdProps), isLink ? /*#__PURE__*/React.createElement(Link, _extends({
37
38
  urlName: urlName,
38
39
  urlData: urlData,
39
40
  href: url,
40
41
  target: target,
41
- onClick: onClick,
42
- ...LinkProps
43
- }, text) : text);
42
+ onClick: onClick
43
+ }, LinkProps), text) : text);
44
44
  }
45
45
 
46
46
  }
@@ -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, { Component } from 'react';
2
4
  import { defaultProps } from './props/defaultProps';
3
5
  import { propTypes } from './props/propTypes';
@@ -28,7 +30,7 @@ export default class Subject extends Component {
28
30
  LinkProps = {},
29
31
  TextProps = {}
30
32
  } = customProps;
31
- return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
33
+ return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
32
34
  urlName: urlName,
33
35
  href: href,
34
36
  urlData: urlData,
@@ -36,15 +38,13 @@ export default class Subject extends Component {
36
38
  className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]} ${style.cursorPointer}`,
37
39
  dataId: dataId,
38
40
  title: text,
39
- target: target,
40
- ...LinkProps
41
- }, children ? children : text) : /*#__PURE__*/React.createElement("span", {
41
+ target: target
42
+ }, LinkProps), children ? children : text) : /*#__PURE__*/React.createElement("span", _extends({
42
43
  className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]}`,
43
44
  "data-title": text,
44
45
  "data-id": dataId,
45
- "data-test-id": dataId,
46
- ...TextProps
47
- }, text));
46
+ "data-test-id": dataId
47
+ }, TextProps), text));
48
48
  }
49
49
 
50
50
  }
@@ -11,13 +11,12 @@ export default class Thread extends Component {
11
11
 
12
12
  render() {
13
13
  let {
14
- count: threadCount,
14
+ count,
15
15
  className,
16
16
  iconTitle,
17
17
  dataId,
18
18
  align
19
19
  } = this.props;
20
- let count = threadCount === '0' ? '1' : threadCount;
21
20
  return /*#__PURE__*/React.createElement(Button, {
22
21
  customClass: `${style.container} ${style[`align_${align}`]} ${className}`,
23
22
  title: iconTitle,