colibri-ui 0.8.10 → 0.8.11
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/MultiSelect/index.js +9 -15
- package/esm/MultiSelect/index.js +9 -15
- package/package.json +1 -1
package/MultiSelect/index.js
CHANGED
|
@@ -52,12 +52,9 @@ var MultiSelect = function MultiSelect(_a) {
|
|
|
52
52
|
var _e = React.useState(false),
|
|
53
53
|
isOpen = _e[0],
|
|
54
54
|
setIsOpen = _e[1];
|
|
55
|
-
var _f = React.useState(value || []),
|
|
56
|
-
selected = _f[0],
|
|
57
|
-
setSelected = _f[1];
|
|
58
55
|
var internalSelectedKeys = React.useMemo(function () {
|
|
59
|
-
return
|
|
60
|
-
}, [
|
|
56
|
+
return value.map(index.toKey);
|
|
57
|
+
}, [value]);
|
|
61
58
|
var preparedGroups = React.useMemo(function () {
|
|
62
59
|
return groups.map(function (group) {
|
|
63
60
|
return tslib.__assign(tslib.__assign({}, group), {
|
|
@@ -73,17 +70,14 @@ var MultiSelect = function MultiSelect(_a) {
|
|
|
73
70
|
});
|
|
74
71
|
}, [groups, internalSelectedKeys]);
|
|
75
72
|
var handleChange = React.useCallback(function (key) {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
return index.toKey(v) === key;
|
|
79
|
-
});
|
|
80
|
-
var item = index.fromKey(key);
|
|
81
|
-
var newValue = exists ? prev.filter(function (v) {
|
|
82
|
-
return index.toKey(v) !== key;
|
|
83
|
-
}) : tslib.__spreadArray(tslib.__spreadArray([], prev, true), [item], false);
|
|
84
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
85
|
-
return newValue;
|
|
73
|
+
var exists = value.some(function (v) {
|
|
74
|
+
return index.toKey(v) === key;
|
|
86
75
|
});
|
|
76
|
+
var item = index.fromKey(key);
|
|
77
|
+
var newValue = exists ? value.filter(function (v) {
|
|
78
|
+
return index.toKey(v) !== key;
|
|
79
|
+
}) : tslib.__spreadArray(tslib.__spreadArray([], value, true), [item], false);
|
|
80
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
87
81
|
}, [onChange]);
|
|
88
82
|
var preparedLabel = React.useMemo(function () {
|
|
89
83
|
return preparedGroups.flatMap(function (_a) {
|
package/esm/MultiSelect/index.js
CHANGED
|
@@ -42,12 +42,9 @@ var MultiSelect = function MultiSelect(_a) {
|
|
|
42
42
|
var _e = useState(false),
|
|
43
43
|
isOpen = _e[0],
|
|
44
44
|
setIsOpen = _e[1];
|
|
45
|
-
var _f = useState(value || []),
|
|
46
|
-
selected = _f[0],
|
|
47
|
-
setSelected = _f[1];
|
|
48
45
|
var internalSelectedKeys = useMemo(function () {
|
|
49
|
-
return
|
|
50
|
-
}, [
|
|
46
|
+
return value.map(toKey);
|
|
47
|
+
}, [value]);
|
|
51
48
|
var preparedGroups = useMemo(function () {
|
|
52
49
|
return groups.map(function (group) {
|
|
53
50
|
return __assign(__assign({}, group), {
|
|
@@ -63,17 +60,14 @@ var MultiSelect = function MultiSelect(_a) {
|
|
|
63
60
|
});
|
|
64
61
|
}, [groups, internalSelectedKeys]);
|
|
65
62
|
var handleChange = useCallback(function (key) {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
return toKey(v) === key;
|
|
69
|
-
});
|
|
70
|
-
var item = fromKey(key);
|
|
71
|
-
var newValue = exists ? prev.filter(function (v) {
|
|
72
|
-
return toKey(v) !== key;
|
|
73
|
-
}) : __spreadArray(__spreadArray([], prev, true), [item], false);
|
|
74
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
75
|
-
return newValue;
|
|
63
|
+
var exists = value.some(function (v) {
|
|
64
|
+
return toKey(v) === key;
|
|
76
65
|
});
|
|
66
|
+
var item = fromKey(key);
|
|
67
|
+
var newValue = exists ? value.filter(function (v) {
|
|
68
|
+
return toKey(v) !== key;
|
|
69
|
+
}) : __spreadArray(__spreadArray([], value, true), [item], false);
|
|
70
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
77
71
|
}, [onChange]);
|
|
78
72
|
var preparedLabel = useMemo(function () {
|
|
79
73
|
return preparedGroups.flatMap(function (_a) {
|