move to utility class file

src/client/js/components/PageEditor/GridEditModal.jsx

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import {
   Modal, ModalHeader, ModalBody, ModalFooter,
 } from 'reactstrap';
+import geu from './GridEditorUtil';
 
 export default class GridEditModal extends React.PureComponent {
 
@@ -45,7 +46,7 @@ export default class GridEditModal extends React.PureComponent {
 
   pasteCodedGrid() {
     // dummy data
-    const convertedHTML = this.convertRatiosAndSizeToHTML([1, 5, 6], 'sm');
+    const convertedHTML = geu.convertRatiosAndSizeToHTML([1, 5, 6], 'sm');
     const pastedGridData = `::: editable-row\n<div class="container">\n\t<div class="row">\n\t${convertedHTML}\t</div>\n</div>\n:::`;
     // display converted html on console
     console.log(convertedHTML);
@@ -74,15 +75,6 @@ export default class GridEditModal extends React.PureComponent {
     return cols;
   }
 
-  convertRatiosAndSizeToHTML(ratioNumbers, responsiveSize) {
-    let cols = '';
-    for (let i = 0; i < ratioNumbers.length; i++) {
-      const className = `col${responsiveSize ? `-${responsiveSize}` : ''}-${ratioNumbers[i]} bsGrid${i + 1}`;
-      cols += `<div class="${className}"></div>\n`;
-    }
-    return cols;
-  }
-
   render() {
     return (
       <Modal isOpen={this.state.show} toggle={this.cancel} size="xl">

src/client/js/components/PageEditor/GridEditorUtil.js

@@ -114,6 +114,16 @@ class GridEditorUtil {
     editor.getDoc().setCursor(curPos.line + 1, 2);
   }
 
+  convertRatiosAndSizeToHTML(ratioNumbers, responsiveSize) {
+    let cols = '';
+    ratioNumbers.map((ratioNumber, i) => {
+      const className = `col${responsiveSize ? `-${responsiveSize}` : ''}-${ratioNumber} bsGrid${i + 1}`;
+      cols += `<div class="${className}"></div>\n`;
+      return;
+    });
+    return cols;
+  }
+
 }
 
 // singleton pattern