fix(docs): component styles in RTL mode (#579)

* ensure that new Provider component is mounted each time code is changed

* introduce cleaner logic for generating Provider's key

* remove unnecessary hash calculations

* final cleanup

* update changelog

Author: kuzhelov

CHANGELOG.md

@@ -27,6 +27,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Do not focus `Popup`'s trigger on outside click @sophieH29 ([#578](https://github.com/stardust-ui/react/pull/578))
 - Add `https` protocol to all urls used in the scripts and stylesheets in index.ejs @mnajdova ([#571](https://github.com/stardust-ui/react/pull/571))
 - Fix support for fallback values in styles (`color: ['#ccc', 'rgba(0, 0, 0, 0.5)']`) @miroslavstastny ([#573](https://github.com/stardust-ui/react/pull/573))
+- Fix styles for RTL mode of doc site component examples @kuzhelov ([#579](https://github.com/stardust-ui/react/pull/579))
 
 ### Features
 - `Ref` components uses `forwardRef` API by default @layershifter ([#491](https://github.com/stardust-ui/react/pull/491))

docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx

@@ -250,7 +250,9 @@ class ComponentExample extends React.Component<ComponentExampleProps, ComponentE
   }
 
   renderElement = (element: React.ReactElement<any>) => {
+    const { examplePath } = this.props
     const { showRtl, componentVariables, themeName } = this.state
+
     const theme = themes[themeName]
 
     const newTheme: ThemeInput = {
@@ -260,7 +262,11 @@ class ComponentExample extends React.Component<ComponentExampleProps, ComponentE
       rtl: showRtl,
     }
 
-    return <Provider theme={newTheme}>{element}</Provider>
+    return (
+      <Provider key={`${examplePath}${showRtl ? '-rtl' : ''}`} theme={newTheme}>
+        {element}
+      </Provider>
+    )
   }
 
   renderMissingExample = (): JSX.Element => {