Merge pull request #3126 from overleaf/msm-outline-react-style

Update file outline to follow React code style guidelines

GitOrigin-RevId: 8b32e27d20378cbf573d24feb799eb6f99746402

services/web/frontend/js/features/outline/components/outline-item.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect, createRef, useRef } from 'react'
 import PropTypes from 'prop-types'
 import scrollIntoViewIfNeeded from 'scroll-into-view-if-needed'
 import classNames from 'classnames'
-import OutlineList from './OutlineList'
+import OutlineList from './outline-list'
 
 function getChildrenLines(children) {
   return (children || [])

services/web/frontend/js/features/outline/components/outline-list.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import OutlineItem from './OutlineItem'
+import OutlineItem from './outline-item'
 
 function OutlineList({ outline, jumpToLine, isRoot, highlightedLine }) {
   const listClasses = classNames('outline-item-list', {

services/web/frontend/js/features/outline/components/outline-pane.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'
 import PropTypes from 'prop-types'
 import { OverlayTrigger, Tooltip } from 'react-bootstrap'
 import classNames from 'classnames'
-import OutlineRoot from './OutlineRoot'
+import OutlineRoot from './outline-root'
 import localStorage from '../../../modules/localStorage'
 
 function OutlinePane({

services/web/frontend/js/features/outline/components/outline-root.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import OutlineList from './OutlineList'
+import OutlineList from './outline-list'
 
 function OutlineRoot({ outline, jumpToLine, highlightedLine }) {
   return (

services/web/frontend/js/features/outline/controllers/outline-controller.js

@@ -1,5 +1,5 @@
 import App from '../../../base'
-import OutlinePane from '../components/OutlinePane'
+import OutlinePane from '../components/outline-pane'
 import { react2angular } from 'react2angular'
 
 App.controller('OutlineController', function($scope, ide, eventTracking) {

services/web/frontend/js/features/outline/outline-manager.js

@@ -1,9 +1,5 @@
-import './controllers/OutlineController'
-import './components/OutlinePane'
-import './components/OutlineRoot'
-import './components/OutlineList'
-import './components/OutlineItem'
-import { matchOutline, nestOutline } from './OutlineParser'
+import './controllers/outline-controller'
+import { matchOutline, nestOutline } from './outline-parser'
 import isValidTeXFile from '../../main/is-valid-tex-file'
 
 class OutlineManager {

services/web/frontend/js/ide.js

@@ -29,7 +29,7 @@ import BinaryFilesManager from './ide/binary-files/BinaryFilesManager'
 import ReferencesManager from './ide/references/ReferencesManager'
 import MetadataManager from './ide/metadata/MetadataManager'
 import ReviewPanelManager from './ide/review-panel/ReviewPanelManager'
-import OutlineManager from './ide/outline/OutlineManager'
+import OutlineManager from './features/outline/outline-manager'
 import SafariScrollPatcher from './ide/SafariScrollPatcher'
 import './ide/cobranding/CobrandingDataService'
 import './ide/settings/index'