@vxrn/safe-area 1.2.71 → 1.2.72
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/.turbo/turbo-build.log +1 -1
- package/dist/cjs/NativeSafeAreaProvider.cjs +6 -7
- package/dist/cjs/NativeSafeAreaProvider.js +1 -7
- package/dist/cjs/NativeSafeAreaProvider.js.map +1 -1
- package/dist/cjs/NativeSafeAreaProvider.native.js +8 -11
- package/dist/cjs/NativeSafeAreaProvider.native.js.map +1 -1
- package/dist/esm/NativeSafeAreaProvider.js +1 -7
- package/dist/esm/NativeSafeAreaProvider.js.map +1 -1
- package/dist/esm/NativeSafeAreaProvider.mjs +6 -7
- package/dist/esm/NativeSafeAreaProvider.mjs.map +1 -1
- package/dist/esm/NativeSafeAreaProvider.native.js +8 -11
- package/dist/esm/NativeSafeAreaProvider.native.js.map +1 -1
- package/package.json +1 -1
- package/src/NativeSafeAreaProvider.tsx +7 -8
- package/types/NativeSafeAreaProvider.d.ts.map +1 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
$ tamagui-build
|
|
2
|
-
built @vxrn/safe-area in
|
|
2
|
+
built @vxrn/safe-area in 737 ms
|
|
@@ -82,13 +82,12 @@ function NativeSafeAreaProvider({
|
|
|
82
82
|
return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), () => {
|
|
83
83
|
document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
|
|
84
84
|
};
|
|
85
|
-
}, [onInsetsChange]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
86
|
-
style
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
maxWidth: "100%"
|
|
85
|
+
}, [onInsetsChange]), style ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
86
|
+
style,
|
|
87
|
+
children
|
|
88
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
89
|
+
style: {
|
|
90
|
+
display: "contents"
|
|
92
91
|
},
|
|
93
92
|
children
|
|
94
93
|
});
|
|
@@ -60,13 +60,7 @@ 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)(import_react_native.View, { style: style
|
|
64
|
-
flex: 1,
|
|
65
|
-
width: "100%",
|
|
66
|
-
height: "100%",
|
|
67
|
-
maxHeight: "100%",
|
|
68
|
-
maxWidth: "100%"
|
|
69
|
-
}, children });
|
|
63
|
+
}, [onInsetsChange]), style ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style, children }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "contents" }, children });
|
|
70
64
|
}
|
|
71
65
|
let _supportedTransitionEvent = null;
|
|
72
66
|
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,8BACvB,sBAAqB,yBA+DV;AApDX,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;AAuC9B,SAtCA,MAAM,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,GAKf,QACK,4CAAC,4BAAK,OAAe,UAAS,IAGhC,4CAAC,SAAI,OAAO,EAAE,SAAS,WAAW,GAAI,UAAS;AACxD;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
|
}
|
|
@@ -52,7 +52,7 @@ function NativeSafeAreaProvider(param) {
|
|
|
52
52
|
style,
|
|
53
53
|
onInsetsChange
|
|
54
54
|
} = param;
|
|
55
|
-
React.useEffect(function () {
|
|
55
|
+
return React.useEffect(function () {
|
|
56
56
|
if (!(typeof document > "u")) {
|
|
57
57
|
var element = createContextElement();
|
|
58
58
|
document.body.appendChild(element);
|
|
@@ -86,16 +86,13 @@ function NativeSafeAreaProvider(param) {
|
|
|
86
86
|
document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
|
|
87
87
|
};
|
|
88
88
|
}
|
|
89
|
-
}, [onInsetsChange])
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
};
|
|
97
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
98
|
-
style: finalStyle,
|
|
89
|
+
}, [onInsetsChange]), style ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
90
|
+
style,
|
|
91
|
+
children
|
|
92
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
93
|
+
style: {
|
|
94
|
+
display: "contents"
|
|
95
|
+
},
|
|
99
96
|
children
|
|
100
97
|
});
|
|
101
98
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NativeSafeAreaProvider_exports","__export","NativeSafeAreaProvider","module","exports","import_jsx_runtime","require","React","__toESM","import_react_native","CSSTransitions","WebkitTransition","Transition","MozTransition","MSTransition","OTransition","param","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","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NativeSafeAreaProvider_exports","__export","NativeSafeAreaProvider","module","exports","import_jsx_runtime","require","React","__toESM","import_react_native","CSSTransitions","WebkitTransition","Transition","MozTransition","MSTransition","OTransition","param","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","jsx","View","display","_supportedTransitionEvent","createElement","key","_supportedEnv","getSupportedEnv"],"sources":["../../src/NativeSafeAreaProvider.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAA,CAAAC,OAAuB,GAAAT,YAAA,CAAAK,8BACvB;AAWA,IAAAK,kBAAM,GAAyCC,OAAA;EAAAC,KAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,mBAAA,GAAAH,OAAA;EAAAI,cAAA;IAC7CC,gBAAA,EAAkB;IAClBC,UAAA,EAAY;IACZC,aAAA,EAAe;IACfC,YAAA,EAAc;IACdC,WAAA,EAAa;EACf;AAEO,SAASb,uBAAuBc,KAAA;EACrC;IAAAC,QAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAH,KAAA;EACA,OAAAT,KAAA,CAAAa,SAAA;IACA,aAAAC,QAAA;MAC8B,IAAAC,OAAA,GAAAC,oBAAA;MAuC9BF,QAtCA,CAAMG,IAAA,CAAAC,WAAgB,CAAAH,OAAA;MAEpB,IAAII,KAAO,YAAAA,CAAA,EAAa;QACtB;YAAAC,UAAA;YAAAC,aAAA;YAAAC,WAAA;YAAAC;UAAA,IAAAC,MAAA,CAAAC,gBAAA,CAAAV,OAAA;UAAAW,MAAA;YAGIC,GAAA,EAAAP,UAAU,GAAAQ,MAAA,CAAAC,QAAqB,CAAAT,UAAA;YACrCU,MAAS,EAAKT,aAAY,GAAAO,MAAO,CAAAC,QAAA,CAAAR,aAAA;YAC3BU,IAAA,EAAAT,WAAc,GAAAM,MAAA,CAAAC,QAAA,CAAAP,WAAA;YAClBU,KAAQ,EAAAT,YAAY,GAAAK,MAAA,CAAAC,QAAe,CAAAN,YAAa,QAAa;UAI3D;UAAAU,KAAK;YACLC,CAAA;YACAC,CAAA,GAAM;YACNC,KAAO,EAAAtB,QAAA,CAAAuB,eAAsB,CAAAC,WAAS;YAElCC,MAAA,EAAQzB,QAAA,CAAAuB,eAAA,CAAAG;UACZ;QACA5B,cAAG;UACH6B,WAAO;YACPf,MAAQ;YACVO;UAEA;QACF;MACA;MAGE,OAAAlB,OAAc,CAAA2B,gBAAY,CAAAC,2BAClB,IAAAxB,KAAoB,GAAAA,KAAA;QAC9BL,QAAA,CAAAG,IAAA,CAAA2B,WAAA,CAAA7B,OAAA,GAAAA,OAAA,CAAA8B,mBAAA,CAAAF,2BAAA,IAAAxB,KAAA;MACE;IAUN;EAEA,GAAI,CACJP,cAAS,CACP,GAAID,KAAA,sBAAAb,kBAA6B,CAAAgD,GAAA,EAAA5C,mBAAA,CAAA6C,IAAA;IAC/BpC,KAAA;IAEFD;EAEA,wBAAAZ,kBAA2C,CAAAgD,GAAA;IAC3CnC,KAAA;MACEqC,OAAI;IACF;IACAtC;EAAA,EACF;AAEF;AACF,IAAAuC,yBAAA;AAIA,SAAIN,2BAA+BA,CAAA;EACnC,IAAAM,yBAAmC,UACjC,OAAIA,yBAAkB;EACpB,IAAAlC,OAAO,GAAAD,QAAA,CAAAoC,aAAA;EAETD,yBAAgB,GAAA9C,cAAA,CAAAE,UAAA;EAChB,SAAI8C,GAAA,IAAOhD,cAAgB,EAM7B,IAAAY,OAAA,CAAAJ,KAAA,CAAAwC,GAAA;IAEAF,yBAAwC,GAAA9C,cAAA,CAAAgD,GAAA;IACtC;EACF;EAEA,OAASF,yBAAoC;AAC3C;AAEA,IAAAG,aAAM;AAiBR,SAAAC,gBAAA","ignoreList":[]}
|
|
@@ -35,13 +35,7 @@ function NativeSafeAreaProvider({
|
|
|
35
35
|
return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), () => {
|
|
36
36
|
document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
|
|
37
37
|
};
|
|
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
|
+
}, [onInsetsChange]), style ? /* @__PURE__ */ jsx(View, { style, children }) : /* @__PURE__ */ jsx("div", { style: { display: "contents" }, children });
|
|
45
39
|
}
|
|
46
40
|
let _supportedTransitionEvent = null;
|
|
47
41
|
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;AACvB,SAAS,YAAY;AA+DV;AApDX,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;AAuC9B,SAtCA,MAAM,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,GAKf,QACK,oBAAC,QAAK,OAAe,UAAS,IAGhC,oBAAC,SAAI,OAAO,EAAE,SAAS,WAAW,GAAI,UAAS;AACxD;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
|
}
|
|
@@ -46,13 +46,12 @@ function NativeSafeAreaProvider({
|
|
|
46
46
|
return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), () => {
|
|
47
47
|
document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
|
|
48
48
|
};
|
|
49
|
-
}, [onInsetsChange]), /* @__PURE__ */jsx(View, {
|
|
50
|
-
style
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
maxWidth: "100%"
|
|
49
|
+
}, [onInsetsChange]), style ? /* @__PURE__ */jsx(View, {
|
|
50
|
+
style,
|
|
51
|
+
children
|
|
52
|
+
}) : /* @__PURE__ */jsx("div", {
|
|
53
|
+
style: {
|
|
54
|
+
display: "contents"
|
|
56
55
|
},
|
|
57
56
|
children
|
|
58
57
|
});
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
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","display","_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":[]}
|
|
@@ -14,7 +14,7 @@ function NativeSafeAreaProvider(param) {
|
|
|
14
14
|
style,
|
|
15
15
|
onInsetsChange
|
|
16
16
|
} = param;
|
|
17
|
-
React.useEffect(function () {
|
|
17
|
+
return React.useEffect(function () {
|
|
18
18
|
if (!(typeof document > "u")) {
|
|
19
19
|
var element = createContextElement();
|
|
20
20
|
document.body.appendChild(element);
|
|
@@ -48,16 +48,13 @@ function NativeSafeAreaProvider(param) {
|
|
|
48
48
|
document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
|
-
}, [onInsetsChange])
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
};
|
|
59
|
-
return /* @__PURE__ */_jsx(View, {
|
|
60
|
-
style: finalStyle,
|
|
51
|
+
}, [onInsetsChange]), style ? /* @__PURE__ */_jsx(View, {
|
|
52
|
+
style,
|
|
53
|
+
children
|
|
54
|
+
}) : /* @__PURE__ */_jsx("div", {
|
|
55
|
+
style: {
|
|
56
|
+
display: "contents"
|
|
57
|
+
},
|
|
61
58
|
children
|
|
62
59
|
});
|
|
63
60
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","React","View","CSSTransitions","WebkitTransition","Transition","MozTransition","MSTransition","OTransition","NativeSafeAreaProvider","param","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","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","React","View","CSSTransitions","WebkitTransition","Transition","MozTransition","MSTransition","OTransition","NativeSafeAreaProvider","param","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","display","_supportedTransitionEvent","createElement","key","_supportedEnv","getSupportedEnv"],"sources":["../../src/NativeSafeAreaProvider.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAAAA,GAAY,IAAAC,IAAA,QAAW;AACvB,YAASC,KAAA,MAAY;AA+DV,SAAAC,IAAA;AApDX,IAAAC,cAAM;EACJC,gBAAA,EAAkB;EAClBC,UAAA,EAAY;EACZC,aAAA,EAAe;EACfC,YAAA,EAAc;EACdC,WAAA,EAAa;AACf;AAEO,SAASC,uBAAuBC,KAAA;EACrC;IAAAC,QAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAH,KAAA;EACA,OAAAT,KAAA,CAAAa,SAAA;IACA,aAAAC,QAAA;MAC8B,IAAAC,OAAA,GAAAC,oBAAA;MAuC9BF,QAtCA,CAAMG,IAAA,CAAAC,WAAgB,CAAAH,OAAA;MAEpB,IAAII,KAAO,YAAAA,CAAA,EAAa;QACtB;YAAAC,UAAA;YAAAC,aAAA;YAAAC,WAAA;YAAAC;UAAA,IAAAC,MAAA,CAAAC,gBAAA,CAAAV,OAAA;UAAAW,MAAA;YAGIC,GAAA,EAAAP,UAAU,GAAAQ,MAAA,CAAAC,QAAqB,CAAAT,UAAA;YACrCU,MAAS,EAAKT,aAAY,GAAAO,MAAO,CAAAC,QAAA,CAAAR,aAAA;YAC3BU,IAAA,EAAAT,WAAc,GAAAM,MAAA,CAAAC,QAAA,CAAAP,WAAA;YAClBU,KAAQ,EAAAT,YAAY,GAAAK,MAAA,CAAAC,QAAe,CAAAN,YAAa,QAAa;UAI3D;UAAAU,KAAK;YACLC,CAAA;YACAC,CAAA,GAAM;YACNC,KAAO,EAAAtB,QAAA,CAAAuB,eAAsB,CAAAC,WAAS;YAElCC,MAAA,EAAQzB,QAAA,CAAAuB,eAAA,CAAAG;UACZ;QACA5B,cAAG;UACH6B,WAAO;YACPf,MAAQ;YACVO;UAEA;QACF;MACA;MAGE,OAAAlB,OAAc,CAAA2B,gBAAY,CAAAC,2BAClB,IAAAxB,KAAoB,GAAAA,KAAA;QAC9BL,QAAA,CAAAG,IAAA,CAAA2B,WAAA,CAAA7B,OAAA,GAAAA,OAAA,CAAA8B,mBAAA,CAAAF,2BAAA,IAAAxB,KAAA;MACE;IAUN;EAEA,GAAI,CACJP,cAAS,CACP,GAAID,KAAA,kBAAAZ,IAAA,CAA6BE,IAAA;IAC/BU,KAAA;IAEFD;EAEA,oBAAAX,IAAA,MAA4B;IAC5BY,KAAA;MACEmC,OAAI;IACF;IACApC;EAAA,EACF;AAEF;AACF,IAAAqC,yBAAA;AAIA,SAAIJ,2BAA+BA,CAAA;EACnC,IAAAI,yBAAmC,UACjC,OAAIA,yBAAkB;EACpB,IAAAhC,OAAO,GAAAD,QAAA,CAAAkC,aAAA;EAETD,yBAAgB,GAAA7C,cAAA,CAAAE,UAAA;EAChB,SAAI6C,GAAA,IAAO/C,cAAgB,EAM7B,IAAAa,OAAA,CAAAJ,KAAA,CAAAsC,GAAA;IAEAF,yBAAwC,GAAA7C,cAAA,CAAA+C,GAAA;IACtC;EACF;EAEA,OAASF,yBAAoC;AAC3C;AAEA,IAAAG,aAAM;AAiBR,SAAAC,gBAAA","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* eslint-env browser */
|
|
2
2
|
|
|
3
3
|
import * as React from 'react'
|
|
4
|
-
import type { NativeSafeAreaProviderProps } from './SafeArea-types'
|
|
5
4
|
import { View } from 'react-native'
|
|
5
|
+
import type { NativeSafeAreaProviderProps } from './SafeArea-types'
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* TODO:
|
|
@@ -60,15 +60,14 @@ export function NativeSafeAreaProvider({
|
|
|
60
60
|
}
|
|
61
61
|
}, [onInsetsChange])
|
|
62
62
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
maxWidth: '100%',
|
|
63
|
+
// use display: contents to avoid breaking sticky positioning
|
|
64
|
+
// the old constraining styles (height: 100%, max-height: 100%) created a
|
|
65
|
+
// containing block that broke position: sticky
|
|
66
|
+
if (style) {
|
|
67
|
+
return <View style={style}>{children}</View>
|
|
69
68
|
}
|
|
70
69
|
|
|
71
|
-
return <
|
|
70
|
+
return <div style={{ display: 'contents' }}>{children}</div>
|
|
72
71
|
}
|
|
73
72
|
|
|
74
73
|
let _supportedTransitionEvent: string | null | undefined = null
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeSafeAreaProvider.d.ts","sourceRoot":"","sources":["../src/NativeSafeAreaProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NativeSafeAreaProvider.d.ts","sourceRoot":"","sources":["../src/NativeSafeAreaProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAA;AAkBnE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,KAAK,EACL,cAAc,GACf,EAAE,2BAA2B,2CA4C7B"}
|