@vxrn/safe-area 1.1.297 → 1.1.299
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/esm/InitialWindow.native.js +6 -4
- package/dist/esm/InitialWindow.native.js.map +6 -1
- package/dist/esm/NativeSafeAreaProvider.native.js +34 -43
- package/dist/esm/NativeSafeAreaProvider.native.js.map +6 -1
- package/dist/esm/SafeArea-types.native.js +1 -2
- package/dist/esm/SafeArea-types.native.js.map +6 -1
- package/dist/esm/SafeAreaContext.native.js +43 -53
- package/dist/esm/SafeAreaContext.native.js.map +6 -1
- package/dist/esm/SafeAreaView.native.js +50 -73
- package/dist/esm/SafeAreaView.native.js.map +6 -1
- package/dist/esm/index.native.js +4 -4
- package/dist/esm/index.native.js.map +6 -1
- package/package.json +2 -2
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
var initialWindowMetrics = null,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var initialWindowMetrics = null, initialWindowSafeAreaInsets = null;
|
|
2
|
+
export {
|
|
3
|
+
initialWindowMetrics,
|
|
4
|
+
initialWindowSafeAreaInsets
|
|
5
|
+
};
|
|
6
|
+
//# sourceMappingURL=InitialWindow.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/one/packages/safe-area/src/InitialWindow.ts"],
|
|
4
|
+
"mappings": "AAEO,IAAMA,uBAAuC,MAKvCC,8BAAiD;",
|
|
5
|
+
"names": ["initialWindowMetrics", "initialWindowSafeAreaInsets"]
|
|
6
|
+
}
|
|
@@ -9,34 +9,23 @@ var CSSTransitions = {
|
|
|
9
9
|
OTransition: "oTransitionEnd"
|
|
10
10
|
};
|
|
11
11
|
function NativeSafeAreaProvider(param) {
|
|
12
|
-
var {
|
|
13
|
-
|
|
14
|
-
style,
|
|
15
|
-
onInsetsChange
|
|
16
|
-
} = param;
|
|
17
|
-
React.useEffect(function () {
|
|
12
|
+
var { children, style, onInsetsChange } = param;
|
|
13
|
+
React.useEffect(function() {
|
|
18
14
|
if (!(typeof document > "u")) {
|
|
19
15
|
var element = createContextElement();
|
|
20
16
|
document.body.appendChild(element);
|
|
21
|
-
var onEnd = function
|
|
22
|
-
var {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
},
|
|
34
|
-
frame = {
|
|
35
|
-
x: 0,
|
|
36
|
-
y: 0,
|
|
37
|
-
width: document.documentElement.offsetWidth,
|
|
38
|
-
height: document.documentElement.offsetHeight
|
|
39
|
-
};
|
|
17
|
+
var onEnd = function() {
|
|
18
|
+
var { paddingTop, paddingBottom, paddingLeft, paddingRight } = window.getComputedStyle(element), insets = {
|
|
19
|
+
top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
|
|
20
|
+
bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
|
|
21
|
+
left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
|
|
22
|
+
right: paddingRight ? Number.parseInt(paddingRight, 10) : 0
|
|
23
|
+
}, frame = {
|
|
24
|
+
x: 0,
|
|
25
|
+
y: 0,
|
|
26
|
+
width: document.documentElement.offsetWidth,
|
|
27
|
+
height: document.documentElement.offsetHeight
|
|
28
|
+
};
|
|
40
29
|
onInsetsChange({
|
|
41
30
|
nativeEvent: {
|
|
42
31
|
insets,
|
|
@@ -44,11 +33,13 @@ function NativeSafeAreaProvider(param) {
|
|
|
44
33
|
}
|
|
45
34
|
});
|
|
46
35
|
};
|
|
47
|
-
return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), function
|
|
36
|
+
return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), function() {
|
|
48
37
|
document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
|
|
49
38
|
};
|
|
50
39
|
}
|
|
51
|
-
}, [
|
|
40
|
+
}, [
|
|
41
|
+
onInsetsChange
|
|
42
|
+
]);
|
|
52
43
|
var finalStyle = style || {
|
|
53
44
|
flex: 1,
|
|
54
45
|
width: "100%",
|
|
@@ -56,39 +47,39 @@ function NativeSafeAreaProvider(param) {
|
|
|
56
47
|
maxHeight: "100%",
|
|
57
48
|
maxWidth: "100%"
|
|
58
49
|
};
|
|
59
|
-
return /* @__PURE__ */_jsx(View, {
|
|
50
|
+
return /* @__PURE__ */ _jsx(View, {
|
|
60
51
|
style: finalStyle,
|
|
61
52
|
children
|
|
62
53
|
});
|
|
63
54
|
}
|
|
64
55
|
var _supportedTransitionEvent = null;
|
|
65
56
|
function getSupportedTransitionEvent() {
|
|
66
|
-
if (_supportedTransitionEvent != null)
|
|
57
|
+
if (_supportedTransitionEvent != null)
|
|
58
|
+
return _supportedTransitionEvent;
|
|
67
59
|
var element = document.createElement("invalidtype");
|
|
68
60
|
_supportedTransitionEvent = CSSTransitions.Transition;
|
|
69
|
-
for (var key in CSSTransitions)
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
61
|
+
for (var key in CSSTransitions)
|
|
62
|
+
if (element.style[key] !== void 0) {
|
|
63
|
+
_supportedTransitionEvent = CSSTransitions[key];
|
|
64
|
+
break;
|
|
65
|
+
}
|
|
73
66
|
return _supportedTransitionEvent;
|
|
74
67
|
}
|
|
75
68
|
var _supportedEnv = null;
|
|
76
69
|
function getSupportedEnv() {
|
|
77
|
-
if (_supportedEnv !== null)
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
} = window;
|
|
70
|
+
if (_supportedEnv !== null)
|
|
71
|
+
return _supportedEnv;
|
|
72
|
+
var { CSS } = window;
|
|
81
73
|
return CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)") ? _supportedEnv = "constant" : _supportedEnv = "env", _supportedEnv;
|
|
82
74
|
}
|
|
83
75
|
function getInset(side) {
|
|
84
76
|
return `${getSupportedEnv()}(safe-area-inset-${side})`;
|
|
85
77
|
}
|
|
86
78
|
function createContextElement() {
|
|
87
|
-
var element = document.createElement("div"),
|
|
88
|
-
{
|
|
89
|
-
style
|
|
90
|
-
} = element;
|
|
79
|
+
var element = document.createElement("div"), { style } = element;
|
|
91
80
|
return style.position = "fixed", style.left = "0", style.top = "0", style.width = "0", style.height = "0", style.zIndex = "-1", style.overflow = "hidden", style.visibility = "hidden", style.transitionDuration = "0.05s", style.transitionProperty = "padding", style.transitionDelay = "0s", style.paddingTop = getInset("top"), style.paddingBottom = getInset("bottom"), style.paddingLeft = getInset("left"), style.paddingRight = getInset("right"), element;
|
|
92
81
|
}
|
|
93
|
-
export {
|
|
94
|
-
|
|
82
|
+
export {
|
|
83
|
+
NativeSafeAreaProvider
|
|
84
|
+
};
|
|
85
|
+
//# sourceMappingURL=NativeSafeAreaProvider.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/one/packages/safe-area/src/NativeSafeAreaProvider.tsx"],
|
|
4
|
+
"mappings": "AAAsB,SAAA,OAAA,YAAA;AAEtB,YAAYA,WAAW;AAEvB,SAASC,YAAY;AAUrB,IAAMC,iBAAyC;EAC7CC,kBAAkB;EAClBC,YAAY;EACZC,eAAe;EACfC,cAAc;EACdC,aAAa;AACf;AAEO,SAASC,uBAAuB,OAIT;MAJS,EACrCC,UACAC,OACAC,eAAc,IAHuB;AAKrCX,QAAMY,UAAU,WAAA;AAEd,QAAI,SAAOC,WAAa,MAIxB;UAAMC,UAAUC,qBAAAA;AAChBF,eAASG,KAAKC,YAAYH,OAAAA;AAC1B,UAAMI,QAAQ,WAAA;AACZ,YAAM,EAAEC,YAAYC,eAAeC,aAAaC,aAAY,IAC1DC,OAAOC,iBAAiBV,OAAAA,GAEpBW,SAAS;UACbC,KAAKP,aAAaQ,OAAOC,SAAST,YAAY,EAAA,IAAM;UACpDU,QAAQT,gBAAgBO,OAAOC,SAASR,eAAe,EAAA,IAAM;UAC7DU,MAAMT,cAAcM,OAAOC,SAASP,aAAa,EAAA,IAAM;UACvDU,OAAOT,eAAeK,OAAOC,SAASN,cAAc,EAAA,IAAM;QAC5D,GACMU,QAAQ;UACZC,GAAG;UACHC,GAAG;UACHC,OAAOtB,SAASuB,gBAAgBC;UAChCC,QAAQzB,SAASuB,gBAAgBG;QACnC;AAEA5B,uBAAe;UAAE6B,aAAa;YAAEf;YAAQO;UAAM;QAAE,CAAA;MAClD;AACAlB,qBAAQ2B,iBAAiBC,4BAAAA,GAA+BxB,KAAAA,GACxDA,MAAAA,GACO,WAAA;AACLL,iBAASG,KAAK2B,YAAY7B,OAAAA,GAC1BA,QAAQ8B,oBAAoBF,4BAAAA,GAA+BxB,KAAAA;MAC7D;;EACF,GAAG;IAACP;GAAe;AAEnB,MAAMkC,aAAanC,SAAS;IAC1BoC,MAAM;IACNX,OAAO;IACPG,QAAQ;IACRS,WAAW;IACXC,UAAU;EACZ;AAEA,SAAO,qBAAC/C,MAAAA;IAAKS,OAAOmC;;;AACtB;AAEA,IAAII,4BAAuD;AAC3D,SAASP,8BAAAA;AACP,MAAIO,6BAA6B;AAC/B,WAAOA;AAET,MAAMnC,UAAUD,SAASqC,cAAc,aAAA;AAEvCD,8BAA4B/C,eAAeE;AAC3C,WAAW+C,OAAOjD;AAChB,QAAIY,QAAQJ,MAAMyC,GAAAA,MAAsCC,QAAW;AACjEH,kCAA4B/C,eAAeiD,GAAAA;AAC3C;IACF;AAEF,SAAOF;AACT;AAIA,IAAII,gBAA+B;AACnC,SAASC,kBAAAA;AACP,MAAID,kBAAkB;AACpB,WAAOA;AAET,MAAM,EAAEE,IAAG,IAAKhC;AAChB,SAAIgC,OAAOA,IAAIC,YAAYD,IAAIC,SAAS,oCAAA,IACtCH,gBAAgB,aAEhBA,gBAAgB,OAEXA;AACT;AAEA,SAASI,SAASC,MAAY;AAC5B,SAAO,GAAGJ,gBAAAA,CAAAA,oBAAqCI,IAAAA;AACjD;AAEA,SAAS3C,uBAAAA;AACP,MAAMD,UAAUD,SAASqC,cAAc,KAAA,GACjC,EAAExC,MAAK,IAAKI;AAClBJ,eAAMiD,WAAW,SACjBjD,MAAMoB,OAAO,KACbpB,MAAMgB,MAAM,KACZhB,MAAMyB,QAAQ,KACdzB,MAAM4B,SAAS,KACf5B,MAAMkD,SAAS,MACflD,MAAMmD,WAAW,UACjBnD,MAAMoD,aAAa,UAEnBpD,MAAMqD,qBAAqB,SAC3BrD,MAAMsD,qBAAqB,WAC3BtD,MAAMuD,kBAAkB,MACxBvD,MAAMS,aAAasC,SAAS,KAAA,GAC5B/C,MAAMU,gBAAgBqC,SAAS,QAAA,GAC/B/C,MAAMW,cAAcoC,SAAS,MAAA,GAC7B/C,MAAMY,eAAemC,SAAS,OAAA,GACvB3C;AACT;",
|
|
5
|
+
"names": ["React", "View", "CSSTransitions", "WebkitTransition", "Transition", "MozTransition", "MSTransition", "OTransition", "NativeSafeAreaProvider", "children", "style", "onInsetsChange", "useEffect", "document", "element", "createContextElement", "body", "appendChild", "onEnd", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "window", "getComputedStyle", "insets", "top", "Number", "parseInt", "bottom", "left", "right", "frame", "x", "y", "width", "documentElement", "offsetWidth", "height", "offsetHeight", "nativeEvent", "addEventListener", "getSupportedTransitionEvent", "removeChild", "removeEventListener", "finalStyle", "flex", "maxHeight", "maxWidth", "_supportedTransitionEvent", "createElement", "key", "undefined", "_supportedEnv", "getSupportedEnv", "CSS", "supports", "getInset", "side", "position", "zIndex", "overflow", "visibility", "transitionDuration", "transitionProperty", "transitionDelay"]
|
|
6
|
+
}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=SafeArea-types.native.js.map
|
|
1
|
+
//# sourceMappingURL=SafeArea-types.js.map
|
|
@@ -1,58 +1,37 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { Dimensions } from "react-native";
|
|
4
|
-
import { NativeSafeAreaProvider } from "./NativeSafeAreaProvider
|
|
5
|
-
var isDev = process.env.NODE_ENV !== "production",
|
|
6
|
-
SafeAreaInsetsContext = /* @__PURE__ */React.createContext(null);
|
|
4
|
+
import { NativeSafeAreaProvider } from "./NativeSafeAreaProvider";
|
|
5
|
+
var isDev = process.env.NODE_ENV !== "production", SafeAreaInsetsContext = /* @__PURE__ */ React.createContext(null);
|
|
7
6
|
isDev && (SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext");
|
|
8
|
-
var SafeAreaFrameContext = /* @__PURE__ */React.createContext(null);
|
|
7
|
+
var SafeAreaFrameContext = /* @__PURE__ */ React.createContext(null);
|
|
9
8
|
isDev && (SafeAreaFrameContext.displayName = "SafeAreaFrameContext");
|
|
10
9
|
function SafeAreaProvider(param) {
|
|
11
|
-
var {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
x: 0,
|
|
28
|
-
y: 0,
|
|
29
|
-
width: Dimensions.get("window").width,
|
|
30
|
-
height: Dimensions.get("window").height
|
|
31
|
-
}),
|
|
32
|
-
onInsetsChange = React.useCallback(function (event) {
|
|
33
|
-
var {
|
|
34
|
-
nativeEvent: {
|
|
35
|
-
frame: nextFrame,
|
|
36
|
-
insets: nextInsets
|
|
37
|
-
}
|
|
38
|
-
} = event;
|
|
39
|
-
React.startTransition(function () {
|
|
40
|
-
setFrame(function (curFrame) {
|
|
41
|
-
return (
|
|
42
|
-
// Backwards compat with old native code that won't send frame.
|
|
43
|
-
nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y) ? nextFrame : curFrame
|
|
44
|
-
);
|
|
45
|
-
}), setInsets(function (curInsets) {
|
|
46
|
-
return !curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top ? nextInsets : curInsets;
|
|
47
|
-
});
|
|
10
|
+
var { children, initialMetrics, initialSafeAreaInsets, ...others } = param, parentInsets = useParentSafeAreaInsets(), parentFrame = useParentSafeAreaFrame(), _initialMetrics_insets, _ref, _ref1, [insets, setInsets] = React.useState((_ref1 = (_ref = (_initialMetrics_insets = initialMetrics?.insets) !== null && _initialMetrics_insets !== void 0 ? _initialMetrics_insets : initialSafeAreaInsets) !== null && _ref !== void 0 ? _ref : parentInsets) !== null && _ref1 !== void 0 ? _ref1 : null), _initialMetrics_frame, _ref2, [frame, setFrame] = React.useState((_ref2 = (_initialMetrics_frame = initialMetrics?.frame) !== null && _initialMetrics_frame !== void 0 ? _initialMetrics_frame : parentFrame) !== null && _ref2 !== void 0 ? _ref2 : {
|
|
11
|
+
// Backwards compat so we render anyway if we don't have frame.
|
|
12
|
+
x: 0,
|
|
13
|
+
y: 0,
|
|
14
|
+
width: Dimensions.get("window").width,
|
|
15
|
+
height: Dimensions.get("window").height
|
|
16
|
+
}), onInsetsChange = React.useCallback(function(event) {
|
|
17
|
+
var { nativeEvent: { frame: nextFrame, insets: nextInsets } } = event;
|
|
18
|
+
React.startTransition(function() {
|
|
19
|
+
setFrame(function(curFrame) {
|
|
20
|
+
return (
|
|
21
|
+
// Backwards compat with old native code that won't send frame.
|
|
22
|
+
nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y) ? nextFrame : curFrame
|
|
23
|
+
);
|
|
24
|
+
}), setInsets(function(curInsets) {
|
|
25
|
+
return !curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top ? nextInsets : curInsets;
|
|
48
26
|
});
|
|
49
|
-
}
|
|
50
|
-
|
|
27
|
+
});
|
|
28
|
+
}, []);
|
|
29
|
+
return /* @__PURE__ */ _jsx(NativeSafeAreaProvider, {
|
|
51
30
|
onInsetsChange,
|
|
52
31
|
...others,
|
|
53
|
-
children: /* @__PURE__ */_jsx(SafeAreaFrameContext.Provider, {
|
|
32
|
+
children: /* @__PURE__ */ _jsx(SafeAreaFrameContext.Provider, {
|
|
54
33
|
value: frame,
|
|
55
|
-
children: /* @__PURE__ */_jsx(SafeAreaInsetsContext.Provider, {
|
|
34
|
+
children: /* @__PURE__ */ _jsx(SafeAreaInsetsContext.Provider, {
|
|
56
35
|
value: insets,
|
|
57
36
|
children
|
|
58
37
|
})
|
|
@@ -68,18 +47,20 @@ function useParentSafeAreaFrame() {
|
|
|
68
47
|
var NO_INSETS_ERROR = "No safe area value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.";
|
|
69
48
|
function useSafeAreaInsets() {
|
|
70
49
|
var insets = React.useContext(SafeAreaInsetsContext);
|
|
71
|
-
if (insets == null)
|
|
50
|
+
if (insets == null)
|
|
51
|
+
throw new Error(NO_INSETS_ERROR);
|
|
72
52
|
return insets;
|
|
73
53
|
}
|
|
74
54
|
function useSafeAreaFrame() {
|
|
75
55
|
var frame = React.useContext(SafeAreaFrameContext);
|
|
76
|
-
if (frame == null)
|
|
56
|
+
if (frame == null)
|
|
57
|
+
throw new Error(NO_INSETS_ERROR);
|
|
77
58
|
return frame;
|
|
78
59
|
}
|
|
79
60
|
function withSafeAreaInsets(WrappedComponent) {
|
|
80
|
-
return /* @__PURE__ */React.forwardRef(function
|
|
61
|
+
return /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
81
62
|
var insets = useSafeAreaInsets();
|
|
82
|
-
return /* @__PURE__ */_jsx(WrappedComponent, {
|
|
63
|
+
return /* @__PURE__ */ _jsx(WrappedComponent, {
|
|
83
64
|
...props,
|
|
84
65
|
insets,
|
|
85
66
|
ref
|
|
@@ -89,7 +70,16 @@ function withSafeAreaInsets(WrappedComponent) {
|
|
|
89
70
|
function useSafeArea() {
|
|
90
71
|
return useSafeAreaInsets();
|
|
91
72
|
}
|
|
92
|
-
var SafeAreaConsumer = SafeAreaInsetsContext.Consumer,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
73
|
+
var SafeAreaConsumer = SafeAreaInsetsContext.Consumer, SafeAreaContext = SafeAreaInsetsContext;
|
|
74
|
+
export {
|
|
75
|
+
SafeAreaConsumer,
|
|
76
|
+
SafeAreaContext,
|
|
77
|
+
SafeAreaFrameContext,
|
|
78
|
+
SafeAreaInsetsContext,
|
|
79
|
+
SafeAreaProvider,
|
|
80
|
+
useSafeArea,
|
|
81
|
+
useSafeAreaFrame,
|
|
82
|
+
useSafeAreaInsets,
|
|
83
|
+
withSafeAreaInsets
|
|
84
|
+
};
|
|
85
|
+
//# sourceMappingURL=SafeAreaContext.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/one/packages/safe-area/src/SafeAreaContext.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "Dimensions", "NativeSafeAreaProvider", "isDev", "process", "env", "NODE_ENV", "SafeAreaInsetsContext", "createContext", "displayName", "SafeAreaFrameContext", "SafeAreaProvider", "children", "initialMetrics", "initialSafeAreaInsets", "others", "parentInsets", "useParentSafeAreaInsets", "parentFrame", "useParentSafeAreaFrame", "insets", "setInsets", "useState", "frame", "setFrame", "x", "y", "width", "get", "height", "onInsetsChange", "useCallback", "event", "nativeEvent", "nextFrame", "nextInsets", "startTransition", "curFrame", "curInsets", "bottom", "left", "right", "top", "Provider", "value", "useContext", "NO_INSETS_ERROR", "useSafeAreaInsets", "Error", "useSafeAreaFrame", "withSafeAreaInsets", "WrappedComponent", "forwardRef", "props", "ref", "useSafeArea", "SafeAreaConsumer", "Consumer", "SafeAreaContext"]
|
|
6
|
+
}
|
|
@@ -1,77 +1,54 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { View, StyleSheet } from "react-native";
|
|
4
|
-
import { useSafeAreaInsets } from "./SafeAreaContext
|
|
5
|
-
var TOP = 8,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
},
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
marginLeft: marginLeft + insetLeft
|
|
50
|
-
};
|
|
51
|
-
return [style, marginStyle];
|
|
52
|
-
}
|
|
53
|
-
var {
|
|
54
|
-
padding = 0,
|
|
55
|
-
paddingVertical = padding,
|
|
56
|
-
paddingHorizontal = padding,
|
|
57
|
-
paddingTop = paddingVertical,
|
|
58
|
-
paddingRight = paddingHorizontal,
|
|
59
|
-
paddingBottom = paddingVertical,
|
|
60
|
-
paddingLeft = paddingHorizontal
|
|
61
|
-
} = flatStyle,
|
|
62
|
-
paddingStyle = {
|
|
63
|
-
paddingTop: paddingTop + insetTop,
|
|
64
|
-
paddingRight: paddingRight + insetRight,
|
|
65
|
-
paddingBottom: paddingBottom + insetBottom,
|
|
66
|
-
paddingLeft: paddingLeft + insetLeft
|
|
67
|
-
};
|
|
68
|
-
return [style, paddingStyle];
|
|
69
|
-
}, [style, insets, mode, edgeBitmask]);
|
|
70
|
-
return /* @__PURE__ */_jsx(View, {
|
|
71
|
-
style: appliedStyle,
|
|
72
|
-
...rest,
|
|
73
|
-
ref
|
|
74
|
-
});
|
|
4
|
+
import { useSafeAreaInsets } from "./SafeAreaContext";
|
|
5
|
+
var TOP = 8, RIGHT = 4, BOTTOM = 2, LEFT = 1, ALL = 15, edgeBitmaskMap = {
|
|
6
|
+
top: TOP,
|
|
7
|
+
right: RIGHT,
|
|
8
|
+
bottom: BOTTOM,
|
|
9
|
+
left: LEFT
|
|
10
|
+
}, SafeAreaView = /* @__PURE__ */ React.forwardRef(function(param, ref) {
|
|
11
|
+
var { style = {}, mode, edges, ...rest } = param, insets = useSafeAreaInsets(), edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function(acc, edge) {
|
|
12
|
+
return acc | edgeBitmaskMap[edge];
|
|
13
|
+
}, 0) : Object.keys(edges).reduce(function(acc, edge) {
|
|
14
|
+
return acc | edgeBitmaskMap[edge];
|
|
15
|
+
}, 0) : ALL, appliedStyle = React.useMemo(function() {
|
|
16
|
+
var insetTop = edgeBitmask & TOP ? insets.top : 0, insetRight = edgeBitmask & RIGHT ? insets.right : 0, insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0, insetLeft = edgeBitmask & LEFT ? insets.left : 0, flatStyle = StyleSheet.flatten(style);
|
|
17
|
+
if (mode === "margin") {
|
|
18
|
+
var { margin = 0, marginVertical = margin, marginHorizontal = margin, marginTop = marginVertical, marginRight = marginHorizontal, marginBottom = marginVertical, marginLeft = marginHorizontal } = flatStyle, marginStyle = {
|
|
19
|
+
marginTop: marginTop + insetTop,
|
|
20
|
+
marginRight: marginRight + insetRight,
|
|
21
|
+
marginBottom: marginBottom + insetBottom,
|
|
22
|
+
marginLeft: marginLeft + insetLeft
|
|
23
|
+
};
|
|
24
|
+
return [
|
|
25
|
+
style,
|
|
26
|
+
marginStyle
|
|
27
|
+
];
|
|
28
|
+
}
|
|
29
|
+
var { padding = 0, paddingVertical = padding, paddingHorizontal = padding, paddingTop = paddingVertical, paddingRight = paddingHorizontal, paddingBottom = paddingVertical, paddingLeft = paddingHorizontal } = flatStyle, paddingStyle = {
|
|
30
|
+
paddingTop: paddingTop + insetTop,
|
|
31
|
+
paddingRight: paddingRight + insetRight,
|
|
32
|
+
paddingBottom: paddingBottom + insetBottom,
|
|
33
|
+
paddingLeft: paddingLeft + insetLeft
|
|
34
|
+
};
|
|
35
|
+
return [
|
|
36
|
+
style,
|
|
37
|
+
paddingStyle
|
|
38
|
+
];
|
|
39
|
+
}, [
|
|
40
|
+
style,
|
|
41
|
+
insets,
|
|
42
|
+
mode,
|
|
43
|
+
edgeBitmask
|
|
44
|
+
]);
|
|
45
|
+
return /* @__PURE__ */ _jsx(View, {
|
|
46
|
+
style: appliedStyle,
|
|
47
|
+
...rest,
|
|
48
|
+
ref
|
|
75
49
|
});
|
|
76
|
-
|
|
77
|
-
|
|
50
|
+
});
|
|
51
|
+
export {
|
|
52
|
+
SafeAreaView
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=SafeAreaView.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/one/packages/safe-area/src/SafeAreaView.tsx"],
|
|
4
|
+
"mappings": ";AAAA,YAAYA,WAAW;AACvB,SAASC,MAAMC,kBAAkB;AACjC,SAASC,yBAAyB;AAIlC,IAAMC,MAAM,GACNC,QAAQ,GACRC,SAAS,GACTC,OAAO,GACPC,MAAM,IAINC,iBAAuC;EAC3CC,KAAKN;EACLO,OAAON;EACPO,QAAQN;EACRO,MAAMN;AACR,GAEaO,eAAed,sBAAMe,WAChC,SAAA,OAAuCC,KAAAA;MAAtC,EAAEC,QAAQ,CAAC,GAAGC,MAAMC,OAAO,GAAGC,KAAAA,IAAM,OAC7BC,SAASlB,kBAAAA,GAETmB,cACJH,SAAS,OACLI,MAAMC,QAAQL,KAAAA,IACZA,MAAMM,OAAO,SAACC,KAAaC,MAAAA;WAAeD,MAAMjB,eAAekB,IAAAA;KAAO,CAAA,IACtEC,OAAOC,KAAKV,KAAAA,EAAOM,OAAO,SAACC,KAAKC,MAAAA;WAASD,MAAMjB,eAAekB,IAAAA;KAAe,CAAA,IAC/EnB,KAEAsB,eAAe9B,MAAM+B,QAAQ,WAAA;AACjC,QAAMC,WAAWV,cAAclB,MAAMiB,OAAOX,MAAM,GAC5CuB,aAAaX,cAAcjB,QAAQgB,OAAOV,QAAQ,GAClDuB,cAAcZ,cAAchB,SAASe,OAAOT,SAAS,GACrDuB,YAAYb,cAAcf,OAAOc,OAAOR,OAAO,GAE/CuB,YAAYlC,WAAWmC,QAAQpB,KAAAA;AAErC,QAAIC,SAAS,UAAU;AACrB,UAAM,EACJoB,SAAS,GACTC,iBAAiBD,QACjBE,mBAAmBF,QACnBG,YAAYF,gBACZG,cAAcF,kBACdG,eAAeJ,gBACfK,aAAaJ,iBAAgB,IAC3BJ,WAEES,cAAc;QAClBJ,WAAWA,YAAYT;QACvBU,aAAaA,cAAcT;QAC3BU,cAAcA,eAAeT;QAC7BU,YAAYA,aAAaT;MAC3B;AAEA,aAAO;QAAClB;QAAO4B;;IACjB;AAEA,QAAM,EACJC,UAAU,GACVC,kBAAkBD,SAClBE,oBAAoBF,SACpBG,aAAaF,iBACbG,eAAeF,mBACfG,gBAAgBJ,iBAChBK,cAAcJ,kBAAiB,IAC7BZ,WAEEiB,eAAe;MACnBJ,YAAYA,aAAajB;MACzBkB,cAAcA,eAAejB;MAC7BkB,eAAeA,gBAAgBjB;MAC/BkB,aAAaA,cAAcjB;IAC7B;AAEA,WAAO;MAAClB;MAAOoC;;EACjB,GAAG;IAACpC;IAAOI;IAAQH;IAAMI;GAAY;AAErC,SAAO,qBAACrB,MAAAA;IAAKgB,OAAOa;IAAe,GAAGV;IAAMJ;;AAC9C,CAAA;",
|
|
5
|
+
"names": ["React", "View", "StyleSheet", "useSafeAreaInsets", "TOP", "RIGHT", "BOTTOM", "LEFT", "ALL", "edgeBitmaskMap", "top", "right", "bottom", "left", "SafeAreaView", "forwardRef", "ref", "style", "mode", "edges", "rest", "insets", "edgeBitmask", "Array", "isArray", "reduce", "acc", "edge", "Object", "keys", "appliedStyle", "useMemo", "insetTop", "insetRight", "insetBottom", "insetLeft", "flatStyle", "flatten", "margin", "marginVertical", "marginHorizontal", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginStyle", "padding", "paddingVertical", "paddingHorizontal", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingStyle"]
|
|
6
|
+
}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from "./SafeAreaContext
|
|
2
|
-
export * from "./SafeAreaView
|
|
3
|
-
export * from "./InitialWindow
|
|
4
|
-
//# sourceMappingURL=index.
|
|
1
|
+
export * from "./SafeAreaContext";
|
|
2
|
+
export * from "./SafeAreaView";
|
|
3
|
+
export * from "./InitialWindow";
|
|
4
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/one/packages/safe-area/src/index.ts"],
|
|
4
|
+
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vxrn/safe-area",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.299",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"types": "./types/index.d.ts",
|
|
6
6
|
"type": "module",
|
|
@@ -26,6 +26,6 @@
|
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@biomejs/biome": "^1.8.3",
|
|
29
|
-
"@tamagui/build": "^1.
|
|
29
|
+
"@tamagui/build": "^1.113.2"
|
|
30
30
|
}
|
|
31
31
|
}
|