@sproutsocial/seeds-react-menu 1.6.2 → 1.6.3
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/.turbo/turbo-build.log +8 -8
- package/CHANGELOG.md +6 -0
- package/dist/esm/index.js +13 -10
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +13 -10
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/Autocomplete/Autocomplete.stories.tsx +60 -3
- package/src/Autocomplete/MultiAutocomplete.tsx +13 -12
package/dist/index.js
CHANGED
|
@@ -3812,6 +3812,7 @@ var MultiAutocomplete = ({
|
|
|
3812
3812
|
onMultiSelectStateChange,
|
|
3813
3813
|
multiSelectStateReducer,
|
|
3814
3814
|
autoCloseOnEmpty = true,
|
|
3815
|
+
selectedItems: selectedItemsProp,
|
|
3815
3816
|
...useComboboxProps
|
|
3816
3817
|
}) => {
|
|
3817
3818
|
const { allMenuItems, children } = useMenuChildren({
|
|
@@ -3819,8 +3820,15 @@ var MultiAutocomplete = ({
|
|
|
3819
3820
|
menuItems,
|
|
3820
3821
|
MenuItemComponent
|
|
3821
3822
|
});
|
|
3822
|
-
const [
|
|
3823
|
-
const
|
|
3823
|
+
const [selectedItemsState, setSelectedItemsState] = import_react22.default.useState(initialSelectedItems);
|
|
3824
|
+
const selectedItems = import_react22.default.useMemo(
|
|
3825
|
+
() => selectedItemsProp || selectedItemsState,
|
|
3826
|
+
[selectedItemsProp, selectedItemsState]
|
|
3827
|
+
);
|
|
3828
|
+
const selectedItemIds = import_react22.default.useMemo(
|
|
3829
|
+
() => getSelectedItemIds(selectedItems),
|
|
3830
|
+
[selectedItems]
|
|
3831
|
+
);
|
|
3824
3832
|
const getIsItemVisibleMulti = import_react22.default.useCallback(
|
|
3825
3833
|
(item, inputValue2) => {
|
|
3826
3834
|
return (showSelectedItemsInDropdown || !selectedItemIds[item.id]) && getIsItemVisible(item, inputValue2);
|
|
@@ -3858,10 +3866,9 @@ var MultiAutocomplete = ({
|
|
|
3858
3866
|
const useMultipleSelectionReturnProps = (0, import_downshift7.useMultipleSelection)({
|
|
3859
3867
|
...defaultDownshiftProps.multi,
|
|
3860
3868
|
itemToKey: itemToKey3,
|
|
3861
|
-
selectedItems,
|
|
3869
|
+
selectedItems: selectedItemsProp || selectedItems,
|
|
3862
3870
|
onSelectedItemsChange: ({ selectedItems: selectedItems2, ...changes }) => {
|
|
3863
|
-
|
|
3864
|
-
setSelectedItemIds(getSelectedItemIds(selectedItems2));
|
|
3871
|
+
setSelectedItemsState(selectedItems2);
|
|
3865
3872
|
onSelectedItemsChange && onSelectedItemsChange({ selectedItems: selectedItems2, ...changes });
|
|
3866
3873
|
}
|
|
3867
3874
|
});
|
|
@@ -3882,11 +3889,7 @@ var MultiAutocomplete = ({
|
|
|
3882
3889
|
case import_downshift7.useCombobox.stateChangeTypes.ItemClick:
|
|
3883
3890
|
if (newSelectedItem) {
|
|
3884
3891
|
const newSelectedItems = [...selectedItems, newSelectedItem];
|
|
3885
|
-
|
|
3886
|
-
setSelectedItemIds({
|
|
3887
|
-
...selectedItemIds,
|
|
3888
|
-
[newSelectedItem.id]: true
|
|
3889
|
-
});
|
|
3892
|
+
setSelectedItemsState(newSelectedItems);
|
|
3890
3893
|
onSelectedItemsChange && onSelectedItemsChange({
|
|
3891
3894
|
selectedItems: newSelectedItems,
|
|
3892
3895
|
type: import_downshift7.useMultipleSelection.stateChangeTypes.FunctionSetSelectedItems
|