@korsolutions/ui 0.0.63 → 0.0.64
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/module/components/menu/components/menu-trigger.js +2 -7
- package/dist/module/components/menu/components/menu-trigger.js.map +1 -1
- package/dist/module/components/popover/components/popover-trigger.js +3 -8
- package/dist/module/components/popover/components/popover-trigger.js.map +1 -1
- package/dist/module/components/portal/portal.js +5 -4
- package/dist/module/components/portal/portal.js.map +1 -1
- package/dist/module/components/select/components/select-overlay.js +1 -0
- package/dist/module/components/select/components/select-overlay.js.map +1 -1
- package/dist/module/components/select/variants/default.js +5 -2
- package/dist/module/components/select/variants/default.js.map +1 -1
- package/dist/module/hooks/use-is-react-navigation-modal.js +41 -0
- package/dist/module/hooks/use-is-react-navigation-modal.js.map +1 -0
- package/dist/module/hooks/use-relative-position.js +20 -12
- package/dist/module/hooks/use-relative-position.js.map +1 -1
- package/dist/module/index.js +3 -0
- package/dist/module/index.js.map +1 -1
- package/dist/module/utils/normalize-layout.js +10 -0
- package/dist/module/utils/normalize-layout.js.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/popover/components/popover-trigger.d.ts +1 -1
- package/dist/typescript/src/components/popover/components/popover-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/portal/portal.d.ts.map +1 -1
- package/dist/typescript/src/components/select/components/select-overlay.d.ts.map +1 -1
- package/dist/typescript/src/components/select/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/hooks/use-is-react-navigation-modal.d.ts +3 -0
- package/dist/typescript/src/hooks/use-is-react-navigation-modal.d.ts.map +1 -0
- package/dist/typescript/src/hooks/use-relative-position.d.ts +1 -1
- package/dist/typescript/src/hooks/use-relative-position.d.ts.map +1 -1
- package/dist/typescript/src/index.d.ts.map +1 -1
- package/dist/typescript/src/utils/normalize-layout.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/menu/components/menu-trigger.tsx +2 -7
- package/src/components/popover/components/popover-trigger.tsx +8 -10
- package/src/components/portal/portal.tsx +4 -3
- package/src/components/select/components/select-overlay.tsx +1 -0
- package/src/components/select/variants/default.tsx +4 -1
- package/src/hooks/use-is-react-navigation-modal.ts +56 -0
- package/src/hooks/use-relative-position.ts +33 -18
- package/src/index.tsx +4 -0
- package/src/utils/normalize-layout.ts +10 -0
|
@@ -18,13 +18,8 @@ export const MenuTrigger = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
18
18
|
};
|
|
19
19
|
useImperativeHandle(ref, () => ({
|
|
20
20
|
open: () => {
|
|
21
|
-
triggerRef.current
|
|
22
|
-
menu.setTriggerPosition(
|
|
23
|
-
height,
|
|
24
|
-
width,
|
|
25
|
-
pageX,
|
|
26
|
-
pageY
|
|
27
|
-
});
|
|
21
|
+
measureLayoutPosition(triggerRef.current, layout => {
|
|
22
|
+
menu.setTriggerPosition(layout);
|
|
28
23
|
menu.setIsOpen(true);
|
|
29
24
|
});
|
|
30
25
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","measureLayoutPosition","useMenu","MenuTrigger","props","ref","menu","triggerRef","onTriggerPress","isOpen","current","layout","setTriggerPosition","setIsOpen","open","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","measureLayoutPosition","useMenu","MenuTrigger","props","ref","menu","triggerRef","onTriggerPress","isOpen","current","layout","setTriggerPosition","setIsOpen","open","close","cloneElement","children","onPress","role","accessible","accessibilityRole","accessibilityState","expanded","displayName"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAGtE,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,OAAO,QAAQ,eAAY;AAWpC,OAAO,MAAMC,WAAW,gBAAGL,UAAU,CACnC,CAACM,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,IAAI,GAAGJ,OAAO,CAAC,CAAC;EACtB,MAAMK,UAAU,GAAGP,MAAM,CAAU,IAAI,CAAC;EAExC,MAAMQ,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,IAAI,CAACF,IAAI,CAACG,MAAM,EAAE;MAChBR,qBAAqB,CAACM,UAAU,CAACG,OAAO,EAAGC,MAAM,IAAK;QACpDL,IAAI,CAACM,kBAAkB,CAACD,MAAM,CAAC;QAC/BL,IAAI,CAACO,SAAS,CAAC,IAAI,CAAC;MACtB,CAAC,CAAC;IACJ,CAAC,MAAM;MACLP,IAAI,CAACO,SAAS,CAAC,KAAK,CAAC;IACvB;EACF,CAAC;EAEDd,mBAAmB,CAACM,GAAG,EAAE,OAAO;IAC9BS,IAAI,EAAEA,CAAA,KAAM;MACVb,qBAAqB,CAACM,UAAU,CAACG,OAAO,EAAGC,MAAM,IAAK;QACpDL,IAAI,CAACM,kBAAkB,CAACD,MAAM,CAAC;QAC/BL,IAAI,CAACO,SAAS,CAAC,IAAI,CAAC;MACtB,CAAC,CAAC;IACJ,CAAC;IACDE,KAAK,EAAEA,CAAA,KAAMT,IAAI,CAACO,SAAS,CAAC,KAAK;EACnC,CAAC,CAAC,CAAC;EAEH,oBAAOhB,KAAK,CAACmB,YAAY,CAACZ,KAAK,CAACa,QAAQ,EAAE;IACxCZ,GAAG,EAAEE,UAAU;IACfW,OAAO,EAAEV,cAAc;IACvBW,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAE,IAAI;IAChBC,iBAAiB,EAAE,QAAQ;IAC3BC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEjB,IAAI,CAACG;IAAO,CAAC;IAC7C,GAAGL,KAAK,CAACa,QAAQ,CAACb;EACpB,CAAC,CAAC;AACJ,CACF,CAAC;AAEDD,WAAW,CAACqB,WAAW,GAAG,aAAa","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { measureLayoutPosition } from "../../../utils/normalize-layout.js";
|
|
4
3
|
import React, { forwardRef, useImperativeHandle, useRef } from "react";
|
|
4
|
+
import { measureLayoutPosition } from "../../../utils/normalize-layout.js";
|
|
5
5
|
import { usePopover } from "../context.js";
|
|
6
6
|
export const PopoverTrigger = /*#__PURE__*/forwardRef((props, ref) => {
|
|
7
7
|
const popover = usePopover();
|
|
@@ -18,13 +18,8 @@ export const PopoverTrigger = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
18
18
|
};
|
|
19
19
|
useImperativeHandle(ref, () => ({
|
|
20
20
|
open: () => {
|
|
21
|
-
triggerRef.current
|
|
22
|
-
popover.setTriggerPosition(
|
|
23
|
-
height,
|
|
24
|
-
width,
|
|
25
|
-
pageX,
|
|
26
|
-
pageY
|
|
27
|
-
});
|
|
21
|
+
measureLayoutPosition(triggerRef.current, layout => {
|
|
22
|
+
popover.setTriggerPosition(layout);
|
|
28
23
|
popover.setIsOpen(true);
|
|
29
24
|
});
|
|
30
25
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","measureLayoutPosition","usePopover","PopoverTrigger","props","ref","popover","triggerRef","onTriggerPress","isOpen","current","layout","setTriggerPosition","setIsOpen","open","close","cloneElement","children","onPress","role","accessible","accessibilityRole","accessibilityState","expanded","displayName"],"sourceRoot":"../../../../../src","sources":["components/popover/components/popover-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAGtE,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,UAAU,QAAQ,eAAY;AAWvC,OAAO,MAAMC,cAAc,gBAAGL,UAAU,CAGtC,CAACM,KAAK,EAAEC,GAAG,KAAK;EAChB,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5B,MAAMK,UAAU,GAAGP,MAAM,CAAU,IAAI,CAAC;EAExC,MAAMQ,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,IAAI,CAACF,OAAO,CAACG,MAAM,EAAE;MACnBR,qBAAqB,CAACM,UAAU,CAACG,OAAO,EAAGC,MAAM,IAAK;QACpDL,OAAO,CAACM,kBAAkB,CAACD,MAAM,CAAC;QAClCL,OAAO,CAACO,SAAS,CAAC,IAAI,CAAC;MACzB,CAAC,CAAC;IACJ,CAAC,MAAM;MACLP,OAAO,CAACO,SAAS,CAAC,KAAK,CAAC;IAC1B;EACF,CAAC;EAEDd,mBAAmB,CAACM,GAAG,EAAE,OAAO;IAC9BS,IAAI,EAAEA,CAAA,KAAM;MACVb,qBAAqB,CAACM,UAAU,CAACG,OAAO,EAAGC,MAAM,IAAK;QACpDL,OAAO,CAACM,kBAAkB,CAACD,MAAM,CAAC;QAClCL,OAAO,CAACO,SAAS,CAAC,IAAI,CAAC;MACzB,CAAC,CAAC;IACJ,CAAC;IACDE,KAAK,EAAEA,CAAA,KAAMT,OAAO,CAACO,SAAS,CAAC,KAAK;EACtC,CAAC,CAAC,CAAC;EAEH,oBAAOhB,KAAK,CAACmB,YAAY,CAACZ,KAAK,CAACa,QAAQ,EAAE;IACxCZ,GAAG,EAAEE,UAAU;IACfW,OAAO,EAAEV,cAAc;IACvBW,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAE,IAAI;IAChBC,iBAAiB,EAAE,QAAQ;IAC3BC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEjB,OAAO,CAACG;IAAO,CAAC;IAChD,GAAGL,KAAK,CAACa,QAAQ,CAACb;EACpB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFD,cAAc,CAACqB,WAAW,GAAG,gBAAgB","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
|
|
4
4
|
import { Platform, View } from "react-native";
|
|
5
|
+
import { measureLayoutPosition } from "../../utils/normalize-layout.js";
|
|
5
6
|
import { PortalOffsetContext } from "./portal-offset.js";
|
|
6
7
|
import { DEFAULT_PORTAL_HOST } from "./portal.constants.js";
|
|
7
8
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
@@ -41,12 +42,12 @@ function DefaultContainer(props) {
|
|
|
41
42
|
const containerRef = useRef(null);
|
|
42
43
|
const [offset, setOffset] = useState(null);
|
|
43
44
|
const onLayout = useCallback(() => {
|
|
44
|
-
containerRef.current
|
|
45
|
+
measureLayoutPosition(containerRef.current, layout => {
|
|
45
46
|
setOffset(prev => {
|
|
46
|
-
if (prev?.x === pageX && prev?.y === pageY) return prev;
|
|
47
|
+
if (prev?.x === layout.pageX && prev?.y === layout.pageY) return prev;
|
|
47
48
|
return {
|
|
48
|
-
x: pageX,
|
|
49
|
-
y: pageY
|
|
49
|
+
x: layout.pageX,
|
|
50
|
+
y: layout.pageY
|
|
50
51
|
};
|
|
51
52
|
});
|
|
52
53
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","useSyncExternalStore","Platform","View","PortalOffsetContext","DEFAULT_PORTAL_HOST","jsx","_jsx","Fragment","_Fragment","store","map","Map","set","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","updatePortal","hostName","name","children","next","portal","get","removePortal","DefaultContainer","props","containerRef","offset","setOffset","onLayout","current","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","useSyncExternalStore","Platform","View","measureLayoutPosition","PortalOffsetContext","DEFAULT_PORTAL_HOST","jsx","_jsx","Fragment","_Fragment","store","map","Map","set","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","updatePortal","hostName","name","children","next","portal","get","removePortal","DefaultContainer","props","containerRef","offset","setOffset","onLayout","current","layout","prev","x","pageX","y","pageY","ref","style","position","top","left","right","bottom","elevation","zIndex","pointerEvents","Provider","value","PortalHost","container","portalMap","Container","select","default","size","Array","from","values","Portal"],"sourceRoot":"../../../../src","sources":["components/portal/portal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["calculateComposedStyles","React","Pressable","StyleSheet","useSelect","jsx","_jsx","SelectOverlay","props","select","composedStyles","styles","state","style","Component","render","onPress","setIsOpen","absoluteFill","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-overlay.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,oCAAiC;AACzE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAkBC,UAAU,QAAwB,cAAc;AACpF,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYvC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1B,MAAMM,cAAc,GAAGV,uBAAuB,CAACS,MAAM,CAACE,MAAM,EAAEF,MAAM,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEnG,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,SAAS;EAC3C,oBACEI,IAAA,CAACQ,SAAS;IACRE,OAAO,EAAEA,CAAA,KAAM;MACbP,MAAM,CAACQ,SAAS,CAAC,KAAK,CAAC;IACzB,CAAE;
|
|
1
|
+
{"version":3,"names":["calculateComposedStyles","React","Pressable","StyleSheet","useSelect","jsx","_jsx","SelectOverlay","props","select","composedStyles","styles","state","style","Component","render","onPress","setIsOpen","pointerEvents","absoluteFill","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-overlay.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,oCAAiC;AACzE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAkBC,UAAU,QAAwB,cAAc;AACpF,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYvC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1B,MAAMM,cAAc,GAAGV,uBAAuB,CAACS,MAAM,CAACE,MAAM,EAAEF,MAAM,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEnG,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,SAAS;EAC3C,oBACEI,IAAA,CAACQ,SAAS;IACRE,OAAO,EAAEA,CAAA,KAAM;MACbP,MAAM,CAACQ,SAAS,CAAC,KAAK,CAAC;IACzB,CAAE;IACFC,aAAa,EAAC,MAAM;IACpBL,KAAK,EAAE,CAACV,UAAU,CAACgB,YAAY,EAAET,cAAc,CAAE;IAAAU,QAAA,EAEhDZ,KAAK,CAACY;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -48,7 +48,9 @@ export function useSelectVariantDefault() {
|
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
overlay: {
|
|
51
|
-
default: {
|
|
51
|
+
default: {
|
|
52
|
+
zIndex: 999
|
|
53
|
+
},
|
|
52
54
|
disabled: {}
|
|
53
55
|
},
|
|
54
56
|
content: {
|
|
@@ -58,7 +60,8 @@ export function useSelectVariantDefault() {
|
|
|
58
60
|
borderWidth: 1,
|
|
59
61
|
borderColor: colors.border,
|
|
60
62
|
padding: 4,
|
|
61
|
-
gap: 4
|
|
63
|
+
gap: 4,
|
|
64
|
+
zIndex: 1000
|
|
62
65
|
},
|
|
63
66
|
disabled: {}
|
|
64
67
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useSelectVariantDefault","colors","radius","fontFamily","fontSize","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingVertical","paddingHorizontal","minHeight","muted","value","color","foreground","mutedForeground","placeholder","overlay","content","padding","gap","option","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,uBAAuBA,CAAA,EAAiB;EACtD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,OAAO,EAAE;QACPG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAET,MAAM,CAACU,MAAM;QAC1BC,YAAY,EAAEV,MAAM;QACpBW,eAAe,EAAEZ,MAAM,CAACa,OAAO;QAC/BC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MACDX,QAAQ,EAAE;QACRM,eAAe,EAAEZ,MAAM,CAACkB;MAC1B;IACF,CAAC;IACDC,KAAK,EAAE;MACLd,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACqB;MAChB,CAAC;MACDf,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACXlB,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDhB,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDE,OAAO,EAAE;MACPnB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useSelectVariantDefault","colors","radius","fontFamily","fontSize","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingVertical","paddingHorizontal","minHeight","muted","value","color","foreground","mutedForeground","placeholder","overlay","zIndex","content","padding","gap","option","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,uBAAuBA,CAAA,EAAiB;EACtD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,OAAO,EAAE;QACPG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAET,MAAM,CAACU,MAAM;QAC1BC,YAAY,EAAEV,MAAM;QACpBW,eAAe,EAAEZ,MAAM,CAACa,OAAO;QAC/BC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MACDX,QAAQ,EAAE;QACRM,eAAe,EAAEZ,MAAM,CAACkB;MAC1B;IACF,CAAC;IACDC,KAAK,EAAE;MACLd,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACqB;MAChB,CAAC;MACDf,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACXlB,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDhB,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDE,OAAO,EAAE;MACPnB,OAAO,EAAE;QACPoB,MAAM,EAAE;MACV,CAAC;MACDnB,QAAQ,EAAE,CAAC;IACb,CAAC;IACDoB,OAAO,EAAE;MACPrB,OAAO,EAAE;QACPO,eAAe,EAAEZ,MAAM,CAACa,OAAO;QAC/BF,YAAY,EAAEV,MAAM;QACpBO,WAAW,EAAE,CAAC;QACdC,WAAW,EAAET,MAAM,CAACU,MAAM;QAC1BiB,OAAO,EAAE,CAAC;QACVC,GAAG,EAAE,CAAC;QACNH,MAAM,EAAE;MACV,CAAC;MACDnB,QAAQ,EAAE,CAAC;IACb,CAAC;IACDuB,MAAM,EAAE;MACNxB,OAAO,EAAE;QACPU,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBd,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACqB,UAAU;QACxBV,YAAY,EAAEV,MAAM,GAAG;MACzB,CAAC;MACDK,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDQ,QAAQ,EAAE;QACRlB,eAAe,EAAEZ,MAAM,CAACkB;MAC1B,CAAC;MACDa,OAAO,EAAE;QACPnB,eAAe,EAAEZ,MAAM,CAACkB;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect, useMemo } from "react";
|
|
4
|
+
let useCachedNavigationContainerRef = null;
|
|
5
|
+
export function useInitializeNavigationContainerRef() {
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
try {
|
|
8
|
+
const expoRouter = require("expo-router");
|
|
9
|
+
if (expoRouter) {
|
|
10
|
+
useCachedNavigationContainerRef = expoRouter.useNavigationContainerRef;
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
const reactNavigation = require("@react-navigation/native");
|
|
14
|
+
if (reactNavigation) {
|
|
15
|
+
useCachedNavigationContainerRef = reactNavigation.useNavigationContainerRef;
|
|
16
|
+
}
|
|
17
|
+
} catch (error) {
|
|
18
|
+
console.warn("[useIsReactNavigationModal] Failed to load navigation ref:", error);
|
|
19
|
+
}
|
|
20
|
+
}, []);
|
|
21
|
+
}
|
|
22
|
+
const getIsModal = () => {
|
|
23
|
+
const useNavigationContainerRef = useCachedNavigationContainerRef;
|
|
24
|
+
if (!useNavigationContainerRef) {
|
|
25
|
+
return false;
|
|
26
|
+
}
|
|
27
|
+
const navigationRef = useNavigationContainerRef();
|
|
28
|
+
if (!navigationRef) {
|
|
29
|
+
return false;
|
|
30
|
+
}
|
|
31
|
+
const state = navigationRef.getCurrentOptions();
|
|
32
|
+
if (state && "presentation" in state && typeof state.presentation === "string") {
|
|
33
|
+
return state.presentation === "modal";
|
|
34
|
+
}
|
|
35
|
+
return false;
|
|
36
|
+
};
|
|
37
|
+
export function useIsReactNavigationModal() {
|
|
38
|
+
const isModal = useMemo(getIsModal, []);
|
|
39
|
+
return isModal;
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=use-is-react-navigation-modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useMemo","useCachedNavigationContainerRef","useInitializeNavigationContainerRef","expoRouter","require","useNavigationContainerRef","reactNavigation","error","console","warn","getIsModal","navigationRef","state","getCurrentOptions","presentation","useIsReactNavigationModal","isModal"],"sourceRoot":"../../../src","sources":["hooks/use-is-react-navigation-modal.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAK1C,IAAIC,+BAAsE,GACxE,IAAI;AAEN,OAAO,SAASC,mCAAmCA,CAAA,EAAG;EACpDH,SAAS,CAAC,MAAM;IACd,IAAI;MACF,MAAMI,UAAU,GAAGC,OAAO,CAAC,aAAa,CAAC;MACzC,IAAID,UAAU,EAAE;QACdF,+BAA+B,GAAGE,UAAU,CAACE,yBAAyB;QACtE;MACF;MACA,MAAMC,eAAe,GAAGF,OAAO,CAAC,0BAA0B,CAAC;MAC3D,IAAIE,eAAe,EAAE;QACnBL,+BAA+B,GAC7BK,eAAe,CAACD,yBAAyB;MAC7C;IACF,CAAC,CAAC,OAAOE,KAAK,EAAE;MACdC,OAAO,CAACC,IAAI,CACV,4DAA4D,EAC5DF,KACF,CAAC;IACH;EACF,CAAC,EAAE,EAAE,CAAC;AACR;AAEA,MAAMG,UAAU,GAAGA,CAAA,KAAM;EACvB,MAAML,yBAAyB,GAAGJ,+BAA+B;EAEjE,IAAI,CAACI,yBAAyB,EAAE;IAC9B,OAAO,KAAK;EACd;EAEA,MAAMM,aAAa,GAAGN,yBAAyB,CAAC,CAAC;EACjD,IAAI,CAACM,aAAa,EAAE;IAClB,OAAO,KAAK;EACd;EACA,MAAMC,KAAK,GAAGD,aAAa,CAACE,iBAAiB,CAAC,CAAC;EAC/C,IACED,KAAK,IACL,cAAc,IAAIA,KAAK,IACvB,OAAOA,KAAK,CAACE,YAAY,KAAK,QAAQ,EACtC;IACA,OAAOF,KAAK,CAACE,YAAY,KAAK,OAAO;EACvC;EACA,OAAO,KAAK;AACd,CAAC;AAED,OAAO,SAASC,yBAAyBA,CAAA,EAAG;EAC1C,MAAMC,OAAO,GAAGhB,OAAO,CAACU,UAAU,EAAE,EAAE,CAAC;EACvC,OAAOM,OAAO;AAChB","ignoreList":[]}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useMemo } from "react";
|
|
4
|
-
import { useWindowDimensions } from "react-native";
|
|
4
|
+
import { Platform, useWindowDimensions } from "react-native";
|
|
5
5
|
import { usePortalOffset } from "../components/portal/index.js";
|
|
6
6
|
import { useSafeAreaInsets } from "../safe-area/index.js";
|
|
7
|
+
import { useIsReactNavigationModal } from "./use-is-react-navigation-modal.js";
|
|
7
8
|
export function useRelativePosition({
|
|
8
9
|
align,
|
|
9
10
|
triggerPosition,
|
|
@@ -15,6 +16,7 @@ export function useRelativePosition({
|
|
|
15
16
|
const dimensions = useWindowDimensions();
|
|
16
17
|
const insets = useSafeAreaInsets();
|
|
17
18
|
const portalOffset = usePortalOffset();
|
|
19
|
+
const isReactNavigationModal = useIsReactNavigationModal();
|
|
18
20
|
return useMemo(() => {
|
|
19
21
|
const hasLayout = triggerPosition.width > 0 && triggerPosition.height > 0 && contentLayout.width > 0 && contentLayout.height > 0 && portalOffset.isLoaded;
|
|
20
22
|
if (!hasLayout) {
|
|
@@ -36,7 +38,7 @@ export function useRelativePosition({
|
|
|
36
38
|
pageX: triggerPosition.pageX - portalOffset.value.x,
|
|
37
39
|
pageY: triggerPosition.pageY - portalOffset.value.y
|
|
38
40
|
};
|
|
39
|
-
const
|
|
41
|
+
const args = {
|
|
40
42
|
align,
|
|
41
43
|
contentLayout,
|
|
42
44
|
preferredSide,
|
|
@@ -45,9 +47,21 @@ export function useRelativePosition({
|
|
|
45
47
|
insets,
|
|
46
48
|
sideOffset,
|
|
47
49
|
dimensions
|
|
48
|
-
}
|
|
50
|
+
};
|
|
51
|
+
const sidePosition = getSidePosition(args);
|
|
52
|
+
const alignPosition = getAlignPosition(args);
|
|
53
|
+
const style = {
|
|
54
|
+
position: "absolute",
|
|
55
|
+
...sidePosition,
|
|
56
|
+
...alignPosition,
|
|
57
|
+
// Temporary fix to calculate portal content relative position correctly when rendered in a React Navigation modal.
|
|
58
|
+
top: Platform.select({
|
|
59
|
+
default: sidePosition.top,
|
|
60
|
+
ios: isReactNavigationModal ? sidePosition.top + insets.top : sidePosition.top
|
|
61
|
+
})
|
|
62
|
+
};
|
|
49
63
|
return style;
|
|
50
|
-
}, [align, preferredSide, alignOffset, insets, triggerPosition, contentLayout, dimensions.width, dimensions.height, sideOffset, portalOffset]);
|
|
64
|
+
}, [align, preferredSide, alignOffset, insets, triggerPosition, contentLayout, dimensions.width, dimensions.height, sideOffset, portalOffset, isReactNavigationModal]);
|
|
51
65
|
}
|
|
52
66
|
export const DEFAULT_LAYOUT = {
|
|
53
67
|
x: 0,
|
|
@@ -113,8 +127,9 @@ function getSidePosition({
|
|
|
113
127
|
top: Math.min(Math.max(insets.top, positionTop), dimensions.height - insets.bottom - contentLayout.height)
|
|
114
128
|
};
|
|
115
129
|
}
|
|
130
|
+
let top = Math.min(dimensions.height - insets.bottom - contentLayout.height, positionBottom);
|
|
116
131
|
return {
|
|
117
|
-
top
|
|
132
|
+
top
|
|
118
133
|
};
|
|
119
134
|
}
|
|
120
135
|
function getAlignPosition({
|
|
@@ -159,11 +174,4 @@ function getLeftPosition(align, triggerPageX, triggerWidth, contentWidth, alignO
|
|
|
159
174
|
}
|
|
160
175
|
return Math.max(insets.left, Math.min(left + alignOffset, dimensions.width - contentWidth - insets.right));
|
|
161
176
|
}
|
|
162
|
-
function getContentStyle(args) {
|
|
163
|
-
return {
|
|
164
|
-
position: "absolute",
|
|
165
|
-
...getSidePosition(args),
|
|
166
|
-
...getAlignPosition(args)
|
|
167
|
-
};
|
|
168
|
-
}
|
|
169
177
|
//# sourceMappingURL=use-relative-position.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","useWindowDimensions","usePortalOffset","useSafeAreaInsets","useRelativePosition","align","triggerPosition","contentLayout","alignOffset","sideOffset","preferredSide","dimensions","insets","portalOffset","hasLayout","width","height","isLoaded","position","opacity","top","zIndex","adjustedTriggerPosition","pageX","value","x","pageY","y","style","
|
|
1
|
+
{"version":3,"names":["useMemo","Platform","useWindowDimensions","usePortalOffset","useSafeAreaInsets","useIsReactNavigationModal","useRelativePosition","align","triggerPosition","contentLayout","alignOffset","sideOffset","preferredSide","dimensions","insets","portalOffset","isReactNavigationModal","hasLayout","width","height","isLoaded","position","opacity","top","zIndex","adjustedTriggerPosition","pageX","value","x","pageY","y","args","sidePosition","getSidePosition","alignPosition","getAlignPosition","style","select","default","ios","DEFAULT_LAYOUT","DEFAULT_POSITION","getSide","positionTop","positionBottom","spaceBelow","bottom","spaceAbove","side","Math","min","max","maxContentWidth","left","right","contentWidth","getLeftPosition","doesCollide","spaceLeft","spaceRight","centeredPosition","maxWidth","triggerPageX","triggerWidth"],"sourceRoot":"../../../src","sources":["hooks/use-relative-position.ts"],"mappings":"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","ignoreList":[]}
|
package/dist/module/index.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import { AsyncAlertDialogManager } from "./components/alert-dialog/async-alert-dialog.js";
|
|
4
4
|
import { PortalHost } from "./components/portal/index.js";
|
|
5
5
|
import { ToastContainer } from "./components/toast/manager.js";
|
|
6
|
+
import { useInitializeNavigationContainerRef } from "./hooks/use-is-react-navigation-modal.js";
|
|
6
7
|
import { SafeAreaProvider } from "./safe-area/index.js";
|
|
7
8
|
import { ThemeProvider } from "./themes/index.js";
|
|
8
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -13,6 +14,8 @@ export const UIProvider = ({
|
|
|
13
14
|
safeAreaInsets,
|
|
14
15
|
components
|
|
15
16
|
}) => {
|
|
17
|
+
// Temporary fix to calculate portal content relative position correctly when rendered in a React Navigation modal.
|
|
18
|
+
useInitializeNavigationContainerRef();
|
|
16
19
|
return /*#__PURE__*/_jsx(SafeAreaProvider, {
|
|
17
20
|
insets: safeAreaInsets,
|
|
18
21
|
children: /*#__PURE__*/_jsxs(ThemeProvider, {
|
package/dist/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AsyncAlertDialogManager","PortalHost","ToastContainer","SafeAreaProvider","ThemeProvider","jsx","_jsx","jsxs","_jsxs","UIProvider","children","portalContainer","theme","safeAreaInsets","components","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,iDAA8C;AACtF,SAASC,UAAU,QAAQ,8BAAqB;AAEhD,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,gBAAgB,QAA6B,sBAAa;AACnE,SACEC,aAAa,QAGR,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUlB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC,cAAc;EACdC;AACa,CAAC,KAAK;EACnB,
|
|
1
|
+
{"version":3,"names":["AsyncAlertDialogManager","PortalHost","ToastContainer","useInitializeNavigationContainerRef","SafeAreaProvider","ThemeProvider","jsx","_jsx","jsxs","_jsxs","UIProvider","children","portalContainer","theme","safeAreaInsets","components","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,iDAA8C;AACtF,SAASC,UAAU,QAAQ,8BAAqB;AAEhD,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,mCAAmC,QAAQ,0CAAuC;AAC3F,SAASC,gBAAgB,QAA6B,sBAAa;AACnE,SACEC,aAAa,QAGR,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUlB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC,cAAc;EACdC;AACa,CAAC,KAAK;EACnB;EACAZ,mCAAmC,CAAC,CAAC;EAErC,oBACEI,IAAA,CAACH,gBAAgB;IAACY,MAAM,EAAEF,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA,KAAM;MAACE,UAAU,EAAEA,UAAW;MAAAJ,QAAA,gBAClDJ,IAAA,CAACL,cAAc,IAAE,CAAC,EACjBS,QAAQ,eACTJ,IAAA,CAACN,UAAU;QAACgB,SAAS,EAAEL;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACP,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED,cAAc,4BAAyB;AAEvC,cAAc,4BAAmB;AACjC,cAAc,2BAAkB;AAChC,SAASkB,QAAQ,QAA+B,sBAAmB;AACnE,cAAc,mBAAgB;AAE9B,cAAc,uBAAc;AAE5B,cAAc,sBAAa","ignoreList":[]}
|
|
@@ -21,6 +21,16 @@ const isValidNumber = value => {
|
|
|
21
21
|
return isValid;
|
|
22
22
|
};
|
|
23
23
|
export const measureLayoutPosition = (ref, callback) => {
|
|
24
|
+
if (ref && "getBoundingClientRect" in ref) {
|
|
25
|
+
const rect = ref.getBoundingClientRect();
|
|
26
|
+
callback({
|
|
27
|
+
height: isValidNumber(rect.height) ? rect.height : 0,
|
|
28
|
+
width: isValidNumber(rect.width) ? rect.width : 0,
|
|
29
|
+
pageX: isValidNumber(rect.x) ? rect.x : 0,
|
|
30
|
+
pageY: isValidNumber(rect.y) ? rect.y : 0
|
|
31
|
+
});
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
24
34
|
ref?.measureInWindow((pageX, pageY, width, height) => {
|
|
25
35
|
callback({
|
|
26
36
|
height: isValidNumber(height) ? height : 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["normalizeLayout","layout","_layout","y","top","x","left","isValidNumber","value","isValid","isNaN","isFinite","console","warn","measureLayoutPosition","ref","callback","
|
|
1
|
+
{"version":3,"names":["normalizeLayout","layout","_layout","y","top","x","left","isValidNumber","value","isValid","isNaN","isFinite","console","warn","measureLayoutPosition","ref","callback","rect","getBoundingClientRect","height","width","pageX","pageY","measureInWindow"],"sourceRoot":"../../../src","sources":["utils/normalize-layout.ts"],"mappings":";;AAGA,OAAO,MAAMA,eAAe,GAAIC,MAAuB,IAAK;EAC1D,MAAMC,OAAO,GAAG;IAAE,GAAGD;EAAO,CAAC;EAC7B;EACA,IAAI,CAACA,MAAM,CAACE,CAAC,IAAI,KAAK,IAAIF,MAAM,IAAI,OAAOA,MAAM,CAACG,GAAG,KAAK,QAAQ,EAAE;IAClEF,OAAO,CAACC,CAAC,GAAGF,MAAM,CAACG,GAAG;EACxB;EACA,IAAI,CAACH,MAAM,CAACI,CAAC,IAAI,MAAM,IAAIJ,MAAM,IAAI,OAAOA,MAAM,CAACK,IAAI,KAAK,QAAQ,EAAE;IACpEJ,OAAO,CAACG,CAAC,GAAGJ,MAAM,CAACK,IAAI;EACzB;EACA,OAAOJ,OAAO;AAChB,CAAC;AAED,MAAMK,aAAa,GAAIC,KAAc,IAAsB;EACzD,MAAMC,OAAO,GAAG,OAAOD,KAAK,KAAK,QAAQ,IAAI,CAACE,KAAK,CAACF,KAAK,CAAC,IAAIG,QAAQ,CAACH,KAAK,CAAC;EAC7E,IAAI,CAACC,OAAO,EAAE;IACZG,OAAO,CAACC,IAAI,CAAC,yCAAyCL,KAAK,EAAE,CAAC;EAChE;EACA,OAAOC,OAAO;AAChB,CAAC;AAED,OAAO,MAAMK,qBAAqB,GAAGA,CACnCC,GAAwB,EACxBC,QAA0C,KACvC;EACH,IAAID,GAAG,IAAI,uBAAuB,IAAIA,GAAG,EAAE;IACzC,MAAME,IAAI,GAAIF,GAAG,CAAyDG,qBAAqB,CAAC,CAAC;IACjGF,QAAQ,CAAC;MACPG,MAAM,EAAEZ,aAAa,CAACU,IAAI,CAACE,MAAM,CAAC,GAAGF,IAAI,CAACE,MAAM,GAAG,CAAC;MACpDC,KAAK,EAAEb,aAAa,CAACU,IAAI,CAACG,KAAK,CAAC,GAAGH,IAAI,CAACG,KAAK,GAAG,CAAC;MACjDC,KAAK,EAAEd,aAAa,CAACU,IAAI,CAACZ,CAAC,CAAC,GAAGY,IAAI,CAACZ,CAAC,GAAG,CAAC;MACzCiB,KAAK,EAAEf,aAAa,CAACU,IAAI,CAACd,CAAC,CAAC,GAAGc,IAAI,CAACd,CAAC,GAAG;IAC1C,CAAC,CAAC;IACF;EACF;EACAY,GAAG,EAAEQ,eAAe,CAAC,CAACF,KAAK,EAAEC,KAAK,EAAEF,KAAK,EAAED,MAAM,KAAK;IACpDH,QAAQ,CAAC;MACPG,MAAM,EAAEZ,aAAa,CAACY,MAAM,CAAC,GAAGA,MAAM,GAAG,CAAC;MAC1CC,KAAK,EAAEb,aAAa,CAACa,KAAK,CAAC,GAAGA,KAAK,GAAG,CAAC;MACvCC,KAAK,EAAEd,aAAa,CAACc,KAAK,CAAC,GAAGA,KAAK,GAAG,CAAC;MACvCC,KAAK,EAAEf,aAAa,CAACe,KAAK,CAAC,GAAGA,KAAK,GAAG;IACxC,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAI5D,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"menu-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAI5D,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,yFAoCvB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { ViewRef } from "../../../types/element.types";
|
|
2
1
|
import React from "react";
|
|
3
2
|
import { type PressableProps } from "react-native";
|
|
3
|
+
import type { ViewRef } from "../../../types/element.types";
|
|
4
4
|
export interface PopoverTriggerProps extends PressableProps {
|
|
5
5
|
children: React.ReactElement<React.RefAttributes<ViewRef> & PressableProps>;
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/popover/components/popover-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/popover/components/popover-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAI5D,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,+FAqCzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AA0F5B,wBAAgB,UAAU,CAAC,EACzB,IAA0B,EAC1B,SAAS,GACV,EAAE,eAAe,4BAcjB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAA8B,EAC9B,QAAQ,GACT,EAAE,WAAW,qBAYb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-overlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;CAC5D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"select-overlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;CAC5D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAiBtD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,wBAAgB,uBAAuB,IAAI,YAAY,
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,wBAAgB,uBAAuB,IAAI,YAAY,CAiFtD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-is-react-navigation-modal.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-is-react-navigation-modal.ts"],"names":[],"mappings":"AAQA,wBAAgB,mCAAmC,SAoBlD;AAwBD,wBAAgB,yBAAyB,YAGxC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type DisplayMetrics, type LayoutRectangle, type ViewStyle } from "react-native";
|
|
2
2
|
import { type SafeAreaInsets } from "../safe-area";
|
|
3
3
|
type UseRelativePositionArgs = Omit<GetContentStyleArgs, "dimensions" | "insets">;
|
|
4
|
+
type GetContentStyleArgs = GetPositionArgs & GetSidePositionArgs & GetAlignPositionArgs;
|
|
4
5
|
export declare function useRelativePosition({ align, triggerPosition, contentLayout, alignOffset, sideOffset, preferredSide, }: UseRelativePositionArgs): ViewStyle;
|
|
5
6
|
export interface LayoutPosition {
|
|
6
7
|
pageY: number;
|
|
@@ -24,6 +25,5 @@ interface GetAlignPositionArgs extends GetPositionArgs {
|
|
|
24
25
|
align: "start" | "center" | "end";
|
|
25
26
|
alignOffset: number;
|
|
26
27
|
}
|
|
27
|
-
type GetContentStyleArgs = GetPositionArgs & GetSidePositionArgs & GetAlignPositionArgs;
|
|
28
28
|
export {};
|
|
29
29
|
//# sourceMappingURL=use-relative-position.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-relative-position.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-relative-position.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"use-relative-position.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-relative-position.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGtE,KAAK,uBAAuB,GAAG,IAAI,CACjC,mBAAmB,EACnB,YAAY,GAAG,QAAQ,CACxB,CAAC;AAEF,KAAK,mBAAmB,GAAG,eAAe,GACxC,mBAAmB,GACnB,oBAAoB,CAAC;AAEvB,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,eAAe,EACf,aAAa,EACb,WAAW,EACX,UAAU,EACV,aAAa,GACd,EAAE,uBAAuB,GAAG,SAAS,CA4ErC;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,eAAe,EAAE,cAAc,CAAC;IAChC,aAAa,EAAE,eAAe,CAAC;IAC/B,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,UAAU,mBAAoB,SAAQ,eAAe;IACnD,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,eAK5B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,cAK9B,CAAC;AAkFF,UAAU,oBAAqB,SAAQ,eAAe;IACpD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,GAAI,mEAMxB,aAAa,gCAcf,CAAC;AAEF,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACpE,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"normalize-layout.d.ts","sourceRoot":"","sources":["../../../../src/utils/normalize-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe;;;;;CAUtD,CAAC;AAUF,eAAO,MAAM,qBAAqB,GAChC,KAAK,YAAY,GAAG,IAAI,EACxB,UAAU,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,
|
|
1
|
+
{"version":3,"file":"normalize-layout.d.ts","sourceRoot":"","sources":["../../../../src/utils/normalize-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe;;;;;CAUtD,CAAC;AAUF,eAAO,MAAM,qBAAqB,GAChC,KAAK,YAAY,GAAG,IAAI,EACxB,UAAU,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,SAoB3C,CAAC"}
|
package/package.json
CHANGED
|
@@ -31,13 +31,8 @@ export const MenuTrigger = forwardRef<MenuTriggerRef, MenuTriggerProps>(
|
|
|
31
31
|
|
|
32
32
|
useImperativeHandle(ref, () => ({
|
|
33
33
|
open: () => {
|
|
34
|
-
triggerRef.current
|
|
35
|
-
menu.setTriggerPosition(
|
|
36
|
-
height,
|
|
37
|
-
width,
|
|
38
|
-
pageX,
|
|
39
|
-
pageY,
|
|
40
|
-
});
|
|
34
|
+
measureLayoutPosition(triggerRef.current, (layout) => {
|
|
35
|
+
menu.setTriggerPosition(layout);
|
|
41
36
|
menu.setIsOpen(true);
|
|
42
37
|
});
|
|
43
38
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { ViewRef } from "../../../types/element.types";
|
|
2
|
-
import { measureLayoutPosition } from "../../../utils/normalize-layout";
|
|
3
1
|
import React, { forwardRef, useImperativeHandle, useRef } from "react";
|
|
4
2
|
import { type PressableProps } from "react-native";
|
|
3
|
+
import type { ViewRef } from "../../../types/element.types";
|
|
4
|
+
import { measureLayoutPosition } from "../../../utils/normalize-layout";
|
|
5
5
|
import { usePopover } from "../context";
|
|
6
6
|
|
|
7
7
|
export interface PopoverTriggerProps extends PressableProps {
|
|
@@ -13,7 +13,10 @@ export interface PopoverTriggerRef {
|
|
|
13
13
|
close: () => void;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
export const PopoverTrigger = forwardRef<
|
|
16
|
+
export const PopoverTrigger = forwardRef<
|
|
17
|
+
PopoverTriggerRef,
|
|
18
|
+
PopoverTriggerProps
|
|
19
|
+
>((props, ref) => {
|
|
17
20
|
const popover = usePopover();
|
|
18
21
|
const triggerRef = useRef<ViewRef>(null);
|
|
19
22
|
|
|
@@ -30,13 +33,8 @@ export const PopoverTrigger = forwardRef<PopoverTriggerRef, PopoverTriggerProps>
|
|
|
30
33
|
|
|
31
34
|
useImperativeHandle(ref, () => ({
|
|
32
35
|
open: () => {
|
|
33
|
-
triggerRef.current
|
|
34
|
-
popover.setTriggerPosition(
|
|
35
|
-
height,
|
|
36
|
-
width,
|
|
37
|
-
pageX,
|
|
38
|
-
pageY,
|
|
39
|
-
});
|
|
36
|
+
measureLayoutPosition(triggerRef.current, (layout) => {
|
|
37
|
+
popover.setTriggerPosition(layout);
|
|
40
38
|
popover.setIsOpen(true);
|
|
41
39
|
});
|
|
42
40
|
},
|
|
@@ -7,6 +7,7 @@ import React, {
|
|
|
7
7
|
useSyncExternalStore,
|
|
8
8
|
} from "react";
|
|
9
9
|
import { Platform, View, type HostInstance } from "react-native";
|
|
10
|
+
import { measureLayoutPosition } from "../../utils/normalize-layout";
|
|
10
11
|
import { PortalOffsetContext, type PortalOffset } from "./portal-offset";
|
|
11
12
|
import {
|
|
12
13
|
DEFAULT_PORTAL_HOST,
|
|
@@ -72,10 +73,10 @@ function DefaultContainer(props: React.PropsWithChildren) {
|
|
|
72
73
|
const [offset, setOffset] = useState<PortalOffset | null>(null);
|
|
73
74
|
|
|
74
75
|
const onLayout = useCallback(() => {
|
|
75
|
-
containerRef.current
|
|
76
|
+
measureLayoutPosition(containerRef.current, (layout) => {
|
|
76
77
|
setOffset((prev) => {
|
|
77
|
-
if (prev?.x === pageX && prev?.y === pageY) return prev;
|
|
78
|
-
return { x: pageX, y: pageY };
|
|
78
|
+
if (prev?.x === layout.pageX && prev?.y === layout.pageY) return prev;
|
|
79
|
+
return { x: layout.pageX, y: layout.pageY };
|
|
79
80
|
});
|
|
80
81
|
});
|
|
81
82
|
}, []);
|
|
@@ -44,7 +44,9 @@ export function useSelectVariantDefault(): SelectStyles {
|
|
|
44
44
|
},
|
|
45
45
|
},
|
|
46
46
|
overlay: {
|
|
47
|
-
default: {
|
|
47
|
+
default: {
|
|
48
|
+
zIndex: 999,
|
|
49
|
+
},
|
|
48
50
|
disabled: {},
|
|
49
51
|
},
|
|
50
52
|
content: {
|
|
@@ -55,6 +57,7 @@ export function useSelectVariantDefault(): SelectStyles {
|
|
|
55
57
|
borderColor: colors.border,
|
|
56
58
|
padding: 4,
|
|
57
59
|
gap: 4,
|
|
60
|
+
zIndex: 1000,
|
|
58
61
|
},
|
|
59
62
|
disabled: {},
|
|
60
63
|
},
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { useEffect, useMemo } from "react";
|
|
2
|
+
|
|
3
|
+
type NavigationContainerRef =
|
|
4
|
+
import("@react-navigation/native").NavigationContainerRefWithCurrent<ReactNavigation.RootParamList>;
|
|
5
|
+
|
|
6
|
+
let useCachedNavigationContainerRef: (() => NavigationContainerRef) | null =
|
|
7
|
+
null;
|
|
8
|
+
|
|
9
|
+
export function useInitializeNavigationContainerRef() {
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
try {
|
|
12
|
+
const expoRouter = require("expo-router");
|
|
13
|
+
if (expoRouter) {
|
|
14
|
+
useCachedNavigationContainerRef = expoRouter.useNavigationContainerRef;
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
const reactNavigation = require("@react-navigation/native");
|
|
18
|
+
if (reactNavigation) {
|
|
19
|
+
useCachedNavigationContainerRef =
|
|
20
|
+
reactNavigation.useNavigationContainerRef;
|
|
21
|
+
}
|
|
22
|
+
} catch (error) {
|
|
23
|
+
console.warn(
|
|
24
|
+
"[useIsReactNavigationModal] Failed to load navigation ref:",
|
|
25
|
+
error,
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
}, []);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
const getIsModal = () => {
|
|
32
|
+
const useNavigationContainerRef = useCachedNavigationContainerRef;
|
|
33
|
+
|
|
34
|
+
if (!useNavigationContainerRef) {
|
|
35
|
+
return false;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
const navigationRef = useNavigationContainerRef();
|
|
39
|
+
if (!navigationRef) {
|
|
40
|
+
return false;
|
|
41
|
+
}
|
|
42
|
+
const state = navigationRef.getCurrentOptions();
|
|
43
|
+
if (
|
|
44
|
+
state &&
|
|
45
|
+
"presentation" in state &&
|
|
46
|
+
typeof state.presentation === "string"
|
|
47
|
+
) {
|
|
48
|
+
return state.presentation === "modal";
|
|
49
|
+
}
|
|
50
|
+
return false;
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
export function useIsReactNavigationModal() {
|
|
54
|
+
const isModal = useMemo(getIsModal, []);
|
|
55
|
+
return isModal;
|
|
56
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { useMemo } from "react";
|
|
2
2
|
import {
|
|
3
|
+
Platform,
|
|
3
4
|
useWindowDimensions,
|
|
4
5
|
type DisplayMetrics,
|
|
5
6
|
type LayoutRectangle,
|
|
@@ -7,12 +8,17 @@ import {
|
|
|
7
8
|
} from "react-native";
|
|
8
9
|
import { usePortalOffset } from "../components/portal";
|
|
9
10
|
import { useSafeAreaInsets, type SafeAreaInsets } from "../safe-area";
|
|
11
|
+
import { useIsReactNavigationModal } from "./use-is-react-navigation-modal";
|
|
10
12
|
|
|
11
13
|
type UseRelativePositionArgs = Omit<
|
|
12
14
|
GetContentStyleArgs,
|
|
13
15
|
"dimensions" | "insets"
|
|
14
16
|
>;
|
|
15
17
|
|
|
18
|
+
type GetContentStyleArgs = GetPositionArgs &
|
|
19
|
+
GetSidePositionArgs &
|
|
20
|
+
GetAlignPositionArgs;
|
|
21
|
+
|
|
16
22
|
export function useRelativePosition({
|
|
17
23
|
align,
|
|
18
24
|
triggerPosition,
|
|
@@ -25,6 +31,8 @@ export function useRelativePosition({
|
|
|
25
31
|
const insets = useSafeAreaInsets();
|
|
26
32
|
const portalOffset = usePortalOffset();
|
|
27
33
|
|
|
34
|
+
const isReactNavigationModal = useIsReactNavigationModal();
|
|
35
|
+
|
|
28
36
|
return useMemo(() => {
|
|
29
37
|
const hasLayout =
|
|
30
38
|
triggerPosition.width > 0 &&
|
|
@@ -53,7 +61,7 @@ export function useRelativePosition({
|
|
|
53
61
|
pageY: triggerPosition.pageY - portalOffset.value.y,
|
|
54
62
|
};
|
|
55
63
|
|
|
56
|
-
const
|
|
64
|
+
const args: GetContentStyleArgs = {
|
|
57
65
|
align,
|
|
58
66
|
contentLayout,
|
|
59
67
|
preferredSide,
|
|
@@ -62,7 +70,23 @@ export function useRelativePosition({
|
|
|
62
70
|
insets,
|
|
63
71
|
sideOffset,
|
|
64
72
|
dimensions,
|
|
65
|
-
}
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
const sidePosition = getSidePosition(args);
|
|
76
|
+
const alignPosition = getAlignPosition(args);
|
|
77
|
+
|
|
78
|
+
const style: ViewStyle = {
|
|
79
|
+
position: "absolute",
|
|
80
|
+
...sidePosition,
|
|
81
|
+
...alignPosition,
|
|
82
|
+
// Temporary fix to calculate portal content relative position correctly when rendered in a React Navigation modal.
|
|
83
|
+
top: Platform.select({
|
|
84
|
+
default: sidePosition.top,
|
|
85
|
+
ios: isReactNavigationModal
|
|
86
|
+
? sidePosition.top + insets.top
|
|
87
|
+
: sidePosition.top,
|
|
88
|
+
}),
|
|
89
|
+
};
|
|
66
90
|
|
|
67
91
|
return style;
|
|
68
92
|
}, [
|
|
@@ -76,6 +100,7 @@ export function useRelativePosition({
|
|
|
76
100
|
dimensions.height,
|
|
77
101
|
sideOffset,
|
|
78
102
|
portalOffset,
|
|
103
|
+
isReactNavigationModal,
|
|
79
104
|
]);
|
|
80
105
|
}
|
|
81
106
|
|
|
@@ -181,11 +206,13 @@ function getSidePosition({
|
|
|
181
206
|
};
|
|
182
207
|
}
|
|
183
208
|
|
|
209
|
+
let top = Math.min(
|
|
210
|
+
dimensions.height - insets.bottom - contentLayout.height,
|
|
211
|
+
positionBottom,
|
|
212
|
+
);
|
|
213
|
+
|
|
184
214
|
return {
|
|
185
|
-
top
|
|
186
|
-
dimensions.height - insets.bottom - contentLayout.height,
|
|
187
|
-
positionBottom,
|
|
188
|
-
),
|
|
215
|
+
top,
|
|
189
216
|
};
|
|
190
217
|
}
|
|
191
218
|
|
|
@@ -265,15 +292,3 @@ function getLeftPosition(
|
|
|
265
292
|
),
|
|
266
293
|
);
|
|
267
294
|
}
|
|
268
|
-
|
|
269
|
-
type GetContentStyleArgs = GetPositionArgs &
|
|
270
|
-
GetSidePositionArgs &
|
|
271
|
-
GetAlignPositionArgs;
|
|
272
|
-
|
|
273
|
-
function getContentStyle(args: GetContentStyleArgs): ViewStyle {
|
|
274
|
-
return {
|
|
275
|
-
position: "absolute",
|
|
276
|
-
...getSidePosition(args),
|
|
277
|
-
...getAlignPosition(args),
|
|
278
|
-
};
|
|
279
|
-
}
|
package/src/index.tsx
CHANGED
|
@@ -2,6 +2,7 @@ import { AsyncAlertDialogManager } from "./components/alert-dialog/async-alert-d
|
|
|
2
2
|
import { PortalHost } from "./components/portal";
|
|
3
3
|
import { type PortalHostProps } from "./components/portal/portal.constants";
|
|
4
4
|
import { ToastContainer } from "./components/toast/manager";
|
|
5
|
+
import { useInitializeNavigationContainerRef } from "./hooks/use-is-react-navigation-modal";
|
|
5
6
|
import { SafeAreaProvider, type SafeAreaInsets } from "./safe-area";
|
|
6
7
|
import {
|
|
7
8
|
ThemeProvider,
|
|
@@ -24,6 +25,9 @@ export const UIProvider = ({
|
|
|
24
25
|
safeAreaInsets,
|
|
25
26
|
components,
|
|
26
27
|
}: ProviderProps) => {
|
|
28
|
+
// Temporary fix to calculate portal content relative position correctly when rendered in a React Navigation modal.
|
|
29
|
+
useInitializeNavigationContainerRef();
|
|
30
|
+
|
|
27
31
|
return (
|
|
28
32
|
<SafeAreaProvider insets={safeAreaInsets}>
|
|
29
33
|
<ThemeProvider theme={theme} components={components}>
|
|
@@ -25,6 +25,16 @@ export const measureLayoutPosition = (
|
|
|
25
25
|
ref: HostInstance | null,
|
|
26
26
|
callback: (layout: LayoutPosition) => void,
|
|
27
27
|
) => {
|
|
28
|
+
if (ref && "getBoundingClientRect" in ref) {
|
|
29
|
+
const rect = (ref as unknown as { getBoundingClientRect: () => DOMRect }).getBoundingClientRect();
|
|
30
|
+
callback({
|
|
31
|
+
height: isValidNumber(rect.height) ? rect.height : 0,
|
|
32
|
+
width: isValidNumber(rect.width) ? rect.width : 0,
|
|
33
|
+
pageX: isValidNumber(rect.x) ? rect.x : 0,
|
|
34
|
+
pageY: isValidNumber(rect.y) ? rect.y : 0,
|
|
35
|
+
});
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
28
38
|
ref?.measureInWindow((pageX, pageY, width, height) => {
|
|
29
39
|
callback({
|
|
30
40
|
height: isValidNumber(height) ? height : 0,
|