@zohodesk/components 1.2.32 → 1.2.33

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 (16) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +4 -0
  3. package/es/MultiSelect/AdvancedMultiSelect.js +6 -2
  4. package/es/MultiSelect/props/defaultProps.js +2 -1
  5. package/es/MultiSelect/props/propTypes.js +2 -1
  6. package/es/v1/MultiSelect/AdvancedMultiSelect.js +6 -2
  7. package/es/v1/MultiSelect/props/defaultProps.js +2 -1
  8. package/es/v1/MultiSelect/props/propTypes.js +2 -1
  9. package/lib/MultiSelect/AdvancedMultiSelect.js +5 -2
  10. package/lib/MultiSelect/props/defaultProps.js +2 -1
  11. package/lib/MultiSelect/props/propTypes.js +2 -1
  12. package/lib/v1/MultiSelect/AdvancedMultiSelect.js +5 -2
  13. package/lib/v1/MultiSelect/props/defaultProps.js +2 -1
  14. package/lib/v1/MultiSelect/props/propTypes.js +2 -1
  15. package/package.json +1 -1
  16. package/result.json +1 -1
package/es/MultiSelect/AdvancedMultiSelect.js CHANGED
@@ -367,12 +367,16 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
367
367
  needEffect,
368
368
  disabledOptions,
369
369
  isLoading,
370
- dataSelectorId
370
+ dataSelectorId,
371
+ customClass
371
372
  } = this.props;
372
373
  let {
373
374
  SuggestionsProps = {},
374
375
  DropBoxProps = {}
375
376
  } = customProps;
377
+ let {
378
+ containerClass = ''
379
+ } = customClass;
376
380
  const {
377
381
  clearText = 'Clear all'
378
382
  } = i18nKeys;
@@ -407,7 +411,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
407
411
  });
408
412
  let isShowClearIcon = !isReadOnly && !isDisabled && isShowClear;
409
413
  return /*#__PURE__*/React.createElement("div", {
410
- className: `${style.wrapper} ${isDisabled ? style.disabled : ''} ${borderColor === 'transparent' ? style.transparentContainer : ''} ${needEffect && !(isDisabled || isReadOnly) ? style.effect : ''}`,
414
+ className: `${style.wrapper} ${isDisabled ? style.disabled : ''} ${borderColor === 'transparent' ? style.transparentContainer : ''} ${needEffect && !(isDisabled || isReadOnly) ? style.effect : ''} ${containerClass}`,
411
415
  "data-id": dataIdMultiSelectComp,
412
416
  "data-test-id": dataIdMultiSelectComp,
413
417
  "data-title": isDisabled ? title : null,
package/es/MultiSelect/props/defaultProps.js CHANGED
@@ -66,7 +66,8 @@ export const AdvancedMultiSelect_defaultProps = {
66
66
  customProps: {},
67
67
  needEffect: true,
68
68
  isLoading: false,
69
- dataSelectorId: 'advancedMultiSelect'
69
+ dataSelectorId: 'advancedMultiSelect',
70
+ customClass: {}
70
71
  };
71
72
  export const EmptyState_defaultProps = {
72
73
  dataId: 'empty',
package/es/MultiSelect/props/propTypes.js CHANGED
@@ -308,5 +308,6 @@ export const AdvancedMultiSelect_propTypes = { ...MultiSelect_propTypes,
308
308
  DropBoxProps: PropTypes.object
309
309
  }),
310
310
  isLoading: PropTypes.bool,
311
- dataSelectorId: PropTypes.string
311
+ dataSelectorId: PropTypes.string,
312
+ customClass: PropTypes.object
312
313
  };
package/es/v1/MultiSelect/AdvancedMultiSelect.js CHANGED
@@ -367,12 +367,16 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
367
367
  needEffect,
368
368
  disabledOptions,
369
369
  isLoading,
370
- dataSelectorId
370
+ dataSelectorId,
371
+ customClass
371
372
  } = this.props;
372
373
  let {
373
374
  SuggestionsProps = {},
374
375
  DropBoxProps = {}
375
376
  } = customProps;
377
+ let {
378
+ containerClass = ''
379
+ } = customClass;
376
380
  const {
377
381
  clearText = 'Clear all'
378
382
  } = i18nKeys;
@@ -407,7 +411,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
407
411
  });
408
412
  let isShowClearIcon = !isReadOnly && !isDisabled && isShowClear;
409
413
  return /*#__PURE__*/React.createElement("div", {
410
- className: `${style.wrapper} ${isDisabled ? style.disabled : ''} ${borderColor === 'transparent' ? style.transparentContainer : ''} ${needEffect && !(isDisabled || isReadOnly) ? style.effect : ''}`,
414
+ className: `${style.wrapper} ${isDisabled ? style.disabled : ''} ${borderColor === 'transparent' ? style.transparentContainer : ''} ${needEffect && !(isDisabled || isReadOnly) ? style.effect : ''} ${containerClass}`,
411
415
  "data-id": dataIdMultiSelectComp,
412
416
  "data-test-id": dataIdMultiSelectComp,
413
417
  "data-title": isDisabled ? title : null,
package/es/v1/MultiSelect/props/defaultProps.js CHANGED
@@ -66,7 +66,8 @@ export const AdvancedMultiSelect_defaultProps = {
66
66
  customProps: {},
67
67
  needEffect: true,
68
68
  isLoading: false,
69
- dataSelectorId: 'advancedMultiSelect'
69
+ dataSelectorId: 'advancedMultiSelect',
70
+ customClass: {}
70
71
  };
71
72
  export const EmptyState_defaultProps = {
72
73
  dataId: 'empty',
package/es/v1/MultiSelect/props/propTypes.js CHANGED
@@ -308,5 +308,6 @@ export const AdvancedMultiSelect_propTypes = { ...MultiSelect_propTypes,
308
308
  DropBoxProps: PropTypes.object
309
309
  }),
310
310
  isLoading: PropTypes.bool,
311
- dataSelectorId: PropTypes.string
311
+ dataSelectorId: PropTypes.string,
312
+ customClass: PropTypes.object
312
313
  };
package/lib/MultiSelect/AdvancedMultiSelect.js CHANGED
@@ -435,11 +435,14 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
435
435
  needEffect = _this$props5.needEffect,
436
436
  disabledOptions = _this$props5.disabledOptions,
437
437
  isLoading = _this$props5.isLoading,
438
- dataSelectorId = _this$props5.dataSelectorId;
438
+ dataSelectorId = _this$props5.dataSelectorId,
439
+ customClass = _this$props5.customClass;
439
440
  var _customProps$Suggesti = customProps.SuggestionsProps,
440
441
  SuggestionsProps = _customProps$Suggesti === void 0 ? {} : _customProps$Suggesti,
441
442
  _customProps$DropBoxP = customProps.DropBoxProps,
442
443
  DropBoxProps = _customProps$DropBoxP === void 0 ? {} : _customProps$DropBoxP;
444
+ var _customClass$containe = customClass.containerClass,
445
+ containerClass = _customClass$containe === void 0 ? '' : _customClass$containe;
443
446
  var _i18nKeys = i18nKeys,
444
447
  _i18nKeys$clearText = _i18nKeys.clearText,
445
448
  clearText = _i18nKeys$clearText === void 0 ? 'Clear all' : _i18nKeys$clearText;
@@ -473,7 +476,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
473
476
 
474
477
  var isShowClearIcon = !isReadOnly && !isDisabled && isShowClear;
475
478
  return /*#__PURE__*/_react["default"].createElement("div", {
476
- className: "".concat(_MultiSelectModule["default"].wrapper, " ").concat(isDisabled ? _MultiSelectModule["default"].disabled : '', " ").concat(borderColor === 'transparent' ? _MultiSelectModule["default"].transparentContainer : '', " ").concat(needEffect && !(isDisabled || isReadOnly) ? _MultiSelectModule["default"].effect : ''),
479
+ className: "".concat(_MultiSelectModule["default"].wrapper, " ").concat(isDisabled ? _MultiSelectModule["default"].disabled : '', " ").concat(borderColor === 'transparent' ? _MultiSelectModule["default"].transparentContainer : '', " ").concat(needEffect && !(isDisabled || isReadOnly) ? _MultiSelectModule["default"].effect : '', " ").concat(containerClass),
477
480
  "data-id": dataIdMultiSelectComp,
478
481
  "data-test-id": dataIdMultiSelectComp,
479
482
  "data-title": isDisabled ? title : null,
package/lib/MultiSelect/props/defaultProps.js CHANGED
@@ -75,7 +75,8 @@ var AdvancedMultiSelect_defaultProps = {
75
75
  customProps: {},
76
76
  needEffect: true,
77
77
  isLoading: false,
78
- dataSelectorId: 'advancedMultiSelect'
78
+ dataSelectorId: 'advancedMultiSelect',
79
+ customClass: {}
79
80
  };
80
81
  exports.AdvancedMultiSelect_defaultProps = AdvancedMultiSelect_defaultProps;
81
82
  var EmptyState_defaultProps = {
package/lib/MultiSelect/props/propTypes.js CHANGED
@@ -334,7 +334,8 @@ var AdvancedMultiSelect_propTypes = _objectSpread(_objectSpread({}, MultiSelect_
334
334
  DropBoxProps: _propTypes["default"].object
335
335
  }),
336
336
  isLoading: _propTypes["default"].bool,
337
- dataSelectorId: _propTypes["default"].string
337
+ dataSelectorId: _propTypes["default"].string,
338
+ customClass: _propTypes["default"].object
338
339
  });
339
340
 
340
341
  exports.AdvancedMultiSelect_propTypes = AdvancedMultiSelect_propTypes;
package/lib/v1/MultiSelect/AdvancedMultiSelect.js CHANGED
@@ -435,11 +435,14 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
435
435
  needEffect = _this$props5.needEffect,
436
436
  disabledOptions = _this$props5.disabledOptions,
437
437
  isLoading = _this$props5.isLoading,
438
- dataSelectorId = _this$props5.dataSelectorId;
438
+ dataSelectorId = _this$props5.dataSelectorId,
439
+ customClass = _this$props5.customClass;
439
440
  var _customProps$Suggesti = customProps.SuggestionsProps,
440
441
  SuggestionsProps = _customProps$Suggesti === void 0 ? {} : _customProps$Suggesti,
441
442
  _customProps$DropBoxP = customProps.DropBoxProps,
442
443
  DropBoxProps = _customProps$DropBoxP === void 0 ? {} : _customProps$DropBoxP;
444
+ var _customClass$containe = customClass.containerClass,
445
+ containerClass = _customClass$containe === void 0 ? '' : _customClass$containe;
443
446
  var _i18nKeys = i18nKeys,
444
447
  _i18nKeys$clearText = _i18nKeys.clearText,
445
448
  clearText = _i18nKeys$clearText === void 0 ? 'Clear all' : _i18nKeys$clearText;
@@ -473,7 +476,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
473
476
 
474
477
  var isShowClearIcon = !isReadOnly && !isDisabled && isShowClear;
475
478
  return /*#__PURE__*/_react["default"].createElement("div", {
476
- className: "".concat(_MultiSelectModule["default"].wrapper, " ").concat(isDisabled ? _MultiSelectModule["default"].disabled : '', " ").concat(borderColor === 'transparent' ? _MultiSelectModule["default"].transparentContainer : '', " ").concat(needEffect && !(isDisabled || isReadOnly) ? _MultiSelectModule["default"].effect : ''),
479
+ className: "".concat(_MultiSelectModule["default"].wrapper, " ").concat(isDisabled ? _MultiSelectModule["default"].disabled : '', " ").concat(borderColor === 'transparent' ? _MultiSelectModule["default"].transparentContainer : '', " ").concat(needEffect && !(isDisabled || isReadOnly) ? _MultiSelectModule["default"].effect : '', " ").concat(containerClass),
477
480
  "data-id": dataIdMultiSelectComp,
478
481
  "data-test-id": dataIdMultiSelectComp,
479
482
  "data-title": isDisabled ? title : null,
package/lib/v1/MultiSelect/props/defaultProps.js CHANGED
@@ -75,7 +75,8 @@ var AdvancedMultiSelect_defaultProps = {
75
75
  customProps: {},
76
76
  needEffect: true,
77
77
  isLoading: false,
78
- dataSelectorId: 'advancedMultiSelect'
78
+ dataSelectorId: 'advancedMultiSelect',
79
+ customClass: {}
79
80
  };
80
81
  exports.AdvancedMultiSelect_defaultProps = AdvancedMultiSelect_defaultProps;
81
82
  var EmptyState_defaultProps = {
package/lib/v1/MultiSelect/props/propTypes.js CHANGED
@@ -334,7 +334,8 @@ var AdvancedMultiSelect_propTypes = _objectSpread(_objectSpread({}, MultiSelect_
334
334
  DropBoxProps: _propTypes["default"].object
335
335
  }),
336
336
  isLoading: _propTypes["default"].bool,
337
- dataSelectorId: _propTypes["default"].string
337
+ dataSelectorId: _propTypes["default"].string,
338
+ customClass: _propTypes["default"].object
338
339
  });
339
340
 
340
341
  exports.AdvancedMultiSelect_propTypes = AdvancedMultiSelect_propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.2.32",
3
+ "version": "1.2.33",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,