chore(package): update Fela to latest

CHANGELOG.md

@@ -21,6 +21,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Update variable names in themes, add missing sizes @layershifter ([#762](https://github.com/stardust-ui/react/pull/762))
 - Rename `toggleButton` prop to `toggleIndicator` and make it visible by default @layershifter ([#729](https://github.com/stardust-ui/react/pull/729))
 - Remove `props` from variables resolution process @kuzhelov ([#770](https://github.com/stardust-ui/react/pull/770))
+- Update Fela and is deps to latest, `10.1.3` is required @layershifter ([#768](https://github.com/stardust-ui/react/pull/768))
 
 ### Features
 - Add `loading` prop for `Dropdown` @layershifter ([#729](https://github.com/stardust-ui/react/pull/729))

build/webpack.config.perf.ts

@@ -4,7 +4,7 @@ import * as webpack from 'webpack'
 import config from '../config'
 
 const { paths } = config
-const { __DEV__, __PERF__, __PROD__ } = config.compiler_globals
+const { __DEV__, __PROD__ } = config.compiler_globals
 
 const webpackConfig: any = {
   name: 'client',
@@ -37,9 +37,7 @@ const webpackConfig: any = {
         exclude: /node_modules/,
         options: {
           useCache: true,
-          configFileName: __PERF__
-            ? paths.base('build/tsconfig.perf.json')
-            : paths.base('build/tsconfig.docs.json'),
+          configFileName: paths.base('build/tsconfig.perf.json'),
           errorsAsWarnings: __DEV__,
         },
       },

package.json

@@ -67,15 +67,15 @@
   "dependencies": {
     "classnames": "^2.2.5",
     "downshift": "^3.1.12",
-    "fela": "^6.1.7",
-    "fela-plugin-fallback-value": "^5.0.17",
-    "fela-plugin-placeholder-prefixer": "^5.0.18",
-    "fela-plugin-prefixer": "^5.0.18",
-    "fela-plugin-rtl": "^1.0.6",
+    "fela": "^10.1.3",
+    "fela-plugin-fallback-value": "^10.1.3",
+    "fela-plugin-placeholder-prefixer": "^10.1.3",
+    "fela-plugin-prefixer": "^10.1.3",
+    "fela-plugin-rtl": "^10.1.3",
     "keyboard-key": "^1.0.1",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
-    "react-fela": "^7.2.0",
+    "react-fela": "^10.1.3",
     "react-is": "^16.6.3",
     "react-popper": "^1.3.2"
   },

src/components/Provider/Provider.tsx

@@ -1,8 +1,9 @@
+import { IStyle } from 'fela'
 import { render } from 'fela-dom'
 import * as _ from 'lodash'
 import * as PropTypes from 'prop-types'
 import * as React from 'react'
-import { Provider as RendererProvider, ThemeProvider } from 'react-fela'
+import { RendererProvider, ThemeProvider } from 'react-fela'
 
 import { felaRenderer as felaLtrRenderer, isBrowser, mergeThemes } from '../../lib'
 import {
@@ -70,7 +71,7 @@ class Provider extends React.Component<ProviderProps> {
 
     const renderObject = (object: StaticStyleObject) => {
       _.forEach(object, (style, selector) => {
-        felaLtrRenderer.renderStatic(style, selector)
+        felaLtrRenderer.renderStatic(style as IStyle, selector)
       })
     }
 

src/components/Provider/ProviderConsumer.tsx

@@ -16,7 +16,9 @@ export interface ProviderConsumerProps {
 /**
  * The Provider's Consumer is for accessing theme.
  */
-const ProviderConsumer: React.SFC<ProviderConsumerProps> = props => <FelaTheme {...props} />
+const ProviderConsumer: React.SFC<ProviderConsumerProps> = ({ render }) => (
+  <FelaTheme>{render}</FelaTheme>
+)
 
 ProviderConsumer.propTypes = {
   render: PropTypes.func.isRequired,

src/lib/renderComponent.tsx

@@ -152,8 +152,8 @@ const renderComponent = <P extends {}>(config: RenderConfig<P>): React.ReactElem
   } = config
 
   return (
-    <FelaTheme
-      render={(theme: ThemePrepared) => {
+    <FelaTheme>
+      {(theme: ThemePrepared) => {
         if (_.isEmpty(theme)) {
           logProviderMissingWarning()
         }
@@ -244,7 +244,7 @@ const renderComponent = <P extends {}>(config: RenderConfig<P>): React.ReactElem
 
         return render(config)
       }}
-    />
+    </FelaTheme>
   )
 }