Add b4a prefix to new components

alencarlucas · alencarlucas · commit efd75e280951 · 2018-10-26T16:14:57.000-03:00
diff --git a/src/components/B4ACloudCodeView/B4ACloudCodeView.example.js b/src/components/B4ACloudCodeView/B4ACloudCodeView.example.js
@@ -6,15 +6,15 @@
  * the root directory of this source tree.
  */
 import React       from 'react';
-import CloudCodeView from 'components/CloudCodeView/CloudCodeView.react';
+import B4ACloudCodeView from 'components/B4ACloudCodeView/B4ACloudCodeView.react';
 
-export const component = CloudCodeView;
+export const component = B4ACloudCodeView;
 
 export const demos = [
   {
     render() {
       return (
-        <CloudCodeView source={this.props.source} extension='js' />
+        <B4ACloudCodeView source={this.props.source} extension='js' />
       )
     }
   }
diff --git a/src/components/B4ACloudCodeView/B4ACloudCodeView.react.js b/src/components/B4ACloudCodeView/B4ACloudCodeView.react.js
@@ -2,7 +2,7 @@ import React             from 'react';
 import SyntaxHighlighter from 'react-syntax-highlighter';
 import style             from 'react-syntax-highlighter/styles/hljs/tomorrow-night-eighties';
 
-export default class CodeTree extends React.Component {
+export default class B4ACloudCodeView extends React.Component {
   constructor(props){
     super(props);
   }
diff --git a/src/components/B4ACloudCodeView/B4ACloudCodeView.scss b/src/components/B4ACloudCodeView/B4ACloudCodeView.scss
diff --git a/src/components/B4ACodeTree/B4ACodeTree.example.js b/src/components/B4ACodeTree/B4ACodeTree.example.js
@@ -6,7 +6,7 @@
  * the root directory of this source tree.
  */
 import React    from 'react';
-import CodeTree from 'components/CodeTree/CodeTree.react';
+import B4ACodeTree from 'components/B4ACodeTree/B4ACodeTree.react';
 
 let source = {"tree":[{"text":"cloud","state":{"opened":true},"type":"folder","children":[{"text":"newFile.js","data":{"code":"data:plain/text;base64,Y29uc29sZS5sb2coIm5ldyBmaWxlIik7Cg=="}}]},{"text":"public","state":{"opened":true},"type":"folder","children":[{"text":"render.html","data":{"code":"data:plain/text;base64,ZXJyb3Igd2l0aCBzdGF0dXM9NTAwIGFuZCBib2R5PSJUeXBlRXJyb3I6IF9lcnJvcnMyLmRlZmF1bHQgaXMgbm90IGEgY29uc3RydWN0b3I8YnI+ICZuYnNwOyAmbmJzcDthdCAvaG9tZS9iYWNrNGFwcC9zY20vYmFjazRhcHAtY2xpLXNlcnZlci9saWIvYmFjay9CYWNrNGFwcFZlbmRvckFkYXB0ZXIuanM6MTE2OjIxPGJyPiAmbmJzcDsgJm5ic3A7YXQgdHJ5Q2F0Y2hlciAoL2hvbWUvYmFjazRhcHAvc2NtL2JhY2s0YXBwLWNsaS1zZXJ2ZXIvbm9kZV9tb2R1bGVzL2JsdWViaXJkL2pzL3JlbGVhc2UvdXRpbC5qczoxNjoyMyk8YnI+ICZuYnNwOyAmbmJzcDthdCBQcm9taXNlLl9zZXR0bGVQcm9taXNlRnJvbUhhbmRsZXIgKC9ob21lL2JhY2s0YXBwL3NjbS9iYWNrNGFwcC1jbGktc2VydmVyL25vZGVfbW9kdWxlcy9ibHVlYmlyZC9qcy9yZWxlYXNlL3Byb21pc2UuanM6NTEyOjMxKTxicj4gJm5ic3A7ICZuYnNwO2F0IFByb21pc2UuX3NldHRsZVByb21pc2UgKC9ob21lL2JhY2s0YXBwL3NjbS9iYWNrNGFwcC1jbGktc2VydmVyL25vZGVfbW9kdWxlcy9ibHVlYmlyZC9qcy9yZWxlYXNlL3Byb21pc2UuanM6NTY5OjE4KTxicj4gJm5ic3A7ICZuYnNwO2F0IFByb21pc2UuX3NldHRsZVByb21pc2UwICgvaG9tZS9iYWNrNGFwcC9zY20vYmFjazRhcHAtY2xpLXNlcnZlci9ub2RlX21vZHVsZXMvYmx1ZWJpcmQvanMvcmVsZWFzZS9wcm9taXNlLmpzOjYxNDoxMCk8YnI+ICZuYnNwOyAmbmJzcDthdCBQcm9taXNlLl9zZXR0bGVQcm9taXNlcyAoL2hvbWUvYmFjazRhcHAvc2NtL2JhY2s0YXBwLWNsaS1zZXJ2ZXIvbm9kZV9tb2R1bGVzL2JsdWViaXJkL2pzL3JlbGVhc2UvcHJvbWlzZS5qczo2OTM6MTgpPGJyPiAmbmJzcDsgJm5ic3A7YXQgQXN5bmMuX2RyYWluUXVldWUgKC9ob21lL2JhY2s0YXBwL3NjbS9iYWNrNGFwcC1jbGktc2VydmVyL25vZGVfbW9kdWxlcy9ibHVlYmlyZC9qcy9yZWxlYXNlL2FzeW5jLmpzOjEzMzoxNik8YnI+ICZuYnNwOyAmbmJzcDthdCBBc3luYy5fZHJhaW5RdWV1ZXMgKC9ob21lL2JhY2s0YXBwL3NjbS9iYWNrNGFwcC1jbGktc2VydmVyL25vZGVfbW9kdWxlcy9ibHVlYmlyZC9qcy9yZWxlYXNlL2FzeW5jLmpzOjE0MzoxMCk8YnI+ICZuYnNwOyAmbmJzcDthdCBJbW1lZGlhdGUuQXN5bmMuZHJhaW5RdWV1ZXMgKC9ob21lL2JhY2s0YXBwL3NjbS9iYWNrNGFwcC1jbGktc2VydmVyL25vZGVfbW9kdWxlcy9ibHVlYmlyZC9qcy9yZWxlYXNlL2FzeW5jLmpzOjE3OjE0KTxicj4gJm5ic3A7ICZuYnNwO2F0IHJ1bkNhbGxiYWNrICh0aW1lcnMuanM6NjM3OjIwKTxicj4gJm5ic3A7ICZuYnNwO2F0IHRyeU9uSW1tZWRpYXRlICh0aW1lcnMuanM6NjEwOjUpPGJyPiAmbmJzcDsgJm5ic3A7YXQgcHJvY2Vzc0ltbWVkaWF0ZSBbYXMgX2ltbWVkaWF0ZUNhbGxiYWNrXSAodGltZXJzLmpzOjU4Mjo1KVxuIgo="}}]}]}
 
@@ -17,11 +17,11 @@ class Demo extends React.Component {
   }
 
   render() {
-    return <CodeTree files={source.tree} />
+    return <B4ACodeTree files={source.tree} />
   }
 }
 
-export const component = CodeTree;
+export const component = B4ACodeTree;
 
 export const demos = [
   {
diff --git a/src/components/B4ACodeTree/B4ACodeTree.react.js b/src/components/B4ACodeTree/B4ACodeTree.react.js
@@ -1,15 +1,15 @@
-import React           from 'react';
-import $               from 'jquery'
-import jstree          from 'jstree';
-import ReactFileReader from 'react-file-reader';
-import styles          from 'components/CodeTree/CodeTree.scss'
-import Button          from 'components/Button/Button.react';
-import CloudCodeView   from 'components/CloudCodeView/CloudCodeView.react';
-import treeAction      from 'components/CodeTree/TreeActions';
+import React            from 'react';
+import $                from 'jquery'
+import jstree           from 'jstree';
+import ReactFileReader  from 'react-file-reader';
+import styles           from 'components/B4ACodeTree/B4ACodeTree.scss'
+import Button           from 'components/Button/Button.react';
+import B4ACloudCodeView from 'components/B4ACloudCodeView/B4ACloudCodeView.react';
+import B4ATreeActions   from 'components/B4ACodeTree/B4ATreeActions';
 import 'jstree/dist/themes/default/style.css'
-import 'components/CodeTree/JsTree.css'
+import 'components/B4ACodeTree/B4AJsTree.css'
 
-export default class CodeTree extends React.Component {
+export default class B4ACodeTree extends React.Component {
   constructor(props){
     super(props);
 
@@ -42,15 +42,15 @@ export default class CodeTree extends React.Component {
     let file = this.state.newFile
     if (file) {
       let currentTree = '#'
-      treeAction.addFilesOnTree(file, currentTree)
+      B4ATreeActions.addFilesOnTree(file, currentTree)
       await this.setState({ newFile: '' })
       this.handleTreeChanges()
     }
   }
 
   deleteFile() {
     if (this.state.nodeId) {
-      treeAction.remove(`#${this.state.nodeId}`)
+      B4ATreeActions.remove(`#${this.state.nodeId}`)
       this.setState({ source: '', selectedFile: '', nodeId: '' })
       this.handleTreeChanges()
     }
@@ -68,10 +68,10 @@ export default class CodeTree extends React.Component {
       // if is code
       if (selected.data && selected.data.code && selected.type != 'folder') {
         isImage = this.getFileType(selected.data.code)
-        source = isImage ? selected.data.code : treeAction.decodeFile(selected.data.code)
+        source = isImage ? selected.data.code : B4ATreeActions.decodeFile(selected.data.code)
         selectedFile = selected.text
         nodeId = selected.id
-        extension = treeAction.getExtension(selectedFile)
+        extension = B4ATreeActions.getExtension(selectedFile)
       }
     }
     this.setState({ source, selectedFile, nodeId, extension, isImage })
@@ -88,7 +88,7 @@ export default class CodeTree extends React.Component {
   }
 
   componentDidMount() {
-    let config = treeAction.getConfig(this.state.files)
+    let config = B4ATreeActions.getConfig(this.state.files)
     $('#tree').jstree(config)
     this.watchSelectedNode()
   }
@@ -134,7 +134,7 @@ export default class CodeTree extends React.Component {
               {
                 this.state.isImage ?
                   <img src={this.state.source} /> :
-                  <CloudCodeView
+                  <B4ACloudCodeView
                   source={this.state.source || "Select a file to view your Cloud Code"}
                   extension={this.state.extension} />
               }
diff --git a/src/components/B4ACodeTree/B4ACodeTree.scss b/src/components/B4ACodeTree/B4ACodeTree.scss
diff --git a/src/components/B4ACodeTree/B4AJsTree.css b/src/components/B4ACodeTree/B4AJsTree.css
diff --git a/src/components/B4ACodeTree/B4ATreeActions.js b/src/components/B4ACodeTree/B4ATreeActions.js
diff --git a/src/dashboard/Data/CloudCode/B4ACloudCode.react.js b/src/dashboard/Data/CloudCode/B4ACloudCode.react.js
@@ -11,11 +11,11 @@ import history         from 'dashboard/history';
 import axios           from 'axios'
 import B4AAlert        from 'components/B4AAlert/B4AAlert.react';
 import Button          from 'components/Button/Button.react';
-import CodeTree        from 'components/CodeTree/CodeTree.react';
+import B4ACodeTree     from 'components/B4ACodeTree/B4ACodeTree.react';
 import {
   getFiles,
   updateTreeContent
-}                      from 'components/CodeTree/TreeActions';
+}                      from 'components/B4ACodeTree/B4ATreeActions';
 import LoaderContainer from 'components/LoaderContainer/LoaderContainer.react';
 import styles          from 'dashboard/Data/CloudCode/CloudCode.scss';
 import CloudCode       from 'dashboard/Data/CloudCode/CloudCode.react';
@@ -230,7 +230,7 @@ class B4ACloudCode extends CloudCode {
         title="Back4App Tips"
         description={alertTipsMessage} />
 
-      content = <CodeTree files={this.state.files} parentState={this.setState.bind(this)} />
+      content = <B4ACodeTree files={this.state.files} parentState={this.setState.bind(this)} />
 
       footer = <div className={`${styles.row} ${styles.footer}`}>
         <Button
diff --git a/src/lib/tests/CloudCodeView.test.js b/src/lib/tests/CloudCodeView.test.js
@@ -5,18 +5,18 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-jest.dontMock('../../components/CloudCodeView/CloudCodeView.react');
+jest.dontMock('../../components/B4ACloudCodeView/B4ACloudCodeView.react');
 
 import React                            from 'react';
 import ReactDOM                         from 'react-dom';
 import TestUtils                        from 'react-addons-test-utils';
 
-const CloudCodeView = require('../../components/CloudCodeView/CloudCodeView.react');
+const B4ACloudCodeView = require('../../components/B4ACloudCodeView/B4ACloudCodeView.react');
 
-describe('CloudCodeView', () => {
+describe('B4ACloudCodeView', () => {
   it('can render examples', () => {
-    jest.dontMock('../../components/CloudCodeView/CloudCodeView.example');
-    const example = require('../../components/CloudCodeView/CloudCodeView.example');
+    jest.dontMock('../../components/B4ACloudCodeView/B4ACloudCodeView.example');
+    const example = require('../../components/B4ACloudCodeView/B4ACloudCodeView.example');
     example.demos.forEach((example, i) => {
       example.render();
     });
diff --git a/src/lib/tests/CodeTree.test.js b/src/lib/tests/CodeTree.test.js
@@ -5,18 +5,18 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-jest.dontMock('../../components/CodeTree/CodeTree.react');
+jest.dontMock('../../components/B4ACodeTree/B4ACodeTree.react');
 
 import React                            from 'react';
 import ReactDOM                         from 'react-dom';
 import TestUtils                        from 'react-addons-test-utils';
 
-const CodeTree = require('../../components/CodeTree/CodeTree.react');
+const B4ACodeTree = require('../../components/B4ACodeTree/B4ACodeTree.react');
 
-describe('CodeTree', () => {
+describe('B4ACodeTree', () => {
   it('can render examples', () => {
-    jest.dontMock('../../components/CodeTree/CodeTree.example');
-    const example = require('../../components/CodeTree/CodeTree.example');
+    jest.dontMock('../../components/B4ACodeTree/B4ACodeTree.example');
+    const example = require('../../components/B4ACodeTree/B4ACodeTree.example');
     example.demos.forEach((example, i) => {
       example.render();
     });
diff --git a/src/parse-interface-guide/ComponentsMap.js b/src/parse-interface-guide/ComponentsMap.js
@@ -13,9 +13,9 @@ export let Chart                     = require('components/Chart/Chart.example')
 export let Checkbox                  = require('components/Checkbox/Checkbox.example');
 export let ChromeDatePicker          = require('components/ChromeDatePicker/ChromeDatePicker.example');
 export let ChromeDropdown            = require('components/ChromeDropdown/ChromeDropdown.example');
-export let CloudCodeView             = require('components/CloudCodeView/CloudCodeView.example');
+export let B4ACloudCodeView             = require('components/B4ACloudCodeView/B4ACloudCodeView.example');
 export let CodeSnippet               = require('components/CodeSnippet/CodeSnippet.example');
-export let CodeTree                  = require('components/CodeTree/CodeTree.example');
+export let B4ACodeTree                  = require('components/B4ACodeTree/B4ACodeTree.example');
 export let CreditCardInput           = require('components/CreditCardInput/CreditCardInput.example');
 export let DataBrowserHeader         = require('components/DataBrowserHeader/DataBrowserHeader.example');
 export let DatePicker                = require('components/DatePicker/DatePicker.example');

Original file line number	Diff line number	Diff line change
`@@ -6,15 +6,15 @@`
`6`	`6`	`* the root directory of this source tree.`
`7`	`7`	`*/`
`8`	`8`	`import React from 'react';`
`9`		`-import CloudCodeView from 'components/CloudCodeView/CloudCodeView.react';`
	`9`	`+import B4ACloudCodeView from 'components/B4ACloudCodeView/B4ACloudCodeView.react';`
`10`	`10`
`11`		`-export const component = CloudCodeView;`
	`11`	`+export const component = B4ACloudCodeView;`
`12`	`12`
`13`	`13`	`export const demos = [`
`14`	`14`	`{`
`15`	`15`	`render() {`
`16`	`16`	`return (`
`17`		`- <CloudCodeView source={this.props.source} extension='js' />`
	`17`	`+ <B4ACloudCodeView source={this.props.source} extension='js' />`
`18`	`18`	`)`
`19`	`19`	`}`
`20`	`20`	`}`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ import React from 'react';`
`2`	`2`	`import SyntaxHighlighter from 'react-syntax-highlighter';`
`3`	`3`	`import style from 'react-syntax-highlighter/styles/hljs/tomorrow-night-eighties';`
`4`	`4`
`5`		`-export default class CodeTree extends React.Component {`
	`5`	`+export default class B4ACloudCodeView extends React.Component {`
`6`	`6`	`constructor(props){`
`7`	`7`	`super(props);`
`8`	`8`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`* the root directory of this source tree.`
`7`	`7`	`*/`
`8`	`8`	`import React from 'react';`
`9`		`-import CodeTree from 'components/CodeTree/CodeTree.react';`
	`9`	`+import B4ACodeTree from 'components/B4ACodeTree/B4ACodeTree.react';`
`10`	`10`
`11`	`11`	let source = {"tree":[{"text":"cloud","state":{"opened":true},"type":"folder","children":[{"text":"newFile.js","data":{"code":"data:plain/text;base64,Y29uc29sZS5sb2coIm5ldyBmaWxlIik7Cg=="}}]},{"text":"public","state":{"opened":true},"type":"folder","children":[{"text":"render.html","data":{"code":"data:plain/text;base64,ZXJyb3Igd2l0aCBzdGF0dXM9NTAwIGFuZCBib2R5PSJUeXBlRXJyb3I6IF9lcnJvcnMyLmRlZmF1bHQgaXMgbm90IGEgY29uc3RydWN0b3I8YnI+ICZuYnNwOyAmbmJzcDthdCAvaG9tZS9iYWNrNGFwcC9zY20vYmFjazRhcHAtY2xpLXNlcnZlci9saWIvYmFjay9CYWNrNGFwcFZlbmRvckFkYXB0ZXIuanM6MTE2OjIxPGJyPiAmbmJzcDsgJm5ic3A7YXQgdHJ5Q2F0Y2hlciAoL2hvbWUvYmFjazRhcHAvc2NtL2JhY2s0YXBwLWNsaS1zZXJ2ZXIvbm9kZV9tb2R1bGVzL2JsdWViaXJkL2pzL3JlbGVhc2UvdXRpbC5qczoxNjoyMyk8YnI+ICZuYnNwOyAmbmJzcDthdCBQcm9taXNlLl9zZXR0bGVQcm9taXNlRnJvbUhhbmRsZXIgKC9ob21lL2JhY2s0YXBwL3NjbS9iYWNrNGFwcC1jbGktc2VydmVyL25vZGVfbW9kdWxlcy9ibHVlYmlyZC9qcy9yZWxlYXNlL3Byb21pc2UuanM6NTEyOjMxKTxicj4gJm5ic3A7ICZuYnNwO2F0IFByb21pc2UuX3NldHRsZVByb21pc2UgKC9ob21lL2JhY2s0YXBwL3NjbS9iYWNrNGFwcC1jbGktc2VydmVyL25vZGVfbW9kdWxlcy9ibHVlYmlyZC9qcy9yZWxlYXNlL3Byb21pc2UuanM6NTY5OjE4KTxicj4gJm5ic3A7ICZuYnNwO2F0IFByb21pc2UuX3NldHRsZVByb21pc2UwICgvaG9tZS9iYWNrNGFwcC9zY20vYmFjazRhcHAtY2xpLXNlcnZlci9ub2RlX21vZHVsZXMvYmx1ZWJpcmQvanMvcmVsZWFzZS9wcm9taXNlLmpzOjYxNDoxMCk8YnI+ICZuYnNwOyAmbmJzcDthdCBQcm9taXNlLl9zZXR0bGVQcm9taXNlcyAoL2hvbWUvYmFjazRhcHAvc2NtL2JhY2s0YXBwLWNsaS1zZXJ2ZXIvbm9kZV9tb2R1bGVzL2JsdWViaXJkL2pzL3JlbGVhc2UvcHJvbWlzZS5qczo2OTM6MTgpPGJyPiAmbmJzcDsgJm5ic3A7YXQgQXN5bmMuX2RyYWluUXVldWUgKC9ob21lL2JhY2s0YXBwL3NjbS9iYWNrNGFwcC1jbGktc2VydmVyL25vZGVfbW9kdWxlcy9ibHVlYmlyZC9qcy9yZWxlYXNlL2FzeW5jLmpzOjEzMzoxNik8YnI+ICZuYnNwOyAmbmJzcDthdCBBc3luYy5fZHJhaW5RdWV1ZXMgKC9ob21lL2JhY2s0YXBwL3NjbS9iYWNrNGFwcC1jbGktc2VydmVyL25vZGVfbW9kdWxlcy9ibHVlYmlyZC9qcy9yZWxlYXNlL2FzeW5jLmpzOjE0MzoxMCk8YnI+ICZuYnNwOyAmbmJzcDthdCBJbW1lZGlhdGUuQXN5bmMuZHJhaW5RdWV1ZXMgKC9ob21lL2JhY2s0YXBwL3NjbS9iYWNrNGFwcC1jbGktc2VydmVyL25vZGVfbW9kdWxlcy9ibHVlYmlyZC9qcy9yZWxlYXNlL2FzeW5jLmpzOjE3OjE0KTxicj4gJm5ic3A7ICZuYnNwO2F0IHJ1bkNhbGxiYWNrICh0aW1lcnMuanM6NjM3OjIwKTxicj4gJm5ic3A7ICZuYnNwO2F0IHRyeU9uSW1tZWRpYXRlICh0aW1lcnMuanM6NjEwOjUpPGJyPiAmbmJzcDsgJm5ic3A7YXQgcHJvY2Vzc0ltbWVkaWF0ZSBbYXMgX2ltbWVkaWF0ZUNhbGxiYWNrXSAodGltZXJzLmpzOjU4Mjo1KVxuIgo="}}]}]}
`12`	`12`
`@@ -17,11 +17,11 @@ class Demo extends React.Component {`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`render() {`
`20`		`- return <CodeTree files={source.tree} />`
	`20`	`+ return <B4ACodeTree files={source.tree} />`
`21`	`21`	`}`
`22`	`22`	`}`
`23`	`23`
`24`		`-export const component = CodeTree;`
	`24`	`+export const component = B4ACodeTree;`
`25`	`25`
`26`	`26`	`export const demos = [`
`27`	`27`	`{`