@getsoren/react-native-design-system 1.35.0 → 1.36.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Feedback/BottomFixed/BottomFixed.js +8 -5
- package/lib/commonjs/components/Feedback/BottomFixed/BottomFixed.js.map +1 -1
- package/lib/module/components/Feedback/BottomFixed/BottomFixed.js +8 -5
- package/lib/module/components/Feedback/BottomFixed/BottomFixed.js.map +1 -1
- package/lib/typescript/src/components/Feedback/BottomFixed/BottomFixed.d.ts +5 -1
- package/lib/typescript/src/components/Feedback/BottomFixed/BottomFixed.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -14,7 +14,10 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
14
14
|
const BottomFixed = ({
|
|
15
15
|
children,
|
|
16
16
|
position = "absolute",
|
|
17
|
-
isVisible = true
|
|
17
|
+
isVisible = true,
|
|
18
|
+
safeArea = true,
|
|
19
|
+
padding = true,
|
|
20
|
+
style
|
|
18
21
|
}) => {
|
|
19
22
|
const [opacity] = (0, _react.useState)(new _reactNative.Animated.Value(0));
|
|
20
23
|
const {
|
|
@@ -35,18 +38,18 @@ const BottomFixed = ({
|
|
|
35
38
|
}).start();
|
|
36
39
|
}, [isVisible, opacity]);
|
|
37
40
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
38
|
-
style: {
|
|
41
|
+
style: [{
|
|
39
42
|
backgroundColor: theme.colors.white,
|
|
40
43
|
borderTopColor: theme.colors.divider,
|
|
41
44
|
borderTopWidth: 1,
|
|
42
45
|
bottom: 0,
|
|
43
46
|
left: 0,
|
|
44
47
|
opacity,
|
|
45
|
-
paddingBottom: bottom + theme.spacing.xl,
|
|
46
|
-
paddingTop: theme.spacing.xl,
|
|
48
|
+
paddingBottom: (safeArea ? bottom : 0) + (padding ? theme.spacing.xl : 0),
|
|
49
|
+
paddingTop: padding ? theme.spacing.xl : 0,
|
|
47
50
|
position,
|
|
48
51
|
right: 0
|
|
49
|
-
},
|
|
52
|
+
}, style],
|
|
50
53
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
|
|
51
54
|
children: children
|
|
52
55
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeSafeAreaContext","_useTheme","_interopRequireDefault","_Container","_jsxRuntime","e","__esModule","default","BottomFixed","children","position","isVisible","opacity","useState","Animated","Value","theme","useTheme","bottom","useSafeAreaInsets","useEffect","timing","duration","toValue","useNativeDriver","start","jsx","View","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeSafeAreaContext","_useTheme","_interopRequireDefault","_Container","_jsxRuntime","e","__esModule","default","BottomFixed","children","position","isVisible","safeArea","padding","style","opacity","useState","Animated","Value","theme","useTheme","bottom","useSafeAreaInsets","useEffect","timing","duration","toValue","useNativeDriver","start","jsx","View","backgroundColor","colors","white","borderTopColor","divider","borderTopWidth","left","paddingBottom","spacing","xl","paddingTop","right","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/Feedback/BottomFixed/BottomFixed.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAA+C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAI,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU/C,MAAMG,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,UAAU;EAAEC,SAAS,GAAG,IAAI;EAAEC,QAAQ,GAAG,IAAI;EAAEC,OAAO,GAAG,IAAI;EAAEC;AAAwB,CAAC,KAAK;EACvI,MAAM,CAACC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EACjD,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,6CAAiB,EAAC,CAAC;;EAEtC;AACF;AACA;EACE,IAAAC,gBAAS,EAAC,MAAM;IACdN,qBAAQ,CAACO,MAAM,CAACT,OAAO,EAAE;MACvBU,QAAQ,EAAE,GAAG;MACbC,OAAO,EAAEf,SAAS,GAAG,CAAC,GAAG,CAAC;MAC1BgB,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACjB,SAAS,EAAEI,OAAO,CAAC,CAAC;EAExB,oBACE,IAAAX,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAAkB,QAAQ,CAACa,IAAI;IACZhB,KAAK,EAAE,CACL;MACEiB,eAAe,EAAEZ,KAAK,CAACa,MAAM,CAACC,KAAK;MACnCC,cAAc,EAAEf,KAAK,CAACa,MAAM,CAACG,OAAO;MACpCC,cAAc,EAAE,CAAC;MACjBf,MAAM,EAAE,CAAC;MACTgB,IAAI,EAAE,CAAC;MACPtB,OAAO;MACPuB,aAAa,EAAE,CAAC1B,QAAQ,GAAGS,MAAM,GAAG,CAAC,KAAKR,OAAO,GAAGM,KAAK,CAACoB,OAAO,CAACC,EAAE,GAAG,CAAC,CAAC;MACzEC,UAAU,EAAE5B,OAAO,GAAGM,KAAK,CAACoB,OAAO,CAACC,EAAE,GAAG,CAAC;MAC1C9B,QAAQ;MACRgC,KAAK,EAAE;IACT,CAAC,EACD5B,KAAK,CACL;IAAAL,QAAA,eAEF,IAAAL,WAAA,CAAAyB,GAAA,EAAC1B,UAAA,CAAAI,OAAS;MAAAE,QAAA,EAAEA;IAAQ,CAAY;EAAC,CACpB,CAAC;AAEpB,CAAC;AAAC,IAAAkC,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEaC,WAAW","ignoreList":[]}
|
|
@@ -9,7 +9,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
9
9
|
const BottomFixed = ({
|
|
10
10
|
children,
|
|
11
11
|
position = "absolute",
|
|
12
|
-
isVisible = true
|
|
12
|
+
isVisible = true,
|
|
13
|
+
safeArea = true,
|
|
14
|
+
padding = true,
|
|
15
|
+
style
|
|
13
16
|
}) => {
|
|
14
17
|
const [opacity] = useState(new Animated.Value(0));
|
|
15
18
|
const {
|
|
@@ -30,18 +33,18 @@ const BottomFixed = ({
|
|
|
30
33
|
}).start();
|
|
31
34
|
}, [isVisible, opacity]);
|
|
32
35
|
return /*#__PURE__*/_jsx(Animated.View, {
|
|
33
|
-
style: {
|
|
36
|
+
style: [{
|
|
34
37
|
backgroundColor: theme.colors.white,
|
|
35
38
|
borderTopColor: theme.colors.divider,
|
|
36
39
|
borderTopWidth: 1,
|
|
37
40
|
bottom: 0,
|
|
38
41
|
left: 0,
|
|
39
42
|
opacity,
|
|
40
|
-
paddingBottom: bottom + theme.spacing.xl,
|
|
41
|
-
paddingTop: theme.spacing.xl,
|
|
43
|
+
paddingBottom: (safeArea ? bottom : 0) + (padding ? theme.spacing.xl : 0),
|
|
44
|
+
paddingTop: padding ? theme.spacing.xl : 0,
|
|
42
45
|
position,
|
|
43
46
|
right: 0
|
|
44
|
-
},
|
|
47
|
+
}, style],
|
|
45
48
|
children: /*#__PURE__*/_jsx(Container, {
|
|
46
49
|
children: children
|
|
47
50
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useState","Animated","useSafeAreaInsets","useTheme","Container","jsx","_jsx","BottomFixed","children","position","isVisible","opacity","Value","theme","bottom","timing","duration","toValue","useNativeDriver","start","View","
|
|
1
|
+
{"version":3,"names":["useEffect","useState","Animated","useSafeAreaInsets","useTheme","Container","jsx","_jsx","BottomFixed","children","position","isVisible","safeArea","padding","style","opacity","Value","theme","bottom","timing","duration","toValue","useNativeDriver","start","View","backgroundColor","colors","white","borderTopColor","divider","borderTopWidth","left","paddingBottom","spacing","xl","paddingTop","right"],"sourceRoot":"../../../../../src","sources":["components/Feedback/BottomFixed/BottomFixed.tsx"],"mappings":";;AAAA,SAA4BA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC9D,SAASC,QAAQ,QAA8B,cAAc;AAC7D,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,OAAOC,SAAS,MAAM,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU/C,MAAMC,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,UAAU;EAAEC,SAAS,GAAG,IAAI;EAAEC,QAAQ,GAAG,IAAI;EAAEC,OAAO,GAAG,IAAI;EAAEC;AAAwB,CAAC,KAAK;EACvI,MAAM,CAACC,OAAO,CAAC,GAAGd,QAAQ,CAAC,IAAIC,QAAQ,CAACc,KAAK,CAAC,CAAC,CAAC,CAAC;EACjD,MAAM;IAAEC;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEc;EAAO,CAAC,GAAGf,iBAAiB,CAAC,CAAC;;EAEtC;AACF;AACA;EACEH,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACiB,MAAM,CAACJ,OAAO,EAAE;MACvBK,QAAQ,EAAE,GAAG;MACbC,OAAO,EAAEV,SAAS,GAAG,CAAC,GAAG,CAAC;MAC1BW,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACZ,SAAS,EAAEI,OAAO,CAAC,CAAC;EAExB,oBACER,IAAA,CAACL,QAAQ,CAACsB,IAAI;IACZV,KAAK,EAAE,CACL;MACEW,eAAe,EAAER,KAAK,CAACS,MAAM,CAACC,KAAK;MACnCC,cAAc,EAAEX,KAAK,CAACS,MAAM,CAACG,OAAO;MACpCC,cAAc,EAAE,CAAC;MACjBZ,MAAM,EAAE,CAAC;MACTa,IAAI,EAAE,CAAC;MACPhB,OAAO;MACPiB,aAAa,EAAE,CAACpB,QAAQ,GAAGM,MAAM,GAAG,CAAC,KAAKL,OAAO,GAAGI,KAAK,CAACgB,OAAO,CAACC,EAAE,GAAG,CAAC,CAAC;MACzEC,UAAU,EAAEtB,OAAO,GAAGI,KAAK,CAACgB,OAAO,CAACC,EAAE,GAAG,CAAC;MAC1CxB,QAAQ;MACR0B,KAAK,EAAE;IACT,CAAC,EACDtB,KAAK,CACL;IAAAL,QAAA,eAEFF,IAAA,CAACF,SAAS;MAAAI,QAAA,EAAEA;IAAQ,CAAY;EAAC,CACpB,CAAC;AAEpB,CAAC;AAED,eAAeD,WAAW","ignoreList":[]}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { PropsWithChildren } from "react";
|
|
2
|
+
import { StyleProp, ViewStyle } from "react-native";
|
|
2
3
|
export interface BottomFixedProps extends PropsWithChildren {
|
|
3
4
|
isVisible?: boolean;
|
|
4
5
|
position?: "absolute" | "relative";
|
|
6
|
+
safeArea?: boolean;
|
|
7
|
+
padding?: boolean;
|
|
8
|
+
style?: StyleProp<ViewStyle>;
|
|
5
9
|
}
|
|
6
|
-
declare const BottomFixed: ({ children, position, isVisible }: BottomFixedProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare const BottomFixed: ({ children, position, isVisible, safeArea, padding, style }: BottomFixedProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
11
|
export default BottomFixed;
|
|
8
12
|
//# sourceMappingURL=BottomFixed.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomFixed.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Feedback/BottomFixed/BottomFixed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomFixed.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Feedback/BottomFixed/BottomFixed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9D,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,WAAW,GAAI,6DAA+F,gBAAgB,4CAqCnI,CAAC;AAEF,eAAe,WAAW,CAAC"}
|