@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/lib/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/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/lib/Layout");
17
17
 
18
- var _Label = _interopRequireDefault(require("@zohodesk/components/lib/Label/Label"));
18
+ var _Label = _interopRequireDefault(require("../../../../../components/es/components-v2/Label/Label"));
19
19
 
20
20
  var _Popup = _interopRequireDefault(require("@zohodesk/components/lib/Popup/Popup"));
21
21
 
@@ -247,13 +247,10 @@ 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,
252
- 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
250
+ isMandatory: isMandatory,
251
+ htmlFor: htmlId,
252
+ testId: id,
253
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
257
254
  }, LabelProps)), selectedValueCount ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
258
255
  dataId: "".concat(dataId, "_tagCount"),
259
256
  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/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
 
@@ -156,14 +156,12 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
156
156
  renderProps: renderLabelProps
157
157
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
158
158
  text: labelName,
159
- 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 : ''),
159
+ isMandatory: isMandatory,
160
+ customStyle: labelCustomClass,
161
+ testId: labelName,
162
162
  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", {
163
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
164
+ }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
167
165
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
168
166
  }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], _extends({
169
167
  htmlId: uniqueId,
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/lib/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("../../../../../components/es/components-v2/Label/Label"));
17
17
 
18
18
  var _Textarea = _interopRequireDefault(require("@zohodesk/components/lib/Textarea/Textarea"));
19
19
 
@@ -185,12 +185,11 @@ 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,
189
- 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 : ''),
188
+ isMandatory: isMandatory,
189
+ customStyle: labelCustomClass,
190
+ testId: id,
192
191
  htmlFor: uniqueId,
193
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
192
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
194
193
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
195
194
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
196
195
  }, !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.0.0-temp-208.1",
3
+ "version": "1.0.0-temp-209",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -63,7 +63,7 @@
63
63
  "@zohodesk-private/node-plugins": "1.1.8",
64
64
  "@zohodesk-private/react-prop-validator": "1.2.3",
65
65
  "@zohodesk/a11y": "2.3.1",
66
- "@zohodesk/components": "1.0.0-temp-217.6",
66
+ "@zohodesk/components": "1.0.0-temp-221.1",
67
67
  "@zohodesk/hooks": "2.0.5",
68
68
  "@zohodesk/icons": "1.0.72",
69
69
  "@zohodesk/layout": "^3.1.0",
@@ -77,7 +77,7 @@
77
77
  "peerDependencies": {
78
78
  "velocity-react": "1.4.3",
79
79
  "@zohodesk/variables": "1.0.0",
80
- "@zohodesk/components": "1.2.63",
80
+ "@zohodesk/components": "1.0.0-temp-221.1",
81
81
  "@zohodesk/icons": "1.0.72",
82
82
  "@zohodesk/svg": "1.1.22",
83
83
  "@zohodesk/virtualizer": "1.0.3",