Merge pull request #148 from z3ombie/issue/147/inline-flag-throws-error

passed value and stringified it in StaticWrapper (fix #147)

Author: gpietro

lib/components/StaticWrapper.js

@@ -4,7 +4,7 @@ import { ThemeProvider } from 'styled-components';
 import styles from '../styles';
 import { Content } from '../elements/Wrapper';
 
-const StaticWrapper = ({ theme, position, onChange, displayRule, sync, children, locale }) => {
+const StaticWrapper = ({ theme, position, onChange, displayRule, sync, children, locale, value: valueFromProps }) => {
   const contentRef = useRef();
   const customTheme = typeof theme === 'object' ? theme : styles(theme);
 
@@ -31,6 +31,7 @@ const StaticWrapper = ({ theme, position, onChange, displayRule, sync, children,
           locale,
           position,
           ref: contentRef,
+          value: valueFromProps.toString()
         })}
       </Content>
     </ThemeProvider>
@@ -45,6 +46,7 @@ StaticWrapper.propTypes = {
   sync: PropTypes.bool,
   onChange: PropTypes.func.isRequired,
   displayRule: PropTypes.func.isRequired,
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
 
 StaticWrapper.defaultProps = {
@@ -53,6 +55,7 @@ StaticWrapper.defaultProps = {
   children: undefined,
   sync: false,
   locale: 'en',
+  value: ''
 };
 
 export default StaticWrapper;