@zohodesk/components 1.0.0-temp-199.11 → 1.0.0-temp-220

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 (79) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +19 -0
  3. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +8 -0
  4. package/assets/Appearance/light/mode/Component_LightMode.module.css +8 -0
  5. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +8 -0
  6. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +2 -2
  7. package/es/Button/css/Button.module.css +57 -10
  8. package/es/Button/css/cssJSLogic.js +1 -1
  9. package/es/Button/props/propTypes.js +1 -1
  10. package/es/ListItem/ListContainer.js +2 -3
  11. package/es/ListItem/ListItem.js +2 -3
  12. package/es/ListItem/ListItem.module.css +2 -11
  13. package/es/ListItem/ListItemWithAvatar.js +3 -3
  14. package/es/ListItem/ListItemWithIcon.js +2 -3
  15. package/es/ListItem/props/defaultProps.js +1 -2
  16. package/es/ListItem/props/propTypes.js +1 -2
  17. package/es/MultiSelect/AdvancedGroupMultiSelect.js +14 -11
  18. package/es/MultiSelect/AdvancedMultiSelect.js +12 -6
  19. package/es/MultiSelect/MultiSelect.js +12 -11
  20. package/es/MultiSelect/MultiSelectWithAvatar.js +4 -2
  21. package/es/MultiSelect/Suggestions.js +2 -9
  22. package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +28 -0
  23. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +390 -0
  24. package/es/MultiSelect/props/defaultProps.js +8 -9
  25. package/es/MultiSelect/props/propTypes.js +5 -11
  26. package/es/Popup/Popup.js +19 -22
  27. package/es/RippleEffect/RippleEffect.module.css +16 -0
  28. package/es/RippleEffect/props/propTypes.js +1 -1
  29. package/es/Select/GroupSelect.js +5 -7
  30. package/es/Select/Select.js +3 -1
  31. package/es/Select/SelectWithAvatar.js +6 -9
  32. package/es/Select/SelectWithIcon.js +2 -4
  33. package/es/Select/props/defaultProps.js +5 -4
  34. package/es/Select/props/propTypes.js +7 -8
  35. package/es/Tag/Tag.js +1 -1
  36. package/es/Textarea/Textarea.js +1 -1
  37. package/es/Textarea/Textarea.module.css +8 -8
  38. package/es/Textarea/__tests__/Textarea.spec.js +18 -0
  39. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +67 -43
  40. package/es/common/common.module.css +0 -5
  41. package/es/utils/dropDownUtils.js +10 -6
  42. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +2 -2
  43. package/lib/Button/css/Button.module.css +57 -10
  44. package/lib/Button/css/cssJSLogic.js +1 -1
  45. package/lib/Button/props/propTypes.js +1 -1
  46. package/lib/ListItem/ListContainer.js +2 -3
  47. package/lib/ListItem/ListItem.js +2 -3
  48. package/lib/ListItem/ListItem.module.css +2 -11
  49. package/lib/ListItem/ListItemWithAvatar.js +3 -3
  50. package/lib/ListItem/ListItemWithIcon.js +2 -3
  51. package/lib/ListItem/props/defaultProps.js +1 -2
  52. package/lib/ListItem/props/propTypes.js +1 -2
  53. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +14 -12
  54. package/lib/MultiSelect/AdvancedMultiSelect.js +12 -6
  55. package/lib/MultiSelect/MultiSelect.js +11 -9
  56. package/lib/MultiSelect/MultiSelectWithAvatar.js +4 -2
  57. package/lib/MultiSelect/Suggestions.js +3 -8
  58. package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +28 -0
  59. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +390 -0
  60. package/lib/MultiSelect/props/defaultProps.js +8 -9
  61. package/lib/MultiSelect/props/propTypes.js +5 -11
  62. package/lib/Popup/Popup.js +20 -24
  63. package/lib/RippleEffect/RippleEffect.module.css +16 -0
  64. package/lib/RippleEffect/props/propTypes.js +1 -1
  65. package/lib/Select/GroupSelect.js +6 -6
  66. package/lib/Select/Select.js +3 -1
  67. package/lib/Select/SelectWithAvatar.js +7 -10
  68. package/lib/Select/SelectWithIcon.js +3 -5
  69. package/lib/Select/props/defaultProps.js +5 -4
  70. package/lib/Select/props/propTypes.js +7 -8
  71. package/lib/Tag/Tag.js +1 -1
  72. package/lib/Textarea/Textarea.js +1 -1
  73. package/lib/Textarea/Textarea.module.css +8 -8
  74. package/lib/Textarea/__tests__/Textarea.spec.js +20 -2
  75. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +67 -43
  76. package/lib/common/common.module.css +0 -5
  77. package/lib/utils/dropDownUtils.js +12 -6
  78. package/package.json +5 -5
  79. package/result.json +1 -1
@@ -494,11 +494,6 @@
494
494
  overflow: hidden;
495
495
  }
496
496
 
497
- .lineClamp {
498
- composes: wbreak clamp;
499
- -webkit-line-clamp: var(--line-clamp,3);
500
- }
501
-
502
497
  .offSelection {
503
498
  -webkit-user-select: none;
504
499
  -moz-user-select: none;
@@ -142,6 +142,10 @@ var getListItemProps = function getListItemProps(props) {
142
142
  return props.listItemProps || '';
143
143
  };
144
144
 
145
+ var getAllowValueFallback = function getAllowValueFallback(props) {
146
+ return props.allowValueFallback !== false;
147
+ };
148
+
145
149
  var makeGetMultiSelectFilterSuggestions = function makeGetMultiSelectFilterSuggestions() {
146
150
  return (0, _reselect.createSelector)([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch, getKeepSelectedOptions], function (options, selectedOptions, searchStr, needSearch, isStartsWithSearch, keepSelectedOptions) {
147
151
  var suggestions = [];
@@ -228,7 +232,7 @@ var extractOptionIdFromJson = function extractOptionIdFromJson(id, localData) {
228
232
  exports.extractOptionIdFromJson = extractOptionIdFromJson;
229
233
 
230
234
  var makeFormatOptions = function makeFormatOptions() {
231
- return (0, _reselect.createSelector)([getOptions, getValueField, getTextField, getImageField, getPrefixText, getIconName, getIconSize, getOptionType, getDisabledOptions, getListItemProps], function (options, valueField, textField, imageField, prefixText, iconName, iconSize, optionType, disabledOptions, listItemProps) {
235
+ return (0, _reselect.createSelector)([getOptions, getValueField, getTextField, getImageField, getPrefixText, getIconName, getIconSize, getOptionType, getDisabledOptions, getListItemProps, getAllowValueFallback], function (options, valueField, textField, imageField, prefixText, iconName, iconSize, optionType, disabledOptions, listItemProps, allowValueFallback) {
232
236
  var revampOptions = [];
233
237
  var remvampOptionIds = [];
234
238
  var normalizedAllOptions = {};
@@ -244,7 +248,7 @@ var makeFormatOptions = function makeFormatOptions() {
244
248
  impIconSize = option.iconSize,
245
249
  listStyle = option.listItemProps;
246
250
  var id = _typeof(option) === 'object' ? option[impValueField || valueField] : option;
247
- var value = _typeof(option) === 'object' ? option[impTextField || textField] : option;
251
+ var value = _typeof(option) === 'object' ? option[impTextField || textField] : allowValueFallback ? option : '';
248
252
  var photoURL = _typeof(option) === 'object' ? option[impImageField || imageField] : ''; // grouping options (group select/MultiSelect)
249
253
 
250
254
  id = !(0, _Common.getIsEmptyValue)(id) ? optionIdGrouping(id, prefixText) : '';
@@ -297,7 +301,7 @@ var makeFormatOptions = function makeFormatOptions() {
297
301
  exports.makeFormatOptions = makeFormatOptions;
298
302
 
299
303
  var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptions() {
300
- return (0, _reselect.createSelector)([getSelectedOptionsSel, getNormalizedFormatOptions, getSelectedOptionsLength], function (selectedOptions, normalizedFormatOptions, selectedOptionsLength) {
304
+ return (0, _reselect.createSelector)([getSelectedOptionsSel, getNormalizedFormatOptions, getSelectedOptionsLength, getAllowValueFallback], function (selectedOptions, normalizedFormatOptions, selectedOptionsLength, allowValueFallback) {
301
305
  var output = [];
302
306
  var revampSelectedOptions = [];
303
307
  var normalizedSelectedOptions = {};
@@ -313,7 +317,8 @@ var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptio
313
317
  revampSelectedOptions.push(id);
314
318
  output.push(normalizedFormatOptions[option]);
315
319
  normalizedSelectedOptions[id] = normalizedFormatOptions[option];
316
- } else if ((0, _Common.getIsEmptyValue)(id) && !(0, _Common.getIsEmptyValue)(option) && revampSelectedOptions.indexOf(option) === -1) {
320
+ } else if (allowValueFallback && (0, _Common.getIsEmptyValue)(id) && !(0, _Common.getIsEmptyValue)(option) && revampSelectedOptions.indexOf(option) === -1) {
321
+ //fallback case
317
322
  var newObj = {
318
323
  id: option,
319
324
  value: option
@@ -412,7 +417,7 @@ var getGroupedOptions = function getGroupedOptions(props) {
412
417
  var getFormatOptions = makeFormatOptions();
413
418
 
414
419
  var makeGetGroupSelectOptions = function makeGetGroupSelectOptions() {
415
- return (0, _reselect.createSelector)([getGroupedOptions], function (groupedOptions) {
420
+ return (0, _reselect.createSelector)([getGroupedOptions, getAllowValueFallback], function (groupedOptions, allowValueFallback) {
416
421
  var revampedGroups = [];
417
422
  var allOptionIds = [];
418
423
  var allNormalizedOptions = {}; //all group normalized options
@@ -435,7 +440,8 @@ var makeGetGroupSelectOptions = function makeGetGroupSelectOptions() {
435
440
  options: options,
436
441
  valueField: valueField,
437
442
  textField: textField,
438
- prefixText: groupId
443
+ prefixText: groupId,
444
+ allowValueFallback: allowValueFallback
439
445
  }),
440
446
  allOptions = _getFormatOptions.allOptions,
441
447
  normalizedAllOptions = _getFormatOptions.normalizedAllOptions,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-199.11",
3
+ "version": "1.0.0-temp-220",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -68,10 +68,10 @@
68
68
  "@zohodesk-private/css-variable-migrator": "^1.0.7",
69
69
  "@zohodesk-private/node-plugins": "1.1.8",
70
70
  "@zohodesk-private/react-prop-validator": "1.2.3",
71
- "@zohodesk/a11y": "2.3.0",
71
+ "@zohodesk/a11y": "2.3.1",
72
72
  "@zohodesk/docstool": "1.0.0-alpha-2",
73
73
  "@zohodesk/hooks": "2.0.5",
74
- "@zohodesk/icons": "1.0.70",
74
+ "@zohodesk/icons": "1.0.72",
75
75
  "@zohodesk/svg": "1.1.22",
76
76
  "@zohodesk/utils": "1.3.14",
77
77
  "@zohodesk/variables": "1.0.0",
@@ -86,7 +86,7 @@
86
86
  "selectn": "1.1.2"
87
87
  },
88
88
  "peerDependencies": {
89
- "@zohodesk/icons": "1.0.70",
89
+ "@zohodesk/icons": "1.0.72",
90
90
  "@zohodesk/variables": "1.0.0",
91
91
  "@zohodesk/svg": "1.1.22",
92
92
  "@zohodesk/virtualizer": "1.0.3",
@@ -94,6 +94,6 @@
94
94
  "react-sortable-hoc": "^0.8.3",
95
95
  "@zohodesk/hooks": "2.0.5",
96
96
  "@zohodesk/utils": "1.3.14",
97
- "@zohodesk/a11y": "2.3.0"
97
+ "@zohodesk/a11y": "2.3.1"
98
98
  }
99
99
  }