refactor(frontend): move landing, summary and map files into separate…

… directories (#5454)

### 💭 Notes
As preparation for migrating them to TS

jsapp/js/components/formLanding.js → jsapp/js/components/formLanding/formLanding.js

@@ -3,17 +3,17 @@ import reactMixin from 'react-mixin';
 import autoBind from 'react-autobind';
 import Reflux from 'reflux';
 import bem from 'js/bem';
-import {dataInterface} from '../dataInterface';
+import {dataInterface} from 'js/dataInterface';
 import sessionStore from 'js/stores/session';
 import PopoverMenu from 'js/popoverMenu';
 import LoadingSpinner from 'js/components/common/loadingSpinner';
 import InlineMessage from 'js/components/common/inlineMessage';
 import CollectMethodSelector from 'js/project/collectMethodSelector.component';
-import mixins from '../mixins';
-import {actions} from '../actions';
+import mixins from 'js/mixins';
+import {actions} from 'js/actions';
 import DocumentTitle from 'react-document-title';
 import CopyToClipboard from 'react-copy-to-clipboard';
-import {MODAL_TYPES, COLLECTION_METHODS} from '../constants';
+import {MODAL_TYPES, COLLECTION_METHODS} from 'js/constants';
 import {ROUTES} from 'js/router/routerConstants';
 import {formatTime, notify} from 'utils';
 import {buildUserUrl, ANON_USERNAME} from 'js/users/utils';
@@ -27,8 +27,8 @@ import {
 import permConfig from 'js/components/permissions/permConfig';
 import {PERMISSIONS_CODENAMES} from 'js/components/permissions/permConstants';
 import {HELP_ARTICLE_ANON_SUBMISSIONS_URL} from 'js/constants';
-import AnonymousSubmission from './anonymousSubmission.component';
-import NewFeatureDialog from './newFeatureDialog.component';
+import AnonymousSubmission from 'js/components/anonymousSubmission.component';
+import NewFeatureDialog from 'js/components/newFeatureDialog.component';
 import pageState from 'js/pageState.store';
 import Button from 'js/components/common/button';
 

jsapp/js/components/formSubScreens.js

@@ -9,7 +9,7 @@ import SharingForm from './permissions/sharingForm.component';
 import ProjectSettings from './modalForms/projectSettings';
 import FormMedia from './modalForms/formMedia';
 import {PROJECT_SETTINGS_CONTEXTS} from '../constants';
-import FormMap from './map';
+import FormMap from './map/map';
 import RESTServices from './RESTServices';
 import LoadingSpinner from 'js/components/common/loadingSpinner';
 import {ROUTES} from 'js/router/routerConstants';

jsapp/js/components/formSummary.js → jsapp/js/components/formSummary/formSummary.js

@@ -8,7 +8,7 @@ import bem from 'js/bem';
 import DocumentTitle from 'react-document-title';
 import Icon from 'js/components/common/icon';
 import Avatar from 'js/components/common/avatar';
-import {getFormDataTabs} from './formViewSideTabs';
+import {getFormDataTabs} from 'js/components/formViewSideTabs';
 import {getUsernameFromUrl, ANON_USERNAME} from 'js/users/utils';
 import {MODAL_TYPES} from 'js/constants';
 import './formSummary.scss';

jsapp/js/components/formSummaryProjectInfo.tsx → jsapp/js/components/formSummary/formSummaryProjectInfo.tsx

@@ -13,8 +13,8 @@ import type {
 import {dataInterface} from 'js/dataInterface';
 import {handleApiFail} from 'js/api';
 import {formatTime} from 'js/utils';
-import AssetStatusBadge from './common/assetStatusBadge';
-import Avatar from './common/avatar';
+import AssetStatusBadge from 'js/components/common/assetStatusBadge';
+import Avatar from 'js/components/common/avatar';
 import envStore from 'js/envStore';
 
 interface FormSummaryProjectInfoProps {

jsapp/js/components/map.es6 → jsapp/js/components/map/map.es6

@@ -2,9 +2,9 @@ import React from 'react';
 import reactMixin from 'react-mixin';
 import autoBind from 'react-autobind';
 import Reflux from 'reflux';
-import {dataInterface} from '../dataInterface';
+import {dataInterface} from 'js/dataInterface';
 import bem from 'js/bem';
-import {actions} from '../actions';
+import {actions} from 'js/actions';
 import PopoverMenu from 'js/popoverMenu';
 import Modal from 'js/components/common/modal';
 import classNames from 'classnames';
@@ -25,9 +25,9 @@ import {
   MODAL_TYPES,
   QUESTION_TYPES,
   QUERY_LIMIT_DEFAULT,
-} from '../constants';
+} from 'js/constants';
 
-import {notify, checkLatLng} from 'utils';
+import {notify, checkLatLng} from 'js/utils';
 import {getSurveyFlatPaths} from 'js/assetUtils';
 import LoadingSpinner from 'js/components/common/loadingSpinner';
 import CenteredMessage from 'js/components/common/centeredMessage.component';

jsapp/js/components/mapSettings.es6 → jsapp/js/components/map/mapSettings.es6

@@ -4,15 +4,15 @@ import Reflux from 'reflux';
 import bem from 'js/bem';
 import Modal from 'js/components/common/modal';
 import autoBind from 'react-autobind';
-import {actions} from '../actions';
+import {actions} from 'js/actions';
 import Dropzone from 'react-dropzone';
 import alertify from 'alertifyjs';
 import {notify} from 'js/utils';
 import {
   QUERY_LIMIT_DEFAULT,
   ASSET_FILE_TYPES,
 } from 'js/constants';
-import { dataInterface } from '../dataInterface';
+import { dataInterface } from 'js/dataInterface';
 import {userCan} from 'js/components/permissions/utils';
 import Button from 'js/components/common/button';
 import cx from 'classnames';

jsapp/js/router/router.tsx

@@ -23,10 +23,10 @@ const Reports = React.lazy(
   () => import(/* webpackPrefetch: true */ 'js/components/reports/reports')
 );
 const FormLanding = React.lazy(
-  () => import(/* webpackPrefetch: true */ 'js/components/formLanding')
+  () => import(/* webpackPrefetch: true */ 'js/components/formLanding/formLanding')
 );
 const FormSummary = React.lazy(
-  () => import(/* webpackPrefetch: true */ 'js/components/formSummary')
+  () => import(/* webpackPrefetch: true */ 'js/components/formSummary/formSummary')
 );
 const FormSubScreens = React.lazy(
   () => import(/* webpackPrefetch: true */ 'js/components/formSubScreens')