update props

SokichiFujita · Mar 21, 2018 · ee92397 · ee92397
1 parent 8c65144
commit ee92397
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 13 deletions.
diff --git a/src/components/editor.jsx b/src/components/editor.jsx
@@ -11,13 +11,17 @@ class Editor extends Component {
 
   static propTypes = {
     className: PropTypes.string,
-    codeText: PropTypes.string,
     external: PropTypes.bool,
-    onChange: PropTypes.func,
+    codeText: PropTypes.string,
+    theme: PropTypes.string,
+    lineNumbers: PropTypes.bool,
+    smartIndent: PropTypes.bool,
+    lineWrapping: PropTypes.bool,
+    tabSize: PropTypes.number,
     readOnly: PropTypes.bool,
+    onChange: PropTypes.func,
     selectedLines: PropTypes.array,
-    style: PropTypes.object,
-    theme: PropTypes.string
+    style: PropTypes.object
   };
 
   componentDidMount = () => {
@@ -42,18 +46,25 @@ class Editor extends Component {
     const {
       className,
       external,
-      style,
       codeText,
       theme,
-      readOnly
+      lineNumbers,
+      smartIndent,
+      lineWrapping,
+      onChange,
+      tabSize,
+      readOnly,
+      selectedLines,
+      style,
     } = this.props;
 
     const options = {
       mode: "jsx",
-      lineNumbers: false,
-      lineWrapping: true,
-      smartIndent: false,
       matchBrackets: true,
+      lineWrapping,
+      smartIndent,
+      lineNumbers,
+      tabSize,
       theme,
       readOnly
     };

diff --git a/src/components/playground.jsx b/src/components/playground.jsx
@@ -14,7 +14,11 @@ class ReactPlayground extends Component {
     noRender: true,
     context: {},
     initiallyExpanded: false,
-    onChange: () => {}
+    onChange: () => {},
+    lineNumbers: false,
+    lineWrapping: true,
+    smartIndent: false,
+    tabSize: 4,
   };
 
   static propTypes = {
@@ -30,7 +34,11 @@ class ReactPlayground extends Component {
     context: PropTypes.object,
     initiallyExpanded: PropTypes.bool,
     previewComponent: PropTypes.node,
-    onChange: PropTypes.func
+    onChange: PropTypes.func,
+    lineNumbers: PropTypes.bool,
+    lineWrapping: PropTypes.bool,
+    smartIndent: PropTypes.bool,
+    tabSize: PropTypes.number
   };
 
   state = {
@@ -73,6 +81,10 @@ class ReactPlayground extends Component {
       propDescriptionMap,
       scope,
       selectedLines,
+      lineNumbers,
+      lineWrapping,
+      smartIndent,
+      tabSize,
       theme } = this.props;
 
     return (
@@ -91,8 +103,11 @@ class ReactPlayground extends Component {
             external={external}
             onChange={this._handleCodeChange}
             selectedLines={selectedLines}
-            theme={theme}
-          />
+            lineNumbers={lineNumbers}
+            lineWrapping={lineWrapping}
+            smartIndent={smartIndent}
+            tabSize={tabSize}
+            theme={theme} />
         </div>
         {
           collapsableCode ?