@zohodesk/components 1.0.0-temp-203 → 1.0.0-temp-203.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/MultiSelect/AdvancedMultiSelect.js +2 -2
- package/es/Select/SelectWithIcon.js +2 -1
- package/es/v1/MultiSelect/AdvancedMultiSelect.js +2 -2
- package/es/v1/Select/SelectWithIcon.js +2 -1
- package/lib/MultiSelect/AdvancedMultiSelect.js +2 -2
- package/lib/Select/SelectWithIcon.js +2 -1
- package/lib/v1/MultiSelect/AdvancedMultiSelect.js +2 -2
- package/lib/v1/Select/SelectWithIcon.js +2 -1
- package/package.json +1 -1
- package/result.json +1 -1
|
@@ -439,8 +439,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
|
|
|
439
439
|
flexible: true,
|
|
440
440
|
className: style.wrapper,
|
|
441
441
|
adjust: true,
|
|
442
|
-
shrink: true
|
|
443
|
-
dataId: `${dataIdMultiSelectComp}_textBox`
|
|
442
|
+
shrink: true
|
|
444
443
|
}, /*#__PURE__*/React.createElement("span", {
|
|
445
444
|
className: ` ${style.custmSpan} ${textBoxSize === 'xmedium' ? style.custmSpanXmedium : style.custmSpanMedium} ${isShowClearIcon ? style.clearIconSpace : ''}
|
|
446
445
|
`
|
|
@@ -457,6 +456,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
|
|
|
457
456
|
size: textBoxSize,
|
|
458
457
|
value: searchStr,
|
|
459
458
|
variant: variant,
|
|
459
|
+
dataId: `${dataIdMultiSelectComp}_textBox`,
|
|
460
460
|
isReadOnly: isReadOnly,
|
|
461
461
|
tabindex: isDisabled && '-1',
|
|
462
462
|
customClass: {
|
|
@@ -377,7 +377,8 @@ class SelectWithIcon extends Component {
|
|
|
377
377
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
378
378
|
name: iconName,
|
|
379
379
|
size: iconSize,
|
|
380
|
-
iconClass: iconClass
|
|
380
|
+
iconClass: iconClass,
|
|
381
|
+
dataId: `${dataId}_icon`
|
|
381
382
|
})) : null, /*#__PURE__*/React.createElement(Box, {
|
|
382
383
|
flexible: true
|
|
383
384
|
}, /*#__PURE__*/React.createElement(TextBoxIcon, {
|
|
@@ -439,8 +439,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
|
|
|
439
439
|
flexible: true,
|
|
440
440
|
className: style.wrapper,
|
|
441
441
|
adjust: true,
|
|
442
|
-
shrink: true
|
|
443
|
-
dataId: `${dataIdMultiSelectComp}_textBox`
|
|
442
|
+
shrink: true
|
|
444
443
|
}, /*#__PURE__*/React.createElement("span", {
|
|
445
444
|
className: ` ${style.custmSpan} ${textBoxSize === 'xmedium' ? style.custmSpanXmedium : style.custmSpanMedium} ${isShowClearIcon ? style.clearIconSpace : ''}
|
|
446
445
|
`
|
|
@@ -457,6 +456,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
|
|
|
457
456
|
size: textBoxSize,
|
|
458
457
|
value: searchStr,
|
|
459
458
|
variant: variant,
|
|
459
|
+
dataId: `${dataIdMultiSelectComp}_textBox`,
|
|
460
460
|
isReadOnly: isReadOnly,
|
|
461
461
|
tabindex: isDisabled && '-1',
|
|
462
462
|
customClass: {
|
|
@@ -379,7 +379,8 @@ class SelectWithIcon extends Component {
|
|
|
379
379
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
380
380
|
name: iconName,
|
|
381
381
|
size: iconSize,
|
|
382
|
-
iconClass: iconClass
|
|
382
|
+
iconClass: iconClass,
|
|
383
|
+
dataId: `${dataId}_icon`
|
|
383
384
|
})) : null, /*#__PURE__*/React.createElement(Box, {
|
|
384
385
|
flexible: true
|
|
385
386
|
}, /*#__PURE__*/React.createElement(TextBoxIcon, {
|
|
@@ -504,8 +504,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
|
|
|
504
504
|
flexible: true,
|
|
505
505
|
className: _MultiSelectModule["default"].wrapper,
|
|
506
506
|
adjust: true,
|
|
507
|
-
shrink: true
|
|
508
|
-
dataId: "".concat(dataIdMultiSelectComp, "_textBox")
|
|
507
|
+
shrink: true
|
|
509
508
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
510
509
|
className: " ".concat(_MultiSelectModule["default"].custmSpan, " ").concat(textBoxSize === 'xmedium' ? _MultiSelectModule["default"].custmSpanXmedium : _MultiSelectModule["default"].custmSpanMedium, " ").concat(isShowClearIcon ? _MultiSelectModule["default"].clearIconSpace : '', "\n ")
|
|
511
510
|
}, searchStr), /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
|
|
@@ -521,6 +520,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
|
|
|
521
520
|
size: textBoxSize,
|
|
522
521
|
value: searchStr,
|
|
523
522
|
variant: variant,
|
|
523
|
+
dataId: "".concat(dataIdMultiSelectComp, "_textBox"),
|
|
524
524
|
isReadOnly: isReadOnly,
|
|
525
525
|
tabindex: isDisabled && '-1',
|
|
526
526
|
customClass: {
|
|
@@ -440,7 +440,8 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
|
|
|
440
440
|
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
441
441
|
name: iconName,
|
|
442
442
|
size: iconSize,
|
|
443
|
-
iconClass: iconClass
|
|
443
|
+
iconClass: iconClass,
|
|
444
|
+
dataId: "".concat(dataId, "_icon")
|
|
444
445
|
})) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
445
446
|
flexible: true
|
|
446
447
|
}, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
|
|
@@ -504,8 +504,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
|
|
|
504
504
|
flexible: true,
|
|
505
505
|
className: _MultiSelectModule["default"].wrapper,
|
|
506
506
|
adjust: true,
|
|
507
|
-
shrink: true
|
|
508
|
-
dataId: "".concat(dataIdMultiSelectComp, "_textBox")
|
|
507
|
+
shrink: true
|
|
509
508
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
510
509
|
className: " ".concat(_MultiSelectModule["default"].custmSpan, " ").concat(textBoxSize === 'xmedium' ? _MultiSelectModule["default"].custmSpanXmedium : _MultiSelectModule["default"].custmSpanMedium, " ").concat(isShowClearIcon ? _MultiSelectModule["default"].clearIconSpace : '', "\n ")
|
|
511
510
|
}, searchStr), /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
|
|
@@ -521,6 +520,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
|
|
|
521
520
|
size: textBoxSize,
|
|
522
521
|
value: searchStr,
|
|
523
522
|
variant: variant,
|
|
523
|
+
dataId: "".concat(dataIdMultiSelectComp, "_textBox"),
|
|
524
524
|
isReadOnly: isReadOnly,
|
|
525
525
|
tabindex: isDisabled && '-1',
|
|
526
526
|
customClass: {
|
|
@@ -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"], {
|