@os-design/core 1.0.274 → 1.0.275
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/dist/Popover/index.d.ts
CHANGED
|
@@ -8,6 +8,11 @@ export interface PopoverProps extends JsxDivProps, WithSize {
|
|
|
8
8
|
* @default undefined
|
|
9
9
|
*/
|
|
10
10
|
trigger?: RefObject<Element> | Rect;
|
|
11
|
+
/**
|
|
12
|
+
* Where the popover will be rendered.
|
|
13
|
+
* @default document.body
|
|
14
|
+
*/
|
|
15
|
+
container?: Element | RefObject<Element>;
|
|
11
16
|
/**
|
|
12
17
|
* On which side of the element the popover will appear.
|
|
13
18
|
* @default top
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Popover/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW9D,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAA2B,EACzB,KAAK,SAAS,EACd,KAAK,IAAI,EACV,MAAM,+BAA+B,CAAC;AAEvC,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,QAAQ;IACzD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAuDD;;GAEG;AACH,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Popover/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW9D,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAA2B,EACzB,KAAK,SAAS,EACd,KAAK,IAAI,EACV,MAAM,+BAA+B,CAAC;AAEvC,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,QAAQ;IACzD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACzC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAuDD;;GAEG;AACH,QAAA,MAAM,OAAO,yGAyHZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
|
package/dist/Popover/index.js
CHANGED
|
@@ -49,6 +49,7 @@ const emptyRect = {
|
|
|
49
49
|
*/
|
|
50
50
|
const Popover = /*#__PURE__*/forwardRef(({
|
|
51
51
|
trigger,
|
|
52
|
+
container,
|
|
52
53
|
placement = 'top',
|
|
53
54
|
gap = 0.2,
|
|
54
55
|
flip = true,
|
|
@@ -140,6 +141,7 @@ const Popover = /*#__PURE__*/forwardRef(({
|
|
|
140
141
|
useClickOutside(popoverRef, onClose);
|
|
141
142
|
if (!mounted) return null;
|
|
142
143
|
return /*#__PURE__*/_jsx(Portal, {
|
|
144
|
+
container: container,
|
|
143
145
|
children: /*#__PURE__*/_jsx(Container, {
|
|
144
146
|
top: top,
|
|
145
147
|
left: left,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@os-design/core",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.275",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"repository": "git@gitlab.com:os-team/libs/os-design.git",
|
|
6
6
|
"type": "module",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"react": "18",
|
|
59
59
|
"react-dom": "18"
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "e1cbe449b6d5a1a332544498b99421c9949fba20"
|
|
62
62
|
}
|
package/src/Popover/index.tsx
CHANGED
|
@@ -33,6 +33,11 @@ export interface PopoverProps extends JsxDivProps, WithSize {
|
|
|
33
33
|
* @default undefined
|
|
34
34
|
*/
|
|
35
35
|
trigger?: RefObject<Element> | Rect;
|
|
36
|
+
/**
|
|
37
|
+
* Where the popover will be rendered.
|
|
38
|
+
* @default document.body
|
|
39
|
+
*/
|
|
40
|
+
container?: Element | RefObject<Element>;
|
|
36
41
|
/**
|
|
37
42
|
* On which side of the element the popover will appear.
|
|
38
43
|
* @default top
|
|
@@ -120,6 +125,7 @@ const Popover = forwardRef<HTMLDivElement, PopoverProps>(
|
|
|
120
125
|
(
|
|
121
126
|
{
|
|
122
127
|
trigger,
|
|
128
|
+
container,
|
|
123
129
|
placement = 'top',
|
|
124
130
|
gap = 0.2,
|
|
125
131
|
flip = true,
|
|
@@ -221,7 +227,7 @@ const Popover = forwardRef<HTMLDivElement, PopoverProps>(
|
|
|
221
227
|
if (!mounted) return null;
|
|
222
228
|
|
|
223
229
|
return (
|
|
224
|
-
<Portal>
|
|
230
|
+
<Portal container={container}>
|
|
225
231
|
<Container
|
|
226
232
|
top={top}
|
|
227
233
|
left={left}
|