@vxrn/safe-area 1.1.200 → 1.1.202
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/cjs/NativeSafeAreaProvider.js +8 -2
- package/dist/cjs/NativeSafeAreaProvider.js.map +1 -1
- package/dist/cjs/NativeSafeAreaProvider.native.js +12 -3
- package/dist/cjs/NativeSafeAreaProvider.native.js.map +2 -2
- package/dist/esm/NativeSafeAreaProvider.js +9 -2
- package/dist/esm/NativeSafeAreaProvider.js.map +1 -1
- package/dist/esm/NativeSafeAreaProvider.mjs +10 -2
- package/dist/esm/NativeSafeAreaProvider.mjs.map +1 -1
- package/dist/esm/NativeSafeAreaProvider.native.js +13 -3
- package/dist/esm/NativeSafeAreaProvider.native.js.map +2 -2
- package/package.json +2 -2
- package/src/NativeSafeAreaProvider.tsx +10 -2
|
@@ -25,7 +25,7 @@ __export(NativeSafeAreaProvider_exports, {
|
|
|
25
25
|
NativeSafeAreaProvider: () => NativeSafeAreaProvider
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(NativeSafeAreaProvider_exports);
|
|
28
|
-
var React = __toESM(require("react"), 1), import_jsx_runtime = require("react/jsx-runtime");
|
|
28
|
+
var React = __toESM(require("react"), 1), import_react_native = require("react-native-web"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
29
|
const CSSTransitions = {
|
|
30
30
|
WebkitTransition: "webkitTransitionEnd",
|
|
31
31
|
Transition: "transitionEnd",
|
|
@@ -60,7 +60,13 @@ function NativeSafeAreaProvider({
|
|
|
60
60
|
return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), () => {
|
|
61
61
|
document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
|
|
62
62
|
};
|
|
63
|
-
}, [onInsetsChange]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
63
|
+
}, [onInsetsChange]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: style || {
|
|
64
|
+
flex: 1,
|
|
65
|
+
width: "100%",
|
|
66
|
+
height: "100%",
|
|
67
|
+
maxHeight: "100%",
|
|
68
|
+
maxWidth: "100%"
|
|
69
|
+
}, children });
|
|
64
70
|
}
|
|
65
71
|
let _supportedTransitionEvent = null;
|
|
66
72
|
function getSupportedTransitionEvent() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/NativeSafeAreaProvider.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB,8BAEvB,sBAAqB,yBAkEZ;AAxDT,MAAM,iBAAyC;AAAA,EAC7C,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AACf;AAEO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,eAAM,UAAU,MAAM;AAEpB,QAAI,OAAO,WAAa;AACtB;AAGF,UAAM,UAAU,qBAAqB;AACrC,aAAS,KAAK,YAAY,OAAO;AACjC,UAAM,QAAQ,MAAM;AAClB,YAAM,EAAE,YAAY,eAAe,aAAa,aAAa,IAC3D,OAAO,iBAAiB,OAAO,GAE3B,SAAS;AAAA,QACb,KAAK,aAAa,OAAO,SAAS,YAAY,EAAE,IAAI;AAAA,QACpD,QAAQ,gBAAgB,OAAO,SAAS,eAAe,EAAE,IAAI;AAAA,QAC7D,MAAM,cAAc,OAAO,SAAS,aAAa,EAAE,IAAI;AAAA,QACvD,OAAO,eAAe,OAAO,SAAS,cAAc,EAAE,IAAI;AAAA,MAC5D,GACM,QAAQ;AAAA,QACZ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,OAAO,SAAS,gBAAgB;AAAA,QAChC,QAAQ,SAAS,gBAAgB;AAAA,MACnC;AAEA,qBAAe,EAAE,aAAa,EAAE,QAAQ,MAAM,EAAE,CAAC;AAAA,IACnD;AACA,mBAAQ,iBAAiB,4BAA4B,GAAG,KAAK,GAC7D,MAAM,GACC,MAAM;AACX,eAAS,KAAK,YAAY,OAAO,GACjC,QAAQ,oBAAoB,4BAA4B,GAAG,KAAK;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,cAAc,CAAC,GAUZ,4CAAC,4BAAK,OARM,SAAS;AAAA,IAC1B,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,UAAU;AAAA,EACZ,GAEiC,UAAS;AAC5C;AAEA,IAAI,4BAAuD;AAC3D,SAAS,8BAAsC;AAC7C,MAAI,6BAA6B;AAC/B,WAAO;AAET,QAAM,UAAU,SAAS,cAAc,aAAa;AAEpD,8BAA4B,eAAe;AAC3C,aAAW,OAAO;AAChB,QAAI,QAAQ,MAAM,GAAgC,MAAM,QAAW;AACjE,kCAA4B,eAAe,GAAG;AAC9C;AAAA,IACF;AAEF,SAAO;AACT;AAIA,IAAI,gBAA+B;AACnC,SAAS,kBAA0B;AACjC,MAAI,kBAAkB;AACpB,WAAO;AAET,QAAM,EAAE,IAAI,IAAI;AAChB,SAAI,OAAO,IAAI,YAAY,IAAI,SAAS,oCAAoC,IAC1E,gBAAgB,aAEhB,gBAAgB,OAEX;AACT;AAEA,SAAS,SAAS,MAAsB;AACtC,SAAO,GAAG,gBAAgB,CAAC,oBAAoB,IAAI;AACrD;AAEA,SAAS,uBAAoC;AAC3C,QAAM,UAAU,SAAS,cAAc,KAAK,GACtC,EAAE,MAAM,IAAI;AAClB,eAAM,WAAW,SACjB,MAAM,OAAO,KACb,MAAM,MAAM,KACZ,MAAM,QAAQ,KACd,MAAM,SAAS,KACf,MAAM,SAAS,MACf,MAAM,WAAW,UACjB,MAAM,aAAa,UAEnB,MAAM,qBAAqB,SAC3B,MAAM,qBAAqB,WAC3B,MAAM,kBAAkB,MACxB,MAAM,aAAa,SAAS,KAAK,GACjC,MAAM,gBAAgB,SAAS,QAAQ,GACvC,MAAM,cAAc,SAAS,MAAM,GACnC,MAAM,eAAe,SAAS,OAAO,GAC9B;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -26,7 +26,7 @@ __export(NativeSafeAreaProvider_exports, {
|
|
|
26
26
|
NativeSafeAreaProvider: () => NativeSafeAreaProvider
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(NativeSafeAreaProvider_exports);
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime"), React = __toESM(require("react"), 1), CSSTransitions = {
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime"), React = __toESM(require("react"), 1), import_react_native = require("react-native"), CSSTransitions = {
|
|
30
30
|
WebkitTransition: "webkitTransitionEnd",
|
|
31
31
|
Transition: "transitionEnd",
|
|
32
32
|
MozTransition: "transitionend",
|
|
@@ -35,7 +35,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), React = __toESM(require("
|
|
|
35
35
|
};
|
|
36
36
|
function NativeSafeAreaProvider(param) {
|
|
37
37
|
var children = param.children, style = param.style, onInsetsChange = param.onInsetsChange;
|
|
38
|
-
|
|
38
|
+
React.useEffect(function() {
|
|
39
39
|
if (!(typeof document > "u")) {
|
|
40
40
|
var element = createContextElement();
|
|
41
41
|
document.body.appendChild(element);
|
|
@@ -64,7 +64,16 @@ function NativeSafeAreaProvider(param) {
|
|
|
64
64
|
}
|
|
65
65
|
}, [
|
|
66
66
|
onInsetsChange
|
|
67
|
-
])
|
|
67
|
+
]);
|
|
68
|
+
var finalStyle = style || {
|
|
69
|
+
flex: 1,
|
|
70
|
+
width: "100%",
|
|
71
|
+
height: "100%",
|
|
72
|
+
maxHeight: "100%",
|
|
73
|
+
maxWidth: "100%"
|
|
74
|
+
};
|
|
75
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
76
|
+
style: finalStyle,
|
|
68
77
|
children
|
|
69
78
|
});
|
|
70
79
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/vxrn/packages/safe-area/src/NativeSafeAreaProvider.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAAsB,yBAAA,8BAEtB,QAAuB,
|
|
5
|
-
"names": ["CSSTransitions", "WebkitTransition", "Transition", "MozTransition", "MSTransition", "OTransition", "NativeSafeAreaProvider", "children", "style", "onInsetsChange", "React", "useEffect", "document", "element", "createContextElement", "body", "appendChild", "onEnd", "window", "getComputedStyle", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "insets", "top", "Number", "parseInt", "bottom", "left", "right", "frame", "x", "y", "width", "documentElement", "offsetWidth", "height", "offsetHeight", "nativeEvent", "addEventListener", "getSupportedTransitionEvent", "removeChild", "removeEventListener", "_jsx", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["CSSTransitions", "WebkitTransition", "Transition", "MozTransition", "MSTransition", "OTransition", "NativeSafeAreaProvider", "children", "style", "onInsetsChange", "React", "useEffect", "document", "element", "createContextElement", "body", "appendChild", "onEnd", "window", "getComputedStyle", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "insets", "top", "Number", "parseInt", "bottom", "left", "right", "frame", "x", "y", "width", "documentElement", "offsetWidth", "height", "offsetHeight", "nativeEvent", "addEventListener", "getSupportedTransitionEvent", "removeChild", "removeEventListener", "finalStyle", "flex", "maxHeight", "maxWidth", "_jsx", "View", "_supportedTransitionEvent", "createElement", "key", "undefined", "_supportedEnv", "getSupportedEnv", "CSS", "supports", "getInset", "side", "position", "zIndex", "overflow", "visibility", "transitionDuration", "transitionProperty", "transitionDelay"]
|
|
6
6
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { View } from "react-native-web";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
4
|
const CSSTransitions = {
|
|
4
5
|
WebkitTransition: "webkitTransitionEnd",
|
|
5
6
|
Transition: "transitionEnd",
|
|
@@ -34,7 +35,13 @@ function NativeSafeAreaProvider({
|
|
|
34
35
|
return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), () => {
|
|
35
36
|
document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
|
|
36
37
|
};
|
|
37
|
-
}, [onInsetsChange]), /* @__PURE__ */ jsx(
|
|
38
|
+
}, [onInsetsChange]), /* @__PURE__ */ jsx(View, { style: style || {
|
|
39
|
+
flex: 1,
|
|
40
|
+
width: "100%",
|
|
41
|
+
height: "100%",
|
|
42
|
+
maxHeight: "100%",
|
|
43
|
+
maxWidth: "100%"
|
|
44
|
+
}, children });
|
|
38
45
|
}
|
|
39
46
|
let _supportedTransitionEvent = null;
|
|
40
47
|
function getSupportedTransitionEvent() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/NativeSafeAreaProvider.tsx"],
|
|
4
|
-
"mappings": "AAEA,YAAY,WAAW;
|
|
4
|
+
"mappings": "AAEA,YAAY,WAAW;AAEvB,SAAS,YAAY;AAkEZ;AAxDT,MAAM,iBAAyC;AAAA,EAC7C,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AACf;AAEO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,eAAM,UAAU,MAAM;AAEpB,QAAI,OAAO,WAAa;AACtB;AAGF,UAAM,UAAU,qBAAqB;AACrC,aAAS,KAAK,YAAY,OAAO;AACjC,UAAM,QAAQ,MAAM;AAClB,YAAM,EAAE,YAAY,eAAe,aAAa,aAAa,IAC3D,OAAO,iBAAiB,OAAO,GAE3B,SAAS;AAAA,QACb,KAAK,aAAa,OAAO,SAAS,YAAY,EAAE,IAAI;AAAA,QACpD,QAAQ,gBAAgB,OAAO,SAAS,eAAe,EAAE,IAAI;AAAA,QAC7D,MAAM,cAAc,OAAO,SAAS,aAAa,EAAE,IAAI;AAAA,QACvD,OAAO,eAAe,OAAO,SAAS,cAAc,EAAE,IAAI;AAAA,MAC5D,GACM,QAAQ;AAAA,QACZ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,OAAO,SAAS,gBAAgB;AAAA,QAChC,QAAQ,SAAS,gBAAgB;AAAA,MACnC;AAEA,qBAAe,EAAE,aAAa,EAAE,QAAQ,MAAM,EAAE,CAAC;AAAA,IACnD;AACA,mBAAQ,iBAAiB,4BAA4B,GAAG,KAAK,GAC7D,MAAM,GACC,MAAM;AACX,eAAS,KAAK,YAAY,OAAO,GACjC,QAAQ,oBAAoB,4BAA4B,GAAG,KAAK;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,cAAc,CAAC,GAUZ,oBAAC,QAAK,OARM,SAAS;AAAA,IAC1B,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,UAAU;AAAA,EACZ,GAEiC,UAAS;AAC5C;AAEA,IAAI,4BAAuD;AAC3D,SAAS,8BAAsC;AAC7C,MAAI,6BAA6B;AAC/B,WAAO;AAET,QAAM,UAAU,SAAS,cAAc,aAAa;AAEpD,8BAA4B,eAAe;AAC3C,aAAW,OAAO;AAChB,QAAI,QAAQ,MAAM,GAAgC,MAAM,QAAW;AACjE,kCAA4B,eAAe,GAAG;AAC9C;AAAA,IACF;AAEF,SAAO;AACT;AAIA,IAAI,gBAA+B;AACnC,SAAS,kBAA0B;AACjC,MAAI,kBAAkB;AACpB,WAAO;AAET,QAAM,EAAE,IAAI,IAAI;AAChB,SAAI,OAAO,IAAI,YAAY,IAAI,SAAS,oCAAoC,IAC1E,gBAAgB,aAEhB,gBAAgB,OAEX;AACT;AAEA,SAAS,SAAS,MAAsB;AACtC,SAAO,GAAG,gBAAgB,CAAC,oBAAoB,IAAI;AACrD;AAEA,SAAS,uBAAoC;AAC3C,QAAM,UAAU,SAAS,cAAc,KAAK,GACtC,EAAE,MAAM,IAAI;AAClB,eAAM,WAAW,SACjB,MAAM,OAAO,KACb,MAAM,MAAM,KACZ,MAAM,QAAQ,KACd,MAAM,SAAS,KACf,MAAM,SAAS,MACf,MAAM,WAAW,UACjB,MAAM,aAAa,UAEnB,MAAM,qBAAqB,SAC3B,MAAM,qBAAqB,WAC3B,MAAM,kBAAkB,MACxB,MAAM,aAAa,SAAS,KAAK,GACjC,MAAM,gBAAgB,SAAS,QAAQ,GACvC,MAAM,cAAc,SAAS,MAAM,GACnC,MAAM,eAAe,SAAS,OAAO,GAC9B;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { View } from "react-native-web";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
4
|
const CSSTransitions = {
|
|
4
5
|
WebkitTransition: "webkitTransitionEnd",
|
|
5
6
|
Transition: "transitionEnd",
|
|
@@ -45,7 +46,14 @@ function NativeSafeAreaProvider({
|
|
|
45
46
|
return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), () => {
|
|
46
47
|
document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
|
|
47
48
|
};
|
|
48
|
-
}, [onInsetsChange]), /* @__PURE__ */jsx(
|
|
49
|
+
}, [onInsetsChange]), /* @__PURE__ */jsx(View, {
|
|
50
|
+
style: style || {
|
|
51
|
+
flex: 1,
|
|
52
|
+
width: "100%",
|
|
53
|
+
height: "100%",
|
|
54
|
+
maxHeight: "100%",
|
|
55
|
+
maxWidth: "100%"
|
|
56
|
+
},
|
|
49
57
|
children
|
|
50
58
|
});
|
|
51
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","View","jsx","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","flex","maxHeight","maxWidth","_supportedTransitionEvent","createElement","key","_supportedEnv","getSupportedEnv","CSS","supports","getInset","side","position","zIndex","overflow","visibility","transitionDuration","transitionProperty","transitionDelay"],"sources":["../../src/NativeSafeAreaProvider.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
|
+
import { View } from "react-native";
|
|
3
4
|
var CSSTransitions = {
|
|
4
5
|
WebkitTransition: "webkitTransitionEnd",
|
|
5
6
|
Transition: "transitionEnd",
|
|
@@ -9,7 +10,7 @@ var CSSTransitions = {
|
|
|
9
10
|
};
|
|
10
11
|
function NativeSafeAreaProvider(param) {
|
|
11
12
|
var children = param.children, style = param.style, onInsetsChange = param.onInsetsChange;
|
|
12
|
-
|
|
13
|
+
React.useEffect(function() {
|
|
13
14
|
if (!(typeof document > "u")) {
|
|
14
15
|
var element = createContextElement();
|
|
15
16
|
document.body.appendChild(element);
|
|
@@ -38,7 +39,16 @@ function NativeSafeAreaProvider(param) {
|
|
|
38
39
|
}
|
|
39
40
|
}, [
|
|
40
41
|
onInsetsChange
|
|
41
|
-
])
|
|
42
|
+
]);
|
|
43
|
+
var finalStyle = style || {
|
|
44
|
+
flex: 1,
|
|
45
|
+
width: "100%",
|
|
46
|
+
height: "100%",
|
|
47
|
+
maxHeight: "100%",
|
|
48
|
+
maxWidth: "100%"
|
|
49
|
+
};
|
|
50
|
+
return /* @__PURE__ */ _jsx(View, {
|
|
51
|
+
style: finalStyle,
|
|
42
52
|
children
|
|
43
53
|
});
|
|
44
54
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/vxrn/packages/safe-area/src/NativeSafeAreaProvider.tsx"],
|
|
4
|
-
"mappings": "AAAsB,SAAA,OAAA,
|
|
5
|
-
"names": ["React", "CSSTransitions", "WebkitTransition", "Transition", "MozTransition", "MSTransition", "OTransition", "NativeSafeAreaProvider", "children", "style", "onInsetsChange", "useEffect", "document", "element", "createContextElement", "body", "appendChild", "onEnd", "window", "getComputedStyle", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "insets", "top", "Number", "parseInt", "bottom", "left", "right", "frame", "x", "y", "width", "documentElement", "offsetWidth", "height", "offsetHeight", "nativeEvent", "addEventListener", "getSupportedTransitionEvent", "removeChild", "removeEventListener", "_supportedTransitionEvent", "createElement", "key", "undefined", "_supportedEnv", "getSupportedEnv", "CSS", "supports", "getInset", "side", "position", "zIndex", "overflow", "visibility", "transitionDuration", "transitionProperty", "transitionDelay"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "View", "CSSTransitions", "WebkitTransition", "Transition", "MozTransition", "MSTransition", "OTransition", "NativeSafeAreaProvider", "children", "style", "onInsetsChange", "useEffect", "document", "element", "createContextElement", "body", "appendChild", "onEnd", "window", "getComputedStyle", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "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
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.202",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"types": "./types/index.d.ts",
|
|
6
6
|
"type": "module",
|
|
@@ -25,6 +25,6 @@
|
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@biomejs/biome": "^1.8.3",
|
|
28
|
-
"@tamagui/build": "^1.
|
|
28
|
+
"@tamagui/build": "^1.110.0"
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* eslint-env browser */
|
|
2
2
|
|
|
3
3
|
import * as React from 'react'
|
|
4
|
-
import { View } from 'react-native'
|
|
5
4
|
import type { NativeSafeAreaProviderProps } from './SafeArea-types'
|
|
5
|
+
import { View } from 'react-native'
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* TODO:
|
|
@@ -60,7 +60,15 @@ export function NativeSafeAreaProvider({
|
|
|
60
60
|
}
|
|
61
61
|
}, [onInsetsChange])
|
|
62
62
|
|
|
63
|
-
|
|
63
|
+
const finalStyle = style || {
|
|
64
|
+
flex: 1,
|
|
65
|
+
width: '100%',
|
|
66
|
+
height: '100%',
|
|
67
|
+
maxHeight: '100%',
|
|
68
|
+
maxWidth: '100%',
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
return <View style={finalStyle}>{children}</View>
|
|
64
72
|
}
|
|
65
73
|
|
|
66
74
|
let _supportedTransitionEvent: string | null | undefined = null
|