[SwipeableDrawer] Allow custom style

[Johann-S]

I hope I followed all your contributing guidelines 😄

Fixes: #11799

[leMaik]

Nice first contribution! 👍

[leMaik]

PaperProps will never be undefined, only the PaperProps.style check is needed here. Also, destructuring null or undefined is perfectly fine. This could be simplified (and inlined) to

style: { ...PaperProps.style, pointerEvents: variant === 'temporary' && !open ? 'none' : '' }

[Johann-S]

I tested locally on the documentation and I had a PaperProps undefined that's but I'll double check that thanks 👍

[oliviertassinari]

This should do it:

-      PaperProps,
+      PaperProps = {},
       swipeAreaWidth,
       variant,
       ...other
     } = this.props; 

// ...

           PaperProps={{
             ...PaperProps,
+            style: {
+              pointerEvents: variant === 'temporary' && !open ? 'none' : '',
+              ...PaperProps.style,
+            }

[oliviertassinari]

Just for consistency with the codebase.

.prop('PaperProps') <> .props().PaperProps

[oliviertassinari]

This should do it:

-      PaperProps,
+      PaperProps = {},
       swipeAreaWidth,
       variant,
       ...other
     } = this.props; 

// ...

           PaperProps={{
             ...PaperProps,
+            style: {
+              pointerEvents: variant === 'temporary' && !open ? 'none' : '',
+              ...PaperProps.style,
+            }

[oliviertassinari]

@Johann-S It's a great first pull request on Material-UI 👌🏻. Thank you for giving it a shot!

[Johann-S]

That's nothing 😊 and it's pretty easy to contribute to your project thanks to the different hint you gave 😉