@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.
- package/.turbo/turbo-build.log +12 -12
- package/CHANGELOG.md +24 -0
- package/dist/esm/v2/index.js +24 -4
- package/dist/esm/v2/index.js.map +1 -1
- package/dist/v2/index.d.mts +10 -4
- package/dist/v2/index.d.ts +10 -4
- package/dist/v2/index.js +24 -4
- package/dist/v2/index.js.map +1 -1
- package/package.json +3 -3
- package/src/v2/Autocomplete/MultiAutocomplete.tsx +4 -0
- package/src/v2/Autocomplete/SingleAutocomplete.tsx +4 -0
- package/src/v2/Common-V2/Popout.tsx +4 -0
- package/src/v2/Common-V2/PopoutTypes.tsx +17 -0
- package/src/v2/Common-V2/props.ts +4 -0
- package/src/v2/SearchableSelect/SearchableMultiSelect.tsx +4 -0
- package/src/v2/SearchableSelect/SearchableSelect.tsx +4 -0
- package/src/v2/Select/MultiSelect.tsx +4 -0
- package/src/v2/Select/SingleSelect.tsx +4 -0
package/.turbo/turbo-build.log
CHANGED
|
@@ -8,22 +8,22 @@ $ tsup --dts
|
|
|
8
8
|
[34mCLI[39m Cleaning output folder
|
|
9
9
|
[34mCJS[39m Build start
|
|
10
10
|
[34mESM[39m Build start
|
|
11
|
-
[
|
|
11
|
+
[32mCJS[39m [1mdist/index.js [22m[32m90.52 KB[39m
|
|
12
|
+
[32mCJS[39m [1mdist/v2/index.js [22m[32m71.79 KB[39m
|
|
13
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m176.37 KB[39m
|
|
14
|
+
[32mCJS[39m [1mdist/v2/index.js.map [22m[32m149.19 KB[39m
|
|
15
|
+
[32mCJS[39m ⚡️ Build success in 403ms
|
|
12
16
|
[32mESM[39m [1mdist/esm/index.js [22m[32m71.41 KB[39m
|
|
17
|
+
[32mESM[39m [1mdist/esm/v2/index.js [22m[32m61.25 KB[39m
|
|
13
18
|
[32mESM[39m [1mdist/esm/chunk-ROQATIB7.js [22m[32m9.15 KB[39m
|
|
14
|
-
[32mESM[39m [1mdist/esm/v2/index.js.map [22m[32m127.96 KB[39m
|
|
15
19
|
[32mESM[39m [1mdist/esm/index.js.map [22m[32m152.38 KB[39m
|
|
20
|
+
[32mESM[39m [1mdist/esm/v2/index.js.map [22m[32m129.54 KB[39m
|
|
16
21
|
[32mESM[39m [1mdist/esm/chunk-ROQATIB7.js.map [22m[32m22.93 KB[39m
|
|
17
|
-
[32mESM[39m ⚡️ Build success in
|
|
18
|
-
[32mCJS[39m [1mdist/v2/index.js [22m[32m71.31 KB[39m
|
|
19
|
-
[32mCJS[39m [1mdist/index.js [22m[32m90.52 KB[39m
|
|
20
|
-
[32mCJS[39m [1mdist/v2/index.js.map [22m[32m147.60 KB[39m
|
|
21
|
-
[32mCJS[39m [1mdist/index.js.map [22m[32m176.37 KB[39m
|
|
22
|
-
[32mCJS[39m ⚡️ Build success in 315ms
|
|
22
|
+
[32mESM[39m ⚡️ Build success in 406ms
|
|
23
23
|
[34mDTS[39m Build start
|
|
24
|
-
[32mDTS[39m ⚡️ Build success in
|
|
24
|
+
[32mDTS[39m ⚡️ Build success in 16885ms
|
|
25
25
|
[32mDTS[39m [1mdist/index.d.ts [22m[32m39.04 KB[39m
|
|
26
|
-
[32mDTS[39m [1mdist/v2/index.d.ts [22m[
|
|
26
|
+
[32mDTS[39m [1mdist/v2/index.d.ts [22m[32m5.22 KB[39m
|
|
27
27
|
[32mDTS[39m [1mdist/index.d.mts [22m[32m39.04 KB[39m
|
|
28
|
-
[32mDTS[39m [1mdist/v2/index.d.mts [22m[
|
|
29
|
-
Done in
|
|
28
|
+
[32mDTS[39m [1mdist/v2/index.d.mts [22m[32m5.22 KB[39m
|
|
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
|
package/dist/esm/v2/index.js
CHANGED
|
@@ -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,
|