Prettier and TSC build for 3+ NPM

Author: Luke Brandon Farrell

lib/SideMenuView.js

@@ -145,14 +145,14 @@ var SideMenuView = /** @class */ (function (_super) {
                     position: 'absolute',
                     width: sideMargin || sideMarginLeft,
                     height: screenHeight,
-                    zIndex: 9999
+                    zIndex: 9999,
                 } }, this._leftPanResponder.panHandlers))) : null,
             right ? (React.createElement(react_native_1.View, __assign({ style: {
                     position: 'absolute',
                     right: 0,
                     width: sideMargin || sideMarginRight,
                     height: screenHeight,
-                    zIndex: 9999
+                    zIndex: 9999,
                 } }, this._rightPanResponder.panHandlers))) : null));
     };
     SideMenuView.defaultProps = {

package-lock.json

@@ -43,7 +43,7 @@
   "devDependencies": {
     "@types/react": "^16.9.1",
     "@types/react-native": "^0.60.4",
-    "prettier": "1.18.2",
+    "prettier": "2.0.4",
     "react": "^16.9.0",
     "react-native": "^0.60.4",
     "react-native-navigation": "^6.4.0",

package.json

@@ -190,7 +190,7 @@ class RNNDrawer {
         this.animatedDrawer = Animated.timing(this.state.sideMenuOpenValue, {
           toValue: this.drawerOpenedValues[direction],
           duration: this.props.animationOpenTime,
-          useNativeDriver: false
+          useNativeDriver: false,
         });
 
         // Animate outside side menu opacity
@@ -199,7 +199,7 @@ class RNNDrawer {
           {
             toValue: fadeOpacity,
             duration: this.props.animationOpenTime,
-            useNativeDriver: false
+            useNativeDriver: false,
           },
         );
       }
@@ -410,7 +410,7 @@ class RNNDrawer {
         Animated.timing(this.state.sideMenuOpenValue, {
           toValue: closeValues[direction],
           duration: this.props.animationCloseTime,
-          useNativeDriver: false
+          useNativeDriver: false,
         }).start(() => {
           Navigation.dismissOverlay(this.props.componentId);
           this.setState({ sideMenuIsDismissing: false });
@@ -420,7 +420,7 @@ class RNNDrawer {
         Animated.timing(this.state.sideMenuOverlayOpacity, {
           toValue: 0,
           duration: this.props.animationCloseTime,
-          useNativeDriver: false
+          useNativeDriver: false,
         }).start();
       }
     }
@@ -435,12 +435,14 @@ class RNNDrawer {
    */
   static showDrawer(layout: Layout) {
     // By default for this library, we make the 'componentBackgroundColor' transparent
-    const componentBackgroundColor = layout?.component?.options?.layout?.componentBackgroundColor ?? "transparent";
+    const componentBackgroundColor =
+      layout?.component?.options?.layout?.componentBackgroundColor ??
+      'transparent';
     const options = {
       ...layout?.component?.options,
-      layout: { 
-        componentBackgroundColor: componentBackgroundColor
-      }
+      layout: {
+        componentBackgroundColor: componentBackgroundColor,
+      },
     };
 
     // Mutate options to add 'transparent' by default

src/RNNDrawer.tsx

@@ -205,7 +205,7 @@ class SideMenuView extends React.Component<IProps, {}> {
               position: 'absolute',
               width: sideMargin || sideMarginLeft,
               height: screenHeight,
-              zIndex: 9999
+              zIndex: 9999,
             }}
             {...this._leftPanResponder.panHandlers}
           />
@@ -218,7 +218,7 @@ class SideMenuView extends React.Component<IProps, {}> {
               right: 0,
               width: sideMargin || sideMarginRight,
               height: screenHeight,
-              zIndex: 9999
+              zIndex: 9999,
             }}
             {...this._rightPanResponder.panHandlers}
           />

src/SideMenuView.tsx

@@ -26,7 +26,7 @@ export function listen(name: string, func: any): () => void {
   const key = _events[name].count++;
   _events[name].funcs[key] = func;
 
-  return function() {
+  return function () {
     delete _events[name].funcs[key];
   };
 }