@zohodesk/dot 1.9.0 → 1.9.1

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 (22) hide show
  1. package/README.md +7 -1
  2. package/es/form/fields/CheckBoxField/CheckBoxField.js +17 -8
  3. package/es/form/fields/CurrencyField/CurrencyField.js +10 -4
  4. package/es/form/fields/DateField/DateField.js +17 -7
  5. package/es/form/fields/MultiSelectField/MultiSelectField.js +13 -6
  6. package/es/form/fields/RadioField/RadioField.js +15 -5
  7. package/es/form/fields/SelectField/SelectField.js +17 -7
  8. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +16 -7
  9. package/es/form/fields/TextBoxField/TextBoxField.js +16 -6
  10. package/es/form/fields/TextEditorField/TextEditorField.js +10 -4
  11. package/es/form/fields/TextareaField/TextareaField.js +15 -5
  12. package/lib/form/fields/CheckBoxField/CheckBoxField.js +17 -8
  13. package/lib/form/fields/CurrencyField/CurrencyField.js +10 -4
  14. package/lib/form/fields/DateField/DateField.js +17 -8
  15. package/lib/form/fields/MultiSelectField/MultiSelectField.js +13 -6
  16. package/lib/form/fields/RadioField/RadioField.js +15 -5
  17. package/lib/form/fields/SelectField/SelectField.js +17 -8
  18. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +16 -7
  19. package/lib/form/fields/TextBoxField/TextBoxField.js +16 -7
  20. package/lib/form/fields/TextEditorField/TextEditorField.js +10 -4
  21. package/lib/form/fields/TextareaField/TextareaField.js +15 -5
  22. package/package.json +5 -5
package/README.md CHANGED
@@ -2,13 +2,19 @@
2
2
 
3
3
  In this Library, we Provide Some Basic Components to Build Your Application
4
4
 
5
+ # 1.9.1
6
+
7
+ - **CheckBoxField, CurrencyField, DateField, MultiSelectField, RadioField, SelectField, TagsMultiSelectField, TextareaField, TextBoxField, TextEditorField**
8
+ - Accessibility Enhanced Label component has been updated in above components
9
+ (v1 folder components excluded)
10
+
5
11
  # 1.9.0
6
12
 
7
13
  - Updated @zohodesk-private/color-variable-preprocessor package - Grayscale introduced
8
14
 
9
15
  - **TextEditor**
10
16
  - customClass prop added
11
-
17
+
12
18
  # 1.8.6
13
19
 
14
20
  - **ToggleDropdown**
package/es/form/fields/CheckBoxField/CheckBoxField.js CHANGED
@@ -4,7 +4,7 @@ import { defaultProps } from "./props/defaultProps";
4
4
  import { propTypes } from "./props/propTypes";
5
5
  /**** Components ****/
6
6
 
7
- import Label from '@zohodesk/components/es/Label/Label';
7
+ import Label from '@zohodesk/components/es/v1/Label/Label';
8
8
  import CheckBox from '@zohodesk/components/es/CheckBox/CheckBox';
9
9
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
10
  import { Container, Box } from '@zohodesk/components/es/Layout';
@@ -87,15 +87,24 @@ export default class CheckBoxField extends PureComponent {
87
87
  renderProps: renderLabelProps
88
88
  }, /*#__PURE__*/React.createElement(Label, {
89
89
  text: labelName,
90
- id: id,
90
+ isRequired: isMandatory,
91
+ isDisabled: isDisabled,
92
+ isReadOnly: isReadOnly,
93
+ palette: labelPalette,
94
+ customClass: {
95
+ label: labelCustomClass,
96
+ container: !isDirectCol ? style.checkboxText : ''
97
+ },
91
98
  size: fieldSize === 'small' ? 'small' : 'medium',
92
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
93
- infoText: infoText,
94
- customClass: `${!isDirectCol ? style.checkboxText : ''} ${!isDirectCol ? style[`lineClamp_${lineClamp}`] : ''} ${isReadOnly || isDisabled ? style.cbTextReadonly : style.cbTextPointer} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
95
- title: labelName,
99
+ fontWeight: isDirectCol ? 'regular' : 'semibold',
100
+ testId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
101
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
96
102
  onClick: !removeEvent ? this.handleLabelClick : null,
97
- variant: isDirectCol ? 'default' : 'primary',
98
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
103
+ tagAttributes: {
104
+ label: {
105
+ id
106
+ }
107
+ },
99
108
  ...LabelProps
100
109
  }));
101
110
  return /*#__PURE__*/React.createElement("div", {
package/es/form/fields/CurrencyField/CurrencyField.js CHANGED
@@ -4,7 +4,7 @@ import { defaultProps } from "./props/defaultProps";
4
4
  import { propTypes } from "./props/propTypes";
5
5
  /**** Components ****/
6
6
 
7
- import Label from '@zohodesk/components/es/Label/Label';
7
+ import Label from '@zohodesk/components/es/v1/Label/Label';
8
8
  import TextBoxIcon from '@zohodesk/components/es/TextBoxIcon/TextBoxIcon';
9
9
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
10
  import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -129,11 +129,17 @@ export default class CurrencyField extends PureComponent {
129
129
  renderProps: renderLabelProps
130
130
  }, /*#__PURE__*/React.createElement(Label, {
131
131
  text: labelName,
132
+ isRequired: isMandatory,
133
+ isDisabled: isDisabled,
134
+ isReadOnly: isReadOnly,
135
+ palette: labelPalette,
136
+ customClass: {
137
+ label: labelCustomClass
138
+ },
132
139
  size: fieldSize === 'small' ? 'small' : 'medium',
133
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
134
- customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
135
140
  htmlFor: uniqueId,
136
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
141
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
142
+ testId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
137
143
  ...LabelProps
138
144
  })), /*#__PURE__*/React.createElement("div", {
139
145
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
package/es/form/fields/DateField/DateField.js CHANGED
@@ -4,7 +4,7 @@ import { defaultProps } from "./props/defaultProps";
4
4
  import { propTypes } from "./props/propTypes";
5
5
  /**** Components ****/
6
6
 
7
- import Label from '@zohodesk/components/es/Label/Label';
7
+ import Label from '@zohodesk/components/es/v1/Label/Label';
8
8
  import DateWidget from '@zohodesk/components/es/DateTime/DateWidget';
9
9
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
10
  import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -133,14 +133,24 @@ export default class DateField extends PureComponent {
133
133
  renderProps: renderLabelProps
134
134
  }, /*#__PURE__*/React.createElement(Label, {
135
135
  text: labelName,
136
- htmlFor: getAriaId,
136
+ isRequired: isMandatory,
137
+ isDisabled: isDisabled,
138
+ isReadOnly: isReadOnly,
139
+ palette: labelPalette,
140
+ customClass: {
141
+ label: labelCustomClass
142
+ },
137
143
  size: fieldSize === 'small' ? 'small' : 'medium',
138
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
144
+ htmlFor: getAriaId,
145
+ testId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
146
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
139
147
  onClick: isDisabled || isReadOnly ? null : this.handleLabelClick,
140
- customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
141
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
142
- ...LabelProps,
143
- id: labelName
148
+ tagAttributes: {
149
+ label: {
150
+ id: labelName
151
+ }
152
+ },
153
+ ...LabelProps
144
154
  })), /*#__PURE__*/React.createElement("div", {
145
155
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
146
156
  }, isLocked && lockedValueText ? /*#__PURE__*/React.createElement("div", {
package/es/form/fields/MultiSelectField/MultiSelectField.js CHANGED
@@ -4,7 +4,7 @@ import { defaultProps } from "./props/defaultProps";
4
4
  import { propTypes } from "./props/propTypes";
5
5
  /**** Components ****/
6
6
 
7
- import Label from '@zohodesk/components/es/Label/Label';
7
+ import Label from '@zohodesk/components/es/v1/Label/Label';
8
8
  import MultiSelect from '@zohodesk/components/es/MultiSelect/MultiSelect';
9
9
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
10
  import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -145,13 +145,20 @@ export default class MultiSelectField extends PureComponent {
145
145
  renderProps: renderLabelProps
146
146
  }, /*#__PURE__*/React.createElement(Label, {
147
147
  text: labelName,
148
- id: id,
148
+ isRequired: isMandatory,
149
+ isDisabled: isDisabled,
150
+ isReadOnly: isReadOnly,
151
+ palette: labelPalette,
149
152
  size: fieldSize === 'small' ? 'small' : 'medium',
150
- palette: isDarkPalette ? 'dark' : isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette // onClick={this.handleLabelClick}
153
+ htmlFor: uniqueId // onClick={this.handleLabelClick}
151
154
  ,
152
- customClass: `${style.fieldLabel} ${isMandatory ? style.labelMandatory : ''}`,
153
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
154
- htmlFor: uniqueId,
155
+ testId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
156
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
157
+ tagAttributes: {
158
+ label: {
159
+ id
160
+ }
161
+ },
155
162
  ...LabelProps
156
163
  })), /*#__PURE__*/React.createElement(MultiSelect, {
157
164
  options: options,
package/es/form/fields/RadioField/RadioField.js CHANGED
@@ -6,7 +6,7 @@ import { propTypes } from "./props/propTypes";
6
6
  /**** Components ****/
7
7
 
8
8
  import Icon from '@zohodesk/icons/es/Icon';
9
- import Label from '@zohodesk/components/es/Label/Label';
9
+ import Label from '@zohodesk/components/es/v1/Label/Label';
10
10
  import Radio from '@zohodesk/components/es/Radio/Radio';
11
11
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
12
12
  /** Css */
@@ -123,10 +123,20 @@ export default class RadioField extends PureComponent {
123
123
  }, labelName && /*#__PURE__*/React.createElement(Label, {
124
124
  text: labelName,
125
125
  size: "medium",
126
- id: id,
127
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : 'default',
128
- customClass: `${style.fieldLabel} ${isMandatory ? style.labelMandatory : ''} ${customLabelClass}`,
129
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
126
+ isRequired: isMandatory,
127
+ isDisabled: isDisabled,
128
+ isReadOnly: isReadOnly,
129
+ palette: labelPalette,
130
+ customClass: {
131
+ label: customLabelClass
132
+ },
133
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
134
+ testId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
135
+ tagAttributes: {
136
+ label: {
137
+ id
138
+ }
139
+ },
130
140
  ...LabelProps
131
141
  }), /*#__PURE__*/React.createElement("div", {
132
142
  className: `${style.fieldContainer} ${isBoxStyle ? style.radiosWrapper : ''} ${labelName ? isBoxStyle ? style.fieldMargin_large : style.fieldMargin_medium : ''} ${style.radioContainer}`
package/es/form/fields/SelectField/SelectField.js CHANGED
@@ -4,7 +4,7 @@ import { defaultProps } from "./props/defaultProps";
4
4
  import { propTypes } from "./props/propTypes";
5
5
  /**** Components ****/
6
6
 
7
- import Label from '@zohodesk/components/es/Label/Label';
7
+ import Label from '@zohodesk/components/es/v1/Label/Label';
8
8
  import Select from '@zohodesk/components/es/Select/Select';
9
9
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
10
  import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -115,13 +115,23 @@ export default class SelectField extends PureComponent {
115
115
  renderProps: renderLabelProps
116
116
  }, /*#__PURE__*/React.createElement(Label, {
117
117
  text: labelName,
118
- size: fieldSize === 'small' ? 'small' : 'medium',
119
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
120
- customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
118
+ isRequired: isMandatory,
119
+ isDisabled: isDisabled,
120
+ isReadOnly: isReadOnly,
121
+ palette: labelPalette,
122
+ customClass: {
123
+ label: labelCustomClass
124
+ },
121
125
  htmlFor: uniqueId,
122
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
123
- ...LabelProps,
124
- id: uniqueId
126
+ size: fieldSize === 'small' ? 'small' : 'medium',
127
+ testId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
128
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
129
+ tagAttributes: {
130
+ label: {
131
+ id: uniqueId
132
+ }
133
+ },
134
+ ...LabelProps
125
135
  })), /*#__PURE__*/React.createElement("div", {
126
136
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''} ${fieldClass ? fieldClass : ''}`
127
137
  }, /*#__PURE__*/React.createElement(Select, {
package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js CHANGED
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
2
2
  import { defaultProps } from "./props/defaultProps";
3
3
  import { propTypes } from "./props/propTypes";
4
4
  import { Box } from '@zohodesk/components/es/Layout';
5
- import Label from '@zohodesk/components/es/Label/Label';
5
+ import Label from '@zohodesk/components/es/v1/Label/Label';
6
6
  import Popup from '@zohodesk/components/es/Popup/Popup';
7
7
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
8
8
  import TagsMultiSelect from "../TagsMultiSelect/TagsMultiSelect";
@@ -206,13 +206,22 @@ const TagsMultiSelectField = props => {
206
206
  }
207
207
  }, /*#__PURE__*/React.createElement(Label, {
208
208
  text: labelName,
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`,
209
+ isRequired: isMandatory,
210
+ isDisabled: isDisabled,
211
+ isReadOnly: isReadOnly,
212
+ palette: labelPalette,
213
+ customClass: {
214
+ label: labelClass
215
+ },
215
216
  htmlFor: htmlId,
217
+ size: labelSize,
218
+ testId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
219
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
220
+ tagAttributes: {
221
+ label: {
222
+ id
223
+ }
224
+ },
216
225
  ...LabelProps
217
226
  }), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
218
227
  dataId: `${dataId}_tagCount`,
package/es/form/fields/TextBoxField/TextBoxField.js CHANGED
@@ -4,7 +4,7 @@ import { defaultProps } from "./props/defaultProps";
4
4
  import { propTypes } from "./props/propTypes";
5
5
  /**** Components ****/
6
6
 
7
- import Label from '@zohodesk/components/es/Label/Label';
7
+ import Label from '@zohodesk/components/es/v1/Label/Label';
8
8
  import TextBoxIcon from '@zohodesk/components/es/TextBoxIcon/TextBoxIcon';
9
9
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
10
  import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -103,13 +103,23 @@ export default class TextBoxField extends PureComponent {
103
103
  renderProps: renderLabelProps
104
104
  }, /*#__PURE__*/React.createElement(Label, {
105
105
  text: labelName,
106
+ isRequired: isMandatory,
107
+ isDisabled: isDisabled,
108
+ isReadOnly: isReadOnly,
109
+ palette: labelPalette,
110
+ customClass: {
111
+ label: labelCustomClass
112
+ },
106
113
  size: fieldSize === 'small' ? 'small' : 'medium',
107
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
108
- customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
114
+ testId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
109
115
  htmlFor: uniqueId,
110
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
111
- ...LabelProps,
112
- id: labelName
116
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
117
+ tagAttributes: {
118
+ label: {
119
+ id: labelName
120
+ }
121
+ },
122
+ ...LabelProps
113
123
  })), /*#__PURE__*/React.createElement("div", {
114
124
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
115
125
  }, /*#__PURE__*/React.createElement(TextBoxIcon, {
package/es/form/fields/TextEditorField/TextEditorField.js CHANGED
@@ -4,7 +4,7 @@ import { defaultProps } from "./props/defaultProps";
4
4
  import { propTypes } from "./props/propTypes";
5
5
  /**** Components ****/
6
6
 
7
- import Label from '@zohodesk/components/es/Label/Label';
7
+ import Label from '@zohodesk/components/es/v1/Label/Label';
8
8
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
9
9
  import TextEditorWrapper from "../TextEditorWrapper/TextEditorWrapper";
10
10
  import FieldContainer from "../FieldContainer/FieldContainer";
@@ -122,10 +122,16 @@ export default class TextEditorField extends PureComponent {
122
122
  text: labelName,
123
123
  size: fieldSize === 'small' ? 'small' : 'medium',
124
124
  htmlFor: !isReadOnly && !isDisabled ? id : undefined,
125
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
125
+ isRequired: isMandatory,
126
+ isDisabled: isDisabled,
127
+ isReadOnly: isReadOnly,
128
+ palette: labelPalette,
126
129
  onClick: this.handleLabelClick,
127
- customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
128
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
130
+ customClass: {
131
+ label: labelCustomClass
132
+ },
133
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
134
+ testId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
129
135
  ...LabelProps
130
136
  })), /*#__PURE__*/React.createElement("div", {
131
137
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
package/es/form/fields/TextareaField/TextareaField.js CHANGED
@@ -4,7 +4,7 @@ import { defaultProps } from "./props/defaultProps";
4
4
  import { propTypes } from "./props/propTypes";
5
5
  /**** Components ****/
6
6
 
7
- import Label from '@zohodesk/components/es/Label/Label';
7
+ import Label from '@zohodesk/components/es/v1/Label/Label';
8
8
  import Textarea from '@zohodesk/components/es/Textarea/Textarea';
9
9
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
10
  import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
@@ -131,12 +131,22 @@ export default class TextareaField extends PureComponent {
131
131
  renderProps: renderLabelProps
132
132
  }, /*#__PURE__*/React.createElement(Label, {
133
133
  text: labelName,
134
- id: id,
134
+ isRequired: isMandatory,
135
+ isDisabled: isDisabled,
136
+ isReadOnly: isReadOnly,
137
+ palette: labelPalette,
138
+ customClass: {
139
+ label: labelCustomClass
140
+ },
135
141
  size: fieldSize === 'small' ? 'small' : 'medium',
136
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
137
- customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
142
+ testId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
138
143
  htmlFor: uniqueId,
139
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
144
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
145
+ tagAttributes: {
146
+ label: {
147
+ id
148
+ }
149
+ },
140
150
  ...LabelProps
141
151
  })), /*#__PURE__*/React.createElement("div", {
142
152
  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/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/CheckBox/CheckBox"));
19
19
 
@@ -140,15 +140,24 @@ var CheckBoxField = /*#__PURE__*/function (_PureComponent) {
140
140
  renderProps: renderLabelProps
141
141
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
142
142
  text: labelName,
143
- id: id,
143
+ isRequired: isMandatory,
144
+ isDisabled: isDisabled,
145
+ isReadOnly: isReadOnly,
146
+ palette: labelPalette,
147
+ customClass: {
148
+ label: labelCustomClass,
149
+ container: !isDirectCol ? _FieldsModule["default"].checkboxText : ''
150
+ },
144
151
  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,
152
+ fontWeight: isDirectCol ? 'regular' : 'semibold',
153
+ testId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
154
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
149
155
  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")
156
+ tagAttributes: {
157
+ label: {
158
+ id: id
159
+ }
160
+ }
152
161
  }, LabelProps)));
153
162
 
154
163
  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/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/es/TextBoxIcon/TextBoxIcon"));
19
19
 
@@ -178,11 +178,17 @@ 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
+ isDisabled: isDisabled,
183
+ isReadOnly: isReadOnly,
184
+ palette: labelPalette,
185
+ customClass: {
186
+ label: labelCustomClass
187
+ },
181
188
  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 : ''),
184
189
  htmlFor: uniqueId,
185
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
190
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
191
+ testId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
186
192
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
187
193
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
188
194
  }, /*#__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/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _DateWidget = _interopRequireDefault(require("@zohodesk/components/es/DateTime/DateWidget"));
19
19
 
@@ -185,15 +185,24 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
185
185
  renderProps: renderLabelProps
186
186
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
187
187
  text: labelName,
188
- htmlFor: getAriaId,
188
+ isRequired: isMandatory,
189
+ isDisabled: isDisabled,
190
+ isReadOnly: isReadOnly,
191
+ palette: labelPalette,
192
+ customClass: {
193
+ label: labelCustomClass
194
+ },
189
195
  size: fieldSize === 'small' ? 'small' : 'medium',
190
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
196
+ htmlFor: getAriaId,
197
+ testId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
198
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
191
199
  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", {
200
+ tagAttributes: {
201
+ label: {
202
+ id: labelName
203
+ }
204
+ }
205
+ }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
197
206
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
198
207
  }, isLocked && lockedValueText ? /*#__PURE__*/_react["default"].createElement("div", {
199
208
  className: _FieldsModule["default"].lockText
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/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _MultiSelect = _interopRequireDefault(require("@zohodesk/components/es/MultiSelect/MultiSelect"));
19
19
 
@@ -198,13 +198,20 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
198
198
  renderProps: renderLabelProps
199
199
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
200
200
  text: labelName,
201
- id: id,
201
+ isRequired: isMandatory,
202
+ isDisabled: isDisabled,
203
+ isReadOnly: isReadOnly,
204
+ palette: labelPalette,
202
205
  size: fieldSize === 'small' ? 'small' : 'medium',
203
- palette: isDarkPalette ? 'dark' : isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette // onClick={this.handleLabelClick}
206
+ htmlFor: uniqueId // onClick={this.handleLabelClick}
204
207
  ,
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
208
+ testId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
209
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
210
+ tagAttributes: {
211
+ label: {
212
+ id: id
213
+ }
214
+ }
208
215
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement(_MultiSelect["default"], _extends({
209
216
  options: options,
210
217
  onChange: this.handleChange,
package/lib/form/fields/RadioField/RadioField.js CHANGED
@@ -17,7 +17,7 @@ var _propTypes = require("./props/propTypes");
17
17
 
18
18
  var _Icon = _interopRequireDefault(require("@zohodesk/icons/es/Icon"));
19
19
 
20
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
20
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
21
21
 
22
22
  var _Radio = _interopRequireDefault(require("@zohodesk/components/es/Radio/Radio"));
23
23
 
@@ -188,10 +188,20 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
188
188
  }, labelName && /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
189
189
  text: labelName,
190
190
  size: "medium",
191
- id: id,
192
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : 'default',
193
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : '', " ").concat(customLabelClass),
194
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
191
+ isRequired: isMandatory,
192
+ isDisabled: isDisabled,
193
+ isReadOnly: isReadOnly,
194
+ palette: labelPalette,
195
+ customClass: {
196
+ label: customLabelClass
197
+ },
198
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
199
+ testId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
200
+ tagAttributes: {
201
+ label: {
202
+ id: id
203
+ }
204
+ }
195
205
  }, LabelProps)), /*#__PURE__*/_react["default"].createElement("div", {
196
206
  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)
197
207
  }, options.map(function (option, index) {
package/lib/form/fields/SelectField/SelectField.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/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _Select = _interopRequireDefault(require("@zohodesk/components/es/Select/Select"));
19
19
 
@@ -166,14 +166,23 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
166
166
  renderProps: renderLabelProps
167
167
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
168
168
  text: labelName,
169
- size: fieldSize === 'small' ? 'small' : 'medium',
170
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
171
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
169
+ isRequired: isMandatory,
170
+ isDisabled: isDisabled,
171
+ isReadOnly: isReadOnly,
172
+ palette: labelPalette,
173
+ customClass: {
174
+ label: labelCustomClass
175
+ },
172
176
  htmlFor: uniqueId,
173
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
174
- }, LabelProps, {
175
- id: uniqueId
176
- }))), /*#__PURE__*/_react["default"].createElement("div", {
177
+ size: fieldSize === 'small' ? 'small' : 'medium',
178
+ testId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
179
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
180
+ tagAttributes: {
181
+ label: {
182
+ id: uniqueId
183
+ }
184
+ }
185
+ }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
177
186
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '', " ").concat(fieldClass ? fieldClass : '')
178
187
  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({
179
188
  options: options,
package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js CHANGED
@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _Layout = require("@zohodesk/components/es/Layout");
17
17
 
18
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
18
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
19
19
 
20
20
  var _Popup = _interopRequireDefault(require("@zohodesk/components/es/Popup/Popup"));
21
21
 
@@ -247,13 +247,22 @@ var TagsMultiSelectField = function TagsMultiSelectField(props) {
247
247
  }
248
248
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
249
249
  text: labelName,
250
- title: labelName,
251
- id: id,
250
+ isRequired: isMandatory,
251
+ isDisabled: isDisabled,
252
+ isReadOnly: isReadOnly,
253
+ palette: labelPalette,
254
+ customClass: {
255
+ label: labelClass
256
+ },
257
+ htmlFor: htmlId,
252
258
  size: labelSize,
253
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
254
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : '', " ").concat(labelClass ? labelClass : ''),
255
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
256
- htmlFor: htmlId
259
+ testId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
260
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
261
+ tagAttributes: {
262
+ label: {
263
+ id: id
264
+ }
265
+ }
257
266
  }, LabelProps)), selectedValueCount ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
258
267
  dataId: "".concat(dataId, "_tagCount"),
259
268
  className: _TagsMultiSelectFieldModule["default"].count
package/lib/form/fields/TextBoxField/TextBoxField.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/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/es/TextBoxIcon/TextBoxIcon"));
19
19
 
@@ -156,14 +156,23 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
156
156
  renderProps: renderLabelProps
157
157
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
158
158
  text: labelName,
159
+ isRequired: isMandatory,
160
+ isDisabled: isDisabled,
161
+ isReadOnly: isReadOnly,
162
+ palette: labelPalette,
163
+ customClass: {
164
+ label: labelCustomClass
165
+ },
159
166
  size: fieldSize === 'small' ? 'small' : 'medium',
160
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
161
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
167
+ testId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
162
168
  htmlFor: uniqueId,
163
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
164
- }, LabelProps, {
165
- id: labelName
166
- }))), /*#__PURE__*/_react["default"].createElement("div", {
169
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
170
+ tagAttributes: {
171
+ label: {
172
+ id: labelName
173
+ }
174
+ }
175
+ }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
167
176
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
168
177
  }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], _extends({
169
178
  htmlId: uniqueId,
package/lib/form/fields/TextEditorField/TextEditorField.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/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
19
19
 
@@ -172,10 +172,16 @@ var TextEditorField = /*#__PURE__*/function (_PureComponent) {
172
172
  text: labelName,
173
173
  size: fieldSize === 'small' ? 'small' : 'medium',
174
174
  htmlFor: !isReadOnly && !isDisabled ? id : undefined,
175
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
175
+ isRequired: isMandatory,
176
+ isDisabled: isDisabled,
177
+ isReadOnly: isReadOnly,
178
+ palette: labelPalette,
176
179
  onClick: this.handleLabelClick,
177
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
178
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
180
+ customClass: {
181
+ label: labelCustomClass
182
+ },
183
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
184
+ testId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
179
185
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
180
186
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
181
187
  }, /*#__PURE__*/_react["default"].createElement(_TextEditorWrapper["default"], _extends({
package/lib/form/fields/TextareaField/TextareaField.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/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _Textarea = _interopRequireDefault(require("@zohodesk/components/es/Textarea/Textarea"));
19
19
 
@@ -185,12 +185,22 @@ var TextareaField = /*#__PURE__*/function (_PureComponent) {
185
185
  renderProps: renderLabelProps
186
186
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
187
187
  text: labelName,
188
- id: id,
188
+ isRequired: isMandatory,
189
+ isDisabled: isDisabled,
190
+ isReadOnly: isReadOnly,
191
+ palette: labelPalette,
192
+ customClass: {
193
+ label: labelCustomClass
194
+ },
189
195
  size: fieldSize === 'small' ? 'small' : 'medium',
190
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
191
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
196
+ testId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
192
197
  htmlFor: uniqueId,
193
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
198
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
199
+ tagAttributes: {
200
+ label: {
201
+ id: id
202
+ }
203
+ }
194
204
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
195
205
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
196
206
  }, !renderRightPlaceholderNode ? textAreaContent : /*#__PURE__*/_react["default"].createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.9.0",
3
+ "version": "1.9.1",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -75,9 +75,9 @@
75
75
  "@zohodesk/a11y": "2.3.8",
76
76
  "@zohodesk/components": "1.6.0",
77
77
  "@zohodesk/hooks": "2.0.6",
78
- "@zohodesk/icons": "1.1.6",
78
+ "@zohodesk/icons": "1.1.7",
79
79
  "@zohodesk/layout": "^3.1.0",
80
- "@zohodesk/svg": "1.3.0",
80
+ "@zohodesk/svg": "1.3.1",
81
81
  "@zohodesk/utils": "1.3.16",
82
82
  "@zohodesk/variables": "1.2.0",
83
83
  "@zohodesk/virtualizer": "1.0.13",
@@ -90,8 +90,8 @@
90
90
  "velocity-react": "1.4.3",
91
91
  "@zohodesk/variables": "1.2.0",
92
92
  "@zohodesk/components": "1.6.0",
93
- "@zohodesk/icons": "1.1.6",
94
- "@zohodesk/svg": "1.3.0",
93
+ "@zohodesk/icons": "1.1.7",
94
+ "@zohodesk/svg": "1.3.1",
95
95
  "@zohodesk/virtualizer": "1.0.13",
96
96
  "react-sortable-hoc": "^0.8.3",
97
97
  "@zohodesk/hooks": "2.0.6",