@react-navigation/drawer 7.0.0-alpha.11 → 7.0.0-alpha.12

package/lib/commonjs/views/DrawerItem.js

@@ -41,7 +41,7 @@ function DrawerItem(props) {
     ...rest
   } = props;
   const {
-    borderRadius = 4
+    borderRadius = 56
   } = _reactNative.StyleSheet.flatten(style || {});
   const color = focused ? activeTintColor : inactiveTintColor;
   const backgroundColor = focused ? activeBackgroundColor : inactiveBackgroundColor;
@@ -74,13 +74,12 @@ function DrawerItem(props) {
     }]
   }, iconNode, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
-      marginLeft: iconNode ? 32 : 0,
-      marginVertical: 5
+      marginLeft: iconNode ? 16 : 0
     }]
   }, typeof label === 'string' ? /*#__PURE__*/React.createElement(_elements.Text, {
     numberOfLines: 1,
     allowFontScaling: allowFontScaling,
-    style: [{
+    style: [styles.labelText, {
       color
     }, fonts.medium, labelStyle]
   }, label) : label({
@@ -90,18 +89,25 @@ function DrawerItem(props) {
 }
 const styles = _reactNative.StyleSheet.create({
   container: {
-    marginHorizontal: 10,
-    marginVertical: 4,
+    marginHorizontal: 12,
+    marginVertical: 2,
     overflow: 'hidden'
   },
   wrapper: {
     flexDirection: 'row',
     alignItems: 'center',
-    padding: 8
+    paddingVertical: 12,
+    paddingLeft: 16,
+    paddingRight: 24
   },
   label: {
-    marginRight: 32,
+    marginRight: 12,
+    marginVertical: 4,
     flex: 1
+  },
+  labelText: {
+    lineHeight: 24,
+    textAlignVertical: 'center'
   }
 });
 //# sourceMappingURL=DrawerItem.js.map

package/lib/commonjs/views/DrawerItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_elements","require","_native","_color","_interopRequireDefault","React","_interopRequireWildcard","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","DrawerItem","props","colors","fonts","useTheme","href","icon","label","labelStyle","focused","allowFontScaling","activeTintColor","primary","inactiveTintColor","Color","text","alpha","rgb","string","activeBackgroundColor","inactiveBackgroundColor","style","onPress","pressColor","pressOpacity","testID","accessibilityLabel","rest","borderRadius","StyleSheet","flatten","color","backgroundColor","iconNode","size","createElement","View","collapsable","styles","container","PlatformPressable","accessibilityRole","accessibilityState","selected","wrapper","marginLeft","marginVertical","Text","numberOfLines","medium","create","marginHorizontal","overflow","flexDirection","alignItems","padding","marginRight","flex"],"sourceRoot":"../../../src","sources":["views/DrawerItem.tsx"],"mappings":"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"}
+{"version":3,"names":["_elements","require","_native","_color","_interopRequireDefault","React","_interopRequireWildcard","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","DrawerItem","props","colors","fonts","useTheme","href","icon","label","labelStyle","focused","allowFontScaling","activeTintColor","primary","inactiveTintColor","Color","text","alpha","rgb","string","activeBackgroundColor","inactiveBackgroundColor","style","onPress","pressColor","pressOpacity","testID","accessibilityLabel","rest","borderRadius","StyleSheet","flatten","color","backgroundColor","iconNode","size","createElement","View","collapsable","styles","container","PlatformPressable","accessibilityRole","accessibilityState","selected","wrapper","marginLeft","Text","numberOfLines","labelText","medium","create","marginHorizontal","marginVertical","overflow","flexDirection","alignItems","paddingVertical","paddingLeft","paddingRight","marginRight","flex","lineHeight","textAlignVertical"],"sourceRoot":"../../../src","sources":["views/DrawerItem.tsx"],"mappings":"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"}

package/lib/module/views/DrawerItem.js

@@ -32,7 +32,7 @@ export function DrawerItem(props) {
     ...rest
   } = props;
   const {
-    borderRadius = 4
+    borderRadius = 56
   } = StyleSheet.flatten(style || {});
   const color = focused ? activeTintColor : inactiveTintColor;
   const backgroundColor = focused ? activeBackgroundColor : inactiveBackgroundColor;
@@ -65,13 +65,12 @@ export function DrawerItem(props) {
     }]
   }, iconNode, /*#__PURE__*/React.createElement(View, {
     style: [styles.label, {
-      marginLeft: iconNode ? 32 : 0,
-      marginVertical: 5
+      marginLeft: iconNode ? 16 : 0
     }]
   }, typeof label === 'string' ? /*#__PURE__*/React.createElement(Text, {
     numberOfLines: 1,
     allowFontScaling: allowFontScaling,
-    style: [{
+    style: [styles.labelText, {
       color
     }, fonts.medium, labelStyle]
   }, label) : label({
@@ -81,18 +80,25 @@ export function DrawerItem(props) {
 }
 const styles = StyleSheet.create({
   container: {
-    marginHorizontal: 10,
-    marginVertical: 4,
+    marginHorizontal: 12,
+    marginVertical: 2,
     overflow: 'hidden'
   },
   wrapper: {
     flexDirection: 'row',
     alignItems: 'center',
-    padding: 8
+    paddingVertical: 12,
+    paddingLeft: 16,
+    paddingRight: 24
   },
   label: {
-    marginRight: 32,
+    marginRight: 12,
+    marginVertical: 4,
     flex: 1
+  },
+  labelText: {
+    lineHeight: 24,
+    textAlignVertical: 'center'
   }
 });
 //# sourceMappingURL=DrawerItem.js.map

package/lib/module/views/DrawerItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["PlatformPressable","Text","useTheme","Color","React","StyleSheet","View","DrawerItem","props","colors","fonts","href","icon","label","labelStyle","focused","allowFontScaling","activeTintColor","primary","inactiveTintColor","text","alpha","rgb","string","activeBackgroundColor","inactiveBackgroundColor","style","onPress","pressColor","pressOpacity","testID","accessibilityLabel","rest","borderRadius","flatten","color","backgroundColor","iconNode","size","createElement","_extends","collapsable","styles","container","accessibilityRole","accessibilityState","selected","wrapper","marginLeft","marginVertical","numberOfLines","medium","create","marginHorizontal","overflow","flexDirection","alignItems","padding","marginRight","flex"],"sourceRoot":"../../../src","sources":["views/DrawerItem.tsx"],"mappings":"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"}
+{"version":3,"names":["PlatformPressable","Text","useTheme","Color","React","StyleSheet","View","DrawerItem","props","colors","fonts","href","icon","label","labelStyle","focused","allowFontScaling","activeTintColor","primary","inactiveTintColor","text","alpha","rgb","string","activeBackgroundColor","inactiveBackgroundColor","style","onPress","pressColor","pressOpacity","testID","accessibilityLabel","rest","borderRadius","flatten","color","backgroundColor","iconNode","size","createElement","_extends","collapsable","styles","container","accessibilityRole","accessibilityState","selected","wrapper","marginLeft","numberOfLines","labelText","medium","create","marginHorizontal","marginVertical","overflow","flexDirection","alignItems","paddingVertical","paddingLeft","paddingRight","marginRight","flex","lineHeight","textAlignVertical"],"sourceRoot":"../../../src","sources":["views/DrawerItem.tsx"],"mappings":"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"}

package/lib/typescript/src/views/DrawerItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerItem.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EACD,MAAM,GACN,CAAC,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACtE;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,qBAuEtC"}
+{"version":3,"file":"DrawerItem.d.ts","sourceRoot":"","sources":["../../../../src/views/DrawerItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EACD,MAAM,GACN,CAAC,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACtE;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,qBAkEtC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/drawer",
   "description": "Integration for the drawer component from react-native-drawer-layout",
-  "version": "7.0.0-alpha.11",
+  "version": "7.0.0-alpha.12",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -41,13 +41,13 @@
     "clean": "del lib"
   },
   "dependencies": {
-    "@react-navigation/elements": "^2.0.0-alpha.8",
+    "@react-navigation/elements": "^2.0.0-alpha.9",
     "color": "^4.2.3",
     "react-native-drawer-layout": "^4.0.0-alpha.5",
     "use-latest-callback": "^0.1.9"
   },
   "devDependencies": {
-    "@react-navigation/native": "^7.0.0-alpha.10",
+    "@react-navigation/native": "^7.0.0-alpha.11",
     "@testing-library/react-native": "^12.4.3",
     "@types/react": "~18.2.45",
     "del-cli": "^5.1.0",
@@ -61,7 +61,7 @@
     "typescript": "^5.3.3"
   },
   "peerDependencies": {
-    "@react-navigation/native": "^7.0.0-alpha.10",
+    "@react-navigation/native": "^7.0.0-alpha.11",
     "react": ">= 18.2.0",
     "react-native": ">= 0.72.0",
     "react-native-gesture-handler": ">= 2.0.0",
@@ -83,5 +83,5 @@
       ]
     ]
   },
-  "gitHead": "38117089fff9341c72e0834ca8ec237e8186b63c"
+  "gitHead": "b407411496a2eaeeeb29b563d66294e79ae31311"
 }

package/src/views/DrawerItem.tsx

@@ -120,7 +120,7 @@ export function DrawerItem(props: Props) {
     ...rest
   } = props;
 
-  const { borderRadius = 4 } = StyleSheet.flatten(style || {});
+  const { borderRadius = 56 } = StyleSheet.flatten(style || {});
   const color = focused ? activeTintColor : inactiveTintColor;
   const backgroundColor = focused
     ? activeBackgroundColor
@@ -146,17 +146,12 @@ export function DrawerItem(props: Props) {
       >
         <View style={[styles.wrapper, { borderRadius }]}>
           {iconNode}
-          <View
-            style={[
-              styles.label,
-              { marginLeft: iconNode ? 32 : 0, marginVertical: 5 },
-            ]}
-          >
+          <View style={[styles.label, { marginLeft: iconNode ? 16 : 0 }]}>
             {typeof label === 'string' ? (
               <Text
                 numberOfLines={1}
                 allowFontScaling={allowFontScaling}
-                style={[{ color }, fonts.medium, labelStyle]}
+                style={[styles.labelText, { color }, fonts.medium, labelStyle]}
               >
                 {label}
               </Text>
@@ -172,17 +167,24 @@ export function DrawerItem(props: Props) {
 
 const styles = StyleSheet.create({
   container: {
-    marginHorizontal: 10,
-    marginVertical: 4,
+    marginHorizontal: 12,
+    marginVertical: 2,
     overflow: 'hidden',
   },
   wrapper: {
     flexDirection: 'row',
     alignItems: 'center',
-    padding: 8,
+    paddingVertical: 12,
+    paddingLeft: 16,
+    paddingRight: 24,
   },
   label: {
-    marginRight: 32,
+    marginRight: 12,
+    marginVertical: 4,
     flex: 1,
   },
+  labelText: {
+    lineHeight: 24,
+    textAlignVertical: 'center',
+  },
 });