@sproutsocial/seeds-react-menu 1.8.5 → 1.8.6

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.
Files changed (16) hide show
  1. package/.turbo/turbo-build.log +10 -10
  2. package/CHANGELOG.md +16 -0
  3. package/dist/esm/v2/index.js +20 -4
  4. package/dist/esm/v2/index.js.map +1 -1
  5. package/dist/v2/index.d.mts +10 -4
  6. package/dist/v2/index.d.ts +10 -4
  7. package/dist/v2/index.js +20 -4
  8. package/dist/v2/index.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/v2/Autocomplete/MultiAutocomplete.tsx +4 -0
  11. package/src/v2/Autocomplete/SingleAutocomplete.tsx +4 -0
  12. package/src/v2/Common-V2/props.ts +4 -0
  13. package/src/v2/SearchableSelect/SearchableMultiSelect.tsx +4 -0
  14. package/src/v2/SearchableSelect/SearchableSelect.tsx +4 -0
  15. package/src/v2/Select/MultiSelect.tsx +4 -0
  16. package/src/v2/Select/SingleSelect.tsx +4 -0
package/dist/v2/index.d.mts CHANGED
@@ -26,6 +26,12 @@ interface BaseSelectProps<T extends DataWithId> {
26
26
  onIsOpenChange?: (isOpen: boolean) => void;
27
27
  stateReducer?: any;
28
28
  menuProps?: React.HTMLAttributes<HTMLDivElement>;
29
+ onPointerDownOutside?: (event: CustomEvent<{
30
+ originalEvent: PointerEvent;
31
+ }>) => void;
32
+ onInteractOutside?: (event: CustomEvent<{
33
+ originalEvent: Event;
34
+ }>) => void;
29
35
  }
30
36
  /**
31
37
  * Props common to all single-select components
@@ -75,22 +81,22 @@ interface SingleSelectProps<T extends DataWithId> extends BaseSingleSelectProps<
75
81
  renderSelection?: (item: T | null) => ReactNode;
76
82
  triggerButtonProps?: any;
77
83
  }
78
- declare function SingleSelect<T extends DataWithId>({ id, data, selectedItemId: controlledSelectedItemId, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSelection, renderSelection, renderItem, groupBy, renderGroupHeading, isVirtualized, placeholder, onSelectedItemIdChange, onIsOpenChange, stateReducer, triggerButtonProps, menuProps, inputType, removePlaceholderItem, }: SingleSelectProps<T>): react_jsx_runtime.JSX.Element;
84
+ declare function SingleSelect<T extends DataWithId>({ id, data, selectedItemId: controlledSelectedItemId, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSelection, renderSelection, renderItem, groupBy, renderGroupHeading, isVirtualized, placeholder, onSelectedItemIdChange, onIsOpenChange, stateReducer, triggerButtonProps, menuProps, inputType, removePlaceholderItem, onPointerDownOutside, onInteractOutside, }: SingleSelectProps<T>): react_jsx_runtime.JSX.Element;
79
85
 
80
86
  interface MultiSelectProps<T extends DataWithId> extends BaseMultiSelectProps<T> {
81
87
  renderSelections?: (items: T[]) => ReactNode;
82
88
  triggerButtonProps?: any;
83
89
  shouldOverflow?: boolean;
84
90
  }
85
- declare function MultiSelect<T extends DataWithId>({ id, data, selectedItemIds: controlledSelectedItemIds, isOpen: controlledIsOpen, itemToKey, itemToString, renderSelections, renderItem, groupBy, renderGroupHeading, isVirtualized, showSelectedItems, selectHeadings, selectAllItem, placeholder, onSelectedItemIdsChange, onIsOpenChange, stateReducer, triggerButtonProps, menuProps, inputType, shouldOverflow, }: MultiSelectProps<T>): react_jsx_runtime.JSX.Element;
91
+ declare function MultiSelect<T extends DataWithId>({ id, data, selectedItemIds: controlledSelectedItemIds, isOpen: controlledIsOpen, itemToKey, itemToString, renderSelections, renderItem, groupBy, renderGroupHeading, isVirtualized, showSelectedItems, selectHeadings, selectAllItem, placeholder, onSelectedItemIdsChange, onIsOpenChange, stateReducer, triggerButtonProps, menuProps, inputType, shouldOverflow, onPointerDownOutside, onInteractOutside, }: MultiSelectProps<T>): react_jsx_runtime.JSX.Element;
86
92
 
87
93
  interface SingleAutocompleteProps<T extends DataWithId> extends BaseSingleAutocompleteProps<T> {
88
94
  includePlaceholderItem?: boolean;
89
95
  }
90
- declare function SingleAutocomplete<T extends DataWithId>({ id, data, selectedItemId: controlledSelectedItemId, inputValue: controlledInputValue, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSearchString, renderItem, groupBy, renderGroupHeading, isVirtualized, EmptyState, placeholder, onSelectedItemIdChange, onInputValueChange, onIsOpenChange, stateReducer, menuProps, inputType, includePlaceholderItem, }: SingleAutocompleteProps<T>): react_jsx_runtime.JSX.Element;
96
+ declare function SingleAutocomplete<T extends DataWithId>({ id, data, selectedItemId: controlledSelectedItemId, inputValue: controlledInputValue, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSearchString, renderItem, groupBy, renderGroupHeading, isVirtualized, EmptyState, placeholder, onSelectedItemIdChange, onInputValueChange, onIsOpenChange, stateReducer, menuProps, inputType, includePlaceholderItem, onPointerDownOutside, onInteractOutside, }: SingleAutocompleteProps<T>): react_jsx_runtime.JSX.Element;
91
97
 
92
98
  interface MultiAutocompleteProps<T extends DataWithId> extends BaseMultiAutocompleteProps<T> {
93
99
  }
94
- declare function MultiAutocomplete<T extends DataWithId>({ id, data, selectedItemIds: controlledSelectedItemIds, inputValue: controlledInputValue, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSearchString, renderItem, groupBy, renderGroupHeading, isVirtualized, showSelectedItems, selectHeadings, selectAllItem, EmptyState, placeholder, onSelectedItemIdsChange, onInputValueChange, onIsOpenChange, stateReducer, menuProps, inputType, }: MultiAutocompleteProps<T>): react_jsx_runtime.JSX.Element;
100
+ declare function MultiAutocomplete<T extends DataWithId>({ id, data, selectedItemIds: controlledSelectedItemIds, inputValue: controlledInputValue, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSearchString, renderItem, groupBy, renderGroupHeading, isVirtualized, showSelectedItems, selectHeadings, selectAllItem, EmptyState, placeholder, onSelectedItemIdsChange, onInputValueChange, onIsOpenChange, stateReducer, menuProps, inputType, onPointerDownOutside, onInteractOutside, }: MultiAutocompleteProps<T>): react_jsx_runtime.JSX.Element;
95
101
 
96
102
  export { MultiAutocomplete, type MultiAutocompleteProps, MultiSelect, type MultiSelectProps, SingleAutocomplete, type SingleAutocompleteProps, SingleSelect, type SingleSelectProps };
package/dist/v2/index.d.ts CHANGED
@@ -26,6 +26,12 @@ interface BaseSelectProps<T extends DataWithId> {
26
26
  onIsOpenChange?: (isOpen: boolean) => void;
27
27
  stateReducer?: any;
28
28
  menuProps?: React.HTMLAttributes<HTMLDivElement>;
29
+ onPointerDownOutside?: (event: CustomEvent<{
30
+ originalEvent: PointerEvent;
31
+ }>) => void;
32
+ onInteractOutside?: (event: CustomEvent<{
33
+ originalEvent: Event;
34
+ }>) => void;
29
35
  }
30
36
  /**
31
37
  * Props common to all single-select components
@@ -75,22 +81,22 @@ interface SingleSelectProps<T extends DataWithId> extends BaseSingleSelectProps<
75
81
  renderSelection?: (item: T | null) => ReactNode;
76
82
  triggerButtonProps?: any;
77
83
  }
78
- declare function SingleSelect<T extends DataWithId>({ id, data, selectedItemId: controlledSelectedItemId, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSelection, renderSelection, renderItem, groupBy, renderGroupHeading, isVirtualized, placeholder, onSelectedItemIdChange, onIsOpenChange, stateReducer, triggerButtonProps, menuProps, inputType, removePlaceholderItem, }: SingleSelectProps<T>): react_jsx_runtime.JSX.Element;
84
+ declare function SingleSelect<T extends DataWithId>({ id, data, selectedItemId: controlledSelectedItemId, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSelection, renderSelection, renderItem, groupBy, renderGroupHeading, isVirtualized, placeholder, onSelectedItemIdChange, onIsOpenChange, stateReducer, triggerButtonProps, menuProps, inputType, removePlaceholderItem, onPointerDownOutside, onInteractOutside, }: SingleSelectProps<T>): react_jsx_runtime.JSX.Element;
79
85
 
80
86
  interface MultiSelectProps<T extends DataWithId> extends BaseMultiSelectProps<T> {
81
87
  renderSelections?: (items: T[]) => ReactNode;
82
88
  triggerButtonProps?: any;
83
89
  shouldOverflow?: boolean;
84
90
  }
85
- declare function MultiSelect<T extends DataWithId>({ id, data, selectedItemIds: controlledSelectedItemIds, isOpen: controlledIsOpen, itemToKey, itemToString, renderSelections, renderItem, groupBy, renderGroupHeading, isVirtualized, showSelectedItems, selectHeadings, selectAllItem, placeholder, onSelectedItemIdsChange, onIsOpenChange, stateReducer, triggerButtonProps, menuProps, inputType, shouldOverflow, }: MultiSelectProps<T>): react_jsx_runtime.JSX.Element;
91
+ declare function MultiSelect<T extends DataWithId>({ id, data, selectedItemIds: controlledSelectedItemIds, isOpen: controlledIsOpen, itemToKey, itemToString, renderSelections, renderItem, groupBy, renderGroupHeading, isVirtualized, showSelectedItems, selectHeadings, selectAllItem, placeholder, onSelectedItemIdsChange, onIsOpenChange, stateReducer, triggerButtonProps, menuProps, inputType, shouldOverflow, onPointerDownOutside, onInteractOutside, }: MultiSelectProps<T>): react_jsx_runtime.JSX.Element;
86
92
 
87
93
  interface SingleAutocompleteProps<T extends DataWithId> extends BaseSingleAutocompleteProps<T> {
88
94
  includePlaceholderItem?: boolean;
89
95
  }
90
- declare function SingleAutocomplete<T extends DataWithId>({ id, data, selectedItemId: controlledSelectedItemId, inputValue: controlledInputValue, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSearchString, renderItem, groupBy, renderGroupHeading, isVirtualized, EmptyState, placeholder, onSelectedItemIdChange, onInputValueChange, onIsOpenChange, stateReducer, menuProps, inputType, includePlaceholderItem, }: SingleAutocompleteProps<T>): react_jsx_runtime.JSX.Element;
96
+ declare function SingleAutocomplete<T extends DataWithId>({ id, data, selectedItemId: controlledSelectedItemId, inputValue: controlledInputValue, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSearchString, renderItem, groupBy, renderGroupHeading, isVirtualized, EmptyState, placeholder, onSelectedItemIdChange, onInputValueChange, onIsOpenChange, stateReducer, menuProps, inputType, includePlaceholderItem, onPointerDownOutside, onInteractOutside, }: SingleAutocompleteProps<T>): react_jsx_runtime.JSX.Element;
91
97
 
92
98
  interface MultiAutocompleteProps<T extends DataWithId> extends BaseMultiAutocompleteProps<T> {
93
99
  }
94
- declare function MultiAutocomplete<T extends DataWithId>({ id, data, selectedItemIds: controlledSelectedItemIds, inputValue: controlledInputValue, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSearchString, renderItem, groupBy, renderGroupHeading, isVirtualized, showSelectedItems, selectHeadings, selectAllItem, EmptyState, placeholder, onSelectedItemIdsChange, onInputValueChange, onIsOpenChange, stateReducer, menuProps, inputType, }: MultiAutocompleteProps<T>): react_jsx_runtime.JSX.Element;
100
+ declare function MultiAutocomplete<T extends DataWithId>({ id, data, selectedItemIds: controlledSelectedItemIds, inputValue: controlledInputValue, isOpen: controlledIsOpen, itemToKey, itemToString, itemToSearchString, renderItem, groupBy, renderGroupHeading, isVirtualized, showSelectedItems, selectHeadings, selectAllItem, EmptyState, placeholder, onSelectedItemIdsChange, onInputValueChange, onIsOpenChange, stateReducer, menuProps, inputType, onPointerDownOutside, onInteractOutside, }: MultiAutocompleteProps<T>): react_jsx_runtime.JSX.Element;
95
101
 
96
102
  export { MultiAutocomplete, type MultiAutocompleteProps, MultiSelect, type MultiSelectProps, SingleAutocomplete, type SingleAutocompleteProps, SingleSelect, type SingleSelectProps };
package/dist/v2/index.js CHANGED
@@ -1126,7 +1126,9 @@ function SingleSelect({
1126
1126
  triggerButtonProps,
1127
1127
  menuProps,
1128
1128
  inputType = "icon",
1129
- removePlaceholderItem = false
1129
+ removePlaceholderItem = false,
1130
+ onPointerDownOutside,
1131
+ onInteractOutside
1130
1132
  }) {
1131
1133
  const [uncontrolledSelectedItemId, setUncontrolledSelectedItemId] = (0, import_react8.useState)(null);
1132
1134
  const [uncontrolledIsOpen, setUncontrolledIsOpen] = (0, import_react8.useState)(false);
@@ -1232,6 +1234,8 @@ function SingleSelect({
1232
1234
  onCloseAutoFocus: (e) => {
1233
1235
  e.preventDefault();
1234
1236
  },
1237
+ onPointerDownOutside,
1238
+ onInteractOutside,
1235
1239
  content: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1236
1240
  ComboboxContent,
1237
1241
  {
@@ -1337,7 +1341,9 @@ function MultiSelect({
1337
1341
  triggerButtonProps,
1338
1342
  menuProps,
1339
1343
  inputType = "checkbox",
1340
- shouldOverflow
1344
+ shouldOverflow,
1345
+ onPointerDownOutside,
1346
+ onInteractOutside
1341
1347
  }) {
1342
1348
  const [uncontrolledSelectedItemIds, setUncontrolledSelectedItemIds] = (0, import_react9.useState)([]);
1343
1349
  const [uncontrolledIsOpen, setUncontrolledIsOpen] = (0, import_react9.useState)(false);
@@ -1518,6 +1524,8 @@ function MultiSelect({
1518
1524
  onCloseAutoFocus: (e) => {
1519
1525
  e.preventDefault();
1520
1526
  },
1527
+ onPointerDownOutside,
1528
+ onInteractOutside,
1521
1529
  animationConfig: menuAnimationConfig,
1522
1530
  content: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
1523
1531
  ComboboxContent,
@@ -1623,7 +1631,9 @@ function SingleAutocomplete({
1623
1631
  stateReducer = defaultReducer3,
1624
1632
  menuProps,
1625
1633
  inputType = "icon",
1626
- includePlaceholderItem = false
1634
+ includePlaceholderItem = false,
1635
+ onPointerDownOutside,
1636
+ onInteractOutside
1627
1637
  }) {
1628
1638
  const [uncontrolledInputValue, setUncontrolledInputValue] = (0, import_react10.useState)("");
1629
1639
  const [uncontrolledSelectedItemId, setUncontrolledSelectedItemId] = (0, import_react10.useState)(null);
@@ -1800,6 +1810,8 @@ function SingleAutocomplete({
1800
1810
  onCloseAutoFocus: (e) => {
1801
1811
  e.preventDefault();
1802
1812
  },
1813
+ onPointerDownOutside,
1814
+ onInteractOutside,
1803
1815
  content: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
1804
1816
  ComboboxContent,
1805
1817
  {
@@ -1905,7 +1917,9 @@ function MultiAutocomplete({
1905
1917
  onIsOpenChange,
1906
1918
  stateReducer = defaultReducer4,
1907
1919
  menuProps,
1908
- inputType = "checkbox"
1920
+ inputType = "checkbox",
1921
+ onPointerDownOutside,
1922
+ onInteractOutside
1909
1923
  }) {
1910
1924
  const [uncontrolledInputValue, setUncontrolledInputValue] = (0, import_react11.useState)("");
1911
1925
  const [uncontrolledSelectedItemIds, setUncontrolledSelectedItemIds] = (0, import_react11.useState)([]);
@@ -2124,6 +2138,8 @@ function MultiAutocomplete({
2124
2138
  onCloseAutoFocus: (e) => {
2125
2139
  e.preventDefault();
2126
2140
  },
2141
+ onPointerDownOutside,
2142
+ onInteractOutside,
2127
2143
  animationConfig: menuAnimationConfig,
2128
2144
  content: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
2129
2145
  ComboboxContent,