@vxrn/safe-area 1.14.4 → 1.15.0

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.
Files changed (38) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/dist/cjs/InitialWindow.cjs +14 -12
  3. package/dist/cjs/InitialWindow.native.js +14 -12
  4. package/dist/cjs/InitialWindow.native.js.map +1 -1
  5. package/dist/cjs/NativeSafeAreaProvider.cjs +98 -61
  6. package/dist/cjs/NativeSafeAreaProvider.native.js +115 -79
  7. package/dist/cjs/NativeSafeAreaProvider.native.js.map +1 -1
  8. package/dist/cjs/SafeArea-types.cjs +7 -5
  9. package/dist/cjs/SafeArea-types.native.js +7 -5
  10. package/dist/cjs/SafeArea-types.native.js.map +1 -1
  11. package/dist/cjs/SafeAreaContext.cjs +82 -55
  12. package/dist/cjs/SafeAreaContext.native.js +88 -70
  13. package/dist/cjs/SafeAreaContext.native.js.map +1 -1
  14. package/dist/cjs/SafeAreaView.cjs +94 -92
  15. package/dist/cjs/SafeAreaView.native.js +97 -95
  16. package/dist/cjs/SafeAreaView.native.js.map +1 -1
  17. package/dist/cjs/index.cjs +7 -5
  18. package/dist/cjs/index.native.js +7 -5
  19. package/dist/cjs/index.native.js.map +1 -1
  20. package/dist/esm/InitialWindow.mjs +2 -2
  21. package/dist/esm/InitialWindow.mjs.map +1 -1
  22. package/dist/esm/InitialWindow.native.js +2 -2
  23. package/dist/esm/InitialWindow.native.js.map +1 -1
  24. package/dist/esm/NativeSafeAreaProvider.mjs +71 -36
  25. package/dist/esm/NativeSafeAreaProvider.mjs.map +1 -1
  26. package/dist/esm/NativeSafeAreaProvider.native.js +81 -47
  27. package/dist/esm/NativeSafeAreaProvider.native.js.map +1 -1
  28. package/dist/esm/SafeAreaContext.mjs +54 -29
  29. package/dist/esm/SafeAreaContext.mjs.map +1 -1
  30. package/dist/esm/SafeAreaContext.native.js +60 -44
  31. package/dist/esm/SafeAreaContext.native.js.map +1 -1
  32. package/dist/esm/SafeAreaView.mjs +65 -65
  33. package/dist/esm/SafeAreaView.mjs.map +1 -1
  34. package/dist/esm/SafeAreaView.native.js +69 -69
  35. package/dist/esm/SafeAreaView.native.js.map +1 -1
  36. package/package.json +2 -2
  37. package/src/SafeAreaContext.tsx +8 -2
  38. package/types/SafeAreaContext.d.ts.map +1 -1
@@ -1,2 +1,2 @@
1
1
  $ tamagui-build
2
- built @vxrn/safe-area in 2756 ms
2
+ built @vxrn/safe-area in 1538 ms
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: !0
9
- });
10
- },
11
- __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
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, {
13
14
  get: () => from[key],
14
15
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
16
  });
16
- return to;
17
- };
17
+ }
18
+ return to;
19
+ };
18
20
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
- value: !0
21
+ value: true
20
22
  }), mod);
21
23
  var InitialWindow_exports = {};
22
24
  __export(InitialWindow_exports, {
@@ -24,5 +26,5 @@ __export(InitialWindow_exports, {
24
26
  initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets
25
27
  });
26
28
  module.exports = __toCommonJS(InitialWindow_exports);
27
- const initialWindowMetrics = null,
28
- initialWindowSafeAreaInsets = null;
29
+ const initialWindowMetrics = null;
30
+ const initialWindowSafeAreaInsets = null;
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: !0
11
- });
12
- },
13
- __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
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, {
15
16
  get: () => from[key],
16
17
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
17
18
  });
18
- return to;
19
- };
19
+ }
20
+ return to;
21
+ };
20
22
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: !0
23
+ value: true
22
24
  }), mod);
23
25
  var InitialWindow_exports = {};
24
26
  __export(InitialWindow_exports, {
@@ -26,6 +28,6 @@ __export(InitialWindow_exports, {
26
28
  initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets
27
29
  });
28
30
  module.exports = __toCommonJS(InitialWindow_exports);
29
- var initialWindowMetrics = null,
30
- initialWindowSafeAreaInsets = null;
31
+ var initialWindowMetrics = null;
32
+ var initialWindowSafeAreaInsets = null;
31
33
  //# sourceMappingURL=InitialWindow.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InitialWindow_exports","__export","initialWindowMetrics","initialWindowSafeAreaInsets","module","exports"],"sources":["../../src/InitialWindow.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,2BAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAM,CAAAC,OAAA,GAAAV,YAAuC,CAAAK,qBAKvC","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InitialWindow_exports","__export","initialWindowMetrics","initialWindowSafeAreaInsets","module","exports"],"sources":["../../src/InitialWindow.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,2BAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAM,CAAAC,OAAA,GAAAV,YAAuC,CAAAK,qBAAA;AAK7C,IAAAE,oBAAM","ignoreList":[]}
@@ -2,41 +2,43 @@ var __create = Object.create;
2
2
  var __defProp = Object.defineProperty;
3
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf,
6
- __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: !0
11
- });
12
- },
13
- __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
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, {
15
16
  get: () => from[key],
16
17
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
17
18
  });
18
- return to;
19
- };
19
+ }
20
+ return to;
21
+ };
20
22
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
26
- value: mod,
27
- enumerable: !0
28
- }) : target, mod)),
29
- __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
30
- value: !0
31
- }), mod);
23
+ // If the importer is in node compatibility mode or this is not an ESM
24
+ // file that has been converted to a CommonJS file using a Babel-
25
+ // compatible transform (i.e. "__esModule" has not been set), then set
26
+ // "default" to the CommonJS "module.exports" for node compatibility.
27
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
28
+ value: mod,
29
+ enumerable: true
30
+ }) : target, mod));
31
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
32
+ value: true
33
+ }), mod);
32
34
  var NativeSafeAreaProvider_exports = {};
33
35
  __export(NativeSafeAreaProvider_exports, {
34
36
  NativeSafeAreaProvider: () => NativeSafeAreaProvider
35
37
  });
36
38
  module.exports = __toCommonJS(NativeSafeAreaProvider_exports);
37
- var React = __toESM(require("react"), 1),
38
- import_react_native = require("react-native-web"),
39
- import_jsx_runtime = require("react/jsx-runtime");
39
+ var React = __toESM(require("react"), 1);
40
+ var import_react_native = require("react-native-web");
41
+ var import_jsx_runtime = require("react/jsx-runtime");
40
42
  const CSSTransitions = {
41
43
  WebkitTransition: "webkitTransitionEnd",
42
44
  Transition: "transitionEnd",
@@ -49,29 +51,31 @@ function NativeSafeAreaProvider({
49
51
  style,
50
52
  onInsetsChange
51
53
  }) {
52
- return React.useEffect(() => {
53
- if (typeof document > "u") return;
54
+ React.useEffect(() => {
55
+ if (typeof document === "undefined") {
56
+ return;
57
+ }
54
58
  const element = createContextElement();
55
59
  document.body.appendChild(element);
56
60
  const onEnd = () => {
57
61
  const {
58
- paddingTop,
59
- paddingBottom,
60
- paddingLeft,
61
- paddingRight
62
- } = window.getComputedStyle(element),
63
- insets = {
64
- top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
65
- bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
66
- left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
67
- right: paddingRight ? Number.parseInt(paddingRight, 10) : 0
68
- },
69
- frame = {
70
- x: 0,
71
- y: 0,
72
- width: document.documentElement.offsetWidth,
73
- height: document.documentElement.offsetHeight
74
- };
62
+ paddingTop,
63
+ paddingBottom,
64
+ paddingLeft,
65
+ paddingRight
66
+ } = window.getComputedStyle(element);
67
+ const insets = {
68
+ top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
69
+ bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
70
+ left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
71
+ right: paddingRight ? Number.parseInt(paddingRight, 10) : 0
72
+ };
73
+ const frame = {
74
+ x: 0,
75
+ y: 0,
76
+ width: document.documentElement.offsetWidth,
77
+ height: document.documentElement.offsetHeight
78
+ };
75
79
  onInsetsChange({
76
80
  nativeEvent: {
77
81
  insets,
@@ -79,13 +83,20 @@ function NativeSafeAreaProvider({
79
83
  }
80
84
  });
81
85
  };
82
- return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), () => {
83
- document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
86
+ element.addEventListener(getSupportedTransitionEvent(), onEnd);
87
+ onEnd();
88
+ return () => {
89
+ document.body.removeChild(element);
90
+ element.removeEventListener(getSupportedTransitionEvent(), onEnd);
84
91
  };
85
- }, [onInsetsChange]), style ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
86
- style,
87
- children
88
- }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
92
+ }, [onInsetsChange]);
93
+ if (style) {
94
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
95
+ style,
96
+ children
97
+ });
98
+ }
99
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
89
100
  style: {
90
101
  display: "contents"
91
102
  },
@@ -94,30 +105,56 @@ function NativeSafeAreaProvider({
94
105
  }
95
106
  let _supportedTransitionEvent = null;
96
107
  function getSupportedTransitionEvent() {
97
- if (_supportedTransitionEvent != null) return _supportedTransitionEvent;
108
+ if (_supportedTransitionEvent != null) {
109
+ return _supportedTransitionEvent;
110
+ }
98
111
  const element = document.createElement("invalidtype");
99
112
  _supportedTransitionEvent = CSSTransitions.Transition;
100
- for (const key in CSSTransitions) if (element.style[key] !== void 0) {
101
- _supportedTransitionEvent = CSSTransitions[key];
102
- break;
113
+ for (const key in CSSTransitions) {
114
+ if (element.style[key] !== void 0) {
115
+ _supportedTransitionEvent = CSSTransitions[key];
116
+ break;
117
+ }
103
118
  }
104
119
  return _supportedTransitionEvent;
105
120
  }
106
121
  let _supportedEnv = null;
107
122
  function getSupportedEnv() {
108
- if (_supportedEnv !== null) return _supportedEnv;
123
+ if (_supportedEnv !== null) {
124
+ return _supportedEnv;
125
+ }
109
126
  const {
110
127
  CSS
111
128
  } = window;
112
- return CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)") ? _supportedEnv = "constant" : _supportedEnv = "env", _supportedEnv;
129
+ if (CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)")) {
130
+ _supportedEnv = "constant";
131
+ } else {
132
+ _supportedEnv = "env";
133
+ }
134
+ return _supportedEnv;
113
135
  }
114
136
  function getInset(side) {
115
137
  return `${getSupportedEnv()}(safe-area-inset-${side})`;
116
138
  }
117
139
  function createContextElement() {
118
- const element = document.createElement("div"),
119
- {
120
- style
121
- } = element;
122
- 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;
140
+ const element = document.createElement("div");
141
+ const {
142
+ style
143
+ } = element;
144
+ style.position = "fixed";
145
+ style.left = "0";
146
+ style.top = "0";
147
+ style.width = "0";
148
+ style.height = "0";
149
+ style.zIndex = "-1";
150
+ style.overflow = "hidden";
151
+ style.visibility = "hidden";
152
+ style.transitionDuration = "0.05s";
153
+ style.transitionProperty = "padding";
154
+ style.transitionDelay = "0s";
155
+ style.paddingTop = getInset("top");
156
+ style.paddingBottom = getInset("bottom");
157
+ style.paddingLeft = getInset("left");
158
+ style.paddingRight = getInset("right");
159
+ return element;
123
160
  }
@@ -4,92 +4,102 @@ var __create = Object.create;
4
4
  var __defProp = Object.defineProperty;
5
5
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getProtoOf = Object.getPrototypeOf,
8
- __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __getProtoOf = Object.getPrototypeOf;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
9
  var __export = (target, all) => {
10
- for (var name in all) __defProp(target, name, {
11
- get: all[name],
12
- enumerable: !0
13
- });
14
- },
15
- __copyProps = (to, from, except, desc) => {
16
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
10
+ for (var name in all) __defProp(target, name, {
11
+ get: all[name],
12
+ enumerable: true
13
+ });
14
+ };
15
+ var __copyProps = (to, from, except, desc) => {
16
+ if (from && typeof from === "object" || typeof from === "function") {
17
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
17
18
  get: () => from[key],
18
19
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
19
20
  });
20
- return to;
21
- };
21
+ }
22
+ return to;
23
+ };
22
24
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
28
- value: mod,
29
- enumerable: !0
30
- }) : target, mod)),
31
- __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
32
- value: !0
33
- }), mod);
25
+ // If the importer is in node compatibility mode or this is not an ESM
26
+ // file that has been converted to a CommonJS file using a Babel-
27
+ // compatible transform (i.e. "__esModule" has not been set), then set
28
+ // "default" to the CommonJS "module.exports" for node compatibility.
29
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
30
+ value: mod,
31
+ enumerable: true
32
+ }) : target, mod));
33
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
34
+ value: true
35
+ }), mod);
34
36
  var NativeSafeAreaProvider_exports = {};
35
37
  __export(NativeSafeAreaProvider_exports, {
36
38
  NativeSafeAreaProvider: () => NativeSafeAreaProvider
37
39
  });
38
40
  module.exports = __toCommonJS(NativeSafeAreaProvider_exports);
39
- var import_jsx_runtime = require("react/jsx-runtime"),
40
- React = __toESM(require("react"), 1),
41
- import_react_native = require("react-native"),
42
- CSSTransitions = {
43
- WebkitTransition: "webkitTransitionEnd",
44
- Transition: "transitionEnd",
45
- MozTransition: "transitionend",
46
- MSTransition: "msTransitionEnd",
47
- OTransition: "oTransitionEnd"
48
- };
41
+ var import_jsx_runtime = require("react/jsx-runtime");
42
+ var React = __toESM(require("react"), 1);
43
+ var import_react_native = require("react-native");
44
+ var CSSTransitions = {
45
+ WebkitTransition: "webkitTransitionEnd",
46
+ Transition: "transitionEnd",
47
+ MozTransition: "transitionend",
48
+ MSTransition: "msTransitionEnd",
49
+ OTransition: "oTransitionEnd"
50
+ };
49
51
  function NativeSafeAreaProvider(param) {
50
52
  var {
51
53
  children,
52
54
  style,
53
55
  onInsetsChange
54
56
  } = param;
55
- return React.useEffect(function () {
56
- if (!(typeof document > "u")) {
57
- var element = createContextElement();
58
- document.body.appendChild(element);
59
- var onEnd = function () {
60
- var {
61
- paddingTop,
62
- paddingBottom,
63
- paddingLeft,
64
- paddingRight
65
- } = window.getComputedStyle(element),
66
- insets = {
67
- top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
68
- bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
69
- left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
70
- right: paddingRight ? Number.parseInt(paddingRight, 10) : 0
71
- },
72
- frame = {
73
- x: 0,
74
- y: 0,
75
- width: document.documentElement.offsetWidth,
76
- height: document.documentElement.offsetHeight
77
- };
78
- onInsetsChange({
79
- nativeEvent: {
80
- insets,
81
- frame
82
- }
83
- });
57
+ React.useEffect(function () {
58
+ if (typeof document === "undefined") {
59
+ return;
60
+ }
61
+ var element = createContextElement();
62
+ document.body.appendChild(element);
63
+ var onEnd = function () {
64
+ var {
65
+ paddingTop,
66
+ paddingBottom,
67
+ paddingLeft,
68
+ paddingRight
69
+ } = window.getComputedStyle(element);
70
+ var insets = {
71
+ top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
72
+ bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
73
+ left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
74
+ right: paddingRight ? Number.parseInt(paddingRight, 10) : 0
84
75
  };
85
- return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), function () {
86
- document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
76
+ var frame = {
77
+ x: 0,
78
+ y: 0,
79
+ width: document.documentElement.offsetWidth,
80
+ height: document.documentElement.offsetHeight
87
81
  };
88
- }
89
- }, [onInsetsChange]), style ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
90
- style,
91
- children
92
- }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
82
+ onInsetsChange({
83
+ nativeEvent: {
84
+ insets,
85
+ frame
86
+ }
87
+ });
88
+ };
89
+ element.addEventListener(getSupportedTransitionEvent(), onEnd);
90
+ onEnd();
91
+ return function () {
92
+ document.body.removeChild(element);
93
+ element.removeEventListener(getSupportedTransitionEvent(), onEnd);
94
+ };
95
+ }, [onInsetsChange]);
96
+ if (style) {
97
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
98
+ style,
99
+ children
100
+ });
101
+ }
102
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
93
103
  style: {
94
104
  display: "contents"
95
105
  },
@@ -98,31 +108,57 @@ function NativeSafeAreaProvider(param) {
98
108
  }
99
109
  var _supportedTransitionEvent = null;
100
110
  function getSupportedTransitionEvent() {
101
- if (_supportedTransitionEvent != null) return _supportedTransitionEvent;
111
+ if (_supportedTransitionEvent != null) {
112
+ return _supportedTransitionEvent;
113
+ }
102
114
  var element = document.createElement("invalidtype");
103
115
  _supportedTransitionEvent = CSSTransitions.Transition;
104
- for (var key in CSSTransitions) if (element.style[key] !== void 0) {
105
- _supportedTransitionEvent = CSSTransitions[key];
106
- break;
116
+ for (var key in CSSTransitions) {
117
+ if (element.style[key] !== void 0) {
118
+ _supportedTransitionEvent = CSSTransitions[key];
119
+ break;
120
+ }
107
121
  }
108
122
  return _supportedTransitionEvent;
109
123
  }
110
124
  var _supportedEnv = null;
111
125
  function getSupportedEnv() {
112
- if (_supportedEnv !== null) return _supportedEnv;
126
+ if (_supportedEnv !== null) {
127
+ return _supportedEnv;
128
+ }
113
129
  var {
114
130
  CSS
115
131
  } = window;
116
- return CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)") ? _supportedEnv = "constant" : _supportedEnv = "env", _supportedEnv;
132
+ if (CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)")) {
133
+ _supportedEnv = "constant";
134
+ } else {
135
+ _supportedEnv = "env";
136
+ }
137
+ return _supportedEnv;
117
138
  }
118
139
  function getInset(side) {
119
140
  return `${getSupportedEnv()}(safe-area-inset-${side})`;
120
141
  }
121
142
  function createContextElement() {
122
- var element = document.createElement("div"),
123
- {
124
- style
125
- } = element;
126
- 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;
143
+ var element = document.createElement("div");
144
+ var {
145
+ style
146
+ } = element;
147
+ style.position = "fixed";
148
+ style.left = "0";
149
+ style.top = "0";
150
+ style.width = "0";
151
+ style.height = "0";
152
+ style.zIndex = "-1";
153
+ style.overflow = "hidden";
154
+ style.visibility = "hidden";
155
+ style.transitionDuration = "0.05s";
156
+ style.transitionProperty = "padding";
157
+ style.transitionDelay = "0s";
158
+ style.paddingTop = getInset("top");
159
+ style.paddingBottom = getInset("bottom");
160
+ style.paddingLeft = getInset("left");
161
+ style.paddingRight = getInset("right");
162
+ return element;
127
163
  }
128
164
  //# sourceMappingURL=NativeSafeAreaProvider.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NativeSafeAreaProvider_exports","__export","NativeSafeAreaProvider","module","exports","import_jsx_runtime","require","React","__toESM","import_react_native","CSSTransitions","WebkitTransition","Transition","MozTransition","MSTransition","OTransition","param","children","style","onInsetsChange","useEffect","document","element","createContextElement","body","appendChild","onEnd","paddingTop","paddingBottom","paddingLeft","paddingRight","window","getComputedStyle","insets","top","Number","parseInt","bottom","left","right","frame","x","y","width","documentElement","offsetWidth","height","offsetHeight","nativeEvent","addEventListener","getSupportedTransitionEvent","removeChild","removeEventListener","jsx","View","display","_supportedTransitionEvent","createElement","key","_supportedEnv","getSupportedEnv"],"sources":["../../src/NativeSafeAreaProvider.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAA,CAAAC,OAAuB,GAAAT,YAAA,CAAAK,8BACvB;AAWA,IAAAK,kBAAM,GAAyCC,OAAA;EAAAC,KAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,mBAAA,GAAAH,OAAA;EAAAI,cAAA;IAC7CC,gBAAA,EAAkB;IAClBC,UAAA,EAAY;IACZC,aAAA,EAAe;IACfC,YAAA,EAAc;IACdC,WAAA,EAAa;EACf;AAEO,SAASb,uBAAuBc,KAAA;EACrC;IAAAC,QAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAH,KAAA;EACA,OAAAT,KAAA,CAAAa,SAAA;IACA,aAAAC,QAAA;MAC8B,IAAAC,OAAA,GAAAC,oBAAA;MAuC9BF,QAtCA,CAAMG,IAAA,CAAAC,WAAgB,CAAAH,OAAA;MAEpB,IAAII,KAAO,YAAAA,CAAA,EAAa;QACtB;YAAAC,UAAA;YAAAC,aAAA;YAAAC,WAAA;YAAAC;UAAA,IAAAC,MAAA,CAAAC,gBAAA,CAAAV,OAAA;UAAAW,MAAA;YAGIC,GAAA,EAAAP,UAAU,GAAAQ,MAAA,CAAAC,QAAqB,CAAAT,UAAA;YACrCU,MAAS,EAAKT,aAAY,GAAAO,MAAO,CAAAC,QAAA,CAAAR,aAAA;YAC3BU,IAAA,EAAAT,WAAc,GAAAM,MAAA,CAAAC,QAAA,CAAAP,WAAA;YAClBU,KAAQ,EAAAT,YAAY,GAAAK,MAAA,CAAAC,QAAe,CAAAN,YAAa,QAAa;UAI3D;UAAAU,KAAK;YACLC,CAAA;YACAC,CAAA,GAAM;YACNC,KAAO,EAAAtB,QAAA,CAAAuB,eAAsB,CAAAC,WAAS;YAElCC,MAAA,EAAQzB,QAAA,CAAAuB,eAAA,CAAAG;UACZ;QACA5B,cAAG;UACH6B,WAAO;YACPf,MAAQ;YACVO;UAEA;QACF;MACA;MAGE,OAAAlB,OAAc,CAAA2B,gBAAY,CAAAC,2BAClB,IAAAxB,KAAoB,GAAAA,KAAA;QAC9BL,QAAA,CAAAG,IAAA,CAAA2B,WAAA,CAAA7B,OAAA,GAAAA,OAAA,CAAA8B,mBAAA,CAAAF,2BAAA,IAAAxB,KAAA;MACE;IAUN;EAEA,GAAI,CACJP,cAAS,CACP,GAAID,KAAA,sBAAAb,kBAA6B,CAAAgD,GAAA,EAAA5C,mBAAA,CAAA6C,IAAA;IAC/BpC,KAAA;IAEFD;EAEA,wBAAAZ,kBAA2C,CAAAgD,GAAA;IAC3CnC,KAAA;MACEqC,OAAI;IACF;IACAtC;EAAA,EACF;AAEF;AACF,IAAAuC,yBAAA;AAIA,SAAIN,2BAA+BA,CAAA;EACnC,IAAAM,yBAAmC,UACjC,OAAIA,yBAAkB;EACpB,IAAAlC,OAAO,GAAAD,QAAA,CAAAoC,aAAA;EAETD,yBAAgB,GAAA9C,cAAA,CAAAE,UAAA;EAChB,SAAI8C,GAAA,IAAOhD,cAAgB,EAM7B,IAAAY,OAAA,CAAAJ,KAAA,CAAAwC,GAAA;IAEAF,yBAAwC,GAAA9C,cAAA,CAAAgD,GAAA;IACtC;EACF;EAEA,OAASF,yBAAoC;AAC3C;AAEA,IAAAG,aAAM;AAiBR,SAAAC,gBAAA","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NativeSafeAreaProvider_exports","__export","NativeSafeAreaProvider","module","exports","import_jsx_runtime","require","React","__toESM","import_react_native","CSSTransitions","WebkitTransition","Transition","MozTransition","MSTransition","OTransition","param","children","style","onInsetsChange","useEffect","document","element","createContextElement","body","appendChild","onEnd","paddingTop","paddingBottom","paddingLeft","paddingRight","window","getComputedStyle","insets","top","Number","parseInt","bottom","left","right","frame","x","y","width","documentElement","offsetWidth","height","offsetHeight","nativeEvent","addEventListener","getSupportedTransitionEvent","removeChild","removeEventListener","jsx","View","display","_supportedTransitionEvent","createElement","key","_supportedEnv","getSupportedEnv","CSS","supports","getInset","side","position"],"sources":["../../src/NativeSafeAreaProvider.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -3,14 +3,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
7
- get: () => from[key],
8
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
9
- });
6
+ if (from && typeof from === "object" || typeof from === "function") {
7
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
8
+ get: () => from[key],
9
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
10
+ });
11
+ }
10
12
  return to;
11
13
  };
12
14
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
13
- value: !0
15
+ value: true
14
16
  }), mod);
15
17
  var SafeArea_types_exports = {};
16
18
  module.exports = __toCommonJS(SafeArea_types_exports);
@@ -5,14 +5,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
9
- get: () => from[key],
10
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
11
- });
8
+ if (from && typeof from === "object" || typeof from === "function") {
9
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
10
+ get: () => from[key],
11
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
12
+ });
13
+ }
12
14
  return to;
13
15
  };
14
16
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
15
- value: !0
17
+ value: true
16
18
  }), mod);
17
19
  var SafeArea_types_exports = {};
18
20
  module.exports = __toCommonJS(SafeArea_types_exports);
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SafeArea_types_exports"],"sources":["../../src/SafeArea-types.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SafeArea_types_exports"],"sources":["../../src/SafeArea-types.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA","ignoreList":[]}