@vxrn/safe-area 1.1.221 → 1.1.227
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.native.js +5 -5
- package/dist/cjs/NativeSafeAreaProvider.native.js.map +2 -2
- package/dist/cjs/SafeAreaContext.native.js +12 -108
- package/dist/cjs/SafeAreaContext.native.js.map +2 -2
- package/dist/cjs/SafeAreaView.native.js +9 -65
- package/dist/cjs/SafeAreaView.native.js.map +1 -1
- package/dist/esm/InitialWindow.native.mjs +4 -0
- package/dist/esm/InitialWindow.native.mjs.map +1 -0
- package/dist/esm/NativeSafeAreaProvider.native.js +5 -5
- package/dist/esm/NativeSafeAreaProvider.native.js.map +2 -2
- package/dist/esm/NativeSafeAreaProvider.native.mjs +94 -0
- package/dist/esm/NativeSafeAreaProvider.native.mjs.map +1 -0
- package/dist/esm/SafeArea-types.native.mjs +2 -0
- package/dist/esm/SafeArea-types.native.mjs.map +1 -0
- package/dist/esm/SafeAreaContext.native.js +11 -106
- package/dist/esm/SafeAreaContext.native.js.map +2 -2
- package/dist/esm/SafeAreaContext.native.mjs +95 -0
- package/dist/esm/SafeAreaContext.native.mjs.map +1 -0
- package/dist/esm/SafeAreaView.native.js +8 -63
- package/dist/esm/SafeAreaView.native.js.map +1 -1
- package/dist/esm/SafeAreaView.native.mjs +77 -0
- package/dist/esm/SafeAreaView.native.mjs.map +1 -0
- package/dist/esm/index.native.mjs +4 -0
- package/dist/esm/index.native.mjs.map +1 -0
- package/package.json +2 -2
|
@@ -34,13 +34,13 @@ var import_jsx_runtime = require("react/jsx-runtime"), React = __toESM(require("
|
|
|
34
34
|
OTransition: "oTransitionEnd"
|
|
35
35
|
};
|
|
36
36
|
function NativeSafeAreaProvider(param) {
|
|
37
|
-
var
|
|
37
|
+
var { children, style, onInsetsChange } = param;
|
|
38
38
|
React.useEffect(function() {
|
|
39
39
|
if (!(typeof document > "u")) {
|
|
40
40
|
var element = createContextElement();
|
|
41
41
|
document.body.appendChild(element);
|
|
42
42
|
var onEnd = function() {
|
|
43
|
-
var
|
|
43
|
+
var { paddingTop, paddingBottom, paddingLeft, paddingRight } = window.getComputedStyle(element), insets = {
|
|
44
44
|
top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
|
|
45
45
|
bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
|
|
46
46
|
left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
|
|
@@ -94,14 +94,14 @@ var _supportedEnv = null;
|
|
|
94
94
|
function getSupportedEnv() {
|
|
95
95
|
if (_supportedEnv !== null)
|
|
96
96
|
return _supportedEnv;
|
|
97
|
-
var CSS = window
|
|
97
|
+
var { CSS } = window;
|
|
98
98
|
return CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)") ? _supportedEnv = "constant" : _supportedEnv = "env", _supportedEnv;
|
|
99
99
|
}
|
|
100
100
|
function getInset(side) {
|
|
101
|
-
return
|
|
101
|
+
return `${getSupportedEnv()}(safe-area-inset-${side})`;
|
|
102
102
|
}
|
|
103
103
|
function createContextElement() {
|
|
104
|
-
var element = document.createElement("div"), style = element
|
|
104
|
+
var element = document.createElement("div"), { style } = element;
|
|
105
105
|
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;
|
|
106
106
|
}
|
|
107
107
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -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,8BAEvB,sBAAqB,yBAUfA,iBAAyC;EAC7CC,kBAAkB;EAClBC,YAAY;EACZC,eAAe;EACfC,cAAc;EACdC,aAAa;AACf;AAEO,SAASC,uBAAuB,OAIT;
|
|
5
|
-
"names": ["CSSTransitions", "WebkitTransition", "Transition", "MozTransition", "MSTransition", "OTransition", "NativeSafeAreaProvider", "children", "style", "onInsetsChange", "React", "useEffect", "document", "element", "createContextElement", "body", "appendChild", "onEnd", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAAsB,yBAAA,8BAEtB,QAAuB,8BAEvB,sBAAqB,yBAUfA,iBAAyC;EAC7CC,kBAAkB;EAClBC,YAAY;EACZC,eAAe;EACfC,cAAc;EACdC,aAAa;AACf;AAEO,SAASC,uBAAuB,OAIT;MAJS,EACrCC,UACAC,OACAC,eAAc,IAHuB;AAKrCC,QAAMC,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;AAEA7B,uBAAe;UAAE8B,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;IAACR;GAAe;AAEnB,MAAMmC,aAAapC,SAAS;IAC1BqC,MAAM;IACNX,OAAO;IACPG,QAAQ;IACRS,WAAW;IACXC,UAAU;EACZ;AAEA,SAAO,uCAAAC,KAACC,0BAAAA;IAAKzC,OAAOoC;;;AACtB;AAEA,IAAIM,4BAAuD;AAC3D,SAAST,8BAAAA;AACP,MAAIS,6BAA6B;AAC/B,WAAOA;AAET,MAAMrC,UAAUD,SAASuC,cAAc,aAAA;AAEvCD,8BAA4BlD,eAAeE;AAC3C,WAAWkD,OAAOpD;AAChB,QAAIa,QAAQL,MAAM4C,GAAAA,MAAsCC,QAAW;AACjEH,kCAA4BlD,eAAeoD,GAAAA;AAC3C;IACF;AAEF,SAAOF;AACT;AAIA,IAAII,gBAA+B;AACnC,SAASC,kBAAAA;AACP,MAAID,kBAAkB;AACpB,WAAOA;AAET,MAAM,EAAEE,IAAG,IAAKlC;AAChB,SAAIkC,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,SAAS7C,uBAAAA;AACP,MAAMD,UAAUD,SAASuC,cAAc,KAAA,GACjC,EAAE3C,MAAK,IAAKK;AAClBL,eAAMoD,WAAW,SACjBpD,MAAMqB,OAAO,KACbrB,MAAMiB,MAAM,KACZjB,MAAM0B,QAAQ,KACd1B,MAAM6B,SAAS,KACf7B,MAAMqD,SAAS,MACfrD,MAAMsD,WAAW,UACjBtD,MAAMuD,aAAa,UAEnBvD,MAAMwD,qBAAqB,SAC3BxD,MAAMyD,qBAAqB,WAC3BzD,MAAM0D,kBAAkB,MACxB1D,MAAMU,aAAawC,SAAS,KAAA,GAC5BlD,MAAMW,gBAAgBuC,SAAS,QAAA,GAC/BlD,MAAMY,cAAcsC,SAAS,MAAA,GAC7BlD,MAAMa,eAAeqC,SAAS,OAAA,GACvB7C;AACT;",
|
|
5
|
+
"names": ["CSSTransitions", "WebkitTransition", "Transition", "MozTransition", "MSTransition", "OTransition", "NativeSafeAreaProvider", "children", "style", "onInsetsChange", "React", "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", "_jsx", "View", "_supportedTransitionEvent", "createElement", "key", "undefined", "_supportedEnv", "getSupportedEnv", "CSS", "supports", "getInset", "side", "position", "zIndex", "overflow", "visibility", "transitionDuration", "transitionProperty", "transitionDelay"]
|
|
6
6
|
}
|
|
@@ -34,116 +34,19 @@ __export(SafeAreaContext_exports, {
|
|
|
34
34
|
withSafeAreaInsets: () => withSafeAreaInsets
|
|
35
35
|
});
|
|
36
36
|
module.exports = __toCommonJS(SafeAreaContext_exports);
|
|
37
|
-
var import_jsx_runtime = require("react/jsx-runtime"), React = __toESM(require("react"), 1), import_react_native = require("react-native"), import_NativeSafeAreaProvider = require("./NativeSafeAreaProvider");
|
|
38
|
-
function _array_like_to_array(arr, len) {
|
|
39
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
40
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
41
|
-
return arr2;
|
|
42
|
-
}
|
|
43
|
-
function _array_with_holes(arr) {
|
|
44
|
-
if (Array.isArray(arr)) return arr;
|
|
45
|
-
}
|
|
46
|
-
function _define_property(obj, key, value) {
|
|
47
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
48
|
-
value,
|
|
49
|
-
enumerable: !0,
|
|
50
|
-
configurable: !0,
|
|
51
|
-
writable: !0
|
|
52
|
-
}) : obj[key] = value, obj;
|
|
53
|
-
}
|
|
54
|
-
function _iterable_to_array_limit(arr, i) {
|
|
55
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
56
|
-
if (_i != null) {
|
|
57
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
58
|
-
try {
|
|
59
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
60
|
-
;
|
|
61
|
-
} catch (err) {
|
|
62
|
-
_d = !0, _e = err;
|
|
63
|
-
} finally {
|
|
64
|
-
try {
|
|
65
|
-
!_n && _i.return != null && _i.return();
|
|
66
|
-
} finally {
|
|
67
|
-
if (_d) throw _e;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
return _arr;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
function _non_iterable_rest() {
|
|
74
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
75
|
-
}
|
|
76
|
-
function _object_spread(target) {
|
|
77
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
78
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
79
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
80
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
81
|
-
}))), ownKeys2.forEach(function(key) {
|
|
82
|
-
_define_property(target, key, source[key]);
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
return target;
|
|
86
|
-
}
|
|
87
|
-
function ownKeys(object, enumerableOnly) {
|
|
88
|
-
var keys = Object.keys(object);
|
|
89
|
-
if (Object.getOwnPropertySymbols) {
|
|
90
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
91
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
92
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
93
|
-
})), keys.push.apply(keys, symbols);
|
|
94
|
-
}
|
|
95
|
-
return keys;
|
|
96
|
-
}
|
|
97
|
-
function _object_spread_props(target, source) {
|
|
98
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
99
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
100
|
-
}), target;
|
|
101
|
-
}
|
|
102
|
-
function _object_without_properties(source, excluded) {
|
|
103
|
-
if (source == null) return {};
|
|
104
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
105
|
-
if (Object.getOwnPropertySymbols) {
|
|
106
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
107
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
108
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
109
|
-
}
|
|
110
|
-
return target;
|
|
111
|
-
}
|
|
112
|
-
function _object_without_properties_loose(source, excluded) {
|
|
113
|
-
if (source == null) return {};
|
|
114
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
115
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
116
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
117
|
-
return target;
|
|
118
|
-
}
|
|
119
|
-
function _sliced_to_array(arr, i) {
|
|
120
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
121
|
-
}
|
|
122
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
123
|
-
if (o) {
|
|
124
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
125
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
126
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
127
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
var isDev = process.env.NODE_ENV !== "production", SafeAreaInsetsContext = /* @__PURE__ */ React.createContext(null);
|
|
37
|
+
var import_jsx_runtime = require("react/jsx-runtime"), React = __toESM(require("react"), 1), import_react_native = require("react-native"), import_NativeSafeAreaProvider = require("./NativeSafeAreaProvider"), isDev = process.env.NODE_ENV !== "production", SafeAreaInsetsContext = /* @__PURE__ */ React.createContext(null);
|
|
131
38
|
isDev && (SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext");
|
|
132
39
|
var SafeAreaFrameContext = /* @__PURE__ */ React.createContext(null);
|
|
133
40
|
isDev && (SafeAreaFrameContext.displayName = "SafeAreaFrameContext");
|
|
134
|
-
function SafeAreaProvider(
|
|
135
|
-
var children =
|
|
136
|
-
"children",
|
|
137
|
-
"initialMetrics",
|
|
138
|
-
"initialSafeAreaInsets"
|
|
139
|
-
]), parentInsets = useParentSafeAreaInsets(), parentFrame = useParentSafeAreaFrame(), _initialMetrics_insets, _ref, _ref1, _React_useState = _sliced_to_array(React.useState((_ref1 = (_ref = (_initialMetrics_insets = initialMetrics == null ? void 0 : initialMetrics.insets) !== null && _initialMetrics_insets !== void 0 ? _initialMetrics_insets : initialSafeAreaInsets) !== null && _ref !== void 0 ? _ref : parentInsets) !== null && _ref1 !== void 0 ? _ref1 : null), 2), insets = _React_useState[0], setInsets = _React_useState[1], _initialMetrics_frame, _ref2, _React_useState1 = _sliced_to_array(React.useState((_ref2 = (_initialMetrics_frame = initialMetrics == null ? void 0 : initialMetrics.frame) !== null && _initialMetrics_frame !== void 0 ? _initialMetrics_frame : parentFrame) !== null && _ref2 !== void 0 ? _ref2 : {
|
|
41
|
+
function SafeAreaProvider(param) {
|
|
42
|
+
var { children, initialMetrics, initialSafeAreaInsets, ...others } = param, parentInsets = useParentSafeAreaInsets(), parentFrame = useParentSafeAreaFrame(), _initialMetrics_insets, _ref, _ref1, [insets, setInsets] = React.useState((_ref1 = (_ref = (_initialMetrics_insets = initialMetrics == null ? void 0 : 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 == null ? void 0 : initialMetrics.frame) !== null && _initialMetrics_frame !== void 0 ? _initialMetrics_frame : parentFrame) !== null && _ref2 !== void 0 ? _ref2 : {
|
|
140
43
|
// Backwards compat so we render anyway if we don't have frame.
|
|
141
44
|
x: 0,
|
|
142
45
|
y: 0,
|
|
143
46
|
width: import_react_native.Dimensions.get("window").width,
|
|
144
47
|
height: import_react_native.Dimensions.get("window").height
|
|
145
|
-
}),
|
|
146
|
-
var
|
|
48
|
+
}), onInsetsChange = React.useCallback(function(event) {
|
|
49
|
+
var { nativeEvent: { frame: nextFrame, insets: nextInsets } } = event;
|
|
147
50
|
React.startTransition(function() {
|
|
148
51
|
setFrame(function(curFrame) {
|
|
149
52
|
return (
|
|
@@ -155,9 +58,9 @@ function SafeAreaProvider(_param) {
|
|
|
155
58
|
});
|
|
156
59
|
});
|
|
157
60
|
}, []);
|
|
158
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NativeSafeAreaProvider.NativeSafeAreaProvider,
|
|
159
|
-
onInsetsChange
|
|
160
|
-
|
|
61
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NativeSafeAreaProvider.NativeSafeAreaProvider, {
|
|
62
|
+
onInsetsChange,
|
|
63
|
+
...others,
|
|
161
64
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SafeAreaFrameContext.Provider, {
|
|
162
65
|
value: frame,
|
|
163
66
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SafeAreaInsetsContext.Provider, {
|
|
@@ -165,7 +68,7 @@ function SafeAreaProvider(_param) {
|
|
|
165
68
|
children
|
|
166
69
|
})
|
|
167
70
|
})
|
|
168
|
-
})
|
|
71
|
+
});
|
|
169
72
|
}
|
|
170
73
|
function useParentSafeAreaInsets() {
|
|
171
74
|
return React.useContext(SafeAreaInsetsContext);
|
|
@@ -189,10 +92,11 @@ function useSafeAreaFrame() {
|
|
|
189
92
|
function withSafeAreaInsets(WrappedComponent) {
|
|
190
93
|
return /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
191
94
|
var insets = useSafeAreaInsets();
|
|
192
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedComponent,
|
|
95
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedComponent, {
|
|
96
|
+
...props,
|
|
193
97
|
insets,
|
|
194
98
|
ref
|
|
195
|
-
})
|
|
99
|
+
});
|
|
196
100
|
});
|
|
197
101
|
}
|
|
198
102
|
function useSafeArea() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/vxrn/packages/safe-area/src/SafeAreaContext.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,QAAuB,8BACvB,sBAAuD,yBACvD,gCAAuC
|
|
5
|
-
"names": ["isDev", "process", "env", "NODE_ENV", "SafeAreaInsetsContext", "React", "createContext", "displayName", "SafeAreaFrameContext", "SafeAreaProvider", "children", "initialMetrics", "initialSafeAreaInsets", "others", "parentInsets", "useParentSafeAreaInsets", "parentFrame", "useParentSafeAreaFrame", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["isDev", "process", "env", "NODE_ENV", "SafeAreaInsetsContext", "React", "createContext", "displayName", "SafeAreaFrameContext", "SafeAreaProvider", "children", "initialMetrics", "initialSafeAreaInsets", "others", "parentInsets", "useParentSafeAreaInsets", "parentFrame", "useParentSafeAreaFrame", "insets", "setInsets", "useState", "frame", "setFrame", "x", "y", "width", "Dimensions", "get", "height", "onInsetsChange", "useCallback", "event", "nativeEvent", "nextFrame", "nextInsets", "startTransition", "curFrame", "curInsets", "bottom", "left", "right", "top", "_jsx", "NativeSafeAreaProvider", "Provider", "value", "useContext", "NO_INSETS_ERROR", "useSafeAreaInsets", "Error", "useSafeAreaFrame", "withSafeAreaInsets", "WrappedComponent", "forwardRef", "props", "ref", "useSafeArea", "SafeAreaConsumer", "Consumer", "SafeAreaContext"]
|
|
6
6
|
}
|
|
@@ -26,76 +26,20 @@ __export(SafeAreaView_exports, {
|
|
|
26
26
|
SafeAreaView: () => SafeAreaView
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(SafeAreaView_exports);
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime"), React = __toESM(require("react"), 1), import_react_native = require("react-native"), import_SafeAreaContext = require("./SafeAreaContext")
|
|
30
|
-
function _define_property(obj, key, value) {
|
|
31
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
32
|
-
value,
|
|
33
|
-
enumerable: !0,
|
|
34
|
-
configurable: !0,
|
|
35
|
-
writable: !0
|
|
36
|
-
}) : obj[key] = value, obj;
|
|
37
|
-
}
|
|
38
|
-
function _object_spread(target) {
|
|
39
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
40
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
41
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
42
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
43
|
-
}))), ownKeys2.forEach(function(key) {
|
|
44
|
-
_define_property(target, key, source[key]);
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
return target;
|
|
48
|
-
}
|
|
49
|
-
function ownKeys(object, enumerableOnly) {
|
|
50
|
-
var keys = Object.keys(object);
|
|
51
|
-
if (Object.getOwnPropertySymbols) {
|
|
52
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
53
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
54
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
55
|
-
})), keys.push.apply(keys, symbols);
|
|
56
|
-
}
|
|
57
|
-
return keys;
|
|
58
|
-
}
|
|
59
|
-
function _object_spread_props(target, source) {
|
|
60
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
61
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
62
|
-
}), target;
|
|
63
|
-
}
|
|
64
|
-
function _object_without_properties(source, excluded) {
|
|
65
|
-
if (source == null) return {};
|
|
66
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
67
|
-
if (Object.getOwnPropertySymbols) {
|
|
68
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
69
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
70
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
71
|
-
}
|
|
72
|
-
return target;
|
|
73
|
-
}
|
|
74
|
-
function _object_without_properties_loose(source, excluded) {
|
|
75
|
-
if (source == null) return {};
|
|
76
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
77
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
78
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
79
|
-
return target;
|
|
80
|
-
}
|
|
81
|
-
var TOP = 8, RIGHT = 4, BOTTOM = 2, LEFT = 1, ALL = 15, edgeBitmaskMap = {
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime"), React = __toESM(require("react"), 1), import_react_native = require("react-native"), import_SafeAreaContext = require("./SafeAreaContext"), TOP = 8, RIGHT = 4, BOTTOM = 2, LEFT = 1, ALL = 15, edgeBitmaskMap = {
|
|
82
30
|
top: TOP,
|
|
83
31
|
right: RIGHT,
|
|
84
32
|
bottom: BOTTOM,
|
|
85
33
|
left: LEFT
|
|
86
|
-
}, SafeAreaView = /* @__PURE__ */ React.forwardRef(function(
|
|
87
|
-
var
|
|
88
|
-
"style",
|
|
89
|
-
"mode",
|
|
90
|
-
"edges"
|
|
91
|
-
]), insets = (0, import_SafeAreaContext.useSafeAreaInsets)(), edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function(acc, edge) {
|
|
34
|
+
}, SafeAreaView = /* @__PURE__ */ React.forwardRef(function(param, ref) {
|
|
35
|
+
var { style = {}, mode, edges, ...rest } = param, insets = (0, import_SafeAreaContext.useSafeAreaInsets)(), edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function(acc, edge) {
|
|
92
36
|
return acc | edgeBitmaskMap[edge];
|
|
93
37
|
}, 0) : Object.keys(edges).reduce(function(acc, edge) {
|
|
94
38
|
return acc | edgeBitmaskMap[edge];
|
|
95
39
|
}, 0) : ALL, appliedStyle = React.useMemo(function() {
|
|
96
40
|
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 = import_react_native.StyleSheet.flatten(style);
|
|
97
41
|
if (mode === "margin") {
|
|
98
|
-
var
|
|
42
|
+
var { margin = 0, marginVertical = margin, marginHorizontal = margin, marginTop = marginVertical, marginRight = marginHorizontal, marginBottom = marginVertical, marginLeft = marginHorizontal } = flatStyle, marginStyle = {
|
|
99
43
|
marginTop: marginTop + insetTop,
|
|
100
44
|
marginRight: marginRight + insetRight,
|
|
101
45
|
marginBottom: marginBottom + insetBottom,
|
|
@@ -106,7 +50,7 @@ var TOP = 8, RIGHT = 4, BOTTOM = 2, LEFT = 1, ALL = 15, edgeBitmaskMap = {
|
|
|
106
50
|
marginStyle
|
|
107
51
|
];
|
|
108
52
|
}
|
|
109
|
-
var
|
|
53
|
+
var { padding = 0, paddingVertical = padding, paddingHorizontal = padding, paddingTop = paddingVertical, paddingRight = paddingHorizontal, paddingBottom = paddingVertical, paddingLeft = paddingHorizontal } = flatStyle, paddingStyle = {
|
|
110
54
|
paddingTop: paddingTop + insetTop,
|
|
111
55
|
paddingRight: paddingRight + insetRight,
|
|
112
56
|
paddingBottom: paddingBottom + insetBottom,
|
|
@@ -122,11 +66,11 @@ var TOP = 8, RIGHT = 4, BOTTOM = 2, LEFT = 1, ALL = 15, edgeBitmaskMap = {
|
|
|
122
66
|
mode,
|
|
123
67
|
edgeBitmask
|
|
124
68
|
]);
|
|
125
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View,
|
|
126
|
-
style: appliedStyle
|
|
127
|
-
|
|
69
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
70
|
+
style: appliedStyle,
|
|
71
|
+
...rest,
|
|
128
72
|
ref
|
|
129
|
-
})
|
|
73
|
+
});
|
|
130
74
|
});
|
|
131
75
|
// Annotate the CommonJS export names for ESM import in node:
|
|
132
76
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/vxrn/packages/safe-area/src/SafeAreaView.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,QAAuB,8BACvB,sBAAiC,yBACjC,yBAAkC
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,QAAuB,8BACvB,sBAAiC,yBACjC,yBAAkC,8BAI5BA,MAAM,GACNC,QAAQ,GACRC,SAAS,GACTC,OAAO,GACPC,MAAM,IAINC,iBAAuC;EAC3CC,KAAKN;EACLO,OAAON;EACPO,QAAQN;EACRO,MAAMN;AACR,GAEaO,eAAeC,sBAAMC,WAChC,SAAA,OAAuCC,KAAAA;MAAtC,EAAEC,QAAQ,CAAC,GAAGC,MAAMC,OAAO,GAAGC,KAAAA,IAAM,OAC7BC,aAASC,0CAAAA,GAETC,cACJJ,SAAS,OACLK,MAAMC,QAAQN,KAAAA,IACZA,MAAMO,OAAO,SAACC,KAAaC,MAAAA;WAAeD,MAAMnB,eAAeoB,IAAAA;KAAO,CAAA,IACtEC,OAAOC,KAAKX,KAAAA,EAAOO,OAAO,SAACC,KAAKC,MAAAA;WAASD,MAAMnB,eAAeoB,IAAAA;KAAe,CAAA,IAC/ErB,KAEAwB,eAAejB,MAAMkB,QAAQ,WAAA;AACjC,QAAMC,WAAWV,cAAcpB,MAAMkB,OAAOZ,MAAM,GAC5CyB,aAAaX,cAAcnB,QAAQiB,OAAOX,QAAQ,GAClDyB,cAAcZ,cAAclB,SAASgB,OAAOV,SAAS,GACrDyB,YAAYb,cAAcjB,OAAOe,OAAOT,OAAO,GAE/CyB,YAAYC,+BAAWC,QAAQtB,KAAAA;AAErC,QAAIC,SAAS,UAAU;AACrB,UAAM,EACJsB,SAAS,GACTC,iBAAiBD,QACjBE,mBAAmBF,QACnBG,YAAYF,gBACZG,cAAcF,kBACdG,eAAeJ,gBACfK,aAAaJ,iBAAgB,IAC3BL,WAEEU,cAAc;QAClBJ,WAAWA,YAAYV;QACvBW,aAAaA,cAAcV;QAC3BW,cAAcA,eAAeV;QAC7BW,YAAYA,aAAaV;MAC3B;AAEA,aAAO;QAACnB;QAAO8B;;IACjB;AAEA,QAAM,EACJC,UAAU,GACVC,kBAAkBD,SAClBE,oBAAoBF,SACpBG,aAAaF,iBACbG,eAAeF,mBACfG,gBAAgBJ,iBAChBK,cAAcJ,kBAAiB,IAC7Bb,WAEEkB,eAAe;MACnBJ,YAAYA,aAAalB;MACzBmB,cAAcA,eAAelB;MAC7BmB,eAAeA,gBAAgBlB;MAC/BmB,aAAaA,cAAclB;IAC7B;AAEA,WAAO;MAACnB;MAAOsC;;EACjB,GAAG;IAACtC;IAAOI;IAAQH;IAAMK;GAAY;AAErC,SAAO,uCAAAiC,KAACC,0BAAAA;IAAKxC,OAAOc;IAAe,GAAGX;IAAMJ;;AAC9C,CAAA;",
|
|
5
5
|
"names": ["TOP", "RIGHT", "BOTTOM", "LEFT", "ALL", "edgeBitmaskMap", "top", "right", "bottom", "left", "SafeAreaView", "React", "forwardRef", "ref", "style", "mode", "edges", "rest", "insets", "useSafeAreaInsets", "edgeBitmask", "Array", "isArray", "reduce", "acc", "edge", "Object", "keys", "appliedStyle", "useMemo", "insetTop", "insetRight", "insetBottom", "insetLeft", "flatStyle", "StyleSheet", "flatten", "margin", "marginVertical", "marginHorizontal", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginStyle", "padding", "paddingVertical", "paddingHorizontal", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingStyle", "_jsx", "View"]
|
|
6
6
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["initialWindowMetrics","initialWindowSafeAreaInsets"],"sources":["../../src/InitialWindow.ts"],"sourcesContent":[null],"mappings":"AAEO,IAAAA,oBAAM,OAAuC;EAAAC,2BAKvC,OAAiD","ignoreList":[]}
|
|
@@ -9,13 +9,13 @@ var CSSTransitions = {
|
|
|
9
9
|
OTransition: "oTransitionEnd"
|
|
10
10
|
};
|
|
11
11
|
function NativeSafeAreaProvider(param) {
|
|
12
|
-
var
|
|
12
|
+
var { children, style, onInsetsChange } = param;
|
|
13
13
|
React.useEffect(function() {
|
|
14
14
|
if (!(typeof document > "u")) {
|
|
15
15
|
var element = createContextElement();
|
|
16
16
|
document.body.appendChild(element);
|
|
17
17
|
var onEnd = function() {
|
|
18
|
-
var
|
|
18
|
+
var { paddingTop, paddingBottom, paddingLeft, paddingRight } = window.getComputedStyle(element), insets = {
|
|
19
19
|
top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
|
|
20
20
|
bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
|
|
21
21
|
left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
|
|
@@ -69,14 +69,14 @@ var _supportedEnv = null;
|
|
|
69
69
|
function getSupportedEnv() {
|
|
70
70
|
if (_supportedEnv !== null)
|
|
71
71
|
return _supportedEnv;
|
|
72
|
-
var CSS = window
|
|
72
|
+
var { CSS } = window;
|
|
73
73
|
return CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)") ? _supportedEnv = "constant" : _supportedEnv = "env", _supportedEnv;
|
|
74
74
|
}
|
|
75
75
|
function getInset(side) {
|
|
76
|
-
return
|
|
76
|
+
return `${getSupportedEnv()}(safe-area-inset-${side})`;
|
|
77
77
|
}
|
|
78
78
|
function createContextElement() {
|
|
79
|
-
var element = document.createElement("div"), style = element
|
|
79
|
+
var element = document.createElement("div"), { style } = element;
|
|
80
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;
|
|
81
81
|
}
|
|
82
82
|
export {
|
|
@@ -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,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;
|
|
5
|
-
"names": ["React", "View", "CSSTransitions", "WebkitTransition", "Transition", "MozTransition", "MSTransition", "OTransition", "NativeSafeAreaProvider", "children", "style", "onInsetsChange", "useEffect", "document", "element", "createContextElement", "body", "appendChild", "onEnd", "
|
|
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
6
|
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { View } from "react-native";
|
|
4
|
+
var CSSTransitions = {
|
|
5
|
+
WebkitTransition: "webkitTransitionEnd",
|
|
6
|
+
Transition: "transitionEnd",
|
|
7
|
+
MozTransition: "transitionend",
|
|
8
|
+
MSTransition: "msTransitionEnd",
|
|
9
|
+
OTransition: "oTransitionEnd"
|
|
10
|
+
};
|
|
11
|
+
function NativeSafeAreaProvider(param) {
|
|
12
|
+
var {
|
|
13
|
+
children,
|
|
14
|
+
style,
|
|
15
|
+
onInsetsChange
|
|
16
|
+
} = param;
|
|
17
|
+
React.useEffect(function () {
|
|
18
|
+
if (!(typeof document > "u")) {
|
|
19
|
+
var element = createContextElement();
|
|
20
|
+
document.body.appendChild(element);
|
|
21
|
+
var onEnd = function () {
|
|
22
|
+
var {
|
|
23
|
+
paddingTop,
|
|
24
|
+
paddingBottom,
|
|
25
|
+
paddingLeft,
|
|
26
|
+
paddingRight
|
|
27
|
+
} = window.getComputedStyle(element),
|
|
28
|
+
insets = {
|
|
29
|
+
top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
|
|
30
|
+
bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
|
|
31
|
+
left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
|
|
32
|
+
right: paddingRight ? Number.parseInt(paddingRight, 10) : 0
|
|
33
|
+
},
|
|
34
|
+
frame = {
|
|
35
|
+
x: 0,
|
|
36
|
+
y: 0,
|
|
37
|
+
width: document.documentElement.offsetWidth,
|
|
38
|
+
height: document.documentElement.offsetHeight
|
|
39
|
+
};
|
|
40
|
+
onInsetsChange({
|
|
41
|
+
nativeEvent: {
|
|
42
|
+
insets,
|
|
43
|
+
frame
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), function () {
|
|
48
|
+
document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
}, [onInsetsChange]);
|
|
52
|
+
var finalStyle = style || {
|
|
53
|
+
flex: 1,
|
|
54
|
+
width: "100%",
|
|
55
|
+
height: "100%",
|
|
56
|
+
maxHeight: "100%",
|
|
57
|
+
maxWidth: "100%"
|
|
58
|
+
};
|
|
59
|
+
return /* @__PURE__ */_jsx(View, {
|
|
60
|
+
style: finalStyle,
|
|
61
|
+
children
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
var _supportedTransitionEvent = null;
|
|
65
|
+
function getSupportedTransitionEvent() {
|
|
66
|
+
if (_supportedTransitionEvent != null) return _supportedTransitionEvent;
|
|
67
|
+
var element = document.createElement("invalidtype");
|
|
68
|
+
_supportedTransitionEvent = CSSTransitions.Transition;
|
|
69
|
+
for (var key in CSSTransitions) if (element.style[key] !== void 0) {
|
|
70
|
+
_supportedTransitionEvent = CSSTransitions[key];
|
|
71
|
+
break;
|
|
72
|
+
}
|
|
73
|
+
return _supportedTransitionEvent;
|
|
74
|
+
}
|
|
75
|
+
var _supportedEnv = null;
|
|
76
|
+
function getSupportedEnv() {
|
|
77
|
+
if (_supportedEnv !== null) return _supportedEnv;
|
|
78
|
+
var {
|
|
79
|
+
CSS
|
|
80
|
+
} = window;
|
|
81
|
+
return CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)") ? _supportedEnv = "constant" : _supportedEnv = "env", _supportedEnv;
|
|
82
|
+
}
|
|
83
|
+
function getInset(side) {
|
|
84
|
+
return `${getSupportedEnv()}(safe-area-inset-${side})`;
|
|
85
|
+
}
|
|
86
|
+
function createContextElement() {
|
|
87
|
+
var element = document.createElement("div"),
|
|
88
|
+
{
|
|
89
|
+
style
|
|
90
|
+
} = element;
|
|
91
|
+
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
|
+
}
|
|
93
|
+
export { NativeSafeAreaProvider };
|
|
94
|
+
//# sourceMappingURL=NativeSafeAreaProvider.native.mjs.map
|
|
@@ -0,0 +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","finalStyle","flex","maxHeight","maxWidth","_supportedTransitionEvent","createElement","key","_supportedEnv","getSupportedEnv","CSS"],"sources":["../../src/NativeSafeAreaProvider.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAAAA,GAAY,IAAAC,IAAA,QAAW;AAEvB,YAASC,KAAA,MAAY;AAkEZ,SAAAC,IAAA;AAxDT,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;EACAT,KAAA,CAAAa,SAAA;IACA,aAAAC,QAAA;MAC8B,IAAAC,OAAA,GAAAC,oBAAA;MAC9BF,QAAA,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;IAGF;EAAM,GACN,CACAP,cAAQ,EACR;EAAW,IACXkC,UAAU,GAAAnC,KAAA;IACZoC,IAEiC;IACnCX,KAAA;IAEIG,MAAA;IACJS,SAAS;IACPC,QAAI;EACF;EAEF,OAAM,eAAUlD,IAAS,CAAAE,IAAA;IAEzBU,KAAA,EAAAmC,UAAA;IACApC;EACE;AACE;AACA,IAAAwC,yBAAA;AAAA,SACFP,4BAAA;EAEF,IAAAO,yBAAO,UACT,OAAAA,yBAAA;EAIA,IAAInC,OAAA,GAAAD,QAA+B,CAAAqC,aAAA;EACnCD,yBAAmC,GAAAhD,cAAA,CAAAE,UAAA;EACjC,KAAI,IAAAgD,GAAA,IAAAlD,cAAkB,EACpB,IAAAa,OAAO,CAAAJ,KAAA,CAAAyC,GAAA;IAETF,yBAAgB,GAAAhD,cAAA,CAAAkD,GAAA;IAChB;EAMF;EAEA,OAASF,yBAA+B;AACtC;AACF,IAAAG,aAAA;AAEA,SAASC,gBAAA;EACP,IAAAD,aAAgB,SAAS,EAEzB,OAAAA,aAAM;EAiBR;IAAAE;EAAA,IAAA/B,MAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
|
@@ -2,115 +2,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { Dimensions } from "react-native";
|
|
4
4
|
import { NativeSafeAreaProvider } from "./NativeSafeAreaProvider";
|
|
5
|
-
function _array_like_to_array(arr, len) {
|
|
6
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
7
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
8
|
-
return arr2;
|
|
9
|
-
}
|
|
10
|
-
function _array_with_holes(arr) {
|
|
11
|
-
if (Array.isArray(arr)) return arr;
|
|
12
|
-
}
|
|
13
|
-
function _define_property(obj, key, value) {
|
|
14
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
15
|
-
value,
|
|
16
|
-
enumerable: !0,
|
|
17
|
-
configurable: !0,
|
|
18
|
-
writable: !0
|
|
19
|
-
}) : obj[key] = value, obj;
|
|
20
|
-
}
|
|
21
|
-
function _iterable_to_array_limit(arr, i) {
|
|
22
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
23
|
-
if (_i != null) {
|
|
24
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
25
|
-
try {
|
|
26
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
27
|
-
;
|
|
28
|
-
} catch (err) {
|
|
29
|
-
_d = !0, _e = err;
|
|
30
|
-
} finally {
|
|
31
|
-
try {
|
|
32
|
-
!_n && _i.return != null && _i.return();
|
|
33
|
-
} finally {
|
|
34
|
-
if (_d) throw _e;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
return _arr;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
function _non_iterable_rest() {
|
|
41
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
42
|
-
}
|
|
43
|
-
function _object_spread(target) {
|
|
44
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
45
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
46
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
47
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
48
|
-
}))), ownKeys2.forEach(function(key) {
|
|
49
|
-
_define_property(target, key, source[key]);
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
return target;
|
|
53
|
-
}
|
|
54
|
-
function ownKeys(object, enumerableOnly) {
|
|
55
|
-
var keys = Object.keys(object);
|
|
56
|
-
if (Object.getOwnPropertySymbols) {
|
|
57
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
58
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
59
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
60
|
-
})), keys.push.apply(keys, symbols);
|
|
61
|
-
}
|
|
62
|
-
return keys;
|
|
63
|
-
}
|
|
64
|
-
function _object_spread_props(target, source) {
|
|
65
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
66
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
67
|
-
}), target;
|
|
68
|
-
}
|
|
69
|
-
function _object_without_properties(source, excluded) {
|
|
70
|
-
if (source == null) return {};
|
|
71
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
72
|
-
if (Object.getOwnPropertySymbols) {
|
|
73
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
74
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
75
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
76
|
-
}
|
|
77
|
-
return target;
|
|
78
|
-
}
|
|
79
|
-
function _object_without_properties_loose(source, excluded) {
|
|
80
|
-
if (source == null) return {};
|
|
81
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
82
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
83
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
84
|
-
return target;
|
|
85
|
-
}
|
|
86
|
-
function _sliced_to_array(arr, i) {
|
|
87
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
88
|
-
}
|
|
89
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
90
|
-
if (o) {
|
|
91
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
92
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
93
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
94
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
5
|
var isDev = process.env.NODE_ENV !== "production", SafeAreaInsetsContext = /* @__PURE__ */ React.createContext(null);
|
|
98
6
|
isDev && (SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext");
|
|
99
7
|
var SafeAreaFrameContext = /* @__PURE__ */ React.createContext(null);
|
|
100
8
|
isDev && (SafeAreaFrameContext.displayName = "SafeAreaFrameContext");
|
|
101
|
-
function SafeAreaProvider(
|
|
102
|
-
var children =
|
|
103
|
-
"children",
|
|
104
|
-
"initialMetrics",
|
|
105
|
-
"initialSafeAreaInsets"
|
|
106
|
-
]), parentInsets = useParentSafeAreaInsets(), parentFrame = useParentSafeAreaFrame(), _initialMetrics_insets, _ref, _ref1, _React_useState = _sliced_to_array(React.useState((_ref1 = (_ref = (_initialMetrics_insets = initialMetrics == null ? void 0 : initialMetrics.insets) !== null && _initialMetrics_insets !== void 0 ? _initialMetrics_insets : initialSafeAreaInsets) !== null && _ref !== void 0 ? _ref : parentInsets) !== null && _ref1 !== void 0 ? _ref1 : null), 2), insets = _React_useState[0], setInsets = _React_useState[1], _initialMetrics_frame, _ref2, _React_useState1 = _sliced_to_array(React.useState((_ref2 = (_initialMetrics_frame = initialMetrics == null ? void 0 : initialMetrics.frame) !== null && _initialMetrics_frame !== void 0 ? _initialMetrics_frame : parentFrame) !== null && _ref2 !== void 0 ? _ref2 : {
|
|
9
|
+
function SafeAreaProvider(param) {
|
|
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 : {
|
|
107
11
|
// Backwards compat so we render anyway if we don't have frame.
|
|
108
12
|
x: 0,
|
|
109
13
|
y: 0,
|
|
110
14
|
width: Dimensions.get("window").width,
|
|
111
15
|
height: Dimensions.get("window").height
|
|
112
|
-
}),
|
|
113
|
-
var
|
|
16
|
+
}), onInsetsChange = React.useCallback(function(event) {
|
|
17
|
+
var { nativeEvent: { frame: nextFrame, insets: nextInsets } } = event;
|
|
114
18
|
React.startTransition(function() {
|
|
115
19
|
setFrame(function(curFrame) {
|
|
116
20
|
return (
|
|
@@ -122,9 +26,9 @@ function SafeAreaProvider(_param) {
|
|
|
122
26
|
});
|
|
123
27
|
});
|
|
124
28
|
}, []);
|
|
125
|
-
return /* @__PURE__ */ _jsx(NativeSafeAreaProvider,
|
|
126
|
-
onInsetsChange
|
|
127
|
-
|
|
29
|
+
return /* @__PURE__ */ _jsx(NativeSafeAreaProvider, {
|
|
30
|
+
onInsetsChange,
|
|
31
|
+
...others,
|
|
128
32
|
children: /* @__PURE__ */ _jsx(SafeAreaFrameContext.Provider, {
|
|
129
33
|
value: frame,
|
|
130
34
|
children: /* @__PURE__ */ _jsx(SafeAreaInsetsContext.Provider, {
|
|
@@ -132,7 +36,7 @@ function SafeAreaProvider(_param) {
|
|
|
132
36
|
children
|
|
133
37
|
})
|
|
134
38
|
})
|
|
135
|
-
})
|
|
39
|
+
});
|
|
136
40
|
}
|
|
137
41
|
function useParentSafeAreaInsets() {
|
|
138
42
|
return React.useContext(SafeAreaInsetsContext);
|
|
@@ -156,10 +60,11 @@ function useSafeAreaFrame() {
|
|
|
156
60
|
function withSafeAreaInsets(WrappedComponent) {
|
|
157
61
|
return /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
158
62
|
var insets = useSafeAreaInsets();
|
|
159
|
-
return /* @__PURE__ */ _jsx(WrappedComponent,
|
|
63
|
+
return /* @__PURE__ */ _jsx(WrappedComponent, {
|
|
64
|
+
...props,
|
|
160
65
|
insets,
|
|
161
66
|
ref
|
|
162
|
-
})
|
|
67
|
+
});
|
|
163
68
|
});
|
|
164
69
|
}
|
|
165
70
|
function useSafeArea() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/vxrn/packages/safe-area/src/SafeAreaContext.tsx"],
|
|
4
|
-
"mappings": ";AAAA,YAAYA,WAAW;AACvB,SAASC,kBAA8C;AACvD,SAASC,8BAA8B
|
|
5
|
-
"names": ["React", "Dimensions", "NativeSafeAreaProvider", "isDev", "process", "env", "NODE_ENV", "SafeAreaInsetsContext", "createContext", "displayName", "SafeAreaFrameContext", "SafeAreaProvider", "children", "initialMetrics", "initialSafeAreaInsets", "others", "parentInsets", "useParentSafeAreaInsets", "parentFrame", "useParentSafeAreaFrame", "
|
|
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
6
|
}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Dimensions } from "react-native";
|
|
4
|
+
import { NativeSafeAreaProvider } from "./NativeSafeAreaProvider.mjs";
|
|
5
|
+
var isDev = process.env.NODE_ENV !== "production",
|
|
6
|
+
SafeAreaInsetsContext = /* @__PURE__ */React.createContext(null);
|
|
7
|
+
isDev && (SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext");
|
|
8
|
+
var SafeAreaFrameContext = /* @__PURE__ */React.createContext(null);
|
|
9
|
+
isDev && (SafeAreaFrameContext.displayName = "SafeAreaFrameContext");
|
|
10
|
+
function SafeAreaProvider(param) {
|
|
11
|
+
var {
|
|
12
|
+
children,
|
|
13
|
+
initialMetrics,
|
|
14
|
+
initialSafeAreaInsets,
|
|
15
|
+
...others
|
|
16
|
+
} = param,
|
|
17
|
+
parentInsets = useParentSafeAreaInsets(),
|
|
18
|
+
parentFrame = useParentSafeAreaFrame(),
|
|
19
|
+
_initialMetrics_insets,
|
|
20
|
+
_ref,
|
|
21
|
+
_ref1,
|
|
22
|
+
[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),
|
|
23
|
+
_initialMetrics_frame,
|
|
24
|
+
_ref2,
|
|
25
|
+
[frame, setFrame] = React.useState((_ref2 = (_initialMetrics_frame = initialMetrics?.frame) !== null && _initialMetrics_frame !== void 0 ? _initialMetrics_frame : parentFrame) !== null && _ref2 !== void 0 ? _ref2 : {
|
|
26
|
+
// Backwards compat so we render anyway if we don't have frame.
|
|
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
|
+
});
|
|
48
|
+
});
|
|
49
|
+
}, []);
|
|
50
|
+
return /* @__PURE__ */_jsx(NativeSafeAreaProvider, {
|
|
51
|
+
onInsetsChange,
|
|
52
|
+
...others,
|
|
53
|
+
children: /* @__PURE__ */_jsx(SafeAreaFrameContext.Provider, {
|
|
54
|
+
value: frame,
|
|
55
|
+
children: /* @__PURE__ */_jsx(SafeAreaInsetsContext.Provider, {
|
|
56
|
+
value: insets,
|
|
57
|
+
children
|
|
58
|
+
})
|
|
59
|
+
})
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
function useParentSafeAreaInsets() {
|
|
63
|
+
return React.useContext(SafeAreaInsetsContext);
|
|
64
|
+
}
|
|
65
|
+
function useParentSafeAreaFrame() {
|
|
66
|
+
return React.useContext(SafeAreaFrameContext);
|
|
67
|
+
}
|
|
68
|
+
var NO_INSETS_ERROR = "No safe area value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.";
|
|
69
|
+
function useSafeAreaInsets() {
|
|
70
|
+
var insets = React.useContext(SafeAreaInsetsContext);
|
|
71
|
+
if (insets == null) throw new Error(NO_INSETS_ERROR);
|
|
72
|
+
return insets;
|
|
73
|
+
}
|
|
74
|
+
function useSafeAreaFrame() {
|
|
75
|
+
var frame = React.useContext(SafeAreaFrameContext);
|
|
76
|
+
if (frame == null) throw new Error(NO_INSETS_ERROR);
|
|
77
|
+
return frame;
|
|
78
|
+
}
|
|
79
|
+
function withSafeAreaInsets(WrappedComponent) {
|
|
80
|
+
return /* @__PURE__ */React.forwardRef(function (props, ref) {
|
|
81
|
+
var insets = useSafeAreaInsets();
|
|
82
|
+
return /* @__PURE__ */_jsx(WrappedComponent, {
|
|
83
|
+
...props,
|
|
84
|
+
insets,
|
|
85
|
+
ref
|
|
86
|
+
});
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
function useSafeArea() {
|
|
90
|
+
return useSafeAreaInsets();
|
|
91
|
+
}
|
|
92
|
+
var SafeAreaConsumer = SafeAreaInsetsContext.Consumer,
|
|
93
|
+
SafeAreaContext = SafeAreaInsetsContext;
|
|
94
|
+
export { SafeAreaConsumer, SafeAreaContext, SafeAreaFrameContext, SafeAreaInsetsContext, SafeAreaProvider, useSafeArea, useSafeAreaFrame, useSafeAreaInsets, withSafeAreaInsets };
|
|
95
|
+
//# sourceMappingURL=SafeAreaContext.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","React","Dimensions","NativeSafeAreaProvider","isDev","process","env","NODE_ENV","SafeAreaInsetsContext","createContext","displayName","SafeAreaFrameContext","SafeAreaProvider","param","children","initialMetrics","initialSafeAreaInsets","others","parentInsets","useParentSafeAreaInsets","parentFrame","useParentSafeAreaFrame","_initialMetrics_insets","_ref","_ref1","insets","setInsets","useState","_initialMetrics_frame","_ref2","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"],"sources":["../../src/SafeAreaContext.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -2,75 +2,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { View, StyleSheet } from "react-native";
|
|
4
4
|
import { useSafeAreaInsets } from "./SafeAreaContext";
|
|
5
|
-
function _define_property(obj, key, value) {
|
|
6
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
7
|
-
value,
|
|
8
|
-
enumerable: !0,
|
|
9
|
-
configurable: !0,
|
|
10
|
-
writable: !0
|
|
11
|
-
}) : obj[key] = value, obj;
|
|
12
|
-
}
|
|
13
|
-
function _object_spread(target) {
|
|
14
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
15
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
16
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
17
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
18
|
-
}))), ownKeys2.forEach(function(key) {
|
|
19
|
-
_define_property(target, key, source[key]);
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
return target;
|
|
23
|
-
}
|
|
24
|
-
function ownKeys(object, enumerableOnly) {
|
|
25
|
-
var keys = Object.keys(object);
|
|
26
|
-
if (Object.getOwnPropertySymbols) {
|
|
27
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
28
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
29
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
30
|
-
})), keys.push.apply(keys, symbols);
|
|
31
|
-
}
|
|
32
|
-
return keys;
|
|
33
|
-
}
|
|
34
|
-
function _object_spread_props(target, source) {
|
|
35
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
36
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
37
|
-
}), target;
|
|
38
|
-
}
|
|
39
|
-
function _object_without_properties(source, excluded) {
|
|
40
|
-
if (source == null) return {};
|
|
41
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
42
|
-
if (Object.getOwnPropertySymbols) {
|
|
43
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
44
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
45
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
46
|
-
}
|
|
47
|
-
return target;
|
|
48
|
-
}
|
|
49
|
-
function _object_without_properties_loose(source, excluded) {
|
|
50
|
-
if (source == null) return {};
|
|
51
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
52
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
53
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
54
|
-
return target;
|
|
55
|
-
}
|
|
56
5
|
var TOP = 8, RIGHT = 4, BOTTOM = 2, LEFT = 1, ALL = 15, edgeBitmaskMap = {
|
|
57
6
|
top: TOP,
|
|
58
7
|
right: RIGHT,
|
|
59
8
|
bottom: BOTTOM,
|
|
60
9
|
left: LEFT
|
|
61
|
-
}, SafeAreaView = /* @__PURE__ */ React.forwardRef(function(
|
|
62
|
-
var
|
|
63
|
-
"style",
|
|
64
|
-
"mode",
|
|
65
|
-
"edges"
|
|
66
|
-
]), insets = useSafeAreaInsets(), edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function(acc, edge) {
|
|
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) {
|
|
67
12
|
return acc | edgeBitmaskMap[edge];
|
|
68
13
|
}, 0) : Object.keys(edges).reduce(function(acc, edge) {
|
|
69
14
|
return acc | edgeBitmaskMap[edge];
|
|
70
15
|
}, 0) : ALL, appliedStyle = React.useMemo(function() {
|
|
71
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);
|
|
72
17
|
if (mode === "margin") {
|
|
73
|
-
var
|
|
18
|
+
var { margin = 0, marginVertical = margin, marginHorizontal = margin, marginTop = marginVertical, marginRight = marginHorizontal, marginBottom = marginVertical, marginLeft = marginHorizontal } = flatStyle, marginStyle = {
|
|
74
19
|
marginTop: marginTop + insetTop,
|
|
75
20
|
marginRight: marginRight + insetRight,
|
|
76
21
|
marginBottom: marginBottom + insetBottom,
|
|
@@ -81,7 +26,7 @@ var TOP = 8, RIGHT = 4, BOTTOM = 2, LEFT = 1, ALL = 15, edgeBitmaskMap = {
|
|
|
81
26
|
marginStyle
|
|
82
27
|
];
|
|
83
28
|
}
|
|
84
|
-
var
|
|
29
|
+
var { padding = 0, paddingVertical = padding, paddingHorizontal = padding, paddingTop = paddingVertical, paddingRight = paddingHorizontal, paddingBottom = paddingVertical, paddingLeft = paddingHorizontal } = flatStyle, paddingStyle = {
|
|
85
30
|
paddingTop: paddingTop + insetTop,
|
|
86
31
|
paddingRight: paddingRight + insetRight,
|
|
87
32
|
paddingBottom: paddingBottom + insetBottom,
|
|
@@ -97,11 +42,11 @@ var TOP = 8, RIGHT = 4, BOTTOM = 2, LEFT = 1, ALL = 15, edgeBitmaskMap = {
|
|
|
97
42
|
mode,
|
|
98
43
|
edgeBitmask
|
|
99
44
|
]);
|
|
100
|
-
return /* @__PURE__ */ _jsx(View,
|
|
101
|
-
style: appliedStyle
|
|
102
|
-
|
|
45
|
+
return /* @__PURE__ */ _jsx(View, {
|
|
46
|
+
style: appliedStyle,
|
|
47
|
+
...rest,
|
|
103
48
|
ref
|
|
104
|
-
})
|
|
49
|
+
});
|
|
105
50
|
});
|
|
106
51
|
export {
|
|
107
52
|
SafeAreaView
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/vxrn/packages/safe-area/src/SafeAreaView.tsx"],
|
|
4
|
-
"mappings": ";AAAA,YAAYA,WAAW;AACvB,SAASC,MAAMC,kBAAkB;AACjC,SAASC,yBAAyB
|
|
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
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
6
|
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { View, StyleSheet } from "react-native";
|
|
4
|
+
import { useSafeAreaInsets } from "./SafeAreaContext.mjs";
|
|
5
|
+
var TOP = 8,
|
|
6
|
+
RIGHT = 4,
|
|
7
|
+
BOTTOM = 2,
|
|
8
|
+
LEFT = 1,
|
|
9
|
+
ALL = 15,
|
|
10
|
+
edgeBitmaskMap = {
|
|
11
|
+
top: TOP,
|
|
12
|
+
right: RIGHT,
|
|
13
|
+
bottom: BOTTOM,
|
|
14
|
+
left: LEFT
|
|
15
|
+
},
|
|
16
|
+
SafeAreaView = /* @__PURE__ */React.forwardRef(function (param, ref) {
|
|
17
|
+
var {
|
|
18
|
+
style = {},
|
|
19
|
+
mode,
|
|
20
|
+
edges,
|
|
21
|
+
...rest
|
|
22
|
+
} = param,
|
|
23
|
+
insets = useSafeAreaInsets(),
|
|
24
|
+
edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function (acc, edge) {
|
|
25
|
+
return acc | edgeBitmaskMap[edge];
|
|
26
|
+
}, 0) : Object.keys(edges).reduce(function (acc, edge) {
|
|
27
|
+
return acc | edgeBitmaskMap[edge];
|
|
28
|
+
}, 0) : ALL,
|
|
29
|
+
appliedStyle = React.useMemo(function () {
|
|
30
|
+
var insetTop = edgeBitmask & TOP ? insets.top : 0,
|
|
31
|
+
insetRight = edgeBitmask & RIGHT ? insets.right : 0,
|
|
32
|
+
insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0,
|
|
33
|
+
insetLeft = edgeBitmask & LEFT ? insets.left : 0,
|
|
34
|
+
flatStyle = StyleSheet.flatten(style);
|
|
35
|
+
if (mode === "margin") {
|
|
36
|
+
var {
|
|
37
|
+
margin = 0,
|
|
38
|
+
marginVertical = margin,
|
|
39
|
+
marginHorizontal = margin,
|
|
40
|
+
marginTop = marginVertical,
|
|
41
|
+
marginRight = marginHorizontal,
|
|
42
|
+
marginBottom = marginVertical,
|
|
43
|
+
marginLeft = marginHorizontal
|
|
44
|
+
} = flatStyle,
|
|
45
|
+
marginStyle = {
|
|
46
|
+
marginTop: marginTop + insetTop,
|
|
47
|
+
marginRight: marginRight + insetRight,
|
|
48
|
+
marginBottom: marginBottom + insetBottom,
|
|
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
|
+
});
|
|
75
|
+
});
|
|
76
|
+
export { SafeAreaView };
|
|
77
|
+
//# sourceMappingURL=SafeAreaView.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","React","View","StyleSheet","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","flatten","margin","marginVertical","marginHorizontal","marginTop","marginRight","marginBottom","marginLeft","marginStyle","padding","paddingVertical","paddingHorizontal","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingStyle"],"sources":["../../src/SafeAreaView.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAY,IAAAC,IAAA,QAAW;AACvB,YAASC,KAAM;AACf,SAASC,IAAA,EAAAC,UAAA,sBAAyB;AA+EvB,SAAAC,iBAAA;AA3EX,IAAAC,GAAM;EAAMC,KACN;EAAQC,MACR;EAASC,IACT;EAAOC,GACP,KAAM;EAAAC,cAIN;IACJC,GAAA,EAAKN,GAAA;IACLO,KAAA,EAAON,KAAA;IACPO,MAAA,EAAQN,MAAA;IACRO,IAAA,EAAMN;EACR;EAEaO,YAAA,GAAe,eAAMd,KAAA,CAAAe,UAAA,WAAAC,KAAA,EAAAC,GAAA;IAChC,IAAG;QAAAC,KAAQ,GAAC,CAAG;QAAAC,IAAM;QAAAC,KAAO;QAAG,GAAAC;MAAQ,IAAAL,KAAQ;MAAAM,MAAA,GAAAnB,iBAAA;MAAAoB,WAAA,GAAAH,KAAA,WAAAI,KAAA,CAAAC,OAAA,CAAAL,KAAA,IAAAA,KAAA,CAAAM,MAAA,WAAAC,GAAA,EAAAC,IAAA;QAC7C,OAAMD,GAAA,GAAAlB,cAAS,CAAAmB,IAAA,CAAkB;MAU/B,QAAAC,MAAM,CAAAC,IAAA,CAAAV,KAAW,EAAAM,MAAA,WAAoBC,GAAA,EAAOC,IAAA,EAAM;QAOlD,OAAID,GAAA,GAAAlB,cAAmB,CAAAmB,IAAA;MACrB,QAAApB,GAAA;MAAMuB,YAAA,GAAA/B,KAAA,CAAAgC,OAAA;QAAA,IAAAC,QACJ,GAASV,WAAA,GAAAnB,GAAA,GAAAkB,MAAA,CAAAZ,GAAA;UAAAwB,UAAA,GAAAX,WAAA,GAAAlB,KAAA,GAAAiB,MAAA,CAAAX,KAAA;UAAAwB,WAAA,GAAAZ,WAAA,GAAAjB,MAAA,GAAAgB,MAAA,CAAAV,MAAA;UAAAwB,SAAA,GAAAb,WAAA,GAAAhB,IAAA,GAAAe,MAAA,CAAAT,IAAA;UAAAwB,SAAA,GAAAnC,UAAA,CAAAoC,OAAA,CAAApB,KAAA;QAAA,IAAAC,IACT,eAAiB;UAAA,IACjB;cAAAoB,MAAA;cAAAC,cAAmB,GAAAD,MAAA;cAAAE,gBAAA,GAAAF,MAAA;cAAAG,SAAA,GAAAF,cAAA;cAAAG,WAAA,GAAAF,gBAAA;cAAAG,YAAA,GAAAJ,cAAA;cAAAK,UAAA,GAAAJ;YAAA,IAAAJ,SAAA;YAAAS,WAAA;cAAAJ,SACnB,EAAAA,SAAY,GAAAT,QAAA;cAAAU,WACZ,EAAAA,WAAc,GAAAT,UAAA;cAAAU,YACd,EAAAA,YAAe,GAAAT,WAAA;cAAAU,UACf,EAAAA,UAAa,GAAAT;YAAA;UAGK,OAClB,CAAuBlB,KACvB,EAA2B4B,WAC3B,CAA6B;QACJ;QAG3B;YAAAC,OAAQ;YAAOC,eAAW,GAAAD,OAAA;YAAAE,iBAAA,GAAAF,OAAA;YAAAG,UAAA,GAAAF,eAAA;YAAAG,YAAA,GAAAF,iBAAA;YAAAG,aAAA,GAAAJ,eAAA;YAAAK,WAAA,GAAAJ;UAAA,IAAAZ,SAAA;UAAAiB,YAAA;YAC5BJ,UAAA,EAAAA,UAAA,GAAAjB,QAAA;YAEAkB,YAAM,EAAAA,YAAA,GAAAjB,UAAA;YAAAkB,aACM,EAAAA,aAAA,GAAAjB,WAAA;YAAAkB,WACV,EAAAA,WAAkB,GAAAjB;UAAA;QACE,OACpB,CAAalB,KACb,EAAeoC,YACf,CAAgB;MACF,IAGKpC,KACnB,EAAyBI,MACzB,EAA6BH,IAC7B,EAA+BI,WAC/B,CAA2B;IAG7B,sBAAexB,IAAA,CAAAE,IAAY;MAC7BiB,KAAI,EAAAa,YAAe;MAEnB,GAAAV,IAAO;MACTJ;IACF","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vxrn/safe-area",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.227",
|
|
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.111.1"
|
|
29
29
|
}
|
|
30
30
|
}
|