electron build with tsx containers working

Author: Tolga Mizrakci

src/components/App.tsx

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import '../public/styles/style.css';
 import { MuiThemeProvider } from '@material-ui/core/styles';
 import theme from './theme';
-import AppContainer from '../containers/AppContainer.jsx';
+import AppContainer from '../containers/AppContainer.tsx';
 
 interface Adam {
   goodguy: boolean;

src/components/KonvaStage.jsx renamed to src/components/KonvaStage.tsx

@@ -3,8 +3,8 @@ import React, { Component, createRef } from 'react';
 import {
   Stage, Layer, Image, Group,
 } from 'react-konva';
-import TransformerComponent from './TransformerComponent.jsx';
-import Rectangle from './Rectangle.jsx';
+import TransformerComponent from './TransformerComponent.tsx';
+import Rectangle from './Rectangle.tsx';
 
 
 class KonvaStage extends Component {

src/components/Rectangle.jsx renamed to src/components/Rectangle.tsx

@@ -1,11 +1,11 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
-import PropTypes from 'prop-types';
+// import PropTypes from 'prop-types';
 import { MuiThemeProvider } from '@material-ui/core/styles';
 import LinearProgress from '@material-ui/core/LinearProgress';
-import LeftContainer from './LeftContainer.jsx';
-import MainContainer from './MainContainer.jsx';
-import RightContainer from './RightContainer.jsx';
+import LeftContainer from './LeftContainer.tsx';
+import MainContainer from './MainContainer.tsx';
+import RightContainer from './RightContainer.tsx';
 import convertIdsToObjs from '../utils/convertIdsToObjs.util';
 import theme from '../components/theme';
 import { loadInitData } from '../actions/components';
@@ -86,10 +86,10 @@ class AppContainer extends Component {
 
 export default connect(mapStateToProps, mapDispatchToProps)(AppContainer);
 
-AppContainer.propTypes = {
-  components: PropTypes.array.isRequired,
-  totalComponents: PropTypes.number.isRequired,
-  focusComponent: PropTypes.object.isRequired,
-  loadInitData: PropTypes.func.isRequired,
-  loading: PropTypes.bool,
-};
+// AppContainer.propTypes = {
+//   components: PropTypes.array.isRequired,
+//   totalComponents: PropTypes.number.isRequired,
+//   focusComponent: PropTypes.object.isRequired,
+//   loadInitData: PropTypes.func.isRequired,
+//   loading: PropTypes.bool,
+// };

src/components/TransformerComponent.jsx renamed to src/components/TransformerComponent.tsx

@@ -10,7 +10,7 @@ import theme from '../components/theme';
 import {
   toggleDragging, openExpansionPanel, handleTransform, createApplication, changeImagePath,
 } from '../actions/components';
-import KonvaStage from '../components/KonvaStage.jsx';
+import KonvaStage from '../components/KonvaStage.tsx';
 // import MainContainerHeader from '../components/MainContainerHeader.jsx';
 // import createModal from '../utils/createModal.util';
 // import Info from '../components/Info.jsx';

src/containers/AppContainer.jsx renamed to src/containers/AppContainer.tsx

@@ -2990,9 +2990,10 @@ end-of-stream@^1.0.0, end-of-stream@^1.1.0:
   dependencies:
     once "^1.4.0"
 
-enhanced-resolve@^4.1.0:
+enhanced-resolve@^4.0.0, enhanced-resolve@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.1.0.tgz#41c7e0bfdfe74ac1ffe1e57ad6a5c6c9f3742a7f"
+  integrity sha512-F/7vkyTtyc/llOIn8oWclcB25KdRaiPBpZYDgJHgh/UHtpgT2p2eldQgtQnLtUvfMKPKxbRaQM/hHkvLHt1Vng==
   dependencies:
     graceful-fs "^4.1.2"
     memory-fs "^0.4.0"
@@ -5459,7 +5460,7 @@ loglevelnext@^1.0.1:
   dependencies:
     es6-symbol "^3.1.1"
     object.assign "^4.1.0"
-    
+
 [email protected]:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/long/-/long-4.0.0.tgz#9a7b71cfb7d361a194ea555241c92f7468d5bf28"