@flozy/editor 9.8.8 → 9.8.9
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.
|
@@ -138,6 +138,14 @@ const MultiSelectWithPopover = props => {
|
|
|
138
138
|
const handleClearSelection = () => {
|
|
139
139
|
setSelectedOptions([]);
|
|
140
140
|
};
|
|
141
|
+
const handleDeleteChip = (event, option) => {
|
|
142
|
+
event.stopPropagation();
|
|
143
|
+
setSelectedOptions(prev => {
|
|
144
|
+
const updatedOptions = prev.filter(selected => selected?.value !== option?.value);
|
|
145
|
+
onChange(updatedOptions);
|
|
146
|
+
return updatedOptions;
|
|
147
|
+
});
|
|
148
|
+
};
|
|
141
149
|
const filteredOptions = availableOptions?.filter(option => option?.value?.toLowerCase()?.includes(inputValue?.toLowerCase()));
|
|
142
150
|
const isExactMatch = availableOptions?.some(opt => opt?.value?.toLowerCase() === inputValue?.toLowerCase());
|
|
143
151
|
const open = Boolean(anchorEl);
|
|
@@ -157,8 +165,7 @@ const MultiSelectWithPopover = props => {
|
|
|
157
165
|
children: selectedOptions?.map((option, index) => /*#__PURE__*/_jsx(Chip, {
|
|
158
166
|
label: option?.value,
|
|
159
167
|
onDelete: event => {
|
|
160
|
-
event
|
|
161
|
-
setSelectedOptions(prev => prev.filter(selected => selected?.value !== option?.value));
|
|
168
|
+
handleDeleteChip(event, option);
|
|
162
169
|
},
|
|
163
170
|
deleteIcon: /*#__PURE__*/_jsx(CloseIcon, {}),
|
|
164
171
|
variant: "filled",
|
|
@@ -168,7 +175,7 @@ const MultiSelectWithPopover = props => {
|
|
|
168
175
|
"& .MuiChip-deleteIcon": {
|
|
169
176
|
flexShrink: 0,
|
|
170
177
|
"& path": {
|
|
171
|
-
stroke: '#0F172A'
|
|
178
|
+
stroke: '#0F172A !important'
|
|
172
179
|
}
|
|
173
180
|
},
|
|
174
181
|
"&:hover": {
|
|
@@ -303,8 +310,7 @@ const MultiSelectWithPopover = props => {
|
|
|
303
310
|
index
|
|
304
311
|
}),
|
|
305
312
|
onDelete: event => {
|
|
306
|
-
event
|
|
307
|
-
setSelectedOptions(prev => prev.filter(selected => selected?.value !== option?.value));
|
|
313
|
+
handleDeleteChip(event, option);
|
|
308
314
|
},
|
|
309
315
|
deleteIcon: /*#__PURE__*/_jsx(CloseIcon, {}),
|
|
310
316
|
sx: {
|
|
@@ -313,7 +319,7 @@ const MultiSelectWithPopover = props => {
|
|
|
313
319
|
"& .MuiChip-deleteIcon": {
|
|
314
320
|
flexShrink: 0,
|
|
315
321
|
"& path": {
|
|
316
|
-
stroke: '#0F172A'
|
|
322
|
+
stroke: '#0F172A !important'
|
|
317
323
|
}
|
|
318
324
|
},
|
|
319
325
|
"&:hover": {
|