react-native-drawer-layout 4.1.11 → 4.1.12

package/lib/module/utils/getDrawerWidth.js

@@ -33,6 +33,12 @@ export function getDrawerWidthWeb({
   const {
     width
   } = StyleSheet.flatten(drawerStyle) || {};
-  return typeof width === 'string' || typeof width === 'number' ? width : DRAWER_DEFAULT_WIDTH_WEB;
+  if (typeof width === 'number') {
+    return `${width}px`;
+  }
+  if (typeof width === 'string') {
+    return width;
+  }
+  return DRAWER_DEFAULT_WIDTH_WEB;
 }
 //# sourceMappingURL=getDrawerWidth.js.map

package/lib/module/utils/getDrawerWidth.js.map

@@ -1 +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":[]}
+{"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,EAAU;EACT,MAAM;IAAEE;EAAM,CAAC,GAAGR,UAAU,CAACS,OAAO,CAACH,WAAW,CAAC,IAAI,CAAC,CAAC;EAEvD,IAAI,OAAOE,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAO,GAAGA,KAAK,IAAI;EACrB;EAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOA,KAAK;EACd;EAEA,OAAOL,wBAAwB;AACjC","ignoreList":[]}

package/lib/typescript/src/utils/getDrawerWidth.d.ts

@@ -8,5 +8,5 @@ export declare function getDrawerWidthNative({ layout, drawerStyle, }: {
 }): number;
 export declare function getDrawerWidthWeb({ drawerStyle, }: {
     drawerStyle?: StyleProp<ViewStyle>;
-}): number | "min(calc(100% - 56px), 360px)" | "auto" | `${number}%`;
+}): string;
 //# sourceMappingURL=getDrawerWidth.d.ts.map

package/lib/typescript/src/utils/getDrawerWidth.d.ts.map

@@ -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;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"}
+{"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,GAAG,MAAM,CAYT"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-drawer-layout",
   "description": "Drawer component for React Native",
-  "version": "4.1.11",
+  "version": "4.1.12",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -75,5 +75,5 @@
       ]
     ]
   },
-  "gitHead": "27560ad2fc55987654a2f9419a016225387e78fe"
+  "gitHead": "69b2c148e7070ac40306f725420a6cec7b7aebc4"
 }

package/src/utils/getDrawerWidth.tsx

@@ -40,10 +40,16 @@ export function getDrawerWidthWeb({
   drawerStyle,
 }: {
   drawerStyle?: StyleProp<ViewStyle>;
-}) {
+}): string {
   const { width } = StyleSheet.flatten(drawerStyle) || {};
 
-  return typeof width === 'string' || typeof width === 'number'
-    ? width
-    : DRAWER_DEFAULT_WIDTH_WEB;
+  if (typeof width === 'number') {
+    return `${width}px`;
+  }
+
+  if (typeof width === 'string') {
+    return width;
+  }
+
+  return DRAWER_DEFAULT_WIDTH_WEB;
 }