@sproutsocial/seeds-react-menu 1.8.4 → 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.
@@ -8,22 +8,22 @@ $ tsup --dts
8
8
  CLI Cleaning output folder
9
9
  CJS Build start
10
10
  ESM Build start
11
- ESM dist/esm/v2/index.js 60.76 KB
11
+ CJS dist/index.js 90.52 KB
12
+ CJS dist/v2/index.js 71.79 KB
13
+ CJS dist/index.js.map 176.37 KB
14
+ CJS dist/v2/index.js.map 149.19 KB
15
+ CJS ⚡️ Build success in 403ms
12
16
  ESM dist/esm/index.js 71.41 KB
17
+ ESM dist/esm/v2/index.js 61.25 KB
13
18
  ESM dist/esm/chunk-ROQATIB7.js 9.15 KB
14
- ESM dist/esm/v2/index.js.map 127.96 KB
15
19
  ESM dist/esm/index.js.map 152.38 KB
20
+ ESM dist/esm/v2/index.js.map 129.54 KB
16
21
  ESM dist/esm/chunk-ROQATIB7.js.map 22.93 KB
17
- ESM ⚡️ Build success in 314ms
18
- CJS dist/v2/index.js 71.31 KB
19
- CJS dist/index.js 90.52 KB
20
- CJS dist/v2/index.js.map 147.60 KB
21
- CJS dist/index.js.map 176.37 KB
22
- CJS ⚡️ Build success in 315ms
22
+ ESM ⚡️ Build success in 406ms
23
23
  DTS Build start
24
- DTS ⚡️ Build success in 16436ms
24
+ DTS ⚡️ Build success in 16885ms
25
25
  DTS dist/index.d.ts 39.04 KB
26
- DTS dist/v2/index.d.ts 4.87 KB
26
+ DTS dist/v2/index.d.ts 5.22 KB
27
27
  DTS dist/index.d.mts 39.04 KB
28
- DTS dist/v2/index.d.mts 4.87 KB
29
- Done in 17.85s.
28
+ DTS dist/v2/index.d.mts 5.22 KB
29
+ Done in 18.50s.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,29 @@
1
1
  # @sproutsocial/seeds-react-menu
2
2
 
3
+ ## 1.8.6
4
+
5
+ ### Patch Changes
6
+
7
+ - 4f91ec2: Expose onPointerDownOutside and onInteractOutside on all v2 menu components
8
+
9
+ Adds `onPointerDownOutside` and `onInteractOutside` props to `BaseSelectProps`,
10
+ making them available on all v2 components: `MultiAutocomplete`, `SingleAutocomplete`,
11
+ `MultiSelect`, `SingleSelect`, `SearchableSelect`, and `SearchableMultiSelect`.
12
+
13
+ These props are forwarded to the internal `Popout`/`Popover.Content`, enabling
14
+ consumers to call `event.preventDefault()` to prevent the popout from dismissing
15
+ when a pointer-down event occurs outside — critical for fixing the Radix
16
+ DismissableLayer conflict that causes a nested `flushSync` crash when any of these
17
+ components are used inside a `ModalV2` (Dialog).
18
+
19
+ ## 1.8.5
20
+
21
+ ### Patch Changes
22
+
23
+ - 65e410f: Expose `onPointerDownOutside` and `onInteractOutside` props on the v2 Popout component, passing them through to Radix UI's `Popover.Content`. This allows consumers to handle dismiss events when Popout is nested inside a Radix Dialog (e.g. ModalV2), preventing crashes from conflicting DismissableLayer instances.
24
+ - Updated dependencies [65e410f]
25
+ - @sproutsocial/seeds-react-popout@2.4.25
26
+
3
27
  ## 1.8.4
4
28
 
5
29
  ### Patch Changes
@@ -200,6 +200,8 @@ function Popout({
200
200
  onOpenAutoFocus,
201
201
  onEscapeKeyDown,
202
202
  onCloseAutoFocus,
203
+ onPointerDownOutside,
204
+ onInteractOutside,
203
205
  ...rest
204
206
  }) {
205
207
  const [isOpen, setIsOpen] = React2.useState(defaultOpen ?? false);
@@ -227,6 +229,8 @@ function Popout({
227
229
  onOpenAutoFocus,
228
230
  onEscapeKeyDown,
229
231
  onCloseAutoFocus,
232
+ onPointerDownOutside,
233
+ onInteractOutside,
230
234
  role: "presentation",
231
235
  children: /* @__PURE__ */ jsx(StyledMotionDiv, { ...animationConfig, ...rest, children: content })
232
236
  }
@@ -932,7 +936,9 @@ function SingleSelect({
932
936
  triggerButtonProps,
933
937
  menuProps,
934
938
  inputType = "icon",
935
- removePlaceholderItem = false
939
+ removePlaceholderItem = false,
940
+ onPointerDownOutside,
941
+ onInteractOutside
936
942
  }) {
937
943
  const [uncontrolledSelectedItemId, setUncontrolledSelectedItemId] = useState2(null);
938
944
  const [uncontrolledIsOpen, setUncontrolledIsOpen] = useState2(false);
@@ -1038,6 +1044,8 @@ function SingleSelect({
1038
1044
  onCloseAutoFocus: (e) => {
1039
1045
  e.preventDefault();
1040
1046
  },
1047
+ onPointerDownOutside,
1048
+ onInteractOutside,
1041
1049
  content: /* @__PURE__ */ jsx7(
1042
1050
  ComboboxContent,
1043
1051
  {
@@ -1143,7 +1151,9 @@ function MultiSelect({
1143
1151
  triggerButtonProps,
1144
1152
  menuProps,
1145
1153
  inputType = "checkbox",
1146
- shouldOverflow
1154
+ shouldOverflow,
1155
+ onPointerDownOutside,
1156
+ onInteractOutside
1147
1157
  }) {
1148
1158
  const [uncontrolledSelectedItemIds, setUncontrolledSelectedItemIds] = useState3([]);
1149
1159
  const [uncontrolledIsOpen, setUncontrolledIsOpen] = useState3(false);
@@ -1324,6 +1334,8 @@ function MultiSelect({
1324
1334
  onCloseAutoFocus: (e) => {
1325
1335
  e.preventDefault();
1326
1336
  },
1337
+ onPointerDownOutside,
1338
+ onInteractOutside,
1327
1339
  animationConfig: menuAnimationConfig,
1328
1340
  content: /* @__PURE__ */ jsx8(
1329
1341
  ComboboxContent,
@@ -1429,7 +1441,9 @@ function SingleAutocomplete({
1429
1441
  stateReducer = defaultReducer3,
1430
1442
  menuProps,
1431
1443
  inputType = "icon",
1432
- includePlaceholderItem = false
1444
+ includePlaceholderItem = false,
1445
+ onPointerDownOutside,
1446
+ onInteractOutside
1433
1447
  }) {
1434
1448
  const [uncontrolledInputValue, setUncontrolledInputValue] = useState4("");
1435
1449
  const [uncontrolledSelectedItemId, setUncontrolledSelectedItemId] = useState4(null);
@@ -1606,6 +1620,8 @@ function SingleAutocomplete({
1606
1620
  onCloseAutoFocus: (e) => {
1607
1621
  e.preventDefault();
1608
1622
  },
1623
+ onPointerDownOutside,
1624
+ onInteractOutside,
1609
1625
  content: /* @__PURE__ */ jsx9(
1610
1626
  ComboboxContent,
1611
1627
  {
@@ -1711,7 +1727,9 @@ function MultiAutocomplete({
1711
1727
  onIsOpenChange,
1712
1728
  stateReducer = defaultReducer4,
1713
1729
  menuProps,
1714
- inputType = "checkbox"
1730
+ inputType = "checkbox",
1731
+ onPointerDownOutside,
1732
+ onInteractOutside
1715
1733
  }) {
1716
1734
  const [uncontrolledInputValue, setUncontrolledInputValue] = useState5("");
1717
1735
  const [uncontrolledSelectedItemIds, setUncontrolledSelectedItemIds] = useState5([]);
@@ -1930,6 +1948,8 @@ function MultiAutocomplete({
1930
1948
  onCloseAutoFocus: (e) => {
1931
1949
  e.preventDefault();
1932
1950
  },
1951
+ onPointerDownOutside,
1952
+ onInteractOutside,
1933
1953
  animationConfig: menuAnimationConfig,
1934
1954
  content: /* @__PURE__ */ jsx10(
1935
1955
  ComboboxContent,