@zohodesk/dot 1.0.0-temp-221 → 1.0.0-temp-222

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 (26) hide show
  1. package/README.md +4 -0
  2. package/es/form/fields/CheckBoxField/CheckBoxField.js +9 -6
  3. package/es/form/fields/CurrencyField/CurrencyField.js +5 -5
  4. package/es/form/fields/DateField/DateField.js +8 -7
  5. package/es/form/fields/Fields.module.css +8 -3
  6. package/es/form/fields/MultiSelectField/MultiSelectField.js +6 -5
  7. package/es/form/fields/RadioField/RadioField.js +29 -10
  8. package/es/form/fields/RadioField/__tests__/RadioField.spec.js +33 -0
  9. package/es/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +562 -66
  10. package/es/form/fields/SelectField/SelectField.js +6 -5
  11. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +8 -6
  12. package/es/form/fields/TextBoxField/TextBoxField.js +7 -7
  13. package/es/form/fields/TextareaField/TextareaField.js +6 -6
  14. package/lib/form/fields/CheckBoxField/CheckBoxField.js +10 -6
  15. package/lib/form/fields/CurrencyField/CurrencyField.js +5 -4
  16. package/lib/form/fields/DateField/DateField.js +9 -6
  17. package/lib/form/fields/Fields.module.css +8 -3
  18. package/lib/form/fields/MultiSelectField/MultiSelectField.js +7 -5
  19. package/lib/form/fields/RadioField/RadioField.js +26 -11
  20. package/lib/form/fields/RadioField/__tests__/RadioField.spec.js +33 -0
  21. package/lib/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +562 -66
  22. package/lib/form/fields/SelectField/SelectField.js +7 -5
  23. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +8 -5
  24. package/lib/form/fields/TextBoxField/TextBoxField.js +8 -6
  25. package/lib/form/fields/TextareaField/TextareaField.js +6 -5
  26. package/package.json +4 -4
package/es/form/fields/SelectField/SelectField.js CHANGED
@@ -3,9 +3,8 @@ import React, { PureComponent } from 'react';
3
3
  import { defaultProps } from "./props/defaultProps";
4
4
  import { propTypes } from "./props/propTypes";
5
5
  /**** Components ****/
6
- // import Label from '@zohodesk/components/es/Label/Label';
7
6
 
8
- import Label from '@zohodesk/components/es/v1/Label/Label';
7
+ import Label from '@zohodesk/components/es/Label/Label';
9
8
  import Select from '@zohodesk/components/es/Select/Select';
10
9
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
11
10
  import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -116,11 +115,13 @@ export default class SelectField extends PureComponent {
116
115
  renderProps: renderLabelProps
117
116
  }, /*#__PURE__*/React.createElement(Label, {
118
117
  text: labelName,
119
- isRequired: isMandatory,
118
+ size: fieldSize === 'small' ? 'small' : 'medium',
119
+ palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
120
+ customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
120
121
  htmlFor: uniqueId,
122
+ dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
121
123
  ...LabelProps,
122
- testId: uniqueId,
123
- customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
124
+ id: uniqueId
124
125
  })), /*#__PURE__*/React.createElement("div", {
125
126
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''} ${fieldClass ? fieldClass : ''}`
126
127
  }, /*#__PURE__*/React.createElement(Select, {
package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js CHANGED
@@ -1,9 +1,8 @@
1
1
  import React, { useState, useEffect } from 'react';
2
2
  import { defaultProps } from "./props/defaultProps";
3
3
  import { propTypes } from "./props/propTypes";
4
- import { Box } from '@zohodesk/components/es/Layout'; // import Label from '@zohodesk/components/es/Label/Label';
5
-
6
- import Label from '@zohodesk/components/es/v1/Label/Label';
4
+ import { Box } from '@zohodesk/components/es/Layout';
5
+ import Label from '@zohodesk/components/es/Label/Label';
7
6
  import Popup from '@zohodesk/components/es/Popup/Popup';
8
7
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
9
8
  import TagsMultiSelect from "../TagsMultiSelect/TagsMultiSelect";
@@ -207,10 +206,13 @@ const TagsMultiSelectField = props => {
207
206
  }
208
207
  }, /*#__PURE__*/React.createElement(Label, {
209
208
  text: labelName,
210
- isRequired: isMandatory,
209
+ title: labelName,
210
+ id: id,
211
+ size: labelSize,
212
+ palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
213
+ customClass: `${fieldStyle.fieldLabel} ${isMandatory ? fieldStyle.labelMandatory : ''} ${labelClass ? labelClass : ''}`,
214
+ dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
211
215
  htmlFor: htmlId,
212
- testId: id,
213
- customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
214
216
  ...LabelProps
215
217
  }), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
216
218
  dataId: `${dataId}_tagCount`,
package/es/form/fields/TextBoxField/TextBoxField.js CHANGED
@@ -3,9 +3,8 @@ import React, { PureComponent } from 'react';
3
3
  import { defaultProps } from "./props/defaultProps";
4
4
  import { propTypes } from "./props/propTypes";
5
5
  /**** Components ****/
6
- // import Label from '@zohodesk/components/es/Label/Label';
7
6
 
8
- import Label from '@zohodesk/components/es/v1/Label/Label';
7
+ import Label from '@zohodesk/components/es/Label/Label';
9
8
  import TextBoxIcon from '@zohodesk/components/es/TextBoxIcon/TextBoxIcon';
10
9
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
11
10
  import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -104,12 +103,13 @@ export default class TextBoxField extends PureComponent {
104
103
  renderProps: renderLabelProps
105
104
  }, /*#__PURE__*/React.createElement(Label, {
106
105
  text: labelName,
107
- isRequired: isMandatory,
108
- customStyle: labelCustomClass,
109
- testId: labelName,
106
+ size: fieldSize === 'small' ? 'small' : 'medium',
107
+ palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
108
+ customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
110
109
  htmlFor: uniqueId,
111
- customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
112
- ...LabelProps
110
+ dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
111
+ ...LabelProps,
112
+ id: labelName
113
113
  })), /*#__PURE__*/React.createElement("div", {
114
114
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
115
115
  }, /*#__PURE__*/React.createElement(TextBoxIcon, {
package/es/form/fields/TextareaField/TextareaField.js CHANGED
@@ -3,9 +3,8 @@ import React, { PureComponent } from 'react';
3
3
  import { defaultProps } from "./props/defaultProps";
4
4
  import { propTypes } from "./props/propTypes";
5
5
  /**** Components ****/
6
- // import Label from '@zohodesk/components/es/Label/Label';
7
6
 
8
- import Label from '@zohodesk/components/es/v1/Label/Label';
7
+ import Label from '@zohodesk/components/es/Label/Label';
9
8
  import Textarea from '@zohodesk/components/es/Textarea/Textarea';
10
9
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
11
10
  import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -132,11 +131,12 @@ export default class TextareaField extends PureComponent {
132
131
  renderProps: renderLabelProps
133
132
  }, /*#__PURE__*/React.createElement(Label, {
134
133
  text: labelName,
135
- isRequired: isMandatory,
136
- customStyle: labelCustomClass,
137
- testId: id,
134
+ id: id,
135
+ size: fieldSize === 'small' ? 'small' : 'medium',
136
+ palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
137
+ customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
138
138
  htmlFor: uniqueId,
139
- customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
139
+ dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
140
140
  ...LabelProps
141
141
  })), /*#__PURE__*/React.createElement("div", {
142
142
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
package/lib/form/fields/CheckBoxField/CheckBoxField.js CHANGED
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
17
17
 
18
18
  var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/CheckBox/CheckBox"));
19
19
 
@@ -140,11 +140,15 @@ var CheckBoxField = /*#__PURE__*/function (_PureComponent) {
140
140
  renderProps: renderLabelProps
141
141
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
142
142
  text: labelName,
143
- isRequired: isMandatory,
144
- customStyle: labelCustomClass,
145
- testId: id,
146
- customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
147
- onClick: !removeEvent ? this.handleLabelClick : null
143
+ id: id,
144
+ size: fieldSize === 'small' ? 'small' : 'medium',
145
+ palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
146
+ infoText: infoText,
147
+ customClass: "".concat(!isDirectCol ? _FieldsModule["default"].checkboxText : '', " ").concat(!isDirectCol ? _FieldsModule["default"]["lineClamp_".concat(lineClamp)] : '', " ").concat(isReadOnly || isDisabled ? _FieldsModule["default"].cbTextReadonly : _FieldsModule["default"].cbTextPointer, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
148
+ title: labelName,
149
+ onClick: !removeEvent ? this.handleLabelClick : null,
150
+ variant: isDirectCol ? 'default' : 'primary',
151
+ dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
148
152
  }, LabelProps)));
149
153
 
150
154
  return /*#__PURE__*/_react["default"].createElement("div", {
package/lib/form/fields/CurrencyField/CurrencyField.js CHANGED
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
17
17
 
18
18
  var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/es/TextBoxIcon/TextBoxIcon"));
19
19
 
@@ -178,10 +178,11 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
178
178
  renderProps: renderLabelProps
179
179
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
180
180
  text: labelName,
181
- isRequired: isMandatory,
182
- customStyle: labelCustomClass,
181
+ size: fieldSize === 'small' ? 'small' : 'medium',
182
+ palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
183
+ customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
183
184
  htmlFor: uniqueId,
184
- customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
185
+ dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
185
186
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
186
187
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
187
188
  }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], _extends({
package/lib/form/fields/DateField/DateField.js CHANGED
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
17
17
 
18
18
  var _DateWidget = _interopRequireDefault(require("@zohodesk/components/es/DateTime/DateWidget"));
19
19
 
@@ -185,12 +185,15 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
185
185
  renderProps: renderLabelProps
186
186
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
187
187
  text: labelName,
188
- isRequired: isMandatory,
189
- customStyle: labelCustomClass,
190
188
  htmlFor: getAriaId,
191
- testId: labelName,
192
- customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
193
- }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
189
+ size: fieldSize === 'small' ? 'small' : 'medium',
190
+ palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
191
+ onClick: isDisabled || isReadOnly ? null : this.handleLabelClick,
192
+ customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
193
+ dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
194
+ }, LabelProps, {
195
+ id: labelName
196
+ }))), /*#__PURE__*/_react["default"].createElement("div", {
194
197
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
195
198
  }, isLocked && lockedValueText ? /*#__PURE__*/_react["default"].createElement("div", {
196
199
  className: _FieldsModule["default"].lockText
package/lib/form/fields/Fields.module.css CHANGED
@@ -71,11 +71,16 @@
71
71
  }
72
72
  .radioBox {
73
73
  max-width: 100% ;
74
- height: var(--zd_size36) ;
75
74
  transition: border var(--zd_transition3);
76
- padding: 0 var(--zd_size10) ;
77
75
  border: 1px solid var(--zdt_radiofield_box_border);
78
- border-radius: 6px
76
+ border-radius: 6px;
77
+ }
78
+ .radioBox.primaryTextOnly {
79
+ height: var(--zd_size36) ;
80
+ padding: 0 var(--zd_size10) ;
81
+ }
82
+ .radioBox.withSecondaryText {
83
+ padding: var(--zd_size18) var(--zd_size16) ;
79
84
  }
80
85
  .hoverableRadioBox:hover, .radioBoxActive {
81
86
  border-color: var(--zdt_radiofield_box_active_border)
package/lib/form/fields/MultiSelectField/MultiSelectField.js CHANGED
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
17
17
 
18
18
  var _MultiSelect = _interopRequireDefault(require("@zohodesk/components/es/MultiSelect/MultiSelect"));
19
19
 
@@ -198,11 +198,13 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
198
198
  renderProps: renderLabelProps
199
199
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
200
200
  text: labelName,
201
- isRequired: isMandatory // customStyle={style.fieldLabel}
201
+ id: id,
202
+ size: fieldSize === 'small' ? 'small' : 'medium',
203
+ palette: isDarkPalette ? 'dark' : isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette // onClick={this.handleLabelClick}
202
204
  ,
203
- htmlFor: uniqueId,
204
- testId: id,
205
- customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
205
+ customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
206
+ dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
207
+ htmlFor: uniqueId
206
208
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement(_MultiSelect["default"], _extends({
207
209
  options: options,
208
210
  onChange: this.handleChange,
package/lib/form/fields/RadioField/RadioField.js CHANGED
@@ -9,6 +9,8 @@ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
+ var _utils = require("@zohodesk/utils");
13
+
12
14
  var _defaultProps = require("./props/defaultProps");
13
15
 
14
16
  var _propTypes = require("./props/propTypes");
@@ -184,18 +186,30 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
184
186
  }, LabelProps)), /*#__PURE__*/_react["default"].createElement("div", {
185
187
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(isBoxStyle ? _FieldsModule["default"].radiosWrapper : '', " ").concat(labelName ? isBoxStyle ? _FieldsModule["default"].fieldMargin_large : _FieldsModule["default"].fieldMargin_medium : '', " ").concat(_FieldsModule["default"].radioContainer)
186
188
  }, options.map(function (option, index) {
189
+ var _compileClassNames;
190
+
187
191
  var text = option.text,
188
192
  value = option.value,
189
193
  _option$disabled = option.disabled,
190
194
  disabled = _option$disabled === void 0 ? false : _option$disabled,
191
195
  tooltip = option.tooltip,
192
- infoTooltip = option.infoTooltip;
196
+ infoTooltip = option.infoTooltip,
197
+ secondaryText = option.secondaryText,
198
+ renderRightPlaceholderNode = option.renderRightPlaceholderNode,
199
+ customProps = option.customProps;
193
200
  var isDisabledState = disabled || isDisabled;
194
201
  var isChecked = selectedValue == value;
202
+ var rightPlaceholderNode = !!infoTooltip ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Icon["default"], _extends({
203
+ name: "ZD-GN-info",
204
+ size: "16",
205
+ title: infoTooltip,
206
+ iconClass: _FieldsModule["default"].infoIcon
207
+ }, InfoIconProps)), renderRightPlaceholderNode) : renderRightPlaceholderNode;
208
+ var radioBoxClasses = isBoxStyle ? (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, _FieldsModule["default"].radioBox, true), _defineProperty(_compileClassNames, _FieldsModule["default"].withSecondaryText, !!secondaryText), _defineProperty(_compileClassNames, _FieldsModule["default"].primaryTextOnly, !secondaryText), _defineProperty(_compileClassNames, _FieldsModule["default"].hoverableRadioBox, !isDisabledState), _defineProperty(_compileClassNames, _FieldsModule["default"].radioBoxActive, isChecked), _compileClassNames)) : '';
195
209
  return /*#__PURE__*/_react["default"].createElement("span", {
196
210
  key: index,
197
211
  className: "".concat(!isBoxStyle ? _FieldsModule["default"].radio : '', " ").concat(_FieldsModule["default"].radioWrap)
198
- }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], _extends({
212
+ }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], _extends({}, customProps, {
199
213
  id: index,
200
214
  value: value,
201
215
  name: id,
@@ -212,20 +226,21 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
212
226
  checked: isChecked,
213
227
  dataId: dataId,
214
228
  isReadOnly: isReadOnly,
215
- variant: variant
229
+ variant: variant,
230
+ secondaryText: secondaryText
216
231
  }, RadioProps, {
217
232
  a11y: _objectSpread({
218
233
  tabIndex: !!selectedValue ? isChecked ? '0' : '-1' : index === 0 ? '0' : '-1'
219
234
  }, RadioProps.a11y),
220
235
  customClass: _objectSpread({
221
- customRadioWrap: isBoxStyle ? "".concat(_FieldsModule["default"].radioBox, " ").concat(!isDisabledState ? _FieldsModule["default"].hoverableRadioBox : '', " ").concat(isChecked ? _FieldsModule["default"].radioBoxActive : '') : ''
222
- }, RadioProps.customClass)
223
- }), !!infoTooltip ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], _extends({
224
- name: "ZD-GN-info",
225
- size: "16",
226
- title: infoTooltip,
227
- iconClass: _FieldsModule["default"].infoIcon
228
- }, InfoIconProps)) : null));
236
+ customRadioWrap: radioBoxClasses
237
+ }, RadioProps.customClass),
238
+ customProps: _objectSpread({
239
+ LabelProps: _objectSpread(_objectSpread({}, RadioProps.customProps ? RadioProps.customProps.LabelProps : undefined), {}, {
240
+ renderRightPlaceholderNode: rightPlaceholderNode
241
+ })
242
+ }, RadioProps.customProps)
243
+ })));
229
244
  })), validationMessage && /*#__PURE__*/_react["default"].createElement(_ValidationMessage["default"], _extends({
230
245
  text: validationMessage,
231
246
  palette: validationPalette,
package/lib/form/fields/RadioField/__tests__/RadioField.spec.js CHANGED
@@ -24,6 +24,22 @@ var options = [{
24
24
  text: 'Kolkata',
25
25
  value: '4'
26
26
  }];
27
+ var optionsWithsecondaryText = [{
28
+ text: 'Chennai',
29
+ value: '1',
30
+ secondaryText: 'Tamil Nadu Capital'
31
+ }, {
32
+ text: 'Mumbai',
33
+ value: '2',
34
+ secondaryText: 'Maharashtra Capital',
35
+ tooltip: 'Disabled Option',
36
+ disabled: true
37
+ }, {
38
+ text: 'Delhi',
39
+ value: '3',
40
+ secondaryText: 'Capital of India',
41
+ infoTooltip: 'Capital of India'
42
+ }];
27
43
  describe('RadioField', function () {
28
44
  test('rendering the defult props', function () {
29
45
  var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioField["default"], {
@@ -50,4 +66,21 @@ describe('RadioField', function () {
50
66
 
51
67
  expect(asFragment()).toMatchSnapshot();
52
68
  });
69
+ test('rendering with secondaryTextOptions', function () {
70
+ var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioField["default"], {
71
+ options: optionsWithsecondaryText
72
+ })),
73
+ asFragment = _render4.asFragment;
74
+
75
+ expect(asFragment()).toMatchSnapshot();
76
+ });
77
+ test('rendering with secondaryTextOptions & isBoxStyle', function () {
78
+ var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioField["default"], {
79
+ options: optionsWithsecondaryText,
80
+ isBoxStyle: true
81
+ })),
82
+ asFragment = _render5.asFragment;
83
+
84
+ expect(asFragment()).toMatchSnapshot();
85
+ });
53
86
  });