@vxrn/safe-area 1.22.0 → 1.23.1
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 +5 -3
- package/dist/cjs/NativeSafeAreaProvider.native.js +12 -3
- package/dist/cjs/NativeSafeAreaProvider.native.js.map +1 -1
- package/dist/cjs/SafeAreaContext.cjs +4 -8
- package/dist/cjs/SafeAreaContext.native.js +4 -8
- package/dist/cjs/SafeAreaContext.native.js.map +1 -1
- package/dist/cjs/SafeAreaView.cjs +21 -6
- package/dist/cjs/SafeAreaView.native.js +23 -6
- package/dist/cjs/SafeAreaView.native.js.map +1 -1
- package/dist/cjs/getWindowFrame.cjs +35 -0
- package/dist/cjs/getWindowFrame.native.js +43 -0
- package/dist/cjs/getWindowFrame.native.js.map +1 -0
- package/dist/esm/NativeSafeAreaProvider.mjs +5 -3
- package/dist/esm/NativeSafeAreaProvider.mjs.map +1 -1
- package/dist/esm/NativeSafeAreaProvider.native.js +12 -3
- package/dist/esm/NativeSafeAreaProvider.native.js.map +1 -1
- package/dist/esm/SafeAreaContext.mjs +4 -8
- package/dist/esm/SafeAreaContext.mjs.map +1 -1
- package/dist/esm/SafeAreaContext.native.js +4 -8
- package/dist/esm/SafeAreaContext.native.js.map +1 -1
- package/dist/esm/SafeAreaView.mjs +21 -6
- package/dist/esm/SafeAreaView.mjs.map +1 -1
- package/dist/esm/SafeAreaView.native.js +23 -6
- package/dist/esm/SafeAreaView.native.js.map +1 -1
- package/dist/esm/getWindowFrame.mjs +10 -0
- package/dist/esm/getWindowFrame.mjs.map +1 -0
- package/dist/esm/getWindowFrame.native.js +15 -0
- package/dist/esm/getWindowFrame.native.js.map +1 -0
- package/package.json +1 -1
- package/src/NativeSafeAreaProvider.tsx +12 -2
- package/src/SafeAreaContext.tsx +4 -8
- package/src/SafeAreaView.tsx +26 -5
- package/src/getWindowFrame.native.ts +7 -0
- package/src/getWindowFrame.ts +10 -0
- package/types/NativeSafeAreaProvider.d.ts.map +1 -1
- package/types/SafeAreaContext.d.ts.map +1 -1
- package/types/SafeAreaView.d.ts.map +1 -1
- package/types/getWindowFrame.d.ts +3 -0
- package/types/getWindowFrame.d.ts.map +1 -0
- package/types/getWindowFrame.native.d.ts +3 -0
- package/types/getWindowFrame.native.d.ts.map +1 -0
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 3300 ms
|
|
@@ -37,7 +37,6 @@ __export(NativeSafeAreaProvider_exports, {
|
|
|
37
37
|
});
|
|
38
38
|
module.exports = __toCommonJS(NativeSafeAreaProvider_exports);
|
|
39
39
|
var React = __toESM(require("react"), 1);
|
|
40
|
-
var import_react_native = require("react-native-web");
|
|
41
40
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
41
|
const CSSTransitions = {
|
|
43
42
|
WebkitTransition: "webkitTransitionEnd",
|
|
@@ -91,8 +90,11 @@ function NativeSafeAreaProvider({
|
|
|
91
90
|
};
|
|
92
91
|
}, [onInsetsChange]);
|
|
93
92
|
if (style) {
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
const styleValue = style;
|
|
94
|
+
const styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [styleValue];
|
|
95
|
+
const flattenedStyle = styleValues.reduce((result, value) => value && typeof value === "object" ? Object.assign(result, value) : result, {});
|
|
96
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
97
|
+
style: flattenedStyle,
|
|
96
98
|
children
|
|
97
99
|
});
|
|
98
100
|
}
|
|
@@ -40,7 +40,11 @@ __export(NativeSafeAreaProvider_exports, {
|
|
|
40
40
|
module.exports = __toCommonJS(NativeSafeAreaProvider_exports);
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
var React = __toESM(require("react"), 1);
|
|
43
|
-
|
|
43
|
+
function _type_of(obj) {
|
|
44
|
+
"@swc/helpers - typeof";
|
|
45
|
+
|
|
46
|
+
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
47
|
+
}
|
|
44
48
|
var CSSTransitions = {
|
|
45
49
|
WebkitTransition: "webkitTransitionEnd",
|
|
46
50
|
Transition: "transitionEnd",
|
|
@@ -94,8 +98,13 @@ function NativeSafeAreaProvider(param) {
|
|
|
94
98
|
};
|
|
95
99
|
}, [onInsetsChange]);
|
|
96
100
|
if (style) {
|
|
97
|
-
|
|
98
|
-
|
|
101
|
+
var styleValue = style;
|
|
102
|
+
var styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [styleValue];
|
|
103
|
+
var flattenedStyle = styleValues.reduce(function (result, value) {
|
|
104
|
+
return value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" ? Object.assign(result, value) : result;
|
|
105
|
+
}, {});
|
|
106
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
107
|
+
style: flattenedStyle,
|
|
99
108
|
children
|
|
100
109
|
});
|
|
101
110
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NativeSafeAreaProvider_exports","__export","NativeSafeAreaProvider","module","exports","import_jsx_runtime","require","React","__toESM","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NativeSafeAreaProvider_exports","__export","NativeSafeAreaProvider","module","exports","import_jsx_runtime","require","React","__toESM","_type_of","obj","Symbol","constructor","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","styleValue","styleValues","Array","isArray","flat","POSITIVE_INFINITY","flattenedStyle","reduce","result","Object","assign","jsx","display","_supportedTransitionEvent","createElement","key","_supportedEnv","getSupportedEnv","CSS","supports","getInset","side"],"sources":["../../src/NativeSafeAreaProvider.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -45,8 +45,8 @@ __export(SafeAreaContext_exports, {
|
|
|
45
45
|
});
|
|
46
46
|
module.exports = __toCommonJS(SafeAreaContext_exports);
|
|
47
47
|
var React = __toESM(require("react"), 1);
|
|
48
|
-
var import_react_native = require("react-native-web");
|
|
49
48
|
var import_NativeSafeAreaProvider = require("./NativeSafeAreaProvider.cjs");
|
|
49
|
+
var import_getWindowFrame = require("./getWindowFrame.cjs");
|
|
50
50
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
51
51
|
const isDev = process.env.NODE_ENV !== "production";
|
|
52
52
|
const SafeAreaInsetsContext = React.createContext(null);
|
|
@@ -72,13 +72,9 @@ function SafeAreaProvider({
|
|
|
72
72
|
const parentInsets = useParentSafeAreaInsets();
|
|
73
73
|
const parentFrame = useParentSafeAreaFrame();
|
|
74
74
|
const [insets, setInsets] = React.useState(initialMetrics?.insets ?? initialSafeAreaInsets ?? parentInsets ?? ZERO_INSETS);
|
|
75
|
-
const [frame, setFrame] = React.useState(initialMetrics?.frame ?? parentFrame ??
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
y: 0,
|
|
79
|
-
width: import_react_native.Dimensions.get("window").width,
|
|
80
|
-
height: import_react_native.Dimensions.get("window").height
|
|
81
|
-
});
|
|
75
|
+
const [frame, setFrame] = React.useState(initialMetrics?.frame ?? parentFrame ??
|
|
76
|
+
// backwards compat so we render anyway if we don't have frame.
|
|
77
|
+
(0, import_getWindowFrame.getWindowFrame)());
|
|
82
78
|
const onInsetsChange = React.useCallback(event => {
|
|
83
79
|
const {
|
|
84
80
|
nativeEvent: {
|
|
@@ -48,8 +48,8 @@ __export(SafeAreaContext_exports, {
|
|
|
48
48
|
module.exports = __toCommonJS(SafeAreaContext_exports);
|
|
49
49
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
50
50
|
var React = __toESM(require("react"), 1);
|
|
51
|
-
var import_react_native = require("react-native");
|
|
52
51
|
var import_NativeSafeAreaProvider = require("./NativeSafeAreaProvider.native.js");
|
|
52
|
+
var import_getWindowFrame = require("./getWindowFrame.native.js");
|
|
53
53
|
var isDev = process.env.NODE_ENV !== "production";
|
|
54
54
|
var SafeAreaInsetsContext = /* @__PURE__ */React.createContext(null);
|
|
55
55
|
if (isDev) {
|
|
@@ -76,13 +76,9 @@ function SafeAreaProvider(param) {
|
|
|
76
76
|
var parentInsets = useParentSafeAreaInsets();
|
|
77
77
|
var parentFrame = useParentSafeAreaFrame();
|
|
78
78
|
var [insets, setInsets] = React.useState((_ref = (_ref1 = (_ref2 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.insets) !== null && _ref2 !== void 0 ? _ref2 : initialSafeAreaInsets) !== null && _ref1 !== void 0 ? _ref1 : parentInsets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS);
|
|
79
|
-
var [frame, setFrame] = React.useState((_ref3 = (_ref4 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.frame) !== null && _ref4 !== void 0 ? _ref4 : parentFrame) !== null && _ref3 !== void 0 ? _ref3 :
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
y: 0,
|
|
83
|
-
width: import_react_native.Dimensions.get("window").width,
|
|
84
|
-
height: import_react_native.Dimensions.get("window").height
|
|
85
|
-
});
|
|
79
|
+
var [frame, setFrame] = React.useState((_ref3 = (_ref4 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.frame) !== null && _ref4 !== void 0 ? _ref4 : parentFrame) !== null && _ref3 !== void 0 ? _ref3 :
|
|
80
|
+
// backwards compat so we render anyway if we don't have frame.
|
|
81
|
+
(0, import_getWindowFrame.getWindowFrame)());
|
|
86
82
|
var onInsetsChange = React.useCallback(function (event) {
|
|
87
83
|
var {
|
|
88
84
|
nativeEvent: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SafeAreaContext_exports","__export","SafeAreaConsumer","SafeAreaContext","SafeAreaFrameContext","SafeAreaInsetsContext","SafeAreaProvider","useSafeArea","useSafeAreaFrame","useSafeAreaInsets","withSafeAreaInsets","module","exports","import_jsx_runtime","require","React","__toESM","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SafeAreaContext_exports","__export","SafeAreaConsumer","SafeAreaContext","SafeAreaFrameContext","SafeAreaInsetsContext","SafeAreaProvider","useSafeArea","useSafeAreaFrame","useSafeAreaInsets","withSafeAreaInsets","module","exports","import_jsx_runtime","require","React","__toESM","import_NativeSafeAreaProvider","import_getWindowFrame","isDev","process","env","NODE_ENV","createContext","displayName","ZERO_INSETS","top","bottom","left","right","param","children","initialMetrics","initialSafeAreaInsets","others","_ref","_ref1","_ref2","_ref3","_ref4","parentInsets","useParentSafeAreaInsets","parentFrame","useParentSafeAreaFrame","insets","setInsets","useState","frame","setFrame","getWindowFrame","onInsetsChange","useCallback","event","nativeEvent","nextFrame","nextInsets","startTransition","curFrame","height","width","x","y","curInsets","jsx","NativeSafeAreaProvider","Provider","useContext","NO_INSETS_ERROR","Error","WrappedComponent","forwardRef","props","ref"],"sources":["../../src/SafeAreaContext.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -37,7 +37,6 @@ __export(SafeAreaView_exports, {
|
|
|
37
37
|
});
|
|
38
38
|
module.exports = __toCommonJS(SafeAreaView_exports);
|
|
39
39
|
var React = __toESM(require("react"), 1);
|
|
40
|
-
var import_react_native = require("react-native-web");
|
|
41
40
|
var import_SafeAreaContext = require("./SafeAreaContext.cjs");
|
|
42
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
42
|
const TOP = 8;
|
|
@@ -64,7 +63,7 @@ const SafeAreaView = React.forwardRef(({
|
|
|
64
63
|
const insetRight = edgeBitmask & RIGHT ? insets.right : 0;
|
|
65
64
|
const insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
|
|
66
65
|
const insetLeft = edgeBitmask & LEFT ? insets.left : 0;
|
|
67
|
-
const flatStyle =
|
|
66
|
+
const flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [style]).reduce((result, value) => value ? Object.assign(result, value) : result, {});
|
|
68
67
|
if (mode === "margin") {
|
|
69
68
|
const {
|
|
70
69
|
margin = 0,
|
|
@@ -81,7 +80,15 @@ const SafeAreaView = React.forwardRef(({
|
|
|
81
80
|
marginBottom: marginBottom + insetBottom,
|
|
82
81
|
marginLeft: marginLeft + insetLeft
|
|
83
82
|
};
|
|
84
|
-
|
|
83
|
+
const {
|
|
84
|
+
marginVertical: _marginVertical,
|
|
85
|
+
marginHorizontal: _marginHorizontal,
|
|
86
|
+
...domStyle2
|
|
87
|
+
} = flatStyle;
|
|
88
|
+
return {
|
|
89
|
+
...domStyle2,
|
|
90
|
+
...marginStyle
|
|
91
|
+
};
|
|
85
92
|
}
|
|
86
93
|
const {
|
|
87
94
|
padding = 0,
|
|
@@ -98,11 +105,19 @@ const SafeAreaView = React.forwardRef(({
|
|
|
98
105
|
paddingBottom: paddingBottom + insetBottom,
|
|
99
106
|
paddingLeft: paddingLeft + insetLeft
|
|
100
107
|
};
|
|
101
|
-
|
|
108
|
+
const {
|
|
109
|
+
paddingVertical: _paddingVertical,
|
|
110
|
+
paddingHorizontal: _paddingHorizontal,
|
|
111
|
+
...domStyle
|
|
112
|
+
} = flatStyle;
|
|
113
|
+
return {
|
|
114
|
+
...domStyle,
|
|
115
|
+
...paddingStyle
|
|
116
|
+
};
|
|
102
117
|
}, [style, insets, mode, edgeBitmask]);
|
|
103
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
104
|
-
style: appliedStyle,
|
|
118
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
105
119
|
...rest,
|
|
120
|
+
style: appliedStyle,
|
|
106
121
|
ref
|
|
107
122
|
});
|
|
108
123
|
});
|
|
@@ -40,7 +40,6 @@ __export(SafeAreaView_exports, {
|
|
|
40
40
|
module.exports = __toCommonJS(SafeAreaView_exports);
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
var React = __toESM(require("react"), 1);
|
|
43
|
-
var import_react_native = require("react-native");
|
|
44
43
|
var import_SafeAreaContext = require("./SafeAreaContext.native.js");
|
|
45
44
|
var TOP = 8;
|
|
46
45
|
var RIGHT = 4;
|
|
@@ -71,7 +70,9 @@ var SafeAreaView = /* @__PURE__ */React.forwardRef(function (param, ref) {
|
|
|
71
70
|
var insetRight = edgeBitmask & RIGHT ? insets.right : 0;
|
|
72
71
|
var insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
|
|
73
72
|
var insetLeft = edgeBitmask & LEFT ? insets.left : 0;
|
|
74
|
-
var flatStyle =
|
|
73
|
+
var flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [style]).reduce(function (result, value) {
|
|
74
|
+
return value ? Object.assign(result, value) : result;
|
|
75
|
+
}, {});
|
|
75
76
|
if (mode === "margin") {
|
|
76
77
|
var {
|
|
77
78
|
margin = 0,
|
|
@@ -88,7 +89,15 @@ var SafeAreaView = /* @__PURE__ */React.forwardRef(function (param, ref) {
|
|
|
88
89
|
marginBottom: marginBottom + insetBottom,
|
|
89
90
|
marginLeft: marginLeft + insetLeft
|
|
90
91
|
};
|
|
91
|
-
|
|
92
|
+
var {
|
|
93
|
+
marginVertical: _marginVertical,
|
|
94
|
+
marginHorizontal: _marginHorizontal,
|
|
95
|
+
...domStyle
|
|
96
|
+
} = flatStyle;
|
|
97
|
+
return {
|
|
98
|
+
...domStyle,
|
|
99
|
+
...marginStyle
|
|
100
|
+
};
|
|
92
101
|
}
|
|
93
102
|
var {
|
|
94
103
|
padding = 0,
|
|
@@ -105,11 +114,19 @@ var SafeAreaView = /* @__PURE__ */React.forwardRef(function (param, ref) {
|
|
|
105
114
|
paddingBottom: paddingBottom + insetBottom,
|
|
106
115
|
paddingLeft: paddingLeft + insetLeft
|
|
107
116
|
};
|
|
108
|
-
|
|
117
|
+
var {
|
|
118
|
+
paddingVertical: _paddingVertical,
|
|
119
|
+
paddingHorizontal: _paddingHorizontal,
|
|
120
|
+
...domStyle1
|
|
121
|
+
} = flatStyle;
|
|
122
|
+
return {
|
|
123
|
+
...domStyle1,
|
|
124
|
+
...paddingStyle
|
|
125
|
+
};
|
|
109
126
|
}, [style, insets, mode, edgeBitmask]);
|
|
110
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
111
|
-
style: appliedStyle,
|
|
127
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
112
128
|
...rest,
|
|
129
|
+
style: appliedStyle,
|
|
113
130
|
ref
|
|
114
131
|
});
|
|
115
132
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SafeAreaView_exports","__export","SafeAreaView","module","exports","import_jsx_runtime","require","React","__toESM","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SafeAreaView_exports","__export","SafeAreaView","module","exports","import_jsx_runtime","require","React","__toESM","import_SafeAreaContext","TOP","RIGHT","BOTTOM","LEFT","ALL","edgeBitmaskMap","top","right","bottom","left","forwardRef","param","ref","style","mode","edges","rest","insets","useSafeAreaInsets","edgeBitmask","Array","isArray","reduce","acc","edge","Object","keys","appliedStyle","useMemo","insetTop","insetRight","insetBottom","insetLeft","flatStyle","flat","Number","POSITIVE_INFINITY","result","assign","margin","marginVertical","marginHorizontal","marginTop","marginRight","marginBottom","marginLeft","marginStyle","_marginVertical","_marginHorizontal","domStyle","padding","paddingVertical","paddingHorizontal","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingStyle","_paddingVertical","_paddingHorizontal","domStyle1","jsx"],"sources":["../../src/SafeAreaView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
+
get: () => from[key],
|
|
15
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: true
|
|
22
|
+
}), mod);
|
|
23
|
+
var getWindowFrame_exports = {};
|
|
24
|
+
__export(getWindowFrame_exports, {
|
|
25
|
+
getWindowFrame: () => getWindowFrame
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(getWindowFrame_exports);
|
|
28
|
+
function getWindowFrame() {
|
|
29
|
+
return {
|
|
30
|
+
x: 0,
|
|
31
|
+
y: 0,
|
|
32
|
+
width: typeof window === "undefined" ? 0 : window.innerWidth,
|
|
33
|
+
height: typeof window === "undefined" ? 0 : window.innerHeight
|
|
34
|
+
};
|
|
35
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
}), mod);
|
|
25
|
+
var getWindowFrame_native_exports = {};
|
|
26
|
+
__export(getWindowFrame_native_exports, {
|
|
27
|
+
getWindowFrame: () => getWindowFrame
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(getWindowFrame_native_exports);
|
|
30
|
+
var import_react_native = require("react-native");
|
|
31
|
+
function getWindowFrame() {
|
|
32
|
+
var {
|
|
33
|
+
width,
|
|
34
|
+
height
|
|
35
|
+
} = import_react_native.Dimensions.get("window");
|
|
36
|
+
return {
|
|
37
|
+
x: 0,
|
|
38
|
+
y: 0,
|
|
39
|
+
width,
|
|
40
|
+
height
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=getWindowFrame.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getWindowFrame_native_exports","__export","getWindowFrame","module","exports","__toCommonJS","import_react_native","require","width","height","Dimensions","get","x","y"],"sources":["../../src/getWindowFrame.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,6BAAA;AAAA,IAAAM,mBAAA,GAA2BC,OAAA;AACpB,SAASL,eAAA,EAAiB;EAC7B,IAAI;IAAEM,KAAA;IAAOC;EAAO,IAAIH,mBAAA,CAAAI,UAAA,CAAWC,GAAA,CAAI,QAAQ;EAC/C,OAAO;IACHC,CAAA,EAAG;IACHC,CAAA,EAAG;IACHL,KAAA;IACAC;EACJ;AACJ","ignoreList":[]}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { View } from "react-native-web";
|
|
3
2
|
import { jsx } from "react/jsx-runtime";
|
|
4
3
|
const CSSTransitions = {
|
|
5
4
|
WebkitTransition: "webkitTransitionEnd",
|
|
@@ -53,8 +52,11 @@ function NativeSafeAreaProvider({
|
|
|
53
52
|
};
|
|
54
53
|
}, [onInsetsChange]);
|
|
55
54
|
if (style) {
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
const styleValue = style;
|
|
56
|
+
const styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [styleValue];
|
|
57
|
+
const flattenedStyle = styleValues.reduce((result, value) => value && typeof value === "object" ? Object.assign(result, value) : result, {});
|
|
58
|
+
return /* @__PURE__ */jsx("div", {
|
|
59
|
+
style: flattenedStyle,
|
|
58
60
|
children
|
|
59
61
|
});
|
|
60
62
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","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","styleValue","styleValues","Array","isArray","flat","POSITIVE_INFINITY","flattenedStyle","reduce","result","value","Object","assign","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":[]}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
|
|
3
|
+
function _type_of(obj) {
|
|
4
|
+
"@swc/helpers - typeof";
|
|
5
|
+
|
|
6
|
+
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
7
|
+
}
|
|
4
8
|
var CSSTransitions = {
|
|
5
9
|
WebkitTransition: "webkitTransitionEnd",
|
|
6
10
|
Transition: "transitionEnd",
|
|
@@ -54,8 +58,13 @@ function NativeSafeAreaProvider(param) {
|
|
|
54
58
|
};
|
|
55
59
|
}, [onInsetsChange]);
|
|
56
60
|
if (style) {
|
|
57
|
-
|
|
58
|
-
|
|
61
|
+
var styleValue = style;
|
|
62
|
+
var styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [styleValue];
|
|
63
|
+
var flattenedStyle = styleValues.reduce(function (result, value) {
|
|
64
|
+
return value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" ? Object.assign(result, value) : result;
|
|
65
|
+
}, {});
|
|
66
|
+
return /* @__PURE__ */_jsx("div", {
|
|
67
|
+
style: flattenedStyle,
|
|
59
68
|
children
|
|
60
69
|
});
|
|
61
70
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","React","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","React","_type_of","obj","Symbol","constructor","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","styleValue","styleValues","Array","isArray","flat","POSITIVE_INFINITY","flattenedStyle","reduce","result","value","Object","assign","display","_supportedTransitionEvent","createElement","key","_supportedEnv","getSupportedEnv","CSS","supports","getInset","side"],"sources":["../../src/NativeSafeAreaProvider.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { Dimensions } from "react-native-web";
|
|
3
2
|
import { NativeSafeAreaProvider } from "./NativeSafeAreaProvider.mjs";
|
|
3
|
+
import { getWindowFrame } from "./getWindowFrame.mjs";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
const isDev = process.env.NODE_ENV !== "production";
|
|
6
6
|
const SafeAreaInsetsContext = React.createContext(null);
|
|
@@ -26,13 +26,9 @@ function SafeAreaProvider({
|
|
|
26
26
|
const parentInsets = useParentSafeAreaInsets();
|
|
27
27
|
const parentFrame = useParentSafeAreaFrame();
|
|
28
28
|
const [insets, setInsets] = React.useState(initialMetrics?.insets ?? initialSafeAreaInsets ?? parentInsets ?? ZERO_INSETS);
|
|
29
|
-
const [frame, setFrame] = React.useState(initialMetrics?.frame ?? parentFrame ??
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
y: 0,
|
|
33
|
-
width: Dimensions.get("window").width,
|
|
34
|
-
height: Dimensions.get("window").height
|
|
35
|
-
});
|
|
29
|
+
const [frame, setFrame] = React.useState(initialMetrics?.frame ?? parentFrame ??
|
|
30
|
+
// backwards compat so we render anyway if we don't have frame.
|
|
31
|
+
getWindowFrame());
|
|
36
32
|
const onInsetsChange = React.useCallback(event => {
|
|
37
33
|
const {
|
|
38
34
|
nativeEvent: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","NativeSafeAreaProvider","getWindowFrame","jsx","isDev","process","env","NODE_ENV","SafeAreaInsetsContext","createContext","displayName","SafeAreaFrameContext","ZERO_INSETS","top","bottom","left","right","SafeAreaProvider","children","initialMetrics","initialSafeAreaInsets","others","parentInsets","useParentSafeAreaInsets","parentFrame","useParentSafeAreaFrame","insets","setInsets","useState","frame","setFrame","onInsetsChange","useCallback","event","nativeEvent","nextFrame","nextInsets","startTransition","curFrame","height","width","x","y","curInsets","Provider","value","useContext","NO_INSETS_ERROR","useSafeAreaInsets","Error","useSafeAreaFrame","withSafeAreaInsets","WrappedComponent","forwardRef","props","ref","useSafeArea","SafeAreaConsumer","Consumer","SafeAreaContext"],"sources":["../../src/SafeAreaContext.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import { Dimensions } from "react-native";
|
|
4
3
|
import { NativeSafeAreaProvider } from "./NativeSafeAreaProvider.native.js";
|
|
4
|
+
import { getWindowFrame } from "./getWindowFrame.native.js";
|
|
5
5
|
var isDev = process.env.NODE_ENV !== "production";
|
|
6
6
|
var SafeAreaInsetsContext = /* @__PURE__ */React.createContext(null);
|
|
7
7
|
if (isDev) {
|
|
@@ -28,13 +28,9 @@ function SafeAreaProvider(param) {
|
|
|
28
28
|
var parentInsets = useParentSafeAreaInsets();
|
|
29
29
|
var parentFrame = useParentSafeAreaFrame();
|
|
30
30
|
var [insets, setInsets] = React.useState((_ref = (_ref1 = (_ref2 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.insets) !== null && _ref2 !== void 0 ? _ref2 : initialSafeAreaInsets) !== null && _ref1 !== void 0 ? _ref1 : parentInsets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS);
|
|
31
|
-
var [frame, setFrame] = React.useState((_ref3 = (_ref4 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.frame) !== null && _ref4 !== void 0 ? _ref4 : parentFrame) !== null && _ref3 !== void 0 ? _ref3 :
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
y: 0,
|
|
35
|
-
width: Dimensions.get("window").width,
|
|
36
|
-
height: Dimensions.get("window").height
|
|
37
|
-
});
|
|
31
|
+
var [frame, setFrame] = React.useState((_ref3 = (_ref4 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.frame) !== null && _ref4 !== void 0 ? _ref4 : parentFrame) !== null && _ref3 !== void 0 ? _ref3 :
|
|
32
|
+
// backwards compat so we render anyway if we don't have frame.
|
|
33
|
+
getWindowFrame());
|
|
38
34
|
var onInsetsChange = React.useCallback(function (event) {
|
|
39
35
|
var {
|
|
40
36
|
nativeEvent: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","React","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","React","NativeSafeAreaProvider","getWindowFrame","isDev","process","env","NODE_ENV","SafeAreaInsetsContext","createContext","displayName","SafeAreaFrameContext","ZERO_INSETS","top","bottom","left","right","SafeAreaProvider","param","children","initialMetrics","initialSafeAreaInsets","others","_ref","_ref1","_ref2","_ref3","_ref4","parentInsets","useParentSafeAreaInsets","parentFrame","useParentSafeAreaFrame","insets","setInsets","useState","frame","setFrame","onInsetsChange","useCallback","event","nativeEvent","nextFrame","nextInsets","startTransition","curFrame","height","width","x","y","curInsets","Provider","value","useContext","NO_INSETS_ERROR","useSafeAreaInsets","Error","useSafeAreaFrame","withSafeAreaInsets","WrappedComponent","forwardRef","props","ref"],"sources":["../../src/SafeAreaContext.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAY,IAAAC,IAAA,QAAW;AACvB,YAASC,KAAA;AACT,SAASC,sBAAsB;AAqFvB,SAAAC,cAAA;AAlFR,IAAAC,KAAM,GAAAC,OAAQ,CAAAC,GAAQ,CAAAC,QAAI,iBAAa;AAEhC,IAAAC,qBAAM,kBAA8BP,KAAA,CAAiCQ,aAAI;AAChF,IAAIL,KAAA,EAAO;EACTI,qBAAA,CAAsBE,WAAA,GAAc;AACtC;AAEO,IAAAC,oBAAM,kBAA6BV,KAAA,CAA2BQ,aAAI;AACzE,IAAIL,KAAA,EAAO;EACTO,oBAAA,CAAqBD,WAAA,GAAc;AACrC;AAWA,IAAAE,WAAM;EAECC,GAAA;EACLC,MAAA;EACAC,IAAA;EACAC,KAAA;AAAA;AAEF,SAA0BC,iBAAAC,KAAA;EACxB;IAAMC,QAAA;IAAAC,cAAe;IAAAC,qBAAwB;IAAA,GAAAC;EAAA,IAAAJ,KAAA;EAC7C,IAAAK,IAAM,EAAAC,KAAA,EAAAC,KAAc,EAAAC,KAAA,EAAAC,KAAA;EAKpB,IAAAC,YAAe,GAAAC,uBAAmB;EAAA,IAChCC,WAAA,GAAgBC,sBAAU;EAC5B,KAAAC,MAAA,EAAAC,SAAA,IAAAhC,KAAA,CAAAiC,QAAA,EAAAX,IAAA,IAAAC,KAAA,IAAAC,KAAA,GAAAL,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAAY,MAAA,cAAAP,KAAA,cAAAA,KAAA,GAAAJ,qBAAA,cAAAG,KAAA,cAAAA,KAAA,GAAAI,YAAA,cAAAL,IAAA,cAAAA,IAAA,GAAAX,WAAA;EACA,KAAAuB,KAAO,EAAAC,QAAO,IAAQnC,KAAI,CAAAiC,QAAM,EAAAR,KAAA,IAAAC,KAAA,GAAAP,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAAe,KAAA,cAAAR,KAAA,cAAAA,KAAA,GAAAG,WAAA,cAAAJ,KAAA,cAAAA,KAAA;EAC9B;EAGEvB,cAAA,CAAe,CACnB;EACA,IAAAkC,cAAM,GAAApC,KAAiB,CAAAqC,WAAM,WAAaC,KAA6B;IACrE;MAAMC,WAAA;QAAAL,KAAA,EAAAM,SAAA;QAAAT,MAAA,EAAAU;MAAA;IAAA,IAAAH,KAAA;IAAAtC,KACJ,CAAA0C,eAAe,aAAO;MACxBP,QAAI,WAAAQ,QAAA;QAEJ;QACE;QACEH,SAAA,KAAAA,SAAA,CAAAI,MAAA,KAAAD,QAAA,CAAAC,MAAA,IAAAJ,SAAA,CAAAK,KAAA,KAAAF,QAAA,CAAAE,KAAA,IAAAL,SAAA,CAAAM,CAAA,KAAAH,QAAA,CAAAG,CAAA,IAAAN,SAAA,CAAAO,CAAA,KAAAJ,QAAA,CAAAI,CAAA;UAEE,OAAAP,SACC;QAG0B;QAE3B,OAAAG,QAAO;MAAA,EACT;MACAX,SAAO,WAAAgB,SAAA;QACR,KAAAA,SAAA,IAAAP,UAAA,CAAA5B,MAAA,KAAAmC,SAAA,CAAAnC,MAAA,IAAA4B,UAAA,CAAA3B,IAAA,KAAAkC,SAAA,CAAAlC,IAAA,IAAA2B,UAAA,CAAA1B,KAAA,KAAAiC,SAAA,CAAAjC,KAAA,IAAA0B,UAAA,CAAA7B,GAAA,KAAAoC,SAAA,CAAApC,GAAA;UAED,OAAW6B,UAAA;QACT;QAOE,OAAAO,SAAO;MAAA,EACT;IACA;EAAO,KACR;EAAA,OACF,eAAAjD,IAAA,CAAAE,sBAAA;IACHmC,cAAK;IAEL,GAAAf,MACE;IAQJH,QAAA,iBAAAnB,IAAA,CAAAW,oBAAA,CAAAuC,QAAA;MAEAC,KAAS,EAAAhB,KAAA;MACPhB,QAAO,EAAM,eAAWnB,IAAA,CAAAQ,qBAAqB,CAAA0C,QAAA;QAC/CC,KAAA,EAAAnB,MAAA;QAEAb;MACE;IACF;EAEA;AAGO;AACL,SAAMU,uBAAeA,CAAA,EAAW;EAChC,OAAI5B,KAAA,CAAAmD,UAAgB,CAAA5C,qBAAA;AAClB;AAA+B,SACjCuB,uBAAA;EACA,OAAO9B,KAAA,CAAAmD,UAAA,CAAAzC,oBAAA;AACT;AAEO,IAAA0C,eAAS,2GAAyB;AACvC,SAAMC,iBAAcA,CAAA;EACpB,IAAItB,MAAA,GAAS/B,KAAA,CAAMmD,UAAA,CAAA5C,qBAAA;EACjB,IAAAwB,MAAM,IAAI,IAAM;IAClB,UAAAuB,KAAA,CAAAF,eAAA;EACA;EACF,OAAArB,MAAA;AAMO;AAKL,SAAOwB,gBAAMA,CAAA,EAAY;EACvB,IAAArB,KAAM,GAAAlC,KAAS,CAAAmD,UAAA,CAAAzC,oBAAkB;EAEjC,IAAAwB,KAAO;IACR,UAAAoB,KAAA,CAAAF,eAAA;EACH;EAKO,OAASlB,KAAA;AACd;AACF,SAAAsB,mBAAAC,gBAAA;EAKO,OAAM,eAAmBzD,KAAA,CAAA0D,UAAA,WAAsBC,KAAA,EAAAC,GAAA;IAK/C,IAAM7B,MAAA,GAAAsB,iBAAkB","ignoreList":[]}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { View, StyleSheet } from "react-native-web";
|
|
3
2
|
import { useSafeAreaInsets } from "./SafeAreaContext.mjs";
|
|
4
3
|
import { jsx } from "react/jsx-runtime";
|
|
5
4
|
const TOP = 8;
|
|
@@ -26,7 +25,7 @@ const SafeAreaView = React.forwardRef(({
|
|
|
26
25
|
const insetRight = edgeBitmask & RIGHT ? insets.right : 0;
|
|
27
26
|
const insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
|
|
28
27
|
const insetLeft = edgeBitmask & LEFT ? insets.left : 0;
|
|
29
|
-
const flatStyle =
|
|
28
|
+
const flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [style]).reduce((result, value) => value ? Object.assign(result, value) : result, {});
|
|
30
29
|
if (mode === "margin") {
|
|
31
30
|
const {
|
|
32
31
|
margin = 0,
|
|
@@ -43,7 +42,15 @@ const SafeAreaView = React.forwardRef(({
|
|
|
43
42
|
marginBottom: marginBottom + insetBottom,
|
|
44
43
|
marginLeft: marginLeft + insetLeft
|
|
45
44
|
};
|
|
46
|
-
|
|
45
|
+
const {
|
|
46
|
+
marginVertical: _marginVertical,
|
|
47
|
+
marginHorizontal: _marginHorizontal,
|
|
48
|
+
...domStyle2
|
|
49
|
+
} = flatStyle;
|
|
50
|
+
return {
|
|
51
|
+
...domStyle2,
|
|
52
|
+
...marginStyle
|
|
53
|
+
};
|
|
47
54
|
}
|
|
48
55
|
const {
|
|
49
56
|
padding = 0,
|
|
@@ -60,11 +67,19 @@ const SafeAreaView = React.forwardRef(({
|
|
|
60
67
|
paddingBottom: paddingBottom + insetBottom,
|
|
61
68
|
paddingLeft: paddingLeft + insetLeft
|
|
62
69
|
};
|
|
63
|
-
|
|
70
|
+
const {
|
|
71
|
+
paddingVertical: _paddingVertical,
|
|
72
|
+
paddingHorizontal: _paddingHorizontal,
|
|
73
|
+
...domStyle
|
|
74
|
+
} = flatStyle;
|
|
75
|
+
return {
|
|
76
|
+
...domStyle,
|
|
77
|
+
...paddingStyle
|
|
78
|
+
};
|
|
64
79
|
}, [style, insets, mode, edgeBitmask]);
|
|
65
|
-
return /* @__PURE__ */jsx(
|
|
66
|
-
style: appliedStyle,
|
|
80
|
+
return /* @__PURE__ */jsx("div", {
|
|
67
81
|
...rest,
|
|
82
|
+
style: appliedStyle,
|
|
68
83
|
ref
|
|
69
84
|
});
|
|
70
85
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","useSafeAreaInsets","jsx","TOP","RIGHT","BOTTOM","LEFT","ALL","edgeBitmaskMap","top","right","bottom","left","SafeAreaView","forwardRef","style","mode","edges","rest","ref","insets","edgeBitmask","Array","isArray","reduce","acc","edge","Object","keys","appliedStyle","useMemo","insetTop","insetRight","insetBottom","insetLeft","flatStyle","flat","Number","POSITIVE_INFINITY","result","value","assign","margin","marginVertical","marginHorizontal","marginTop","marginRight","marginBottom","marginLeft","marginStyle","_marginVertical","_marginHorizontal","domStyle","padding","paddingVertical","paddingHorizontal","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingStyle","_paddingVertical","_paddingHorizontal"],"sources":["../../src/SafeAreaView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import { View, StyleSheet } from "react-native";
|
|
4
3
|
import { useSafeAreaInsets } from "./SafeAreaContext.native.js";
|
|
5
4
|
var TOP = 8;
|
|
6
5
|
var RIGHT = 4;
|
|
@@ -31,7 +30,9 @@ var SafeAreaView = /* @__PURE__ */React.forwardRef(function (param, ref) {
|
|
|
31
30
|
var insetRight = edgeBitmask & RIGHT ? insets.right : 0;
|
|
32
31
|
var insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
|
|
33
32
|
var insetLeft = edgeBitmask & LEFT ? insets.left : 0;
|
|
34
|
-
var flatStyle =
|
|
33
|
+
var flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [style]).reduce(function (result, value) {
|
|
34
|
+
return value ? Object.assign(result, value) : result;
|
|
35
|
+
}, {});
|
|
35
36
|
if (mode === "margin") {
|
|
36
37
|
var {
|
|
37
38
|
margin = 0,
|
|
@@ -48,7 +49,15 @@ var SafeAreaView = /* @__PURE__ */React.forwardRef(function (param, ref) {
|
|
|
48
49
|
marginBottom: marginBottom + insetBottom,
|
|
49
50
|
marginLeft: marginLeft + insetLeft
|
|
50
51
|
};
|
|
51
|
-
|
|
52
|
+
var {
|
|
53
|
+
marginVertical: _marginVertical,
|
|
54
|
+
marginHorizontal: _marginHorizontal,
|
|
55
|
+
...domStyle
|
|
56
|
+
} = flatStyle;
|
|
57
|
+
return {
|
|
58
|
+
...domStyle,
|
|
59
|
+
...marginStyle
|
|
60
|
+
};
|
|
52
61
|
}
|
|
53
62
|
var {
|
|
54
63
|
padding = 0,
|
|
@@ -65,11 +74,19 @@ var SafeAreaView = /* @__PURE__ */React.forwardRef(function (param, ref) {
|
|
|
65
74
|
paddingBottom: paddingBottom + insetBottom,
|
|
66
75
|
paddingLeft: paddingLeft + insetLeft
|
|
67
76
|
};
|
|
68
|
-
|
|
77
|
+
var {
|
|
78
|
+
paddingVertical: _paddingVertical,
|
|
79
|
+
paddingHorizontal: _paddingHorizontal,
|
|
80
|
+
...domStyle1
|
|
81
|
+
} = flatStyle;
|
|
82
|
+
return {
|
|
83
|
+
...domStyle1,
|
|
84
|
+
...paddingStyle
|
|
85
|
+
};
|
|
69
86
|
}, [style, insets, mode, edgeBitmask]);
|
|
70
|
-
return /* @__PURE__ */_jsx(
|
|
71
|
-
style: appliedStyle,
|
|
87
|
+
return /* @__PURE__ */_jsx("div", {
|
|
72
88
|
...rest,
|
|
89
|
+
style: appliedStyle,
|
|
73
90
|
ref
|
|
74
91
|
});
|
|
75
92
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","React","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","React","useSafeAreaInsets","TOP","RIGHT","BOTTOM","LEFT","ALL","edgeBitmaskMap","top","right","bottom","left","SafeAreaView","forwardRef","param","ref","style","mode","edges","rest","insets","edgeBitmask","Array","isArray","reduce","acc","edge","Object","keys","appliedStyle","useMemo","insetTop","insetRight","insetBottom","insetLeft","flatStyle","flat","Number","POSITIVE_INFINITY","result","value","assign","margin","marginVertical","marginHorizontal","marginTop","marginRight","marginBottom","marginLeft","marginStyle","_marginVertical","_marginHorizontal","domStyle","padding","paddingVertical","paddingHorizontal","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingStyle","_paddingVertical","_paddingHorizontal","domStyle1"],"sources":["../../src/SafeAreaView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
function getWindowFrame() {
|
|
2
|
+
return {
|
|
3
|
+
x: 0,
|
|
4
|
+
y: 0,
|
|
5
|
+
width: typeof window === "undefined" ? 0 : window.innerWidth,
|
|
6
|
+
height: typeof window === "undefined" ? 0 : window.innerHeight
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
export { getWindowFrame };
|
|
10
|
+
//# sourceMappingURL=getWindowFrame.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getWindowFrame","x","y","width","window","innerWidth","height","innerHeight"],"sources":["../../src/getWindowFrame.ts"],"sourcesContent":[null],"mappings":"AAEO,SAASA,eAAA,EAAuB;EACrC,OAAO;IACLC,CAAA,EAAG;IACHC,CAAA,EAAG;IACHC,KAAA,EAAO,OAAOC,MAAA,KAAW,cAAc,IAAIA,MAAA,CAAOC,UAAA;IAClDC,MAAA,EAAQ,OAAOF,MAAA,KAAW,cAAc,IAAIA,MAAA,CAAOG;EACrD;AACF","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Dimensions } from "react-native";
|
|
2
|
+
function getWindowFrame() {
|
|
3
|
+
var {
|
|
4
|
+
width,
|
|
5
|
+
height
|
|
6
|
+
} = Dimensions.get("window");
|
|
7
|
+
return {
|
|
8
|
+
x: 0,
|
|
9
|
+
y: 0,
|
|
10
|
+
width,
|
|
11
|
+
height
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
export { getWindowFrame };
|
|
15
|
+
//# sourceMappingURL=getWindowFrame.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Dimensions","getWindowFrame","width","height","get","x","y"],"sources":["../../src/getWindowFrame.native.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AACpB,SAASC,eAAA,EAAiB;EAC7B,IAAI;IAAEC,KAAA;IAAOC;EAAO,IAAIH,UAAA,CAAWI,GAAA,CAAI,QAAQ;EAC/C,OAAO;IACHC,CAAA,EAAG;IACHC,CAAA,EAAG;IACHJ,KAAA;IACAC;EACJ;AACJ","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
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'
|
|
6
5
|
|
|
7
6
|
/**
|
|
@@ -64,7 +63,18 @@ export function NativeSafeAreaProvider({
|
|
|
64
63
|
// the old constraining styles (height: 100%, max-height: 100%) created a
|
|
65
64
|
// containing block that broke position: sticky
|
|
66
65
|
if (style) {
|
|
67
|
-
|
|
66
|
+
const styleValue: unknown = style
|
|
67
|
+
const styleValues: unknown[] = Array.isArray(styleValue)
|
|
68
|
+
? styleValue.flat(Number.POSITIVE_INFINITY)
|
|
69
|
+
: [styleValue]
|
|
70
|
+
const flattenedStyle = styleValues.reduce<React.CSSProperties>(
|
|
71
|
+
(result, value) =>
|
|
72
|
+
value && typeof value === 'object'
|
|
73
|
+
? Object.assign(result, value as React.CSSProperties)
|
|
74
|
+
: result,
|
|
75
|
+
{}
|
|
76
|
+
)
|
|
77
|
+
return <div style={flattenedStyle}>{children}</div>
|
|
68
78
|
}
|
|
69
79
|
|
|
70
80
|
return <div style={{ display: 'contents' }}>{children}</div>
|
package/src/SafeAreaContext.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react'
|
|
2
|
-
import { Dimensions } from 'react-native'
|
|
3
2
|
import { NativeSafeAreaProvider } from './NativeSafeAreaProvider'
|
|
3
|
+
import { getWindowFrame } from './getWindowFrame'
|
|
4
4
|
import type { EdgeInsets, InsetChangedEvent, Metrics, Rect } from './SafeArea-types'
|
|
5
5
|
|
|
6
6
|
const isDev = process.env.NODE_ENV !== 'production'
|
|
@@ -43,13 +43,9 @@ export function SafeAreaProvider({
|
|
|
43
43
|
)
|
|
44
44
|
const [frame, setFrame] = React.useState<Rect>(
|
|
45
45
|
initialMetrics?.frame ??
|
|
46
|
-
parentFrame ??
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
y: 0,
|
|
50
|
-
width: Dimensions.get('window').width,
|
|
51
|
-
height: Dimensions.get('window').height,
|
|
52
|
-
}
|
|
46
|
+
parentFrame ??
|
|
47
|
+
// backwards compat so we render anyway if we don't have frame.
|
|
48
|
+
getWindowFrame()
|
|
53
49
|
)
|
|
54
50
|
const onInsetsChange = React.useCallback((event: InsetChangedEvent) => {
|
|
55
51
|
const {
|
package/src/SafeAreaView.tsx
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from 'react'
|
|
2
|
-
import { View, StyleSheet } from 'react-native'
|
|
3
2
|
import { useSafeAreaInsets } from './SafeAreaContext'
|
|
4
3
|
import type {
|
|
5
4
|
Edge,
|
|
@@ -42,7 +41,13 @@ export const SafeAreaView = React.forwardRef<
|
|
|
42
41
|
const insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0
|
|
43
42
|
const insetLeft = edgeBitmask & LEFT ? insets.left : 0
|
|
44
43
|
|
|
45
|
-
|
|
44
|
+
// cast to unknown[] so ts doesn't recurse the StyleProp union (TS2589)
|
|
45
|
+
const flatStyle = (
|
|
46
|
+
Array.isArray(style) ? (style as unknown[]).flat(Number.POSITIVE_INFINITY) : [style]
|
|
47
|
+
).reduce<Record<string, any>>(
|
|
48
|
+
(result, value) => (value ? Object.assign(result, value as object) : result),
|
|
49
|
+
{}
|
|
50
|
+
)
|
|
46
51
|
|
|
47
52
|
if (mode === 'margin') {
|
|
48
53
|
const {
|
|
@@ -62,7 +67,12 @@ export const SafeAreaView = React.forwardRef<
|
|
|
62
67
|
marginLeft: marginLeft + insetLeft,
|
|
63
68
|
}
|
|
64
69
|
|
|
65
|
-
|
|
70
|
+
const {
|
|
71
|
+
marginVertical: _marginVertical,
|
|
72
|
+
marginHorizontal: _marginHorizontal,
|
|
73
|
+
...domStyle
|
|
74
|
+
} = flatStyle
|
|
75
|
+
return { ...domStyle, ...marginStyle }
|
|
66
76
|
}
|
|
67
77
|
|
|
68
78
|
const {
|
|
@@ -82,8 +92,19 @@ export const SafeAreaView = React.forwardRef<
|
|
|
82
92
|
paddingLeft: paddingLeft + insetLeft,
|
|
83
93
|
}
|
|
84
94
|
|
|
85
|
-
|
|
95
|
+
const {
|
|
96
|
+
paddingVertical: _paddingVertical,
|
|
97
|
+
paddingHorizontal: _paddingHorizontal,
|
|
98
|
+
...domStyle
|
|
99
|
+
} = flatStyle
|
|
100
|
+
return { ...domStyle, ...paddingStyle }
|
|
86
101
|
}, [style, insets, mode, edgeBitmask])
|
|
87
102
|
|
|
88
|
-
return
|
|
103
|
+
return (
|
|
104
|
+
<div
|
|
105
|
+
{...(rest as React.HTMLAttributes<HTMLDivElement>)}
|
|
106
|
+
style={appliedStyle as React.CSSProperties}
|
|
107
|
+
ref={ref}
|
|
108
|
+
/>
|
|
109
|
+
)
|
|
89
110
|
})
|
|
@@ -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":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAA;AAkBnE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,KAAK,EACL,cAAc,GACf,EAAE,2BAA2B,2CAuD7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SafeAreaContext.d.ts","sourceRoot":"","sources":["../src/SafeAreaContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAqB,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAIpF,eAAO,MAAM,qBAAqB,kCAA+C,CAAA;AAKjF,eAAO,MAAM,oBAAoB,4BAAyC,CAAA;AAK1E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,qBAAqB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;CAC1C;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,cAAc,EACd,qBAAqB,EACrB,GAAG,MAAM,EACV,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"SafeAreaContext.d.ts","sourceRoot":"","sources":["../src/SafeAreaContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAqB,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAIpF,eAAO,MAAM,qBAAqB,kCAA+C,CAAA;AAKjF,eAAO,MAAM,oBAAoB,4BAAyC,CAAA;AAK1E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,qBAAqB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;CAC1C;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,cAAc,EACd,qBAAqB,EACrB,GAAG,MAAM,EACV,EAAE,qBAAqB,2CA4DvB;AAaD,wBAAgB,iBAAiB,IAAI,UAAU,CAM9C;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAMvC;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,uBAAuB,CAAC,GACjE,KAAK,CAAC,yBAAyB,CAChC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CACxD,CAMA;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,UAAU,CAExC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,mCAAiC,CAAA;AAE9D;;GAEG;AACH,eAAO,MAAM,eAAe,kCAAwB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SafeAreaView.d.ts","sourceRoot":"","sources":["../src/SafeAreaView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SafeAreaView.d.ts","sourceRoot":"","sources":["../src/SafeAreaView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAGV,uBAAuB,EACxB,MAAM,kBAAkB,CAAA;AAkBzB,eAAO,MAAM,YAAY,qFAqFvB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getWindowFrame.d.ts","sourceRoot":"","sources":["../src/getWindowFrame.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAE5C,wBAAgB,cAAc,IAAI,IAAI,CAOrC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getWindowFrame.native.d.ts","sourceRoot":"","sources":["../src/getWindowFrame.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAE5C,wBAAgB,cAAc,IAAI,IAAI,CAGrC"}
|