@prototyp/skeletor 1.1.4 → 1.1.5
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/lib/commonjs/components/Screen/Screen.js +5 -8
- package/lib/commonjs/components/Screen/Screen.js.map +1 -1
- package/lib/module/components/Screen/Screen.js +6 -9
- package/lib/module/components/Screen/Screen.js.map +1 -1
- package/lib/typescript/commonjs/components/Screen/Screen.d.ts.map +1 -1
- package/lib/typescript/module/components/Screen/Screen.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -22,6 +22,7 @@ const Screen = ({
|
|
|
22
22
|
paddings,
|
|
23
23
|
...blockProps
|
|
24
24
|
}) => {
|
|
25
|
+
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
25
26
|
const {
|
|
26
27
|
defaultStatusBarType,
|
|
27
28
|
defaultStatusBarBackground,
|
|
@@ -39,19 +40,15 @@ const Screen = ({
|
|
|
39
40
|
translucent: statusBarTranslucent || defaultStatusBarTranslucent || false,
|
|
40
41
|
barStyle: statusBarType || defaultStatusBarType,
|
|
41
42
|
backgroundColor: statusBarBackground || defaultStatusBarBackground || "transparent"
|
|
42
|
-
}), !hideTopSafeArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
43
|
-
|
|
44
|
-
backgroundColor: topSafeAreaColor
|
|
45
|
-
}
|
|
43
|
+
}), !hideTopSafeArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Block, {
|
|
44
|
+
height: insets.top
|
|
46
45
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Block, {
|
|
47
46
|
flex: 1,
|
|
48
47
|
paddings: paddings,
|
|
49
48
|
...blockProps,
|
|
50
49
|
children: children
|
|
51
|
-
}), !hideBottomSafeArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
52
|
-
|
|
53
|
-
backgroundColor: bottomSafeAreaColor
|
|
54
|
-
}
|
|
50
|
+
}), !hideBottomSafeArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Block, {
|
|
51
|
+
height: insets.bottom
|
|
55
52
|
})]
|
|
56
53
|
});
|
|
57
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_reactNativeSafeAreaContext","_index","_index2","_jsxRuntime","Screen","background","children","hideBottomSafeArea","hideTopSafeArea","bottomSafeAreaColor","topSafeAreaColor","statusBarType","statusBarBackground","statusBarTranslucent","paddings","blockProps","defaultStatusBarType","defaultStatusBarBackground","defaultStatusBarTranslucent","useSkeletor","jsxs","Fragment","jsx","Block","style","StyleSheet","absoluteFill","backgroundColor","StatusBar","translucent","barStyle","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeSafeAreaContext","_index","_index2","_jsxRuntime","Screen","background","children","hideBottomSafeArea","hideTopSafeArea","bottomSafeAreaColor","topSafeAreaColor","statusBarType","statusBarBackground","statusBarTranslucent","paddings","blockProps","insets","useSafeAreaInsets","defaultStatusBarType","defaultStatusBarBackground","defaultStatusBarTranslucent","useSkeletor","jsxs","Fragment","jsx","Block","style","StyleSheet","absoluteFill","backgroundColor","StatusBar","translucent","barStyle","height","top","flex","bottom","exports"],"sourceRoot":"../../../../src","sources":["components/Screen/Screen.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAkD,IAAAI,WAAA,GAAAJ,OAAA;AAiB3C,MAAMK,MAAgD,GAAGA,CAAC;EAChEC,UAAU;EACVC,QAAQ;EACRC,kBAAkB;EAClBC,eAAe;EACfC,mBAAmB;EACnBC,gBAAgB;EAChBC,aAAa;EACbC,mBAAmB;EACnBC,oBAAoB;EACpBC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACL,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAClC,MAAM;IACLC,oBAAoB;IACpBC,0BAA0B;IAC1BC;EACD,CAAC,GAAG,IAAAC,kBAAW,EAAC,CAAC;EAEjB,oBACC,IAAAlB,WAAA,CAAAmB,IAAA,EAAAnB,WAAA,CAAAoB,QAAA;IAAAjB,QAAA,GACED,UAAU,KACT,OAAOA,UAAU,KAAK,QAAQ,gBAC9B,IAAAF,WAAA,CAAAqB,GAAA,EAACtB,OAAA,CAAAuB,KAAK;MACLC,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,EAAE;QAAEC,eAAe,EAAExB;MAAW,CAAC;IAAE,CAClE,CAAC,gBAEF,IAAAF,WAAA,CAAAqB,GAAA,EAACtB,OAAA,CAAAuB,KAAK;MAACC,KAAK,EAAEC,uBAAU,CAACC,YAAa;MAAAtB,QAAA,EAAED;IAAU,CAAQ,CAC1D,CAAC,eAEH,IAAAF,WAAA,CAAAqB,GAAA,EAAC1B,YAAA,CAAAgC,SAAS;MACTC,WAAW,EACVlB,oBAAoB,IAAIO,2BAA2B,IAAI,KACvD;MACDY,QAAQ,EAAErB,aAAa,IAAIO,oBAAqB;MAChDW,eAAe,EACdjB,mBAAmB,IAAIO,0BAA0B,IAAI;IACrD,CACD,CAAC,EAED,CAACX,eAAe,iBAAI,IAAAL,WAAA,CAAAqB,GAAA,EAACtB,OAAA,CAAAuB,KAAK;MAACQ,MAAM,EAAEjB,MAAM,CAACkB;IAAI,CAAE,CAAC,eAElD,IAAA/B,WAAA,CAAAqB,GAAA,EAACtB,OAAA,CAAAuB,KAAK;MAACU,IAAI,EAAE,CAAE;MAACrB,QAAQ,EAAEA,QAAS;MAAA,GAAKC,UAAU;MAAAT,QAAA,EAChDA;IAAQ,CACH,CAAC,EAEP,CAACC,kBAAkB,iBAAI,IAAAJ,WAAA,CAAAqB,GAAA,EAACtB,OAAA,CAAAuB,KAAK;MAACQ,MAAM,EAAEjB,MAAM,CAACoB;IAAO,CAAE,CAAC;EAAA,CACvD,CAAC;AAEL,CAAC;AAACC,OAAA,CAAAjC,MAAA,GAAAA,MAAA","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { StatusBar, StyleSheet } from "react-native";
|
|
4
|
-
import {
|
|
4
|
+
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
5
5
|
import { useSkeletor } from "../../hooks/index.js";
|
|
6
6
|
import { Block } from "../Block/index.js";
|
|
7
7
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -18,6 +18,7 @@ export const Screen = ({
|
|
|
18
18
|
paddings,
|
|
19
19
|
...blockProps
|
|
20
20
|
}) => {
|
|
21
|
+
const insets = useSafeAreaInsets();
|
|
21
22
|
const {
|
|
22
23
|
defaultStatusBarType,
|
|
23
24
|
defaultStatusBarBackground,
|
|
@@ -35,19 +36,15 @@ export const Screen = ({
|
|
|
35
36
|
translucent: statusBarTranslucent || defaultStatusBarTranslucent || false,
|
|
36
37
|
barStyle: statusBarType || defaultStatusBarType,
|
|
37
38
|
backgroundColor: statusBarBackground || defaultStatusBarBackground || "transparent"
|
|
38
|
-
}), !hideTopSafeArea && /*#__PURE__*/_jsx(
|
|
39
|
-
|
|
40
|
-
backgroundColor: topSafeAreaColor
|
|
41
|
-
}
|
|
39
|
+
}), !hideTopSafeArea && /*#__PURE__*/_jsx(Block, {
|
|
40
|
+
height: insets.top
|
|
42
41
|
}), /*#__PURE__*/_jsx(Block, {
|
|
43
42
|
flex: 1,
|
|
44
43
|
paddings: paddings,
|
|
45
44
|
...blockProps,
|
|
46
45
|
children: children
|
|
47
|
-
}), !hideBottomSafeArea && /*#__PURE__*/_jsx(
|
|
48
|
-
|
|
49
|
-
backgroundColor: bottomSafeAreaColor
|
|
50
|
-
}
|
|
46
|
+
}), !hideBottomSafeArea && /*#__PURE__*/_jsx(Block, {
|
|
47
|
+
height: insets.bottom
|
|
51
48
|
})]
|
|
52
49
|
});
|
|
53
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StatusBar","StyleSheet","
|
|
1
|
+
{"version":3,"names":["StatusBar","StyleSheet","useSafeAreaInsets","useSkeletor","Block","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Screen","background","children","hideBottomSafeArea","hideTopSafeArea","bottomSafeAreaColor","topSafeAreaColor","statusBarType","statusBarBackground","statusBarTranslucent","paddings","blockProps","insets","defaultStatusBarType","defaultStatusBarBackground","defaultStatusBarTranslucent","style","absoluteFill","backgroundColor","translucent","barStyle","height","top","flex","bottom"],"sourceRoot":"../../../../src","sources":["components/Screen/Screen.tsx"],"mappings":";;AACA,SAECA,SAAS,EAGTC,UAAU,QACJ,cAAc;AACrB,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,WAAW,QAAQ,sBAAa;AACzC,SAASC,KAAK,QAAyB,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBlD,OAAO,MAAMC,MAAgD,GAAGA,CAAC;EAChEC,UAAU;EACVC,QAAQ;EACRC,kBAAkB;EAClBC,eAAe;EACfC,mBAAmB;EACnBC,gBAAgB;EAChBC,aAAa;EACbC,mBAAmB;EACnBC,oBAAoB;EACpBC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACL,MAAMC,MAAM,GAAGrB,iBAAiB,CAAC,CAAC;EAClC,MAAM;IACLsB,oBAAoB;IACpBC,0BAA0B;IAC1BC;EACD,CAAC,GAAGvB,WAAW,CAAC,CAAC;EAEjB,oBACCO,KAAA,CAAAF,SAAA;IAAAK,QAAA,GACED,UAAU,KACT,OAAOA,UAAU,KAAK,QAAQ,gBAC9BN,IAAA,CAACF,KAAK;MACLuB,KAAK,EAAE,CAAC1B,UAAU,CAAC2B,YAAY,EAAE;QAAEC,eAAe,EAAEjB;MAAW,CAAC;IAAE,CAClE,CAAC,gBAEFN,IAAA,CAACF,KAAK;MAACuB,KAAK,EAAE1B,UAAU,CAAC2B,YAAa;MAAAf,QAAA,EAAED;IAAU,CAAQ,CAC1D,CAAC,eAEHN,IAAA,CAACN,SAAS;MACT8B,WAAW,EACVV,oBAAoB,IAAIM,2BAA2B,IAAI,KACvD;MACDK,QAAQ,EAAEb,aAAa,IAAIM,oBAAqB;MAChDK,eAAe,EACdV,mBAAmB,IAAIM,0BAA0B,IAAI;IACrD,CACD,CAAC,EAED,CAACV,eAAe,iBAAIT,IAAA,CAACF,KAAK;MAAC4B,MAAM,EAAET,MAAM,CAACU;IAAI,CAAE,CAAC,eAElD3B,IAAA,CAACF,KAAK;MAAC8B,IAAI,EAAE,CAAE;MAACb,QAAQ,EAAEA,QAAS;MAAA,GAAKC,UAAU;MAAAT,QAAA,EAChDA;IAAQ,CACH,CAAC,EAEP,CAACC,kBAAkB,iBAAIR,IAAA,CAACF,KAAK;MAAC4B,MAAM,EAAET,MAAM,CAACY;IAAO,CAAE,CAAC;EAAA,CACvD,CAAC;AAEL,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../../../src/components/Screen/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACN,KAAK,UAAU,EAEf,KAAK,cAAc,EACnB,KAAK,cAAc,EAEnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,KAAK,QAAQ,GAAG;IACf,2HAA2H;IAC3H,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../../../src/components/Screen/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACN,KAAK,UAAU,EAEf,KAAK,cAAc,EACnB,KAAK,cAAc,EAEnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,KAAK,QAAQ,GAAG;IACf,2HAA2H;IAC3H,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAkD3D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../../../src/components/Screen/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACN,KAAK,UAAU,EAEf,KAAK,cAAc,EACnB,KAAK,cAAc,EAEnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,KAAK,QAAQ,GAAG;IACf,2HAA2H;IAC3H,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../../../src/components/Screen/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACN,KAAK,UAAU,EAEf,KAAK,cAAc,EACnB,KAAK,cAAc,EAEnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,KAAK,QAAQ,GAAG;IACf,2HAA2H;IAC3H,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAkD3D,CAAC"}
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"Luka Buljan <luka@prototyp.digital>",
|
|
7
7
|
"Vlatko Vlahek <vlatko@prototyp.digital>"
|
|
8
8
|
],
|
|
9
|
-
"version": "1.1.
|
|
9
|
+
"version": "1.1.5",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"main": "./lib/commonjs/index.js",
|
|
12
12
|
"module": "./lib/module/index.js",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"url": "https://github.com/prototypdigital/skeletor.git"
|
|
18
18
|
},
|
|
19
19
|
"engines": {
|
|
20
|
-
"node": ">=
|
|
20
|
+
"node": ">=18"
|
|
21
21
|
},
|
|
22
22
|
"scripts": {
|
|
23
23
|
"prepack": "bob build",
|