@zohodesk/dot 1.0.0-temp-191 → 1.0.0-temp-191.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.
- package/es/MessageBanner/MessageBanner.js +1 -1
- package/es/dropdown/ToggleDropDown/ToggleDropDown.js +4 -2
- package/es/list/status/StatusDropdown/StatusDropdown.js +2 -1
- package/es/lookup/header/ViewDropDown/ViewDropDown.js +5 -2
- package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js +4 -2
- package/es/v1/list/status/StatusDropdown/StatusDropdown.js +2 -1
- package/es/v1/lookup/header/ViewDropDown/ViewDropDown.js +5 -2
- package/lib/MessageBanner/MessageBanner.js +1 -1
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +4 -2
- package/lib/list/status/StatusDropdown/StatusDropdown.js +2 -1
- package/lib/lookup/header/ViewDropDown/ViewDropDown.js +5 -2
- package/lib/v1/dropdown/ToggleDropDown/ToggleDropDown.js +4 -2
- package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +2 -1
- package/lib/v1/lookup/header/ViewDropDown/ViewDropDown.js +5 -2
- package/package.json +3 -3
- package/result.json +1 -1
- package/unittest/index.html +18 -2
|
@@ -43,7 +43,7 @@ export default class MessageBanner extends React.Component {
|
|
|
43
43
|
target: "_blank",
|
|
44
44
|
dataId: `${dataId}_link`
|
|
45
45
|
}, urlText)))), onClose ? /*#__PURE__*/React.createElement(Box, {
|
|
46
|
-
className: style.
|
|
46
|
+
className: style.close,
|
|
47
47
|
onClick: onClose,
|
|
48
48
|
dataId: `${dataId}_close`
|
|
49
49
|
}, /*#__PURE__*/React.createElement(Container, {
|
|
@@ -580,14 +580,16 @@ export class ToggleDropDown extends Component {
|
|
|
580
580
|
className: value ? style.iconBox : ''
|
|
581
581
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
582
582
|
name: iconName,
|
|
583
|
-
size: iconSize
|
|
583
|
+
size: iconSize,
|
|
584
|
+
dataId: `${dataId}_icon`
|
|
584
585
|
})) : null, value && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
|
|
585
586
|
id: ariaTitleId,
|
|
586
587
|
"aria-hidden": true,
|
|
587
588
|
className: `${style.value} toggleDropText`,
|
|
588
589
|
shrink: true,
|
|
589
590
|
tagName: "span",
|
|
590
|
-
"data-title": dataTitle
|
|
591
|
+
"data-title": dataTitle,
|
|
592
|
+
dataId: `${dataId}_value`
|
|
591
593
|
}, value), isEditable ? /*#__PURE__*/React.createElement(Icon, {
|
|
592
594
|
"aria-hidden": true,
|
|
593
595
|
size: "6",
|
|
@@ -209,7 +209,8 @@ export class StatusDropdown extends React.Component {
|
|
|
209
209
|
className: `${style.value} toggleDropText`,
|
|
210
210
|
shrink: true,
|
|
211
211
|
tagName: "span",
|
|
212
|
-
"data-title": dataTitle
|
|
212
|
+
"data-title": dataTitle,
|
|
213
|
+
dataId: `${dataId}_value`
|
|
213
214
|
}, value), isEditable ? /*#__PURE__*/React.createElement(Icon, {
|
|
214
215
|
"aria-hidden": true,
|
|
215
216
|
size: "7",
|
|
@@ -91,11 +91,14 @@ class DropDown extends SelectComponent {
|
|
|
91
91
|
className: `${style.labelCnt} ${isPopupOpen ? style.focused : ''}`
|
|
92
92
|
}, /*#__PURE__*/React.createElement("span", {
|
|
93
93
|
className: style.labelText,
|
|
94
|
-
"data-title": selected
|
|
94
|
+
"data-title": selected,
|
|
95
|
+
"data-id": `${dataId}_selectedValue`,
|
|
96
|
+
"data-test-id": `${dataId}_selectedValue`
|
|
95
97
|
}, selected), /*#__PURE__*/React.createElement(Icon, {
|
|
96
98
|
name: "ZD-down",
|
|
97
99
|
size: "7",
|
|
98
|
-
iconClass: style.arrowIcon
|
|
100
|
+
iconClass: style.arrowIcon,
|
|
101
|
+
dataId: `${dataId}_icon`
|
|
99
102
|
}))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
|
|
100
103
|
query: this.responsiveFunc,
|
|
101
104
|
responsiveId: "Helmet"
|
|
@@ -580,14 +580,16 @@ export class ToggleDropDown extends Component {
|
|
|
580
580
|
className: value ? style.iconBox : ''
|
|
581
581
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
582
582
|
name: iconName,
|
|
583
|
-
size: iconSize
|
|
583
|
+
size: iconSize,
|
|
584
|
+
dataId: `${dataId}_icon`
|
|
584
585
|
})) : null, value && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
|
|
585
586
|
id: ariaTitleId,
|
|
586
587
|
"aria-hidden": true,
|
|
587
588
|
className: `${style.value} toggleDropText`,
|
|
588
589
|
shrink: true,
|
|
589
590
|
tagName: "span",
|
|
590
|
-
"data-title": dataTitle
|
|
591
|
+
"data-title": dataTitle,
|
|
592
|
+
dataId: `${dataId}_value`
|
|
591
593
|
}, value), isEditable ? /*#__PURE__*/React.createElement(Icon, {
|
|
592
594
|
"aria-hidden": true,
|
|
593
595
|
size: "6",
|
|
@@ -165,7 +165,8 @@ function StatusDropdown(props) {
|
|
|
165
165
|
className: `${style.value} toggleDropText`,
|
|
166
166
|
shrink: true,
|
|
167
167
|
tagName: "span",
|
|
168
|
-
"data-title": dataTitle
|
|
168
|
+
"data-title": dataTitle,
|
|
169
|
+
dataId: `${dataId}_value`
|
|
169
170
|
}, value), isEditable ? /*#__PURE__*/React.createElement(Icon, {
|
|
170
171
|
"aria-hidden": true,
|
|
171
172
|
size: "7",
|
|
@@ -91,11 +91,14 @@ class DropDown extends SelectComponent {
|
|
|
91
91
|
className: `${style.labelCnt} ${isPopupOpen ? style.focused : ''}`
|
|
92
92
|
}, /*#__PURE__*/React.createElement("span", {
|
|
93
93
|
className: style.labelText,
|
|
94
|
-
"data-title": selected
|
|
94
|
+
"data-title": selected,
|
|
95
|
+
"data-id": `${dataId}_selectedValue`,
|
|
96
|
+
"data-test-id": `${dataId}_selectedValue`
|
|
95
97
|
}, selected), /*#__PURE__*/React.createElement(Icon, {
|
|
96
98
|
name: "ZD-down",
|
|
97
99
|
size: "7",
|
|
98
|
-
iconClass: style.arrowIcon
|
|
100
|
+
iconClass: style.arrowIcon,
|
|
101
|
+
dataId: `${dataId}_icon`
|
|
99
102
|
}))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
|
|
100
103
|
query: this.responsiveFunc,
|
|
101
104
|
responsiveId: "Helmet"
|
|
@@ -92,7 +92,7 @@ var MessageBanner = /*#__PURE__*/function (_React$Component) {
|
|
|
92
92
|
target: "_blank",
|
|
93
93
|
dataId: "".concat(dataId, "_link")
|
|
94
94
|
}, urlText)))), onClose ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
95
|
-
className: _MessageBannerModule["default"].
|
|
95
|
+
className: _MessageBannerModule["default"].close,
|
|
96
96
|
onClick: onClose,
|
|
97
97
|
dataId: "".concat(dataId, "_close")
|
|
98
98
|
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
@@ -650,14 +650,16 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
650
650
|
className: value ? _ToggleDropDownModule["default"].iconBox : ''
|
|
651
651
|
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
652
652
|
name: iconName,
|
|
653
|
-
size: iconSize
|
|
653
|
+
size: iconSize,
|
|
654
|
+
dataId: "".concat(dataId, "_icon")
|
|
654
655
|
})) : null, value && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
655
656
|
id: ariaTitleId,
|
|
656
657
|
"aria-hidden": true,
|
|
657
658
|
className: "".concat(_ToggleDropDownModule["default"].value, " toggleDropText"),
|
|
658
659
|
shrink: true,
|
|
659
660
|
tagName: "span",
|
|
660
|
-
"data-title": dataTitle
|
|
661
|
+
"data-title": dataTitle,
|
|
662
|
+
dataId: "".concat(dataId, "_value")
|
|
661
663
|
}, value), isEditable ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
662
664
|
"aria-hidden": true,
|
|
663
665
|
size: "6",
|
|
@@ -274,7 +274,8 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
274
274
|
className: "".concat(_StatusDropdownModule["default"].value, " toggleDropText"),
|
|
275
275
|
shrink: true,
|
|
276
276
|
tagName: "span",
|
|
277
|
-
"data-title": dataTitle
|
|
277
|
+
"data-title": dataTitle,
|
|
278
|
+
dataId: "".concat(dataId, "_value")
|
|
278
279
|
}, value), isEditable ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
279
280
|
"aria-hidden": true,
|
|
280
281
|
size: "7",
|
|
@@ -137,11 +137,14 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
|
|
|
137
137
|
className: "".concat(_ViewDropDownModule["default"].labelCnt, " ").concat(isPopupOpen ? _ViewDropDownModule["default"].focused : '')
|
|
138
138
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
139
139
|
className: _ViewDropDownModule["default"].labelText,
|
|
140
|
-
"data-title": selected
|
|
140
|
+
"data-title": selected,
|
|
141
|
+
"data-id": "".concat(dataId, "_selectedValue"),
|
|
142
|
+
"data-test-id": "".concat(dataId, "_selectedValue")
|
|
141
143
|
}, selected), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
142
144
|
name: "ZD-down",
|
|
143
145
|
size: "7",
|
|
144
|
-
iconClass: _ViewDropDownModule["default"].arrowIcon
|
|
146
|
+
iconClass: _ViewDropDownModule["default"].arrowIcon,
|
|
147
|
+
dataId: "".concat(dataId, "_icon")
|
|
145
148
|
}))), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
|
|
146
149
|
query: this.responsiveFunc,
|
|
147
150
|
responsiveId: "Helmet"
|
|
@@ -650,14 +650,16 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
650
650
|
className: value ? _ToggleDropDownModule["default"].iconBox : ''
|
|
651
651
|
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
652
652
|
name: iconName,
|
|
653
|
-
size: iconSize
|
|
653
|
+
size: iconSize,
|
|
654
|
+
dataId: "".concat(dataId, "_icon")
|
|
654
655
|
})) : null, value && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
655
656
|
id: ariaTitleId,
|
|
656
657
|
"aria-hidden": true,
|
|
657
658
|
className: "".concat(_ToggleDropDownModule["default"].value, " toggleDropText"),
|
|
658
659
|
shrink: true,
|
|
659
660
|
tagName: "span",
|
|
660
|
-
"data-title": dataTitle
|
|
661
|
+
"data-title": dataTitle,
|
|
662
|
+
dataId: "".concat(dataId, "_value")
|
|
661
663
|
}, value), isEditable ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
662
664
|
"aria-hidden": true,
|
|
663
665
|
size: "6",
|
|
@@ -220,7 +220,8 @@ function StatusDropdown(props) {
|
|
|
220
220
|
className: "".concat(_StatusDropdownModule["default"].value, " toggleDropText"),
|
|
221
221
|
shrink: true,
|
|
222
222
|
tagName: "span",
|
|
223
|
-
"data-title": dataTitle
|
|
223
|
+
"data-title": dataTitle,
|
|
224
|
+
dataId: "".concat(dataId, "_value")
|
|
224
225
|
}, value), isEditable ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
225
226
|
"aria-hidden": true,
|
|
226
227
|
size: "7",
|
|
@@ -137,11 +137,14 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
|
|
|
137
137
|
className: "".concat(_ViewDropDownModule["default"].labelCnt, " ").concat(isPopupOpen ? _ViewDropDownModule["default"].focused : '')
|
|
138
138
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
139
139
|
className: _ViewDropDownModule["default"].labelText,
|
|
140
|
-
"data-title": selected
|
|
140
|
+
"data-title": selected,
|
|
141
|
+
"data-id": "".concat(dataId, "_selectedValue"),
|
|
142
|
+
"data-test-id": "".concat(dataId, "_selectedValue")
|
|
141
143
|
}, selected), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
142
144
|
name: "ZD-down",
|
|
143
145
|
size: "7",
|
|
144
|
-
iconClass: _ViewDropDownModule["default"].arrowIcon
|
|
146
|
+
iconClass: _ViewDropDownModule["default"].arrowIcon,
|
|
147
|
+
dataId: "".concat(dataId, "_icon")
|
|
145
148
|
}))), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
|
|
146
149
|
query: this.responsiveFunc,
|
|
147
150
|
responsiveId: "Helmet"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/dot",
|
|
3
|
-
"version": "1.0.0-temp-191",
|
|
3
|
+
"version": "1.0.0-temp-191.1",
|
|
4
4
|
"main": "lib/index",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"@zohodesk-private/node-plugins": "1.1.8",
|
|
63
63
|
"@zohodesk-private/react-prop-validator": "1.2.3",
|
|
64
64
|
"@zohodesk/a11y": "2.2.3",
|
|
65
|
-
"@zohodesk/components": "1.0.0-temp-203",
|
|
65
|
+
"@zohodesk/components": "1.0.0-temp-203.1",
|
|
66
66
|
"@zohodesk/hooks": "2.0.4",
|
|
67
67
|
"@zohodesk/icons": "1.0.50",
|
|
68
68
|
"@zohodesk/svg": "1.1.14",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"peerDependencies": {
|
|
76
76
|
"velocity-react": "1.4.3",
|
|
77
77
|
"@zohodesk/variables": "1.0.0",
|
|
78
|
-
"@zohodesk/components": "1.0.0-temp-203",
|
|
78
|
+
"@zohodesk/components": "1.0.0-temp-203.1",
|
|
79
79
|
"@zohodesk/icons": "1.0.50",
|
|
80
80
|
"@zohodesk/svg": "1.1.14",
|
|
81
81
|
"@zohodesk/virtualizer": "1.0.3",
|