@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.
@@ -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.ose,
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"].ose,
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",