@khanacademy/wonder-blocks-floating 0.0.0-PR2844-20251110165628 → 0.0.0-PR2844-20251112222914
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/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-floating
|
|
2
2
|
|
|
3
|
-
## 0.0.0-PR2844-
|
|
3
|
+
## 0.0.0-PR2844-20251112222914
|
|
4
4
|
|
|
5
5
|
### Minor Changes
|
|
6
6
|
|
|
7
7
|
- 7cc5c0d: Adds wonder-blocks-floating package
|
|
8
8
|
- b286374: Adds Floating component with basic props (including middlewares)
|
|
9
|
-
-
|
|
9
|
+
- 2f1f68d: Adds `portal` prop to Floating component. Includes `maybeGetPortalMountedModalHostElement` util to portal floating elements inside modals.
|
|
@@ -2,6 +2,12 @@ import * as React from "react";
|
|
|
2
2
|
type Props = {
|
|
3
3
|
/**
|
|
4
4
|
* Whether to render the floating element in a portal.
|
|
5
|
+
*
|
|
6
|
+
* This is useful when the floating element needs to be rendered outside the
|
|
7
|
+
* current DOM hierarchy and instead be rendered in the uppermost DOM
|
|
8
|
+
* hierarchy. This allows us to prevent clipping issues with the floating
|
|
9
|
+
* element.
|
|
10
|
+
*
|
|
5
11
|
* @default true
|
|
6
12
|
*/
|
|
7
13
|
portal: boolean;
|
|
@@ -69,6 +69,12 @@ type FloatingProps = {
|
|
|
69
69
|
showArrow?: boolean;
|
|
70
70
|
/**
|
|
71
71
|
* Whether to render the floating element in a portal.
|
|
72
|
+
*
|
|
73
|
+
* This is useful when the floating element needs to be rendered outside the
|
|
74
|
+
* current DOM hierarchy and instead be rendered in the uppermost DOM
|
|
75
|
+
* hierarchy. This allows us to prevent clipping issues with the floating
|
|
76
|
+
* element.
|
|
77
|
+
*
|
|
72
78
|
* @default true
|
|
73
79
|
*/
|
|
74
80
|
portal?: boolean;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "A package that provides support for floating UI components in our UIs, including portal and focus management support.",
|
|
4
4
|
"author": "Khan Academy",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "0.0.0-PR2844-
|
|
6
|
+
"version": "0.0.0-PR2844-20251112222914",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"types": "dist/index.d.ts",
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@floating-ui/react": "^0.27.16",
|
|
23
|
-
"@khanacademy/wonder-blocks-tokens": "14.1.
|
|
23
|
+
"@khanacademy/wonder-blocks-tokens": "14.1.1"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"aphrodite": "^1.2.5",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@khanacademy/wb-dev-build-settings": "3.2.0",
|
|
31
|
-
"@khanacademy/wonder-blocks-modal": "8.5.
|
|
31
|
+
"@khanacademy/wonder-blocks-modal": "8.5.4"
|
|
32
32
|
},
|
|
33
33
|
"scripts": {
|
|
34
34
|
"test": "echo \"Error: no test specified\" && exit 1"
|