x-ui-design 0.2.98 → 0.2.99
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/dist/index.esm.js +5 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -1
- package/dist/index.js.map +1 -1
- package/lib/components/Select/Select.tsx +5 -1
- package/package.json +1 -1
- package/src/app/page.tsx +22 -2
package/dist/index.esm.js
CHANGED
|
@@ -3101,7 +3101,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3101
3101
|
}
|
|
3102
3102
|
const updatedSelected = [...selected, newOptionValue];
|
|
3103
3103
|
onChange?.(updatedSelected);
|
|
3104
|
-
onSelect?.(
|
|
3104
|
+
onSelect?.(updatedSelected);
|
|
3105
3105
|
const input = selectRef.current?.querySelector('input');
|
|
3106
3106
|
if (input) {
|
|
3107
3107
|
input.value = '';
|
|
@@ -3117,6 +3117,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3117
3117
|
const newSelection = selected.includes(optionValue) ? selected.filter(item => item !== optionValue) : [...selected, optionValue];
|
|
3118
3118
|
setSelected(newSelection);
|
|
3119
3119
|
onChange?.(newSelection, option);
|
|
3120
|
+
onSelect?.(newSelection, option);
|
|
3120
3121
|
if (selected.includes(optionValue)) {
|
|
3121
3122
|
onDeselect?.(optionValue, option);
|
|
3122
3123
|
} else {
|
|
@@ -3134,12 +3135,14 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3134
3135
|
const value = hasMode ? [] : '';
|
|
3135
3136
|
setSelected(value);
|
|
3136
3137
|
onChange?.('');
|
|
3138
|
+
onSelect?.('');
|
|
3137
3139
|
onClear?.();
|
|
3138
3140
|
handleClearInputValue();
|
|
3139
3141
|
};
|
|
3140
3142
|
const handleRemoveTag = e => {
|
|
3141
3143
|
const updatedSelected = hasMode ? selected.filter(item => item !== e.target.value) : e.target.value;
|
|
3142
3144
|
onChange?.(updatedSelected);
|
|
3145
|
+
onSelect?.(updatedSelected);
|
|
3143
3146
|
setSelected(updatedSelected);
|
|
3144
3147
|
};
|
|
3145
3148
|
const handleOnKeyDown = e => {
|
|
@@ -3160,6 +3163,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3160
3163
|
if (e.key === 'Backspace' && (hasMode ? !searchQuery.trim().length : searchQuery.trim().length)) {
|
|
3161
3164
|
const updatedSelected = hasMode ? selected.filter(item => item !== selected[selected.length - 1]) : searchQuery.trim();
|
|
3162
3165
|
onChange?.(updatedSelected);
|
|
3166
|
+
onSelect?.(updatedSelected);
|
|
3163
3167
|
setSelected(updatedSelected);
|
|
3164
3168
|
}
|
|
3165
3169
|
clearTimeout(timeout);
|