@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.
- package/.cli/propValidation_report.html +1 -1
- package/README.md +19 -0
- package/assets/Appearance/dark/mode/Component_DarkMode.module.css +8 -0
- package/assets/Appearance/light/mode/Component_LightMode.module.css +8 -0
- package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +8 -0
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +2 -2
- package/es/Button/css/Button.module.css +57 -10
- package/es/Button/css/cssJSLogic.js +1 -1
- package/es/Button/props/propTypes.js +1 -1
- package/es/ListItem/ListContainer.js +2 -3
- package/es/ListItem/ListItem.js +2 -3
- package/es/ListItem/ListItem.module.css +2 -11
- package/es/ListItem/ListItemWithAvatar.js +3 -3
- package/es/ListItem/ListItemWithIcon.js +2 -3
- package/es/ListItem/props/defaultProps.js +1 -2
- package/es/ListItem/props/propTypes.js +1 -2
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +14 -11
- package/es/MultiSelect/AdvancedMultiSelect.js +12 -6
- package/es/MultiSelect/MultiSelect.js +12 -11
- package/es/MultiSelect/MultiSelectWithAvatar.js +4 -2
- package/es/MultiSelect/Suggestions.js +2 -9
- package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +28 -0
- package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +390 -0
- package/es/MultiSelect/props/defaultProps.js +8 -9
- package/es/MultiSelect/props/propTypes.js +5 -11
- package/es/Popup/Popup.js +19 -22
- package/es/RippleEffect/RippleEffect.module.css +16 -0
- package/es/RippleEffect/props/propTypes.js +1 -1
- package/es/Select/GroupSelect.js +5 -7
- package/es/Select/Select.js +3 -1
- package/es/Select/SelectWithAvatar.js +6 -9
- package/es/Select/SelectWithIcon.js +2 -4
- package/es/Select/props/defaultProps.js +5 -4
- package/es/Select/props/propTypes.js +7 -8
- package/es/Tag/Tag.js +1 -1
- package/es/Textarea/Textarea.js +1 -1
- package/es/Textarea/Textarea.module.css +8 -8
- package/es/Textarea/__tests__/Textarea.spec.js +18 -0
- package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +67 -43
- package/es/common/common.module.css +0 -5
- package/es/utils/dropDownUtils.js +10 -6
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +2 -2
- package/lib/Button/css/Button.module.css +57 -10
- package/lib/Button/css/cssJSLogic.js +1 -1
- package/lib/Button/props/propTypes.js +1 -1
- package/lib/ListItem/ListContainer.js +2 -3
- package/lib/ListItem/ListItem.js +2 -3
- package/lib/ListItem/ListItem.module.css +2 -11
- package/lib/ListItem/ListItemWithAvatar.js +3 -3
- package/lib/ListItem/ListItemWithIcon.js +2 -3
- package/lib/ListItem/props/defaultProps.js +1 -2
- package/lib/ListItem/props/propTypes.js +1 -2
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +14 -12
- package/lib/MultiSelect/AdvancedMultiSelect.js +12 -6
- package/lib/MultiSelect/MultiSelect.js +11 -9
- package/lib/MultiSelect/MultiSelectWithAvatar.js +4 -2
- package/lib/MultiSelect/Suggestions.js +3 -8
- package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +28 -0
- package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +390 -0
- package/lib/MultiSelect/props/defaultProps.js +8 -9
- package/lib/MultiSelect/props/propTypes.js +5 -11
- package/lib/Popup/Popup.js +20 -24
- package/lib/RippleEffect/RippleEffect.module.css +16 -0
- package/lib/RippleEffect/props/propTypes.js +1 -1
- package/lib/Select/GroupSelect.js +6 -6
- package/lib/Select/Select.js +3 -1
- package/lib/Select/SelectWithAvatar.js +7 -10
- package/lib/Select/SelectWithIcon.js +3 -5
- package/lib/Select/props/defaultProps.js +5 -4
- package/lib/Select/props/propTypes.js +7 -8
- package/lib/Tag/Tag.js +1 -1
- package/lib/Textarea/Textarea.js +1 -1
- package/lib/Textarea/Textarea.module.css +8 -8
- package/lib/Textarea/__tests__/Textarea.spec.js +20 -2
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +67 -43
- package/lib/common/common.module.css +0 -5
- package/lib/utils/dropDownUtils.js +12 -6
- package/package.json +5 -5
- package/result.json +1 -1
|
@@ -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-
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
97
|
+
"@zohodesk/a11y": "2.3.1"
|
|
98
98
|
}
|
|
99
99
|
}
|