react-native-drawer-layout 4.1.9 → 4.1.10
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.
|
@@ -53,7 +53,7 @@ export function Drawer({
|
|
|
53
53
|
const isRight = drawerPosition === 'right';
|
|
54
54
|
const translateX =
|
|
55
55
|
// The drawer stays in place at open position when `drawerType` is `back`
|
|
56
|
-
open || drawerType === 'back' ?
|
|
56
|
+
open || drawerType === 'back' ? drawerPosition === 'left' ? drawerWidth : -drawerWidth : 0;
|
|
57
57
|
const drawerAnimatedStyle = drawerType !== 'permanent' ? {
|
|
58
58
|
transition: 'transform 0.3s',
|
|
59
59
|
transform: [{
|
|
@@ -74,11 +74,15 @@ export function Drawer({
|
|
|
74
74
|
width: drawerWidth,
|
|
75
75
|
position: drawerType === 'permanent' ? 'relative' : 'absolute',
|
|
76
76
|
zIndex: drawerType === 'back' ? -1 : 1
|
|
77
|
-
},
|
|
78
|
-
|
|
77
|
+
}, drawerType !== 'permanent' ?
|
|
78
|
+
// Position drawer off-screen by default in closed state
|
|
79
|
+
// And add a translation only when drawer is open
|
|
80
|
+
// So changing position in closed state won't trigger a visible transition
|
|
81
|
+
drawerPosition === 'right' ? {
|
|
82
|
+
right: -drawerWidth
|
|
79
83
|
} : {
|
|
80
|
-
left:
|
|
81
|
-
}, drawerAnimatedStyle, drawerStyle],
|
|
84
|
+
left: -drawerWidth
|
|
85
|
+
} : null, drawerAnimatedStyle, drawerStyle],
|
|
82
86
|
children: renderDrawerContent()
|
|
83
87
|
}, "drawer");
|
|
84
88
|
const mainContent = /*#__PURE__*/_jsxs(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","useWindowDimensions","View","useLatestCallback","DrawerProgressContext","getDrawerWidth","useFakeSharedValue","Overlay","jsx","_jsx","jsxs","_jsxs","Drawer","layout","customLayout","direction","drawerPosition","drawerStyle","drawerType","onClose","onTransitionStart","onTransitionEnd","open","overlayStyle","overlayAccessibilityLabel","renderDrawerContent","children","style","windowDimensions","drawerWidth","progress","useEffect","value","drawerRef","useRef","onTransitionStartLatest","onTransitionEndLatest","element","current","addEventListener","removeEventListener","isOpen","isRight","translateX","drawerAnimatedStyle","transition","transform","contentAnimatedStyle","drawerElement","ref","styles","drawer","width","position","zIndex","right","left","mainContent","content","onPress","accessibilityLabel","Provider","container","create","flex","flexDirection","top","bottom","maxWidth","backgroundColor"],"sourceRoot":"../../../src","sources":["views/Drawer.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AACpE,OAAOC,iBAAiB,MAAM,qBAAqB;AAGnD,SAASC,qBAAqB,QAAQ,mCAAgC;AACtE,SAASC,cAAc,QAAQ,4BAAyB;AACxD,SAASC,kBAAkB,QAAQ,gCAA6B;AAChE,SAASC,OAAO,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,OAAO,SAASC,MAAMA,CAAC;EACrBC,MAAM,EAAEC,YAAY;EACpBC,SAAS,GAAG,KAAK;EACjBC,cAAc,GAAGD,SAAS,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM;EACvDE,WAAW;EACXC,UAAU,GAAG,OAAO;EACpBC,OAAO;EACPC,iBAAiB;EACjBC,eAAe;EACfC,IAAI;EACJC,YAAY;EACZC,yBAAyB;EACzBC,mBAAmB;EACnBC,QAAQ;EACRC;AACW,CAAC,EAAE;EACd,MAAMC,gBAAgB,GAAG3B,mBAAmB,CAAC,CAAC;EAE9C,MAAM4B,WAAW,GAAGxB,cAAc,CAAC;IACjCQ,MAAM,EAAEC,YAAY,IAAIc,gBAAgB;IACxCX;EACF,CAAC,CAAC;EAEF,MAAMa,QAAQ,GAAGxB,kBAAkB,CAACgB,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;EAEjDvB,KAAK,CAACgC,SAAS,CAAC,MAAM;IACpBD,QAAQ,CAACE,KAAK,GAAGV,IAAI,GAAG,CAAC,GAAG,CAAC;EAC/B,CAAC,EAAE,CAACA,IAAI,EAAEQ,QAAQ,CAAC,CAAC;EAEpB,MAAMG,SAAS,GAAGlC,KAAK,CAACmC,MAAM,CAAO,IAAI,CAAC;EAE1C,MAAMC,uBAAuB,GAAGhC,iBAAiB,CAAC,MAAM;IACtDiB,iBAAiB,GAAGE,IAAI,KAAK,KAAK,CAAC;EACrC,CAAC,CAAC;EAEF,MAAMc,qBAAqB,GAAGjC,iBAAiB,CAAC,MAAM;IACpDkB,eAAe,GAAGC,IAAI,KAAK,KAAK,CAAC;EACnC,CAAC,CAAC;EAEFvB,KAAK,CAACgC,SAAS,CAAC,MAAM;IACpB,MAAMM,OAAO,GAAGJ,SAAS,CAACK,OAAgC;IAE1DD,OAAO,EAAEE,gBAAgB,CAAC,iBAAiB,EAAEJ,uBAAuB,CAAC;IACrEE,OAAO,EAAEE,gBAAgB,CAAC,eAAe,EAAEH,qBAAqB,CAAC;IAEjE,OAAO,MAAM;MACXC,OAAO,EAAEG,mBAAmB,CAAC,iBAAiB,EAAEL,uBAAuB,CAAC;MACxEE,OAAO,EAAEG,mBAAmB,CAAC,eAAe,EAAEJ,qBAAqB,CAAC;IACtE,CAAC;EACH,CAAC,EAAE,CAACA,qBAAqB,EAAED,uBAAuB,CAAC,CAAC;EAEpD,MAAMM,MAAM,GAAGvB,UAAU,KAAK,WAAW,GAAG,IAAI,GAAGI,IAAI;EACvD,MAAMoB,OAAO,GAAG1B,cAAc,KAAK,OAAO;EAE1C,MAAM2B,UAAU;EACd;EACArB,IAAI,IAAIJ,UAAU,KAAK,MAAM,
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","useWindowDimensions","View","useLatestCallback","DrawerProgressContext","getDrawerWidth","useFakeSharedValue","Overlay","jsx","_jsx","jsxs","_jsxs","Drawer","layout","customLayout","direction","drawerPosition","drawerStyle","drawerType","onClose","onTransitionStart","onTransitionEnd","open","overlayStyle","overlayAccessibilityLabel","renderDrawerContent","children","style","windowDimensions","drawerWidth","progress","useEffect","value","drawerRef","useRef","onTransitionStartLatest","onTransitionEndLatest","element","current","addEventListener","removeEventListener","isOpen","isRight","translateX","drawerAnimatedStyle","transition","transform","contentAnimatedStyle","drawerElement","ref","styles","drawer","width","position","zIndex","right","left","mainContent","content","onPress","accessibilityLabel","Provider","container","create","flex","flexDirection","top","bottom","maxWidth","backgroundColor"],"sourceRoot":"../../../src","sources":["views/Drawer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/views/Drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAM5C,wBAAgB,MAAM,CAAC,EACrB,MAAM,EAAE,YAAY,EACpB,SAAiB,EACjB,cAAuD,EACvD,WAAW,EACX,UAAoB,EACpB,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,IAAI,EACJ,YAAY,EACZ,yBAAyB,EACzB,mBAAmB,EACnB,QAAQ,EACR,KAAK,GACN,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/views/Drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAM5C,wBAAgB,MAAM,CAAC,EACrB,MAAM,EAAE,YAAY,EACpB,SAAiB,EACjB,cAAuD,EACvD,WAAW,EACX,UAAoB,EACpB,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,IAAI,EACJ,YAAY,EACZ,yBAAyB,EACzB,mBAAmB,EACnB,QAAQ,EACR,KAAK,GACN,EAAE,WAAW,2CAgIb"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-drawer-layout",
|
|
3
3
|
"description": "Drawer component for React Native",
|
|
4
|
-
"version": "4.1.
|
|
4
|
+
"version": "4.1.10",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -75,5 +75,5 @@
|
|
|
75
75
|
]
|
|
76
76
|
]
|
|
77
77
|
},
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "13e3ced5ee8d5c6fd1ac124ad05d8841da2f8a2a"
|
|
79
79
|
}
|
package/src/views/Drawer.tsx
CHANGED
|
@@ -65,10 +65,10 @@ export function Drawer({
|
|
|
65
65
|
const translateX =
|
|
66
66
|
// The drawer stays in place at open position when `drawerType` is `back`
|
|
67
67
|
open || drawerType === 'back'
|
|
68
|
-
?
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
68
|
+
? drawerPosition === 'left'
|
|
69
|
+
? drawerWidth
|
|
70
|
+
: -drawerWidth
|
|
71
|
+
: 0;
|
|
72
72
|
|
|
73
73
|
const drawerAnimatedStyle =
|
|
74
74
|
drawerType !== 'permanent'
|
|
@@ -106,7 +106,14 @@ export function Drawer({
|
|
|
106
106
|
position: drawerType === 'permanent' ? 'relative' : 'absolute',
|
|
107
107
|
zIndex: drawerType === 'back' ? -1 : 1,
|
|
108
108
|
},
|
|
109
|
-
|
|
109
|
+
drawerType !== 'permanent'
|
|
110
|
+
? // Position drawer off-screen by default in closed state
|
|
111
|
+
// And add a translation only when drawer is open
|
|
112
|
+
// So changing position in closed state won't trigger a visible transition
|
|
113
|
+
drawerPosition === 'right'
|
|
114
|
+
? { right: -drawerWidth }
|
|
115
|
+
: { left: -drawerWidth }
|
|
116
|
+
: null,
|
|
110
117
|
drawerAnimatedStyle,
|
|
111
118
|
drawerStyle,
|
|
112
119
|
]}
|