@zohodesk/components 1.2.35 → 1.2.36
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/.cli/propValidation_report.html +1 -1
- package/README.md +5 -0
- package/es/DropDown/DropDownSearch.js +5 -2
- package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -0
- package/es/DropDown/props/defaultProps.js +2 -1
- package/es/DropDown/props/propTypes.js +2 -1
- package/es/ListItem/ListItemWithCheckBox.js +2 -1
- package/es/ListItem/ListItemWithRadio.js +2 -1
- package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +2 -2
- package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +2 -2
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
- package/es/MultiSelect/AdvancedMultiSelect.js +6 -2
- package/es/MultiSelect/MultiSelect.js +2 -1
- package/es/MultiSelect/MultiSelectWithAvatar.js +2 -1
- package/es/MultiSelect/SelectedOptions.js +8 -4
- package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +2 -2
- package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +6 -6
- package/es/MultiSelect/props/defaultProps.js +2 -1
- package/es/MultiSelect/props/propTypes.js +2 -1
- package/es/Select/SelectWithAvatar.js +5 -2
- package/es/Select/SelectWithIcon.js +4 -2
- package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
- package/es/Tab/Tabs.js +4 -2
- package/es/v1/DropDown/DropDownSearch.js +5 -2
- package/es/v1/DropDown/props/defaultProps.js +2 -1
- package/es/v1/DropDown/props/propTypes.js +2 -1
- package/es/v1/ListItem/ListItemWithCheckBox.js +2 -1
- package/es/v1/ListItem/ListItemWithRadio.js +2 -1
- package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
- package/es/v1/MultiSelect/AdvancedMultiSelect.js +6 -2
- package/es/v1/MultiSelect/MultiSelect.js +2 -1
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +2 -1
- package/es/v1/MultiSelect/SelectedOptions.js +8 -4
- package/es/v1/MultiSelect/props/defaultProps.js +2 -1
- package/es/v1/MultiSelect/props/propTypes.js +2 -1
- package/es/v1/Select/SelectWithAvatar.js +5 -2
- package/es/v1/Select/SelectWithIcon.js +4 -2
- package/es/v1/Tab/Tabs.js +4 -2
- package/lib/DropDown/DropDownSearch.js +5 -2
- package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -0
- package/lib/DropDown/props/defaultProps.js +2 -1
- package/lib/DropDown/props/propTypes.js +1 -1
- package/lib/ListItem/ListItemWithCheckBox.js +2 -1
- package/lib/ListItem/ListItemWithRadio.js +2 -1
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +2 -2
- package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +2 -2
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
- package/lib/MultiSelect/AdvancedMultiSelect.js +8 -4
- package/lib/MultiSelect/MultiSelect.js +2 -1
- package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -1
- package/lib/MultiSelect/SelectedOptions.js +8 -4
- package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +2 -2
- package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +6 -6
- package/lib/MultiSelect/props/defaultProps.js +2 -1
- package/lib/MultiSelect/props/propTypes.js +2 -1
- package/lib/Select/SelectWithAvatar.js +5 -2
- package/lib/Select/SelectWithIcon.js +4 -2
- package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
- package/lib/Tab/Tabs.js +4 -2
- package/lib/v1/DropDown/DropDownSearch.js +5 -2
- package/lib/v1/DropDown/props/defaultProps.js +2 -1
- package/lib/v1/DropDown/props/propTypes.js +1 -1
- package/lib/v1/ListItem/ListItemWithCheckBox.js +2 -1
- package/lib/v1/ListItem/ListItemWithRadio.js +2 -1
- package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
- package/lib/v1/MultiSelect/AdvancedMultiSelect.js +8 -4
- package/lib/v1/MultiSelect/MultiSelect.js +2 -1
- package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +2 -1
- package/lib/v1/MultiSelect/SelectedOptions.js +8 -4
- package/lib/v1/MultiSelect/props/defaultProps.js +2 -1
- package/lib/v1/MultiSelect/props/propTypes.js +2 -1
- package/lib/v1/Select/SelectWithAvatar.js +5 -2
- package/lib/v1/Select/SelectWithIcon.js +4 -2
- package/lib/v1/Tab/Tabs.js +4 -2
- package/package.json +3 -3
- package/result.json +1 -1
|
@@ -258,7 +258,8 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
|
|
|
258
258
|
size: tagSize
|
|
259
259
|
})) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
260
260
|
flexible: true,
|
|
261
|
-
className: _MultiSelectModule["default"].textBox
|
|
261
|
+
className: _MultiSelectModule["default"].textBox,
|
|
262
|
+
dataId: "".concat(dataId, "_textBox")
|
|
262
263
|
}, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
|
|
263
264
|
a11y: {
|
|
264
265
|
ariaActivedescendant: selectedId,
|
|
@@ -304,7 +305,8 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
|
|
|
304
305
|
needResponsive: needResponsive,
|
|
305
306
|
isPadding: false,
|
|
306
307
|
isResponsivePadding: true,
|
|
307
|
-
alignBox: "row"
|
|
308
|
+
alignBox: "row",
|
|
309
|
+
dataId: "".concat(dataId, "_dropbox")
|
|
308
310
|
}, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
309
311
|
align: "both",
|
|
310
312
|
className: _MultiSelectModule["default"].loader
|
|
@@ -342,6 +344,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
|
|
|
342
344
|
role: 'heading'
|
|
343
345
|
}
|
|
344
346
|
})) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
|
|
347
|
+
dataId: "".concat(dataId, "_Options"),
|
|
345
348
|
activeId: selectedId,
|
|
346
349
|
suggestions: suggestions,
|
|
347
350
|
getRef: _this2.suggestionItemRef,
|
|
@@ -442,7 +442,8 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
|
|
|
442
442
|
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
443
443
|
name: iconName,
|
|
444
444
|
size: iconSize,
|
|
445
|
-
iconClass: iconClass
|
|
445
|
+
iconClass: iconClass,
|
|
446
|
+
dataId: "".concat(dataId, "_icon")
|
|
446
447
|
})) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
447
448
|
flexible: true
|
|
448
449
|
}, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
|
|
@@ -533,7 +534,8 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
|
|
|
533
534
|
}))) : null, /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
|
|
534
535
|
customClass: "".concat(tabletMode ? _SelectModule["default"].responsivedropBoxList : _SelectModule["default"].dropBoxList, " ").concat(!tabletMode && dropBoxSize ? _SelectModule["default"][dropBoxSize] : ''),
|
|
535
536
|
shrink: true,
|
|
536
|
-
eleRef: _this5.scrollContentRef
|
|
537
|
+
eleRef: _this5.scrollContentRef,
|
|
538
|
+
dataId: "".concat(dataId, "_Options")
|
|
537
539
|
}, options.length ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, options.map(function (options, i) {
|
|
538
540
|
var iconName = options.iconName,
|
|
539
541
|
iconSize = options.iconSize,
|
package/lib/v1/Tab/Tabs.js
CHANGED
|
@@ -510,13 +510,15 @@ var Tabs = function Tabs(props) {
|
|
|
510
510
|
}, DropBoxProps, {
|
|
511
511
|
isResponsivePadding: true,
|
|
512
512
|
needFocusScope: true,
|
|
513
|
-
onClose: togglePopupLocal
|
|
513
|
+
onClose: togglePopupLocal,
|
|
514
|
+
dataId: "".concat(dataId, "_dropbox")
|
|
514
515
|
}), getCustomDropBoxHeaderPlaceHolder && getCustomDropBoxHeaderPlaceHolder(props), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
515
516
|
flexible: true,
|
|
516
517
|
shrink: true,
|
|
517
518
|
scroll: "vertical",
|
|
518
519
|
className: "".concat(tabletMode ? '' : _v1TabsModule["default"].menuBox, " ").concat(moreBoxClass),
|
|
519
|
-
onScroll: onScrollLocal
|
|
520
|
+
onScroll: onScrollLocal,
|
|
521
|
+
dataId: "".concat(dataId, "_Tabs")
|
|
520
522
|
}, _react["default"].Children.map(moreTabs, function (child) {
|
|
521
523
|
if (!child) {
|
|
522
524
|
return null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/components",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.36",
|
|
4
4
|
"main": "es/index.js",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"@zohodesk/a11y": "2.2.3",
|
|
71
71
|
"@zohodesk/docstool": "1.0.0-alpha-2",
|
|
72
72
|
"@zohodesk/hooks": "2.0.4",
|
|
73
|
-
"@zohodesk/icons": "1.0.
|
|
73
|
+
"@zohodesk/icons": "1.0.50",
|
|
74
74
|
"@zohodesk/svg": "1.1.14",
|
|
75
75
|
"@zohodesk/utils": "1.3.13",
|
|
76
76
|
"@zohodesk/variables": "1.0.0",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"selectn": "1.1.2"
|
|
86
86
|
},
|
|
87
87
|
"peerDependencies": {
|
|
88
|
-
"@zohodesk/icons": "1.0.
|
|
88
|
+
"@zohodesk/icons": "1.0.50",
|
|
89
89
|
"@zohodesk/variables": "1.0.0",
|
|
90
90
|
"@zohodesk/svg": "1.1.14",
|
|
91
91
|
"@zohodesk/virtualizer": "1.0.3",
|