@zohodesk/dot 1.0.0-temp-208.1 → 1.0.0-temp-209

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 (21) hide show
  1. package/es/form/fields/CheckBoxField/CheckBoxField.js +6 -9
  2. package/es/form/fields/CurrencyField/CurrencyField.js +5 -5
  3. package/es/form/fields/DateField/DateField.js +7 -8
  4. package/es/form/fields/MultiSelectField/MultiSelectField.js +5 -6
  5. package/es/form/fields/SelectField/SelectField.js +5 -6
  6. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +116 -116
  7. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +6 -8
  8. package/es/form/fields/TextBoxField/TextBoxField.js +7 -7
  9. package/es/form/fields/TextareaField/TextareaField.js +6 -6
  10. package/lib/form/fields/CheckBoxField/CheckBoxField.js +6 -10
  11. package/lib/form/fields/CurrencyField/CurrencyField.js +4 -5
  12. package/lib/form/fields/DateField/DateField.js +6 -9
  13. package/lib/form/fields/MultiSelectField/MultiSelectField.js +5 -7
  14. package/lib/form/fields/SelectField/SelectField.js +5 -7
  15. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +116 -116
  16. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +5 -8
  17. package/lib/form/fields/TextBoxField/TextBoxField.js +6 -8
  18. package/lib/form/fields/TextareaField/TextareaField.js +5 -6
  19. package/package.json +3 -3
  20. package/result.json +1 -1
  21. package/unittest/index.html +8 -4
package/es/form/fields/CheckBoxField/CheckBoxField.js CHANGED
@@ -3,8 +3,9 @@ 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/lib/Label/Label';
6
7
 
7
- import Label from '@zohodesk/components/lib/Label/Label';
8
+ import Label from "../../../../../components/es/components-v2/Label/Label";
8
9
  import CheckBox from '@zohodesk/components/lib/CheckBox/CheckBox';
9
10
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
11
  import { Container, Box } from '@zohodesk/components/lib/Layout';
@@ -87,15 +88,11 @@ export default class CheckBoxField extends PureComponent {
87
88
  renderProps: renderLabelProps
88
89
  }, /*#__PURE__*/React.createElement(Label, {
89
90
  text: labelName,
90
- id: id,
91
- 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,
91
+ isMandatory: isMandatory,
92
+ customStyle: labelCustomClass,
93
+ testId: id,
94
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
96
95
  onClick: !removeEvent ? this.handleLabelClick : null,
97
- variant: isDirectCol ? 'default' : 'primary',
98
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
99
96
  ...LabelProps
100
97
  }));
101
98
  return /*#__PURE__*/React.createElement("div", {
package/es/form/fields/CurrencyField/CurrencyField.js CHANGED
@@ -3,8 +3,9 @@ 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/lib/Label/Label';
6
7
 
7
- import Label from '@zohodesk/components/lib/Label/Label';
8
+ import Label from "../../../../../components/es/components-v2/Label/Label";
8
9
  import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
9
10
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
11
  import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
@@ -129,11 +130,10 @@ export default class CurrencyField extends PureComponent {
129
130
  renderProps: renderLabelProps
130
131
  }, /*#__PURE__*/React.createElement(Label, {
131
132
  text: labelName,
132
- size: fieldSize === 'small' ? 'small' : 'medium',
133
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
134
- customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
133
+ isMandatory: isMandatory,
134
+ customStyle: labelCustomClass,
135
135
  htmlFor: uniqueId,
136
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
136
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
137
137
  ...LabelProps
138
138
  })), /*#__PURE__*/React.createElement("div", {
139
139
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
package/es/form/fields/DateField/DateField.js CHANGED
@@ -3,8 +3,9 @@ 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/lib/Label/Label';
6
7
 
7
- import Label from '@zohodesk/components/lib/Label/Label';
8
+ import Label from "../../../../../components/es/components-v2/Label/Label";
8
9
  import DateWidget from '@zohodesk/components/lib/DateTime/DateWidget';
9
10
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
11
  import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
@@ -133,14 +134,12 @@ export default class DateField extends PureComponent {
133
134
  renderProps: renderLabelProps
134
135
  }, /*#__PURE__*/React.createElement(Label, {
135
136
  text: labelName,
137
+ isMandatory: isMandatory,
138
+ customStyle: labelCustomClass,
136
139
  htmlFor: getAriaId,
137
- size: fieldSize === 'small' ? 'small' : 'medium',
138
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
139
- 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
140
+ testId: labelName,
141
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
142
+ ...LabelProps
144
143
  })), /*#__PURE__*/React.createElement("div", {
145
144
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
146
145
  }, isLocked && lockedValueText ? /*#__PURE__*/React.createElement("div", {
package/es/form/fields/MultiSelectField/MultiSelectField.js CHANGED
@@ -3,8 +3,9 @@ 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/lib/Label/Label';
6
7
 
7
- import Label from '@zohodesk/components/lib/Label/Label';
8
+ import Label from "../../../../../components/es/components-v2/Label/Label";
8
9
  import MultiSelect from '@zohodesk/components/lib/MultiSelect/MultiSelect';
9
10
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
11
  import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
@@ -145,13 +146,11 @@ export default class MultiSelectField extends PureComponent {
145
146
  renderProps: renderLabelProps
146
147
  }, /*#__PURE__*/React.createElement(Label, {
147
148
  text: labelName,
148
- id: id,
149
- size: fieldSize === 'small' ? 'small' : 'medium',
150
- palette: isDarkPalette ? 'dark' : isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette // onClick={this.handleLabelClick}
149
+ isMandatory: isMandatory // customStyle={style.fieldLabel}
151
150
  ,
152
- customClass: `${style.fieldLabel} ${isMandatory ? style.labelMandatory : ''}`,
153
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
154
151
  htmlFor: uniqueId,
152
+ testId: id,
153
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
155
154
  ...LabelProps
156
155
  })), /*#__PURE__*/React.createElement(MultiSelect, {
157
156
  options: options,
package/es/form/fields/SelectField/SelectField.js CHANGED
@@ -3,8 +3,9 @@ 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/lib/Label/Label';
6
7
 
7
- import Label from '@zohodesk/components/lib/Label/Label';
8
+ import Label from "../../../../../components/es/components-v2/Label/Label";
8
9
  import Select from '@zohodesk/components/lib/Select/Select';
9
10
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
11
  import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
@@ -115,13 +116,11 @@ export default class SelectField extends PureComponent {
115
116
  renderProps: renderLabelProps
116
117
  }, /*#__PURE__*/React.createElement(Label, {
117
118
  text: labelName,
118
- size: fieldSize === 'small' ? 'small' : 'medium',
119
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
120
- customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
119
+ isMandatory: isMandatory,
121
120
  htmlFor: uniqueId,
122
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
123
121
  ...LabelProps,
124
- id: uniqueId
122
+ testId: uniqueId,
123
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
125
124
  })), /*#__PURE__*/React.createElement("div", {
126
125
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''} ${fieldClass ? fieldClass : ''}`
127
126
  }, /*#__PURE__*/React.createElement(Select, {
package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css CHANGED
@@ -1,116 +1,116 @@
1
- .container {
2
- position: relative;
3
- }
4
- .tag {
5
- max-width: 100% ;
6
- }
7
- [dir=ltr] .moreLess, [dir=ltr] .tag {
8
- margin: 0 var(--zd_size6) var(--zd_size6) 0 ;
9
- }
10
- [dir=rtl] .moreLess, [dir=rtl] .tag {
11
- margin: 0 0 var(--zd_size6) var(--zd_size6) ;
12
- }
13
- .input {
14
- height: var(--zd_size20) ;
15
- width: 100% ;
16
- margin-bottom: var(--zd_size4) ;
17
- }
18
- .viewpopNew {
19
- max-height: var(--zd_size250) ;
20
- }
21
- .tagDiv {
22
- max-height: var(--zd_size160) ;
23
- margin-top: var(--zd_size5) ;
24
- }
25
- .hasBorder {
26
- transition: border var(--zd_transition2) linear 0s;
27
- border-bottom-style: solid;
28
- border-bottom-width: 1px;
29
- }
30
- .borderColor_transparent {
31
- border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
32
- }
33
- .borderColor_transparent:hover {
34
- border-bottom-color: var(--zdt_tagsmultiselect_transparent_hover_border);
35
- }
36
- .borderColor_transparent.active {
37
- border-bottom-color: var(--zdt_tagsmultiselect_transparent_active_border);
38
- }
39
- .borderColor_default {
40
- border-bottom-color: var(--zdt_tagsmultiselect_default_border);
41
- }
42
- .borderColor_default:hover {
43
- border-bottom-color: var(--zdt_tagsmultiselect_default_hover_border);
44
- }
45
- .borderColor_default.active {
46
- border-bottom-color: var(--zdt_tagsmultiselect_default_active_border);
47
- }
48
- .borderColor_dark {
49
- border-bottom-color: var(--zdt_tagsmultiselect_dark_border);
50
- }
51
- .borderColor_dark:hover {
52
- border-bottom-color: var(--zdt_tagsmultiselect_dark_hover_border);
53
- }
54
- .borderColor_dark.active {
55
- border-bottom-color: var(--zdt_tagsmultiselect_dark_active_border);
56
- }
57
- .moreLess {
58
- color: var(--zdt_tagsmultiselect_more_text);
59
- font-size: var(--zd_font_size13) ;
60
- cursor: pointer;
61
- }
62
- .moreLess:hover {
63
- color: var(--zdt_tagsmultiselect_more_hover_text);
64
- }
65
- .inputWrapper {
66
- position: relative;
67
- max-width: 100% ;
68
- min-width: var(--zd_size5) ;
69
- font-size: 0 ;
70
- }
71
- .newTagLabel {
72
- color: var(--zdt_tagsmultiselect_labelt_text);
73
- composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
74
- }
75
- [dir=ltr] .newTagLabel {
76
- margin-right: var(--zd_size5) ;
77
- }
78
- [dir=rtl] .newTagLabel {
79
- margin-left: var(--zd_size5) ;
80
- }
81
- .dotted {
82
- composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
83
- }
84
- .dropdown {
85
- margin-top: var(--zd_size1) ;
86
- }
87
- .custmSpan {
88
- height: var(--zd_size25) ;
89
- display: inline-block;
90
- vertical-align: middle;
91
- opacity: 0;
92
- overflow: hidden;
93
- white-space: nowrap;
94
- max-width: 100% ;
95
- visibility: hidden;
96
- }
97
- [dir=ltr] .custmSpan {
98
- padding-right: var(--zd_size28) ;
99
- }
100
- [dir=rtl] .custmSpan {
101
- padding-left: var(--zd_size28) ;
102
- }
103
- .custmInp {
104
- position: absolute;
105
- top: 0 ;
106
- width: 100% ;
107
- }
108
- [dir=ltr] .custmInp {
109
- left: 0 ;
110
- }
111
- [dir=rtl] .custmInp {
112
- right: 0 ;
113
- }
114
- .newTagText {
115
- color: var(--zdt_tagsmultiselect_more_text);
116
- }
1
+ .container {
2
+ position: relative;
3
+ }
4
+ .tag {
5
+ max-width: 100% ;
6
+ }
7
+ [dir=ltr] .moreLess, [dir=ltr] .tag {
8
+ margin: 0 var(--zd_size6) var(--zd_size6) 0 ;
9
+ }
10
+ [dir=rtl] .moreLess, [dir=rtl] .tag {
11
+ margin: 0 0 var(--zd_size6) var(--zd_size6) ;
12
+ }
13
+ .input {
14
+ height: var(--zd_size20) ;
15
+ width: 100% ;
16
+ margin-bottom: var(--zd_size4) ;
17
+ }
18
+ .viewpopNew {
19
+ max-height: var(--zd_size250) ;
20
+ }
21
+ .tagDiv {
22
+ max-height: var(--zd_size160) ;
23
+ margin-top: var(--zd_size5) ;
24
+ }
25
+ .hasBorder {
26
+ transition: border var(--zd_transition2) linear 0s;
27
+ border-bottom-style: solid;
28
+ border-bottom-width: 1px;
29
+ }
30
+ .borderColor_transparent {
31
+ border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
32
+ }
33
+ .borderColor_transparent:hover {
34
+ border-bottom-color: var(--zdt_tagsmultiselect_transparent_hover_border);
35
+ }
36
+ .borderColor_transparent.active {
37
+ border-bottom-color: var(--zdt_tagsmultiselect_transparent_active_border);
38
+ }
39
+ .borderColor_default {
40
+ border-bottom-color: var(--zdt_tagsmultiselect_default_border);
41
+ }
42
+ .borderColor_default:hover {
43
+ border-bottom-color: var(--zdt_tagsmultiselect_default_hover_border);
44
+ }
45
+ .borderColor_default.active {
46
+ border-bottom-color: var(--zdt_tagsmultiselect_default_active_border);
47
+ }
48
+ .borderColor_dark {
49
+ border-bottom-color: var(--zdt_tagsmultiselect_dark_border);
50
+ }
51
+ .borderColor_dark:hover {
52
+ border-bottom-color: var(--zdt_tagsmultiselect_dark_hover_border);
53
+ }
54
+ .borderColor_dark.active {
55
+ border-bottom-color: var(--zdt_tagsmultiselect_dark_active_border);
56
+ }
57
+ .moreLess {
58
+ color: var(--zdt_tagsmultiselect_more_text);
59
+ font-size: var(--zd_font_size13) ;
60
+ cursor: pointer;
61
+ }
62
+ .moreLess:hover {
63
+ color: var(--zdt_tagsmultiselect_more_hover_text);
64
+ }
65
+ .inputWrapper {
66
+ position: relative;
67
+ max-width: 100% ;
68
+ min-width: var(--zd_size5) ;
69
+ font-size: 0 ;
70
+ }
71
+ .newTagLabel {
72
+ color: var(--zdt_tagsmultiselect_labelt_text);
73
+ composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
74
+ }
75
+ [dir=ltr] .newTagLabel {
76
+ margin-right: var(--zd_size5) ;
77
+ }
78
+ [dir=rtl] .newTagLabel {
79
+ margin-left: var(--zd_size5) ;
80
+ }
81
+ .dotted {
82
+ composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
83
+ }
84
+ .dropdown {
85
+ margin-top: var(--zd_size1) ;
86
+ }
87
+ .custmSpan {
88
+ height: var(--zd_size25) ;
89
+ display: inline-block;
90
+ vertical-align: middle;
91
+ opacity: 0;
92
+ overflow: hidden;
93
+ white-space: nowrap;
94
+ max-width: 100% ;
95
+ visibility: hidden;
96
+ }
97
+ [dir=ltr] .custmSpan {
98
+ padding-right: var(--zd_size28) ;
99
+ }
100
+ [dir=rtl] .custmSpan {
101
+ padding-left: var(--zd_size28) ;
102
+ }
103
+ .custmInp {
104
+ position: absolute;
105
+ top: 0 ;
106
+ width: 100% ;
107
+ }
108
+ [dir=ltr] .custmInp {
109
+ left: 0 ;
110
+ }
111
+ [dir=rtl] .custmInp {
112
+ right: 0 ;
113
+ }
114
+ .newTagText {
115
+ color: var(--zdt_tagsmultiselect_more_text);
116
+ }
package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js CHANGED
@@ -1,8 +1,9 @@
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/lib/Layout';
5
- import Label from '@zohodesk/components/lib/Label/Label';
4
+ import { Box } from '@zohodesk/components/lib/Layout'; // import Label from '@zohodesk/components/lib/Label/Label';
5
+
6
+ import Label from "../../../../../components/es/components-v2/Label/Label";
6
7
  import Popup from '@zohodesk/components/lib/Popup/Popup';
7
8
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
8
9
  import TagsMultiSelect from "../TagsMultiSelect/TagsMultiSelect";
@@ -206,13 +207,10 @@ const TagsMultiSelectField = props => {
206
207
  }
207
208
  }, /*#__PURE__*/React.createElement(Label, {
208
209
  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`,
210
+ isMandatory: isMandatory,
215
211
  htmlFor: htmlId,
212
+ testId: id,
213
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
216
214
  ...LabelProps
217
215
  }), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
218
216
  dataId: `${dataId}_tagCount`,
package/es/form/fields/TextBoxField/TextBoxField.js CHANGED
@@ -3,8 +3,9 @@ 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/lib/Label/Label';
6
7
 
7
- import Label from '@zohodesk/components/lib/Label/Label';
8
+ import Label from "../../../../../components/es/components-v2/Label/Label";
8
9
  import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
9
10
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
11
  import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
@@ -103,13 +104,12 @@ export default class TextBoxField extends PureComponent {
103
104
  renderProps: renderLabelProps
104
105
  }, /*#__PURE__*/React.createElement(Label, {
105
106
  text: labelName,
106
- size: fieldSize === 'small' ? 'small' : 'medium',
107
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
108
- customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
107
+ isMandatory: isMandatory,
108
+ customStyle: labelCustomClass,
109
+ testId: labelName,
109
110
  htmlFor: uniqueId,
110
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
111
- ...LabelProps,
112
- id: labelName
111
+ customId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
112
+ ...LabelProps
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,8 +3,9 @@ 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/lib/Label/Label';
6
7
 
7
- import Label from '@zohodesk/components/lib/Label/Label';
8
+ import Label from "../../../../../components/es/components-v2/Label/Label";
8
9
  import Textarea from '@zohodesk/components/lib/Textarea/Textarea';
9
10
  import ValidationMessage from "../ValidationMessage/ValidationMessage";
10
11
  import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
@@ -131,12 +132,11 @@ export default class TextareaField extends PureComponent {
131
132
  renderProps: renderLabelProps
132
133
  }, /*#__PURE__*/React.createElement(Label, {
133
134
  text: labelName,
134
- id: id,
135
- size: fieldSize === 'small' ? 'small' : 'medium',
136
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
137
- customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
135
+ isMandatory: isMandatory,
136
+ customStyle: labelCustomClass,
137
+ testId: id,
138
138
  htmlFor: uniqueId,
139
- dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
139
+ customId: 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/lib/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("../../../../../components/es/components-v2/Label/Label"));
17
17
 
18
18
  var _CheckBox = _interopRequireDefault(require("@zohodesk/components/lib/CheckBox/CheckBox"));
19
19
 
@@ -140,15 +140,11 @@ 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,
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")
143
+ isMandatory: 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
152
148
  }, LabelProps)));
153
149
 
154
150
  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/lib/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("../../../../../components/es/components-v2/Label/Label"));
17
17
 
18
18
  var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/TextBoxIcon/TextBoxIcon"));
19
19
 
@@ -178,11 +178,10 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
178
178
  renderProps: renderLabelProps
179
179
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
180
180
  text: labelName,
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 : ''),
181
+ isMandatory: isMandatory,
182
+ customStyle: labelCustomClass,
184
183
  htmlFor: uniqueId,
185
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
184
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
186
185
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
187
186
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
188
187
  }, /*#__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/lib/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("../../../../../components/es/components-v2/Label/Label"));
17
17
 
18
18
  var _DateWidget = _interopRequireDefault(require("@zohodesk/components/lib/DateTime/DateWidget"));
19
19
 
@@ -185,15 +185,12 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
185
185
  renderProps: renderLabelProps
186
186
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
187
187
  text: labelName,
188
+ isMandatory: isMandatory,
189
+ customStyle: labelCustomClass,
188
190
  htmlFor: getAriaId,
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", {
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", {
197
194
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
198
195
  }, isLocked && lockedValueText ? /*#__PURE__*/_react["default"].createElement("div", {
199
196
  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/lib/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("../../../../../components/es/components-v2/Label/Label"));
17
17
 
18
18
  var _MultiSelect = _interopRequireDefault(require("@zohodesk/components/lib/MultiSelect/MultiSelect"));
19
19
 
@@ -198,13 +198,11 @@ 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,
202
- size: fieldSize === 'small' ? 'small' : 'medium',
203
- palette: isDarkPalette ? 'dark' : isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette // onClick={this.handleLabelClick}
201
+ isMandatory: isMandatory // customStyle={style.fieldLabel}
204
202
  ,
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
203
+ htmlFor: uniqueId,
204
+ testId: id,
205
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
208
206
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement(_MultiSelect["default"], _extends({
209
207
  options: options,
210
208
  onChange: this.handleChange,
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/lib/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("../../../../../components/es/components-v2/Label/Label"));
17
17
 
18
18
  var _Select = _interopRequireDefault(require("@zohodesk/components/lib/Select/Select"));
19
19
 
@@ -166,13 +166,11 @@ 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 : ''),
172
- htmlFor: uniqueId,
173
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
169
+ isMandatory: isMandatory,
170
+ htmlFor: uniqueId
174
171
  }, LabelProps, {
175
- id: uniqueId
172
+ testId: uniqueId,
173
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
176
174
  }))), /*#__PURE__*/_react["default"].createElement("div", {
177
175
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '', " ").concat(fieldClass ? fieldClass : '')
178
176
  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({