[Slider] Fix isRtl behaviour directionInvariant approach

[omarchehab98]

Closes #6736, another approach to the issue as suggested by @oliviertassinari on #6744.
If this is approved, then it closes #6744.

• Made Slider direction invariant.
• Transformed axis props based on isRtl

• PR has tests / docs demo, and is linted.
• Commit and PR titles begin with [ComponentName], and are in imperative form: "[Component] Fix leaky abstraction".
• Description explains the issue / use-case resolved, and auto-closes the related issue(s) (http://tr.im/vFqem).

[oliviertassinari]

I haven't tried it but the code looks great 👍.

[oliviertassinari]

@omarchehab98 Thanks!

[jony89]

@omarchehab98 Thanks !

@oliviertassinari , I think it's about time to publish a new version ? ;)

[jony89]

@oliviertassinari, hope it's not rude, but can u please bump material-ui version? (in order to get this fix, since it's pretty critical bug..)

Thanks

[oliviertassinari]

@jony89 We try to release every two weeks. You gonna have to wait a bit or patch it locally.

[jony89]

@oliviertassinari although there is a critical bug? is there a guide how to patch it locally or it's just one line of build?

sorry for the not connected conversation..

[omarchehab98]

@jony89

• clone the master branch of material-ui locally using git
• transpile the source code using npm run build
• delete the contents of node_modules/material-ui that you want to patch locally
• copy the contents of the build directory into node_modules/material-ui

[jony89]

Tnx, just wanted to make sure that there is nothing special :)