react-native-drawer-layout 4.1.9 → 4.1.11

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 (14) hide show
  1. package/lib/module/utils/getDrawerWidth.js +19 -16
  2. package/lib/module/utils/getDrawerWidth.js.map +1 -1
  3. package/lib/module/views/Drawer.js +24 -21
  4. package/lib/module/views/Drawer.js.map +1 -1
  5. package/lib/module/views/Drawer.native.js +2 -2
  6. package/lib/module/views/Drawer.native.js.map +1 -1
  7. package/lib/typescript/src/utils/getDrawerWidth.d.ts +4 -1
  8. package/lib/typescript/src/utils/getDrawerWidth.d.ts.map +1 -1
  9. package/lib/typescript/src/views/Drawer.d.ts +1 -1
  10. package/lib/typescript/src/views/Drawer.d.ts.map +1 -1
  11. package/package.json +6 -6
  12. package/src/utils/getDrawerWidth.tsx +26 -16
  13. package/src/views/Drawer.native.tsx +2 -2
  14. package/src/views/Drawer.tsx +28 -25
package/lib/module/utils/getDrawerWidth.js CHANGED
@@ -3,25 +3,20 @@
3
3
  import { StyleSheet } from 'react-native';
4
4
  const APPROX_APP_BAR_HEIGHT = 56;
5
5
  const DEFAULT_DRAWER_WIDTH = 360;
6
- const getDefaultDrawerWidth = ({
7
- width
8
- }) => {
9
- /**
10
- * Default drawer width is 360dp
11
- * On screens smaller than 320dp, ideally the drawer would collapse to a navigation bar
12
- * https://m3.material.io/components/navigation-drawer/specs
13
- */
14
- if (width - APPROX_APP_BAR_HEIGHT <= 360) {
15
- return width - APPROX_APP_BAR_HEIGHT;
16
- }
17
- return DEFAULT_DRAWER_WIDTH;
18
- };
19
- export function getDrawerWidth({
6
+
7
+ /**
8
+ * Default drawer width is 360dp
9
+ * On screens smaller than 320dp, ideally the drawer would collapse to a navigation bar
10
+ * https://m3.material.io/components/navigation-drawer/specs
11
+ */
12
+ const DRAWER_DEFAULT_WIDTH_WEB = `min(calc(100% - ${APPROX_APP_BAR_HEIGHT}px), ${DEFAULT_DRAWER_WIDTH}px)`;
13
+ export function getDrawerWidthNative({
20
14
  layout,
21
15
  drawerStyle
22
16
  }) {
17
+ const defaultWidth = layout.width - APPROX_APP_BAR_HEIGHT <= 360 ? layout.width - APPROX_APP_BAR_HEIGHT : DEFAULT_DRAWER_WIDTH;
23
18
  const {
24
- width = getDefaultDrawerWidth(layout)
19
+ width = defaultWidth
25
20
  } = StyleSheet.flatten(drawerStyle) || {};
26
21
  if (typeof width === 'string' && width.endsWith('%')) {
27
22
  // Try to calculate width if a percentage is given
@@ -30,6 +25,14 @@ export function getDrawerWidth({
30
25
  return layout.width * (percentage / 100);
31
26
  }
32
27
  }
33
- return typeof width === 'number' ? width : 0;
28
+ return typeof width === 'number' ? width : defaultWidth;
29
+ }
30
+ export function getDrawerWidthWeb({
31
+ drawerStyle
32
+ }) {
33
+ const {
34
+ width
35
+ } = StyleSheet.flatten(drawerStyle) || {};
36
+ return typeof width === 'string' || typeof width === 'number' ? width : DRAWER_DEFAULT_WIDTH_WEB;
34
37
  }
35
38
  //# sourceMappingURL=getDrawerWidth.js.map
package/lib/module/utils/getDrawerWidth.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["StyleSheet","APPROX_APP_BAR_HEIGHT","DEFAULT_DRAWER_WIDTH","getDefaultDrawerWidth","width","getDrawerWidth","layout","drawerStyle","flatten","endsWith","percentage","Number","replace","isFinite"],"sourceRoot":"../../../src","sources":["utils/getDrawerWidth.tsx"],"mappings":";;AAAA,SAAyBA,UAAU,QAAwB,cAAc;AAEzE,MAAMC,qBAAqB,GAAG,EAAE;AAChC,MAAMC,oBAAoB,GAAG,GAAG;AAEhC,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC9D;AACF;AACA;AACA;AACA;EACE,IAAIA,KAAK,GAAGH,qBAAqB,IAAI,GAAG,EAAE;IACxC,OAAOG,KAAK,GAAGH,qBAAqB;EACtC;EAEA,OAAOC,oBAAoB;AAC7B,CAAC;AAED,OAAO,SAASG,cAAcA,CAAC;EAC7BC,MAAM;EACNC;AAIF,CAAC,EAAE;EACD,MAAM;IAAEH,KAAK,GAAGD,qBAAqB,CAACG,MAAM;EAAE,CAAC,GAC7CN,UAAU,CAACQ,OAAO,CAACD,WAAW,CAAC,IAAI,CAAC,CAAC;EAEvC,IAAI,OAAOH,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACK,QAAQ,CAAC,GAAG,CAAC,EAAE;IACpD;IACA,MAAMC,UAAU,GAAGC,MAAM,CAACP,KAAK,CAACQ,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAElD,IAAID,MAAM,CAACE,QAAQ,CAACH,UAAU,CAAC,EAAE;MAC/B,OAAOJ,MAAM,CAACF,KAAK,IAAIM,UAAU,GAAG,GAAG,CAAC;IAC1C;EACF;EAEA,OAAO,OAAON,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,CAAC;AAC9C","ignoreList":[]}
1
+ {"version":3,"names":["StyleSheet","APPROX_APP_BAR_HEIGHT","DEFAULT_DRAWER_WIDTH","DRAWER_DEFAULT_WIDTH_WEB","getDrawerWidthNative","layout","drawerStyle","defaultWidth","width","flatten","endsWith","percentage","Number","replace","isFinite","getDrawerWidthWeb"],"sourceRoot":"../../../src","sources":["utils/getDrawerWidth.tsx"],"mappings":";;AAAA,SAAyBA,UAAU,QAAwB,cAAc;AAEzE,MAAMC,qBAAqB,GAAG,EAAE;AAChC,MAAMC,oBAAoB,GAAG,GAAG;;AAEhC;AACA;AACA;AACA;AACA;AACA,MAAMC,wBAAwB,GAAG,mBAAmBF,qBAAqB,QAAQC,oBAAoB,KAAK;AAE1G,OAAO,SAASE,oBAAoBA,CAAC;EACnCC,MAAM;EACNC;AAIF,CAAC,EAAE;EACD,MAAMC,YAAY,GAChBF,MAAM,CAACG,KAAK,GAAGP,qBAAqB,IAAI,GAAG,GACvCI,MAAM,CAACG,KAAK,GAAGP,qBAAqB,GACpCC,oBAAoB;EAE1B,MAAM;IAAEM,KAAK,GAAGD;EAAa,CAAC,GAAGP,UAAU,CAACS,OAAO,CAACH,WAAW,CAAC,IAAI,CAAC,CAAC;EAEtE,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACE,QAAQ,CAAC,GAAG,CAAC,EAAE;IACpD;IACA,MAAMC,UAAU,GAAGC,MAAM,CAACJ,KAAK,CAACK,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAElD,IAAID,MAAM,CAACE,QAAQ,CAACH,UAAU,CAAC,EAAE;MAC/B,OAAON,MAAM,CAACG,KAAK,IAAIG,UAAU,GAAG,GAAG,CAAC;IAC1C;EACF;EAEA,OAAO,OAAOH,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGD,YAAY;AACzD;AAEA,OAAO,SAASQ,iBAAiBA,CAAC;EAChCT;AAGF,CAAC,EAAE;EACD,MAAM;IAAEE;EAAM,CAAC,GAAGR,UAAU,CAACS,OAAO,CAACH,WAAW,CAAC,IAAI,CAAC,CAAC;EAEvD,OAAO,OAAOE,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,GACzDA,KAAK,GACLL,wBAAwB;AAC9B","ignoreList":[]}
package/lib/module/views/Drawer.js CHANGED
@@ -1,15 +1,14 @@
1
1
  "use strict";
2
2
 
3
3
  import * as React from 'react';
4
- import { StyleSheet, useWindowDimensions, View } from 'react-native';
4
+ import { StyleSheet, View } from 'react-native';
5
5
  import useLatestCallback from 'use-latest-callback';
6
6
  import { DrawerProgressContext } from "../utils/DrawerProgressContext.js";
7
- import { getDrawerWidth } from "../utils/getDrawerWidth.js";
7
+ import { getDrawerWidthWeb } from "../utils/getDrawerWidth.js";
8
8
  import { useFakeSharedValue } from "../utils/useFakeSharedValue.js";
9
9
  import { Overlay } from './Overlay';
10
10
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
11
11
  export function Drawer({
12
- layout: customLayout,
13
12
  direction = 'ltr',
14
13
  drawerPosition = direction === 'rtl' ? 'right' : 'left',
15
14
  drawerStyle,
@@ -24,9 +23,7 @@ export function Drawer({
24
23
  children,
25
24
  style
26
25
  }) {
27
- const windowDimensions = useWindowDimensions();
28
- const drawerWidth = getDrawerWidth({
29
- layout: customLayout ?? windowDimensions,
26
+ const drawerWidth = getDrawerWidthWeb({
30
27
  drawerStyle
31
28
  });
32
29
  const progress = useFakeSharedValue(open ? 1 : 0);
@@ -51,34 +48,40 @@ export function Drawer({
51
48
  }, [onTransitionEndLatest, onTransitionStartLatest]);
52
49
  const isOpen = drawerType === 'permanent' ? true : open;
53
50
  const isRight = drawerPosition === 'right';
54
- const translateX =
51
+ const drawerTranslateX =
55
52
  // The drawer stays in place at open position when `drawerType` is `back`
56
- open || drawerType === 'back' ? 0 : drawerPosition === 'left' ? -drawerWidth : drawerWidth;
53
+ open || drawerType === 'back' ? drawerPosition === 'left' ? '100%' : '-100%' : 0;
57
54
  const drawerAnimatedStyle = drawerType !== 'permanent' ? {
58
55
  transition: 'transform 0.3s',
59
- transform: [{
60
- translateX
61
- }]
56
+ transform: `translateX(${drawerTranslateX})`
62
57
  } : null;
58
+ const contentTranslateX = open ?
59
+ // The screen content stays in place when `drawerType` is `front`
60
+ drawerType === 'front' ? 0 : `calc(${drawerWidth} * ${drawerPosition === 'left' ? 1 : -1})` : 0;
63
61
  const contentAnimatedStyle = drawerType !== 'permanent' ? {
64
62
  transition: 'transform 0.3s',
65
- transform: [{
66
- translateX: open ?
67
- // The screen content stays in place when `drawerType` is `front`
68
- drawerType === 'front' ? 0 : drawerWidth * (drawerPosition === 'left' ? 1 : -1) : 0
69
- }]
63
+ transform: `translateX(${contentTranslateX})`
70
64
  } : null;
71
65
  const drawerElement = /*#__PURE__*/_jsx(View, {
72
66
  ref: drawerRef,
73
67
  style: [styles.drawer, {
74
- width: drawerWidth,
75
68
  position: drawerType === 'permanent' ? 'relative' : 'absolute',
76
69
  zIndex: drawerType === 'back' ? -1 : 1
77
- }, drawerPosition === 'right' ? {
78
- right: 0
70
+ },
71
+ // @ts-expect-error: width contains `calc` for web
72
+ {
73
+ width: drawerWidth
74
+ },
75
+ // @ts-expect-error: offset contains `calc` for web
76
+ drawerType !== 'permanent' ?
77
+ // Position drawer off-screen by default in closed state
78
+ // And add a translation only when drawer is open
79
+ // So changing position in closed state won't trigger a visible transition
80
+ drawerPosition === 'right' ? {
81
+ right: `calc(${drawerWidth} * -1)`
79
82
  } : {
80
- left: 0
81
- }, drawerAnimatedStyle, drawerStyle],
83
+ left: `calc(${drawerWidth} * -1)`
84
+ } : null, drawerAnimatedStyle, drawerStyle],
82
85
  children: renderDrawerContent()
83
86
  }, "drawer");
84
87
  const mainContent = /*#__PURE__*/_jsxs(View, {
package/lib/module/views/Drawer.js.map CHANGED
@@ -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":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","StyleSheet","View","useLatestCallback","DrawerProgressContext","getDrawerWidthWeb","useFakeSharedValue","Overlay","jsx","_jsx","jsxs","_jsxs","Drawer","direction","drawerPosition","drawerStyle","drawerType","onClose","onTransitionStart","onTransitionEnd","open","overlayStyle","overlayAccessibilityLabel","renderDrawerContent","children","style","drawerWidth","progress","useEffect","value","drawerRef","useRef","onTransitionStartLatest","onTransitionEndLatest","element","current","addEventListener","removeEventListener","isOpen","isRight","drawerTranslateX","drawerAnimatedStyle","transition","transform","contentTranslateX","contentAnimatedStyle","drawerElement","ref","styles","drawer","position","zIndex","width","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":[]}
package/lib/module/views/Drawer.native.js CHANGED
@@ -6,7 +6,7 @@ import Animated, { interpolate, ReduceMotion, runOnJS, useAnimatedStyle, useDeri
6
6
  import useLatestCallback from 'use-latest-callback';
7
7
  import { DrawerGestureContext } from "../utils/DrawerGestureContext.js";
8
8
  import { DrawerProgressContext } from "../utils/DrawerProgressContext.js";
9
- import { getDrawerWidth } from "../utils/getDrawerWidth.js";
9
+ import { getDrawerWidthNative } from "../utils/getDrawerWidth.js";
10
10
  import { Gesture, GestureDetector, GestureHandlerRootView, GestureState } from './GestureHandler';
11
11
  import { Overlay } from './Overlay';
12
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -49,7 +49,7 @@ export function Drawer({
49
49
  }) {
50
50
  const windowDimensions = useWindowDimensions();
51
51
  const layout = customLayout ?? windowDimensions;
52
- const drawerWidth = getDrawerWidth({
52
+ const drawerWidth = getDrawerWidthNative({
53
53
  layout,
54
54
  drawerStyle
55
55
  });
package/lib/module/views/Drawer.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","I18nManager","InteractionManager","Keyboard","Platform","StatusBar","StyleSheet","useWindowDimensions","View","Animated","interpolate","ReduceMotion","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","useLatestCallback","DrawerGestureContext","DrawerProgressContext","getDrawerWidth","Gesture","GestureDetector","GestureHandlerRootView","GestureState","Overlay","jsx","_jsx","jsxs","_jsxs","SWIPE_EDGE_WIDTH","SWIPE_MIN_OFFSET","SWIPE_MIN_DISTANCE","SWIPE_MIN_VELOCITY","minmax","value","start","end","Math","min","max","Drawer","layout","customLayout","direction","getConstants","isRTL","drawerPosition","drawerStyle","drawerType","configureGestureHandler","hideStatusBarOnOpen","keyboardDismissMode","onClose","onOpen","onGestureStart","onGestureCancel","onGestureEnd","onTransitionStart","onTransitionEnd","open","overlayStyle","overlayAccessibilityLabel","statusBarAnimation","swipeEnabled","OS","swipeEdgeWidth","swipeMinDistance","swipeMinVelocity","renderDrawerContent","children","style","windowDimensions","drawerWidth","isOpen","isRight","getDrawerTranslationX","useCallback","hideStatusBar","hide","setHidden","useEffect","interactionHandleRef","useRef","startInteraction","current","createInteractionHandle","endInteraction","clearInteractionHandle","hideKeyboard","dismiss","onGestureBegin","onGestureFinish","onGestureAbort","hitSlop","useMemo","right","width","undefined","left","touchStartX","touchX","translationX","gestureState","UNDETERMINED","onAnimationStart","onAnimationEnd","finished","toggleDrawer","velocity","translateX","stiffness","damping","mass","overshootClamping","restDisplacementThreshold","restSpeedThreshold","reduceMotion","Never","startX","pan","panGesture","Pan","onBegin","event","state","x","onStart","onChange","onEnd","success","nextOpen","abs","velocityX","activeOffsetX","failOffsetY","enabled","touchDistance","ACTIVE","drawerAnimatedStyle","distanceFromEdge","zIndex","transform","contentAnimatedStyle","progress","styles","container","Provider","gesture","main","flexDirection","content","onPress","accessibilityLabel","removeClippedSubviews","drawer","position","create","flex","top","bottom","maxWidth","backgroundColor","select","web","default","overflow"],"sourceRoot":"../../../src","sources":["views/Drawer.native.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,WAAW,EACXC,kBAAkB,EAClBC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,mBAAmB,EACnBC,IAAI,QACC,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,YAAY,EACZC,OAAO,EACPC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,OAAOC,iBAAiB,MAAM,qBAAqB;AAGnD,SAASC,oBAAoB,QAAQ,kCAA+B;AACpE,SAASC,qBAAqB,QAAQ,mCAAgC;AACtE,SAASC,cAAc,QAAQ,4BAAyB;AACxD,SACEC,OAAO,EACPC,eAAe,EACfC,sBAAsB,EACtBC,YAAY,QACP,kBAAkB;AACzB,SAASC,OAAO,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,gBAAgB,GAAG,CAAC;AAC1B,MAAMC,kBAAkB,GAAG,EAAE;AAC7B,MAAMC,kBAAkB,GAAG,GAAG;AAE9B,MAAMC,MAAM,GAAGA,CAACC,KAAa,EAAEC,KAAa,EAAEC,GAAW,KAAK;EAC5D,SAAS;;EAET,OAAOC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACL,KAAK,EAAEC,KAAK,CAAC,EAAEC,GAAG,CAAC;AAC9C,CAAC;AAED,OAAO,SAASI,MAAMA,CAAC;EACrBC,MAAM,EAAEC,YAAY;EACpBC,SAAS,GAAG3C,WAAW,CAAC4C,YAAY,CAAC,CAAC,CAACC,KAAK,GAAG,KAAK,GAAG,KAAK;EAC5DC,cAAc,GAAGH,SAAS,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM;EACvDI,WAAW;EACXC,UAAU,GAAG,OAAO;EACpBC,uBAAuB;EACvBC,mBAAmB,GAAG,KAAK;EAC3BC,mBAAmB,GAAG,SAAS;EAC/BC,OAAO;EACPC,MAAM;EACNC,cAAc;EACdC,eAAe;EACfC,YAAY;EACZC,iBAAiB;EACjBC,eAAe;EACfC,IAAI;EACJC,YAAY;EACZC,yBAAyB;EACzBC,kBAAkB,GAAG,OAAO;EAC5BC,YAAY,GAAG5D,QAAQ,CAAC6D,EAAE,KAAK,KAAK,IAClC7D,QAAQ,CAAC6D,EAAE,KAAK,SAAS,IACzB7D,QAAQ,CAAC6D,EAAE,KAAK,OAAO;EACzBC,cAAc,GAAGpC,gBAAgB;EACjCqC,gBAAgB,GAAGnC,kBAAkB;EACrCoC,gBAAgB,GAAGnC,kBAAkB;EACrCoC,mBAAmB;EACnBC,QAAQ;EACRC;AACW,CAAC,EAAE;EACd,MAAMC,gBAAgB,GAAGjE,mBAAmB,CAAC,CAAC;EAE9C,MAAMmC,MAAM,GAAGC,YAAY,IAAI6B,gBAAgB;EAC/C,MAAMC,WAAW,GAAGrD,cAAc,CAAC;IAAEsB,MAAM;IAAEM;EAAY,CAAC,CAAC;EAE3D,MAAM0B,MAAM,GAAGzB,UAAU,KAAK,WAAW,GAAG,IAAI,GAAGW,IAAI;EACvD,MAAMe,OAAO,GAAG5B,cAAc,KAAK,OAAO;EAE1C,MAAM6B,qBAAqB,GAAG5E,KAAK,CAAC6E,WAAW,CAC5CjB,IAAa,IAAK;IACjB,SAAS;;IAET,IAAIb,cAAc,KAAK,MAAM,EAAE;MAC7B,OAAOa,IAAI,GAAG,CAAC,GAAG,CAACa,WAAW;IAChC;IAEA,OAAOb,IAAI,GAAG,CAAC,GAAGa,WAAW;EAC/B,CAAC,EACD,CAAC1B,cAAc,EAAE0B,WAAW,CAC9B,CAAC;EAED,MAAMK,aAAa,GAAG9E,KAAK,CAAC6E,WAAW,CACpCE,IAAa,IAAK;IACjB,IAAI5B,mBAAmB,EAAE;MACvB9C,SAAS,CAAC2E,SAAS,CAACD,IAAI,EAAEhB,kBAAkB,CAAC;IAC/C;EACF,CAAC,EACD,CAACZ,mBAAmB,EAAEY,kBAAkB,CAC1C,CAAC;EAED/D,KAAK,CAACiF,SAAS,CAAC,MAAM;IACpBH,aAAa,CAACJ,MAAM,CAAC;IAErB,OAAO,MAAMI,aAAa,CAAC,KAAK,CAAC;EACnC,CAAC,EAAE,CAACJ,MAAM,EAAEvB,mBAAmB,EAAEY,kBAAkB,EAAEe,aAAa,CAAC,CAAC;EAEpE,MAAMI,oBAAoB,GAAGlF,KAAK,CAACmF,MAAM,CAAgB,IAAI,CAAC;EAE9D,MAAMC,gBAAgB,GAAGnE,iBAAiB,CAAC,MAAM;IAC/CiE,oBAAoB,CAACG,OAAO,GAAGnF,kBAAkB,CAACoF,uBAAuB,CAAC,CAAC;EAC7E,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAGtE,iBAAiB,CAAC,MAAM;IAC7C,IAAIiE,oBAAoB,CAACG,OAAO,IAAI,IAAI,EAAE;MACxCnF,kBAAkB,CAACsF,sBAAsB,CAACN,oBAAoB,CAACG,OAAO,CAAC;MACvEH,oBAAoB,CAACG,OAAO,GAAG,IAAI;IACrC;EACF,CAAC,CAAC;EAEF,MAAMI,YAAY,GAAGxE,iBAAiB,CAAC,MAAM;IAC3C,IAAImC,mBAAmB,KAAK,SAAS,EAAE;MACrCjD,QAAQ,CAACuF,OAAO,CAAC,CAAC;IACpB;EACF,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAG1E,iBAAiB,CAAC,MAAM;IAC7CsC,cAAc,GAAG,CAAC;IAClB6B,gBAAgB,CAAC,CAAC;IAClBK,YAAY,CAAC,CAAC;IACdX,aAAa,CAAC,IAAI,CAAC;EACrB,CAAC,CAAC;EAEF,MAAMc,eAAe,GAAG3E,iBAAiB,CAAC,MAAM;IAC9CwC,YAAY,GAAG,CAAC;IAChB8B,cAAc,CAAC,CAAC;EAClB,CAAC,CAAC;EAEF,MAAMM,cAAc,GAAG5E,iBAAiB,CAAC,MAAM;IAC7CuC,eAAe,GAAG,CAAC;IACnB+B,cAAc,CAAC,CAAC;EAClB,CAAC,CAAC;EAEF,MAAMO,OAAO,GAAG9F,KAAK,CAAC+F,OAAO,CAC3B,MACEpB,OAAO;EACH;EACA;EACA;IAAEqB,KAAK,EAAE,CAAC;IAAEC,KAAK,EAAEvB,MAAM,GAAGwB,SAAS,GAAGhC;EAAe,CAAC,GACxD;IAAEiC,IAAI,EAAE,CAAC;IAAEF,KAAK,EAAEvB,MAAM,GAAGwB,SAAS,GAAGhC;EAAe,CAAC,EAC7D,CAACS,OAAO,EAAED,MAAM,EAAER,cAAc,CAClC,CAAC;EAED,MAAMkC,WAAW,GAAGrF,cAAc,CAAC,CAAC,CAAC;EACrC,MAAMsF,MAAM,GAAGtF,cAAc,CAAC,CAAC,CAAC;EAChC,MAAMuF,YAAY,GAAGvF,cAAc,CAAC6D,qBAAqB,CAAChB,IAAI,CAAC,CAAC;EAChE,MAAM2C,YAAY,GAAGxF,cAAc,CAAeS,YAAY,CAACgF,YAAY,CAAC;EAE5E,MAAMC,gBAAgB,GAAGxF,iBAAiB,CAAE2C,IAAa,IAAK;IAC5DF,iBAAiB,GAAG,CAACE,IAAI,CAAC;EAC5B,CAAC,CAAC;EAEF,MAAM8C,cAAc,GAAGzF,iBAAiB,CACtC,CAAC2C,IAAa,EAAE+C,QAAkB,KAAK;IACrC,IAAI,CAACA,QAAQ,EAAE;MACb;IACF;IAEAhD,eAAe,GAAG,CAACC,IAAI,CAAC;EAC1B,CACF,CAAC;EAED,MAAMgD,YAAY,GAAG5G,KAAK,CAAC6E,WAAW,CACpC,CAACjB,IAAa,EAAEiD,QAAiB,KAAK;IACpC,SAAS;;IAET,MAAMC,UAAU,GAAGlC,qBAAqB,CAAChB,IAAI,CAAC;IAE9C,IAAIiD,QAAQ,KAAKX,SAAS,EAAE;MAC1BtF,OAAO,CAAC6F,gBAAgB,CAAC,CAAC7C,IAAI,CAAC;IACjC;IAEAwC,WAAW,CAACjE,KAAK,GAAG,CAAC;IACrBkE,MAAM,CAAClE,KAAK,GAAG,CAAC;IAChBmE,YAAY,CAACnE,KAAK,GAAGnB,UAAU,CAC7B8F,UAAU,EACV;MACED,QAAQ;MACRE,SAAS,EAAE,IAAI;MACfC,OAAO,EAAE,GAAG;MACZC,IAAI,EAAE,CAAC;MACPC,iBAAiB,EAAE,IAAI;MACvBC,yBAAyB,EAAE,IAAI;MAC/BC,kBAAkB,EAAE,IAAI;MACxBC,YAAY,EAAE1G,YAAY,CAAC2G;IAC7B,CAAC,EACAX,QAAQ,IAAK/F,OAAO,CAAC8F,cAAc,CAAC,CAAC9C,IAAI,EAAE+C,QAAQ,CACtD,CAAC;IAED,IAAI/C,IAAI,EAAE;MACRhD,OAAO,CAAC0C,MAAM,CAAC,CAAC,CAAC;IACnB,CAAC,MAAM;MACL1C,OAAO,CAACyC,OAAO,CAAC,CAAC,CAAC;IACpB;EACF,CAAC,EACD,CACEuB,qBAAqB,EACrB8B,cAAc,EACdD,gBAAgB,EAChBpD,OAAO,EACPC,MAAM,EACN8C,WAAW,EACXC,MAAM,EACNC,YAAY,CAEhB,CAAC;EAEDtG,KAAK,CAACiF,SAAS,CAAC,MAAM2B,YAAY,CAAChD,IAAI,CAAC,EAAE,CAACA,IAAI,EAAEgD,YAAY,CAAC,CAAC;EAE/D,MAAMW,MAAM,GAAGxG,cAAc,CAAC,CAAC,CAAC;EAEhC,MAAMyG,GAAG,GAAGxH,KAAK,CAAC+F,OAAO,CAAC,MAAM;IAC9B,IAAI0B,UAAU,GAAGpG,OAAO,EAAEqG,GAAG,CAAC,CAAC,CAC5BC,OAAO,CAAEC,KAAK,IAAK;MAClB,SAAS;;MAETL,MAAM,CAACpF,KAAK,GAAGmE,YAAY,CAACnE,KAAK;MACjCoE,YAAY,CAACpE,KAAK,GAAGyF,KAAK,CAACC,KAAK;MAChCzB,WAAW,CAACjE,KAAK,GAAGyF,KAAK,CAACE,CAAC;IAC7B,CAAC,CAAC,CACDC,OAAO,CAAC,MAAM;MACb,SAAS;;MAETnH,OAAO,CAAC+E,cAAc,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC,CACDqC,QAAQ,CAAEJ,KAAK,IAAK;MACnB,SAAS;;MAETvB,MAAM,CAAClE,KAAK,GAAGyF,KAAK,CAACE,CAAC;MACtBxB,YAAY,CAACnE,KAAK,GAAGoF,MAAM,CAACpF,KAAK,GAAGyF,KAAK,CAACtB,YAAY;MACtDC,YAAY,CAACpE,KAAK,GAAGyF,KAAK,CAACC,KAAK;IAClC,CAAC,CAAC,CACDI,KAAK,CAAC,CAACL,KAAK,EAAEM,OAAO,KAAK;MACzB,SAAS;;MAET3B,YAAY,CAACpE,KAAK,GAAGyF,KAAK,CAACC,KAAK;MAEhC,IAAI,CAACK,OAAO,EAAE;QACZtH,OAAO,CAACiF,cAAc,CAAC,CAAC,CAAC;MAC3B;MAEA,MAAMsC,QAAQ,GACX7F,IAAI,CAAC8F,GAAG,CAACR,KAAK,CAACtB,YAAY,CAAC,GAAGvE,gBAAgB,IAC9CO,IAAI,CAAC8F,GAAG,CAACR,KAAK,CAACtB,YAAY,CAAC,GAAGlC,gBAAgB,IACjD9B,IAAI,CAAC8F,GAAG,CAACR,KAAK,CAACtB,YAAY,CAAC,GAAGnC,gBAAgB,GAC3CpB,cAAc,KAAK,MAAM;MACvB;MACA,CAAC6E,KAAK,CAACS,SAAS,KAAK,CAAC,GAAGT,KAAK,CAACtB,YAAY,GAAGsB,KAAK,CAACS,SAAS,IAC7D,CAAC;MACD;MACA,CAACT,KAAK,CAACS,SAAS,KAAK,CAAC,GAAGT,KAAK,CAACtB,YAAY,GAAGsB,KAAK,CAACS,SAAS,IAC7D,CAAC,GACHzE,IAAI;MAEVgD,YAAY,CAACuB,QAAQ,EAAEP,KAAK,CAACS,SAAS,CAAC;MACvCzH,OAAO,CAACgF,eAAe,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC,CACD0C,aAAa,CAAC,CAAC,CAACvG,gBAAgB,EAAEA,gBAAgB,CAAC,CAAC,CACpDwG,WAAW,CAAC,CAAC,CAACxG,gBAAgB,EAAEA,gBAAgB,CAAC,CAAC,CAClD+D,OAAO,CAACA,OAAO,CAAC,CAChB0C,OAAO,CAACvF,UAAU,KAAK,WAAW,IAAIe,YAAY,CAAC;IAEtD,IAAIyD,UAAU,IAAIvE,uBAAuB,EAAE;MACzCuE,UAAU,GAAGvE,uBAAuB,CAACuE,UAAU,CAAC;IAClD;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CACDvE,uBAAuB,EACvBH,cAAc,EACdE,UAAU,EACVsD,YAAY,EACZT,OAAO,EACPH,cAAc,EACdE,cAAc,EACdD,eAAe,EACfhC,IAAI,EACJ2D,MAAM,EACNvD,YAAY,EACZG,gBAAgB,EAChBC,gBAAgB,EAChBwC,YAAY,EACZR,WAAW,EACXC,MAAM,EACNC,YAAY,CACb,CAAC;EAEF,MAAMQ,UAAU,GAAGhG,eAAe,CAAC,MAAM;IACvC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAM2H,aAAa,GACjBxF,UAAU,KAAK,OAAO,IAAIsD,YAAY,CAACpE,KAAK,KAAKX,YAAY,CAACkH,MAAM,GAChExG,MAAM,CACJa,cAAc,KAAK,MAAM,GACrBqD,WAAW,CAACjE,KAAK,GAAGsC,WAAW,GAC/B/B,MAAM,CAACuD,KAAK,GAAGxB,WAAW,GAAG2B,WAAW,CAACjE,KAAK,EAClD,CAAC,EACDO,MAAM,CAACuD,KACT,CAAC,GACD,CAAC;IAEP,MAAMa,UAAU,GACd/D,cAAc,KAAK,MAAM,GACrBb,MAAM,CAACoE,YAAY,CAACnE,KAAK,GAAGsG,aAAa,EAAE,CAAChE,WAAW,EAAE,CAAC,CAAC,GAC3DvC,MAAM,CAACoE,YAAY,CAACnE,KAAK,GAAGsG,aAAa,EAAE,CAAC,EAAEhE,WAAW,CAAC;IAEhE,OAAOqC,UAAU;EACnB,CAAC,CAAC;EAEF,MAAM6B,mBAAmB,GAAG9H,gBAAgB,CAAC,MAAM;IACjD,MAAM+H,gBAAgB,GAAGlG,MAAM,CAACuD,KAAK,GAAGxB,WAAW;IAEnD,OAAO;MACL;MACA;MACA;MACAoE,MAAM,EAAE/B,UAAU,CAAC3E,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;MACtC2G,SAAS,EACP7F,UAAU,KAAK,WAAW;MACtB;MACA;MACA,EAAE,GACF,CACE;QACE6D,UAAU;QACR;QACA,CAAC7D,UAAU,KAAK,MAAM,GAAG,CAAC,GAAG6D,UAAU,CAAC3E,KAAK,KAC5CS,SAAS,KAAK,KAAK,GAChBG,cAAc,KAAK,MAAM,GACvB,CAAC6F,gBAAgB,GACjB,CAAC,GACH7F,cAAc,KAAK,MAAM,GACvB,CAAC,GACD6F,gBAAgB;MAC1B,CAAC;IAEX,CAAC;EACH,CAAC,EAAE,CACDhG,SAAS,EACTG,cAAc,EACdE,UAAU,EACVwB,WAAW,EACX/B,MAAM,CAACuD,KAAK,EACZa,UAAU,CACX,CAAC;EAEF,MAAMiC,oBAAoB,GAAGlI,gBAAgB,CAAC,MAAM;IAClD,OAAO;MACL;MACAgI,MAAM,EAAE/B,UAAU,CAAC3E,KAAK,KAAK,CAAC,GAAG,CAAC,GAAGc,UAAU,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC;MAClE6F,SAAS,EACP7F,UAAU,KAAK,WAAW;MACtB;MACA;MACA,EAAE,GACF,CACE;QACE6D,UAAU;QACR;QACA7D,UAAU,KAAK,OAAO,GAClB,CAAC,GACD6D,UAAU,CAAC3E,KAAK,GAChBsC,WAAW,IAAI1B,cAAc,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;MACzD,CAAC;IAEX,CAAC;EACH,CAAC,EAAE,CAACA,cAAc,EAAEE,UAAU,EAAEwB,WAAW,EAAEqC,UAAU,CAAC,CAAC;EAEzD,MAAMkC,QAAQ,GAAGlI,eAAe,CAAC,MAAM;IACrC,OAAOmC,UAAU,KAAK,WAAW,GAC7B,CAAC,GACDvC,WAAW,CACToG,UAAU,CAAC3E,KAAK,EAChB,CAACyC,qBAAqB,CAAC,KAAK,CAAC,EAAEA,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAC3D,CAAC,CAAC,EAAE,CAAC,CACP,CAAC;EACP,CAAC,CAAC;EAEF,oBACEjD,IAAA,CAACJ,sBAAsB;IAACgD,KAAK,EAAE,CAAC0E,MAAM,CAACC,SAAS,EAAE3E,KAAK,CAAE;IAAAD,QAAA,eACvD3C,IAAA,CAACR,qBAAqB,CAACgI,QAAQ;MAAChH,KAAK,EAAE6G,QAAS;MAAA1E,QAAA,eAC9C3C,IAAA,CAACT,oBAAoB,CAACiI,QAAQ;QAAChH,KAAK,EAAEqF,GAAI;QAAAlD,QAAA,eACxC3C,IAAA,CAACL,eAAe;UAAC8H,OAAO,EAAE5B,GAAI;UAAAlD,QAAA,eAE5BzC,KAAA,CAACpB,QAAQ,CAACD,IAAI;YACZ+D,KAAK,EAAE,CACL0E,MAAM,CAACI,IAAI,EACX;cACEC,aAAa,EACXrG,UAAU,KAAK,WAAW,GACrB0B,OAAO,IAAI/B,SAAS,KAAK,KAAK,IAC9B,CAAC+B,OAAO,IAAI/B,SAAS,KAAK,KAAM,GAC/B,KAAK,GACL,aAAa,GACf;YACR,CAAC,CACD;YAAA0B,QAAA,gBAEFzC,KAAA,CAACpB,QAAQ,CAACD,IAAI;cAAC+D,KAAK,EAAE,CAAC0E,MAAM,CAACM,OAAO,EAAER,oBAAoB,CAAE;cAAAzE,QAAA,gBAC3D3C,IAAA,CAACnB,IAAI;gBACH,eAAakE,MAAM,IAAIzB,UAAU,KAAK,WAAY;gBAClDsB,KAAK,EAAE0E,MAAM,CAACM,OAAQ;gBAAAjF,QAAA,EAErBA;cAAQ,CACL,CAAC,EACNrB,UAAU,KAAK,WAAW,gBACzBtB,IAAA,CAACF,OAAO;gBACNmC,IAAI,EAAEA,IAAK;gBACXoF,QAAQ,EAAEA,QAAS;gBACnBQ,OAAO,EAAEA,CAAA,KAAM5C,YAAY,CAAC,KAAK,CAAE;gBACnCrC,KAAK,EAAEV,YAAa;gBACpB4F,kBAAkB,EAAE3F;cAA0B,CAC/C,CAAC,GACA,IAAI;YAAA,CACK,CAAC,eAChBnC,IAAA,CAAClB,QAAQ,CAACD,IAAI;cACZkJ,qBAAqB,EAAEtJ,QAAQ,CAAC6D,EAAE,KAAK,KAAM;cAC7CM,KAAK,EAAE,CACL0E,MAAM,CAACU,MAAM,EACb;gBACE1D,KAAK,EAAExB,WAAW;gBAClBmF,QAAQ,EACN3G,UAAU,KAAK,WAAW,GAAG,UAAU,GAAG,UAAU;gBACtD4F,MAAM,EAAE5F,UAAU,KAAK,MAAM,GAAG,CAAC,CAAC,GAAG;cACvC,CAAC,EACD0F,mBAAmB,EACnB3F,WAAW,CACX;cAAAsB,QAAA,EAEDD,mBAAmB,CAAC;YAAC,CACT,CAAC;UAAA,CACH;QAAC,CACD;MAAC,CACW;IAAC,CACF;EAAC,CACX,CAAC;AAE7B;AAEA,MAAM4E,MAAM,GAAG3I,UAAU,CAACuJ,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,IAAI,EAAE;EACR,CAAC;EACDH,MAAM,EAAE;IACNI,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,MAAM;IAChBC,eAAe,EAAE;EACnB,CAAC;EACDX,OAAO,EAAE;IACPO,IAAI,EAAE;EACR,CAAC;EACDT,IAAI,EAAE;IACJS,IAAI,EAAE,CAAC;IACP,GAAG1J,QAAQ,CAAC+J,MAAM,CAAC;MACjB;MACA;MACAC,GAAG,EAAE,IAAI;MACTC,OAAO,EAAE;QAAEC,QAAQ,EAAE;MAAS;IAChC,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","I18nManager","InteractionManager","Keyboard","Platform","StatusBar","StyleSheet","useWindowDimensions","View","Animated","interpolate","ReduceMotion","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","useLatestCallback","DrawerGestureContext","DrawerProgressContext","getDrawerWidthNative","Gesture","GestureDetector","GestureHandlerRootView","GestureState","Overlay","jsx","_jsx","jsxs","_jsxs","SWIPE_EDGE_WIDTH","SWIPE_MIN_OFFSET","SWIPE_MIN_DISTANCE","SWIPE_MIN_VELOCITY","minmax","value","start","end","Math","min","max","Drawer","layout","customLayout","direction","getConstants","isRTL","drawerPosition","drawerStyle","drawerType","configureGestureHandler","hideStatusBarOnOpen","keyboardDismissMode","onClose","onOpen","onGestureStart","onGestureCancel","onGestureEnd","onTransitionStart","onTransitionEnd","open","overlayStyle","overlayAccessibilityLabel","statusBarAnimation","swipeEnabled","OS","swipeEdgeWidth","swipeMinDistance","swipeMinVelocity","renderDrawerContent","children","style","windowDimensions","drawerWidth","isOpen","isRight","getDrawerTranslationX","useCallback","hideStatusBar","hide","setHidden","useEffect","interactionHandleRef","useRef","startInteraction","current","createInteractionHandle","endInteraction","clearInteractionHandle","hideKeyboard","dismiss","onGestureBegin","onGestureFinish","onGestureAbort","hitSlop","useMemo","right","width","undefined","left","touchStartX","touchX","translationX","gestureState","UNDETERMINED","onAnimationStart","onAnimationEnd","finished","toggleDrawer","velocity","translateX","stiffness","damping","mass","overshootClamping","restDisplacementThreshold","restSpeedThreshold","reduceMotion","Never","startX","pan","panGesture","Pan","onBegin","event","state","x","onStart","onChange","onEnd","success","nextOpen","abs","velocityX","activeOffsetX","failOffsetY","enabled","touchDistance","ACTIVE","drawerAnimatedStyle","distanceFromEdge","zIndex","transform","contentAnimatedStyle","progress","styles","container","Provider","gesture","main","flexDirection","content","onPress","accessibilityLabel","removeClippedSubviews","drawer","position","create","flex","top","bottom","maxWidth","backgroundColor","select","web","default","overflow"],"sourceRoot":"../../../src","sources":["views/Drawer.native.tsx"],"mappings":"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","ignoreList":[]}
package/lib/typescript/src/utils/getDrawerWidth.d.ts CHANGED
@@ -1,9 +1,12 @@
1
1
  import { type StyleProp, type ViewStyle } from 'react-native';
2
- export declare function getDrawerWidth({ layout, drawerStyle, }: {
2
+ export declare function getDrawerWidthNative({ layout, drawerStyle, }: {
3
3
  layout: {
4
4
  width: number;
5
5
  height: number;
6
6
  };
7
7
  drawerStyle?: StyleProp<ViewStyle>;
8
8
  }): number;
9
+ export declare function getDrawerWidthWeb({ drawerStyle, }: {
10
+ drawerStyle?: StyleProp<ViewStyle>;
11
+ }): number | "min(calc(100% - 56px), 360px)" | "auto" | `${number}%`;
9
12
  //# sourceMappingURL=getDrawerWidth.d.ts.map
package/lib/typescript/src/utils/getDrawerWidth.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"getDrawerWidth.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDrawerWidth.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAkB1E,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,WAAW,GACZ,EAAE;IACD,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC,UAcA"}
1
+ {"version":3,"file":"getDrawerWidth.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDrawerWidth.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAY1E,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,WAAW,GACZ,EAAE;IACD,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC,UAkBA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,GACZ,EAAE;IACD,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC,oEAMA"}
package/lib/typescript/src/views/Drawer.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import type { DrawerProps } from '../types';
2
- export declare function Drawer({ layout: customLayout, direction, drawerPosition, drawerStyle, drawerType, onClose, onTransitionStart, onTransitionEnd, open, overlayStyle, overlayAccessibilityLabel, renderDrawerContent, children, style, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
2
+ export declare function Drawer({ direction, drawerPosition, drawerStyle, drawerType, onClose, onTransitionStart, onTransitionEnd, open, overlayStyle, overlayAccessibilityLabel, renderDrawerContent, children, style, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
3
3
  //# sourceMappingURL=Drawer.d.ts.map
package/lib/typescript/src/views/Drawer.d.ts.map CHANGED
@@ -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,2CAyHb"}
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,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,2CA6Hb"}
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.9",
4
+ "version": "4.1.11",
5
5
  "keywords": [
6
6
  "react-native-component",
7
7
  "react-component",
@@ -21,11 +21,11 @@
21
21
  "url": "https://github.com/react-navigation/react-navigation/issues"
22
22
  },
23
23
  "homepage": "https://reactnavigation.org/docs/drawer-layout/",
24
- "source": "./src/index.tsx",
25
24
  "main": "./lib/module/index.js",
26
25
  "types": "./lib/typescript/src/index.d.ts",
27
26
  "exports": {
28
27
  ".": {
28
+ "source": "./src/index.tsx",
29
29
  "types": "./lib/typescript/src/index.d.ts",
30
30
  "default": "./lib/module/index.js"
31
31
  },
@@ -42,13 +42,13 @@
42
42
  "clean": "del lib"
43
43
  },
44
44
  "dependencies": {
45
- "use-latest-callback": "^0.2.3"
45
+ "use-latest-callback": "^0.2.4"
46
46
  },
47
47
  "devDependencies": {
48
48
  "del-cli": "^6.0.0",
49
49
  "react": "19.0.0",
50
- "react-native": "0.79.2",
51
- "react-native-builder-bob": "^0.40.9",
50
+ "react-native": "0.79.3",
51
+ "react-native-builder-bob": "^0.40.12",
52
52
  "typescript": "^5.8.3"
53
53
  },
54
54
  "peerDependencies": {
@@ -75,5 +75,5 @@
75
75
  ]
76
76
  ]
77
77
  },
78
- "gitHead": "52e5ec64745b399655adf7bd9773e31372d51e62"
78
+ "gitHead": "27560ad2fc55987654a2f9419a016225387e78fe"
79
79
  }
package/src/utils/getDrawerWidth.tsx CHANGED
@@ -3,28 +3,26 @@ import { type StyleProp, StyleSheet, type ViewStyle } from 'react-native';
3
3
  const APPROX_APP_BAR_HEIGHT = 56;
4
4
  const DEFAULT_DRAWER_WIDTH = 360;
5
5
 
6
- const getDefaultDrawerWidth = ({ width }: { width: number }) => {
7
- /**
8
- * Default drawer width is 360dp
9
- * On screens smaller than 320dp, ideally the drawer would collapse to a navigation bar
10
- * https://m3.material.io/components/navigation-drawer/specs
11
- */
12
- if (width - APPROX_APP_BAR_HEIGHT <= 360) {
13
- return width - APPROX_APP_BAR_HEIGHT;
14
- }
15
-
16
- return DEFAULT_DRAWER_WIDTH;
17
- };
6
+ /**
7
+ * Default drawer width is 360dp
8
+ * On screens smaller than 320dp, ideally the drawer would collapse to a navigation bar
9
+ * https://m3.material.io/components/navigation-drawer/specs
10
+ */
11
+ const DRAWER_DEFAULT_WIDTH_WEB = `min(calc(100% - ${APPROX_APP_BAR_HEIGHT}px), ${DEFAULT_DRAWER_WIDTH}px)`;
18
12
 
19
- export function getDrawerWidth({
13
+ export function getDrawerWidthNative({
20
14
  layout,
21
15
  drawerStyle,
22
16
  }: {
23
17
  layout: { width: number; height: number };
24
18
  drawerStyle?: StyleProp<ViewStyle>;
25
19
  }) {
26
- const { width = getDefaultDrawerWidth(layout) } =
27
- StyleSheet.flatten(drawerStyle) || {};
20
+ const defaultWidth =
21
+ layout.width - APPROX_APP_BAR_HEIGHT <= 360
22
+ ? layout.width - APPROX_APP_BAR_HEIGHT
23
+ : DEFAULT_DRAWER_WIDTH;
24
+
25
+ const { width = defaultWidth } = StyleSheet.flatten(drawerStyle) || {};
28
26
 
29
27
  if (typeof width === 'string' && width.endsWith('%')) {
30
28
  // Try to calculate width if a percentage is given
@@ -35,5 +33,17 @@ export function getDrawerWidth({
35
33
  }
36
34
  }
37
35
 
38
- return typeof width === 'number' ? width : 0;
36
+ return typeof width === 'number' ? width : defaultWidth;
37
+ }
38
+
39
+ export function getDrawerWidthWeb({
40
+ drawerStyle,
41
+ }: {
42
+ drawerStyle?: StyleProp<ViewStyle>;
43
+ }) {
44
+ const { width } = StyleSheet.flatten(drawerStyle) || {};
45
+
46
+ return typeof width === 'string' || typeof width === 'number'
47
+ ? width
48
+ : DRAWER_DEFAULT_WIDTH_WEB;
39
49
  }
package/src/views/Drawer.native.tsx CHANGED
@@ -23,7 +23,7 @@ import useLatestCallback from 'use-latest-callback';
23
23
  import type { DrawerProps } from '../types';
24
24
  import { DrawerGestureContext } from '../utils/DrawerGestureContext';
25
25
  import { DrawerProgressContext } from '../utils/DrawerProgressContext';
26
- import { getDrawerWidth } from '../utils/getDrawerWidth';
26
+ import { getDrawerWidthNative } from '../utils/getDrawerWidth';
27
27
  import {
28
28
  Gesture,
29
29
  GestureDetector,
@@ -76,7 +76,7 @@ export function Drawer({
76
76
  const windowDimensions = useWindowDimensions();
77
77
 
78
78
  const layout = customLayout ?? windowDimensions;
79
- const drawerWidth = getDrawerWidth({ layout, drawerStyle });
79
+ const drawerWidth = getDrawerWidthNative({ layout, drawerStyle });
80
80
 
81
81
  const isOpen = drawerType === 'permanent' ? true : open;
82
82
  const isRight = drawerPosition === 'right';
package/src/views/Drawer.tsx CHANGED
@@ -1,15 +1,14 @@
1
1
  import * as React from 'react';
2
- import { StyleSheet, useWindowDimensions, View } from 'react-native';
2
+ import { StyleSheet, View } from 'react-native';
3
3
  import useLatestCallback from 'use-latest-callback';
4
4
 
5
5
  import type { DrawerProps } from '../types';
6
6
  import { DrawerProgressContext } from '../utils/DrawerProgressContext';
7
- import { getDrawerWidth } from '../utils/getDrawerWidth';
7
+ import { getDrawerWidthWeb } from '../utils/getDrawerWidth';
8
8
  import { useFakeSharedValue } from '../utils/useFakeSharedValue';
9
9
  import { Overlay } from './Overlay';
10
10
 
11
11
  export function Drawer({
12
- layout: customLayout,
13
12
  direction = 'ltr',
14
13
  drawerPosition = direction === 'rtl' ? 'right' : 'left',
15
14
  drawerStyle,
@@ -24,10 +23,7 @@ export function Drawer({
24
23
  children,
25
24
  style,
26
25
  }: DrawerProps) {
27
- const windowDimensions = useWindowDimensions();
28
-
29
- const drawerWidth = getDrawerWidth({
30
- layout: customLayout ?? windowDimensions,
26
+ const drawerWidth = getDrawerWidthWeb({
31
27
  drawerStyle,
32
28
  });
33
29
 
@@ -62,36 +58,34 @@ export function Drawer({
62
58
  const isOpen = drawerType === 'permanent' ? true : open;
63
59
  const isRight = drawerPosition === 'right';
64
60
 
65
- const translateX =
61
+ const drawerTranslateX =
66
62
  // The drawer stays in place at open position when `drawerType` is `back`
67
63
  open || drawerType === 'back'
68
- ? 0
69
- : drawerPosition === 'left'
70
- ? -drawerWidth
71
- : drawerWidth;
64
+ ? drawerPosition === 'left'
65
+ ? '100%'
66
+ : '-100%'
67
+ : 0;
72
68
 
73
69
  const drawerAnimatedStyle =
74
70
  drawerType !== 'permanent'
75
71
  ? {
76
72
  transition: 'transform 0.3s',
77
- transform: [{ translateX }],
73
+ transform: `translateX(${drawerTranslateX})`,
78
74
  }
79
75
  : null;
80
76
 
77
+ const contentTranslateX = open
78
+ ? // The screen content stays in place when `drawerType` is `front`
79
+ drawerType === 'front'
80
+ ? 0
81
+ : `calc(${drawerWidth} * ${drawerPosition === 'left' ? 1 : -1})`
82
+ : 0;
83
+
81
84
  const contentAnimatedStyle =
82
85
  drawerType !== 'permanent'
83
86
  ? {
84
87
  transition: 'transform 0.3s',
85
- transform: [
86
- {
87
- translateX: open
88
- ? // The screen content stays in place when `drawerType` is `front`
89
- drawerType === 'front'
90
- ? 0
91
- : drawerWidth * (drawerPosition === 'left' ? 1 : -1)
92
- : 0,
93
- },
94
- ],
88
+ transform: `translateX(${contentTranslateX})`,
95
89
  }
96
90
  : null;
97
91
 
@@ -102,11 +96,20 @@ export function Drawer({
102
96
  style={[
103
97
  styles.drawer,
104
98
  {
105
- width: drawerWidth,
106
99
  position: drawerType === 'permanent' ? 'relative' : 'absolute',
107
100
  zIndex: drawerType === 'back' ? -1 : 1,
108
101
  },
109
- drawerPosition === 'right' ? { right: 0 } : { left: 0 },
102
+ // @ts-expect-error: width contains `calc` for web
103
+ { width: drawerWidth },
104
+ // @ts-expect-error: offset contains `calc` for web
105
+ drawerType !== 'permanent'
106
+ ? // Position drawer off-screen by default in closed state
107
+ // And add a translation only when drawer is open
108
+ // So changing position in closed state won't trigger a visible transition
109
+ drawerPosition === 'right'
110
+ ? { right: `calc(${drawerWidth} * -1)` }
111
+ : { left: `calc(${drawerWidth} * -1)` }
112
+ : null,
110
113
  drawerAnimatedStyle,
111
114
  drawerStyle,
112
115
  ]}