leftExpansionCol changed to MUI list, functionality stripped

Author: ChristianEdwardPadilla

src/actionTypes/index.js

@@ -1,5 +1,6 @@
 export const LOAD_INIT_DATA = 'LOAD_INIT_DATA';
 export const ADD_COMPONENT = 'ADD_COMPONENT';
+export const ADD_CHILD = 'ADD_CHILD';
 export const UPDATE_COMPONENT = 'UPDATE_COMPONENT';
 export const DELETE_COMPONENT = 'DELETE_COMPONENT';
 export const UPDATE_CHILDREN = 'UPDATE_CHILDREN';

src/actions/components.js

@@ -1,6 +1,7 @@
 import {
   LOAD_INIT_DATA,
   ADD_COMPONENT,
+  ADD_CHILD,
   UPDATE_COMPONENT,
   DELETE_COMPONENT,
   UPDATE_CHILDREN,
@@ -62,6 +63,11 @@ export const addComponent = ({ title }) => (dispatch) => {
   dispatch({ type: SET_SELECTABLE_PARENTS });
 };
 
+export const addChild = ({ title }) => (dispatch) => {
+  dispatch({ type: ADD_CHILD, payload: { title } });
+  // dispatch({ type: SET_SELECTABLE_PARENTS });
+};
+
 export const deleteComponent = ({ index, id, parentIds = [] }) => (dispatch) => {
   if (parentIds.length) {
     // Delete Component  from its parent if it has a parent.
@@ -91,21 +97,21 @@ export const updateComponent = ({
   dispatch({ type: SET_SELECTABLE_PARENTS });
 };
 
-export const exportFiles = ({ components, path }) => (dispatch) => {
-  dispatch({
-    type: EXPORT_FILES,
-  });
-
-  createFiles(components, path)
-    .then(dir => dispatch({
-      type: EXPORT_FILES_SUCCESS,
-      payload: { status: true, dir: dir[0] },
-    }))
-    .catch(err => dispatch({
-      type: EXPORT_FILES_ERROR,
-      payload: { status: true, err },
-    }));
-};
+// export const exportFiles = ({ components, path }) => (dispatch) => {
+//   dispatch({
+//     type: EXPORT_FILES,
+//   });
+
+//   createFiles(components, path)
+//     .then(dir => dispatch({
+//       type: EXPORT_FILES_SUCCESS,
+//       payload: { status: true, dir: dir[0] },
+//     }))
+//     .catch(err => dispatch({
+//       type: EXPORT_FILES_ERROR,
+//       payload: { status: true, err },
+//     }));
+// };
 
 export const handleClose = () => ({
   type: HANDLE_CLOSE,
@@ -121,71 +127,66 @@ export const handleTransform = (id, {
   },
 });
 
-// Application generation options
-// cosnt genOptions = [
-//   'Export into existing project.', 'Export with starter repo.', 'Export with create-react-app.'
-// ];
-
-export const createApplication = ({
-  path, components = [], genOption, appName = 'proto_app', repoUrl,
-}) => (dispatch) => {
-  if (genOption === 0) {
-    dispatch(exportFiles({ path, components }));
-  } else if (genOption) {
-    dispatch({
-      type: CREATE_APPLICATION,
-    });
-    createApplicationUtil({
-      path, appName, genOption, repoUrl,
-    })
-      .then(() => {
-        dispatch({
-          type: CREATE_APPLICATION_SUCCESS,
-        });
-        dispatch(exportFiles({ path: `${path}/${appName}`, components }));
-      })
-      .catch(err => dispatch({
-        type: CREATE_APPLICATION_ERROR,
-        payload: { status: true, err },
-      }));
-  }
-};
+// export const createApplication = ({
+//   path, components = [], genOption, appName = 'proto_app', repoUrl,
+// }) => (dispatch) => {
+//   if (genOption === 0) {
+//     dispatch(exportFiles({ path, components }));
+//   } else if (genOption) {
+//     dispatch({
+//       type: CREATE_APPLICATION,
+//     });
+//     createApplicationUtil({
+//       path, appName, genOption, repoUrl,
+//     })
+//       .then(() => {
+//         dispatch({
+//           type: CREATE_APPLICATION_SUCCESS,
+//         });
+//         dispatch(exportFiles({ path: `${path}/${appName}`, components }));
+//       })
+//       .catch(err => dispatch({
+//         type: CREATE_APPLICATION_ERROR,
+//         payload: { status: true, err },
+//       }));
+//   }
+// };
 
 export const toggleDragging = status => ({
   type: TOGGLE_DRAGGING,
   payload: status,
 });
 
-export const moveToBottom = componentId => ({
-  type: MOVE_TO_BOTTOM,
-  payload: componentId,
-});
-
-export const moveToTop = componentId => ({
-  type: MOVE_TO_TOP,
-  payload: componentId,
-});
-
-export const openExpansionPanel = component => ({
-  type: OPEN_EXPANSION_PANEL,
-  payload: { component },
-});
-
-export const deleteAllData = () => ({
-  type: DELETE_ALL_DATA,
-});
-
-export const changeImagePath = path => ({
-  type: CHANGE_IMAGE_PATH,
-  payload: path,
-});
-
-export const deleteCompProp = ({ id, index }) => ({
-  type: DELETE_PROP,
-  payload: { id, index },
-});
-
-export const addCompProp = prop => ({
-  type: ADD_PROP,
-  payload: { ...prop },
-});
+// export const moveToBottom = componentId => ({
+//   type: MOVE_TO_BOTTOM,
+//   payload: componentId,
+// });
+
+// export const moveToTop = componentId => ({
+//   type: MOVE_TO_TOP,
+//   payload: componentId,
+// });
+
+// export const openExpansionPanel = component => ({
+//   type: OPEN_EXPANSION_PANEL,
+//   payload: { component },
+// });
+
+// export const deleteAllData = () => ({
+//   type: DELETE_ALL_DATA,
+// });
+
+// export const changeImagePath = path => ({
+//   type: CHANGE_IMAGE_PATH,
+//   payload: path,
+// });
+
+// export const deleteCompProp = ({ id, index }) => ({
+//   type: DELETE_PROP,
+//   payload: { id, index },
+// });
+
+// export const addCompProp = prop => ({
+//   type: ADD_PROP,
+//   payload: { ...prop },
+// });