Rearrange recording feature files

react/features/recording/components/LiveStream/AbstractLiveStreamButton.js

 
 import { getActiveSession } from '../../functions';
 
-import StartLiveStreamDialog from './StartLiveStreamDialog';
-import StopLiveStreamDialog from './StopLiveStreamDialog';
+import {
+    StartLiveStreamDialog,
+    StopLiveStreamDialog
+} from './_';
 
 /**
  * The type of the React {@code Component} props of

react/features/recording/components/LiveStream/_.native.js

+// @flow
+
+export * from './native';

react/features/recording/components/LiveStream/_.web.js

+// @flow
+
+export * from './web';

react/features/recording/components/LiveStream/index.js

-export { default as LiveStreamButton } from './LiveStreamButton';
-export { default as StartLiveStreamDialog } from './StartLiveStreamDialog';
-export { default as StopLiveStreamDialog } from './StopLiveStreamDialog';
+// @flow
+
+export * from './_';

react/features/recording/components/LiveStream/GoogleSigninForm.native.js → react/features/recording/components/LiveStream/native/GoogleSigninForm.js

 import { Platform, Text, View } from 'react-native';
 import { connect } from 'react-redux';
 
-import { translate } from '../../../base/i18n';
+import { translate } from '../../../../base/i18n';
 
 import {
     GOOGLE_API_STATES,
     googleApi,
     GoogleSignInButton,
     setGoogleAPIState
-} from '../../../google-api';
+} from '../../../../google-api';
 
 import styles from './styles';
 

react/features/recording/components/LiveStream/LiveStreamButton.native.js → react/features/recording/components/LiveStream/native/LiveStreamButton.js

 
 import { connect } from 'react-redux';
 
-import { translate } from '../../../base/i18n';
+import { translate } from '../../../../base/i18n';
 
 import AbstractLiveStreamButton, {
     _mapStateToProps,
     type Props
-} from './AbstractLiveStreamButton';
+} from '../AbstractLiveStreamButton';
 
 /**
  * An implementation of a button for starting and stopping live streaming.

react/features/recording/components/LiveStream/StartLiveStreamDialog.native.js → react/features/recording/components/LiveStream/native/StartLiveStreamDialog.js

 import { View } from 'react-native';
 import { connect } from 'react-redux';
 
-import { translate } from '../../../base/i18n';
-import { googleApi } from '../../../google-api';
+import { translate } from '../../../../base/i18n';
+import { googleApi } from '../../../../google-api';
 
 
-import { setLiveStreamKey } from '../../actions';
+import { setLiveStreamKey } from '../../../actions';
 
 import AbstractStartLiveStreamDialog,
-{ _mapStateToProps, type Props } from './AbstractStartLiveStreamDialog';
+{ _mapStateToProps, type Props } from '../AbstractStartLiveStreamDialog';
+
 import GoogleSigninForm from './GoogleSigninForm';
 import StreamKeyForm from './StreamKeyForm';
 import StreamKeyPicker from './StreamKeyPicker';

react/features/recording/components/LiveStream/StopLiveStreamDialog.native.js → react/features/recording/components/LiveStream/native/StopLiveStreamDialog.js

 import React from 'react';
 import { connect } from 'react-redux';
 
-import { DialogContent } from '../../../base/dialog';
-import { translate } from '../../../base/i18n';
+import { DialogContent } from '../../../../base/dialog';
+import { translate } from '../../../../base/i18n';
 
 import AbstractStopLiveStreamDialog, {
     _mapStateToProps
-} from './AbstractStopLiveStreamDialog';
+} from '../AbstractStopLiveStreamDialog';
 
 /**
  * A React Component for confirming the participant wishes to stop the currently

react/features/recording/components/LiveStream/StreamKeyForm.native.js → react/features/recording/components/LiveStream/native/StreamKeyForm.js

 import React from 'react';
 import { Linking, Text, TextInput, TouchableOpacity, View } from 'react-native';
 
-import { translate } from '../../../base/i18n';
+import { translate } from '../../../../base/i18n';
 
 import AbstractStreamKeyForm, {
     type Props
-} from './AbstractStreamKeyForm';
+} from '../AbstractStreamKeyForm';
+
 import styles from './styles';
 
 /**

react/features/recording/components/LiveStream/StreamKeyPicker.native.js → react/features/recording/components/LiveStream/native/StreamKeyPicker.js

 import React, { Component } from 'react';
 import { Text, TouchableHighlight, View } from 'react-native';
 
-import { translate } from '../../../base/i18n';
+import { translate } from '../../../../base/i18n';
 
 import styles, { ACTIVE_OPACITY, TOUCHABLE_UNDERLAY } from './styles';
 

react/features/recording/components/LiveStream/native/index.js

+// @flow
+
+export { default as LiveStreamButton } from './LiveStreamButton';
+export { default as StartLiveStreamDialog } from './StartLiveStreamDialog';
+export { default as StopLiveStreamDialog } from './StopLiveStreamDialog';

react/features/recording/components/LiveStream/styles.native.js → react/features/recording/components/LiveStream/native/styles.js

 // @flow
 
-import { BoxModel, ColorPalette, createStyleSheet } from '../../../base/styles';
+import {
+    BoxModel,
+    ColorPalette,
+    createStyleSheet
+} from '../../../../base/styles';
 
 /**
  * Opacity of the TouchableHighlight.

react/features/recording/components/LiveStream/LiveStreamButton.web.js → react/features/recording/components/LiveStream/web/LiveStreamButton.js

 import React from 'react';
 import { connect } from 'react-redux';
 
-import { translate } from '../../../base/i18n';
-import { Container, Text } from '../../../base/react';
+import { translate } from '../../../../base/i18n';
+import { Container, Text } from '../../../../base/react';
 
 import AbstractLiveStreamButton, {
     _mapStateToProps as _abstractMapStateToProps,
     type Props as AbstractProps
-} from './AbstractLiveStreamButton';
+} from '../AbstractLiveStreamButton';
 
 declare var interfaceConfig: Object;
 

react/features/recording/components/LiveStream/StartLiveStreamDialog.web.js → react/features/recording/components/LiveStream/web/StartLiveStreamDialog.js

 import React from 'react';
 import { connect } from 'react-redux';
 
-import { translate } from '../../../base/i18n';
+import { translate } from '../../../../base/i18n';
 
 import {
     GOOGLE_API_STATES,
     showAccountSelection,
     signIn,
     updateProfile
-} from '../../../google-api';
+} from '../../../../google-api';
 
 import AbstractStartLiveStreamDialog, {
     _mapStateToProps as _abstractMapStateToProps,
     type Props as AbstractProps
-} from './AbstractStartLiveStreamDialog';
+} from '../AbstractStartLiveStreamDialog';
+
 import StreamKeyPicker from './StreamKeyPicker';
 import StreamKeyForm from './StreamKeyForm';
 

react/features/recording/components/LiveStream/StopLiveStreamDialog.web.js → react/features/recording/components/LiveStream/web/StopLiveStreamDialog.js

 
 import { connect } from 'react-redux';
 
-import { translate } from '../../../base/i18n';
+import { translate } from '../../../../base/i18n';
 
 import AbstractStopLiveStreamDialog, {
     _mapStateToProps
-} from './AbstractStopLiveStreamDialog';
+} from '../AbstractStopLiveStreamDialog';
 
 /**
  * A React Component for confirming the participant wishes to stop the currently

react/features/recording/components/LiveStream/StreamKeyForm.web.js → react/features/recording/components/LiveStream/web/StreamKeyForm.js

 import { FieldTextStateless } from '@atlaskit/field-text';
 import React from 'react';
 
-import { translate } from '../../../base/i18n';
+import { translate } from '../../../../base/i18n';
 
 import AbstractStreamKeyForm, {
     type Props
-} from './AbstractStreamKeyForm';
+} from '../AbstractStreamKeyForm';
 
 /**
  * A React Component for entering a key for starting a YouTube live stream.

react/features/recording/components/LiveStream/StreamKeyPicker.web.js → react/features/recording/components/LiveStream/web/StreamKeyPicker.js

 } from '@atlaskit/dropdown-menu';
 import React, { PureComponent } from 'react';
 
-import { translate } from '../../../base/i18n';
+import { translate } from '../../../../base/i18n';
 
 /**
  * The type of the React {@code Component} props of {@link StreamKeyPicker}.

react/features/recording/components/LiveStream/web/index.js

+// @flow
+
+export { default as LiveStreamButton } from './LiveStreamButton';
+export { default as StartLiveStreamDialog } from './StartLiveStreamDialog';
+export { default as StopLiveStreamDialog } from './StopLiveStreamDialog';

react/features/recording/components/Recording/AbstractRecordButton.js

 import { getActiveSession } from '../../functions';
 
 import StartRecordingDialog from './StartRecordingDialog';
-import StopRecordingDialog from './StopRecordingDialog';
+import { StopRecordingDialog } from './_';
 
 /**
  * The type of the React {@code Component} props of

react/features/recording/components/Recording/_.native.js

+// @flow
+
+export * from './native';

react/features/recording/components/Recording/_.web.js

+// @flow
+
+export * from './web';

react/features/recording/components/Recording/index.js

-export { default as RecordButton } from './RecordButton';
-export { default as StartRecordingDialog } from './StartRecordingDialog';
-export { default as StopRecordingDialog } from './StopRecordingDialog';
+// @flow
+
+export * from './_';

react/features/recording/components/Recording/RecordButton.native.js → react/features/recording/components/Recording/native/RecordButton.js

 
 import { connect } from 'react-redux';
 
-import { translate } from '../../../base/i18n';
+import { translate } from '../../../../base/i18n';
 
 import AbstractRecordButton, {
     _mapStateToProps,
     type Props
-} from './AbstractRecordButton';
+} from '../AbstractRecordButton';
 
 /**
  * An implementation of a button for starting and stopping recording.

react/features/recording/components/Recording/StopRecordingDialog.native.js → react/features/recording/components/Recording/native/StopRecordingDialog.js

 import React from 'react';
 import { connect } from 'react-redux';
 
-import { DialogContent } from '../../../base/dialog';
-import { translate } from '../../../base/i18n';
+import { DialogContent } from '../../../../base/dialog';
+import { translate } from '../../../../base/i18n';
 
 import AbstractStopRecordingDialog, {
     type Props,
     _mapStateToProps
-} from './AbstractStopRecordingDialog';
+} from '../AbstractStopRecordingDialog';
 
 /**
  * React Component for getting confirmation to stop a file recording session in

react/features/recording/components/Recording/native/index.js

+// @flow
+
+export { default as RecordButton } from './RecordButton';
+export { default as StopRecordingDialog } from './StopRecordingDialog';

react/features/recording/components/Recording/RecordButton.web.js → react/features/recording/components/Recording/web/RecordButton.js

 
 import { connect } from 'react-redux';
 
-import { translate } from '../../../base/i18n';
+import { translate } from '../../../../base/i18n';
 
 import AbstractRecordButton, {
     _mapStateToProps as _abstractMapStateToProps,
     type Props as AbstractProps
-} from './AbstractRecordButton';
+} from '../AbstractRecordButton';
 
 declare var interfaceConfig: Object;
 

react/features/recording/components/Recording/StopRecordingDialog.web.js → react/features/recording/components/Recording/web/StopRecordingDialog.js

 
 import { connect } from 'react-redux';
 
-import { translate } from '../../../base/i18n';
+import { translate } from '../../../../base/i18n';
 
 import AbstractStopRecordingDialog, {
     type Props,
     _mapStateToProps
-} from './AbstractStopRecordingDialog';
+} from '../AbstractStopRecordingDialog';
 
 /**
  * React Component for getting confirmation to stop a file recording session in

react/features/recording/components/Recording/web/index.js

+// @flow
+
+export { default as RecordButton } from './RecordButton';
+export { default as StopRecordingDialog } from './StopRecordingDialog';

react/features/recording/components/_.native.js

+// @flow
+
+export * from './native';

react/features/recording/components/_.web.js

+// @flow
+
+export * from './web';

react/features/recording/components/index.js

-export {
-    LiveStreamButton,
-    StartLiveStreamDialog,
-    StopLiveStreamDialog
-} from './LiveStream';
-export {
-    RecordButton,
-    StartRecordingDialog,
-    StopRecordingDialog
-} from './Recording';
-export { default as RecordingLabel } from './RecordingLabel';
-export { default as RecordingExpandedLabel } from './RecordingExpandedLabel';
+// @flow
+
+export * from './_';
+export * from './LiveStream';
+export * from './Recording';

react/features/recording/components/RecordingExpandedLabel.native.js → react/features/recording/components/native/RecordingExpandedLabel.js

 
 import { connect } from 'react-redux';
 
-import { translate } from '../../base/i18n';
-import { JitsiRecordingConstants } from '../../base/lib-jitsi-meet';
+import { translate } from '../../../base/i18n';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
 import {
     ExpandedLabel,
     type Props as AbstractProps
-} from '../../base/label';
+} from '../../../base/label';
 
-import { getSessionStatusToShow } from '../functions';
+import { getSessionStatusToShow } from '../../functions';
 
 import { LIVE_LABEL_COLOR, REC_LABEL_COLOR } from './styles';
 

react/features/recording/components/RecordingLabel.native.js → react/features/recording/components/native/RecordingLabel.js

 import React from 'react';
 import { connect } from 'react-redux';
 
-import { translate } from '../../base/i18n';
-import { CircularLabel } from '../../base/label';
-import { JitsiRecordingConstants } from '../../base/lib-jitsi-meet';
+import { translate } from '../../../base/i18n';
+import { CircularLabel } from '../../../base/label';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
 
 import AbstractRecordingLabel, {
     _mapStateToProps
-} from './AbstractRecordingLabel';
+} from '../AbstractRecordingLabel';
+
 import styles from './styles';
 
 /**

react/features/recording/components/native/index.js

+// @flow
+
+export { default as RecordingExpandedLabel } from './RecordingExpandedLabel';
+export { default as RecordingLabel } from './RecordingLabel';

react/features/recording/components/styles.js → react/features/recording/components/native/styles.js

 // @flow
 
-import { ColorPalette, createStyleSheet } from '../../base/styles';
+import { ColorPalette, createStyleSheet } from '../../../base/styles';
 
 export const LIVE_LABEL_COLOR = ColorPalette.blue;
 export const REC_LABEL_COLOR = ColorPalette.red;

react/features/recording/components/RecordingLabel.web.js → react/features/recording/components/web/RecordingLabel.js

 import React from 'react';
 import { connect } from 'react-redux';
 
-import { CircularLabel } from '../../base/label';
-import { JitsiRecordingConstants } from '../../base/lib-jitsi-meet';
-import { translate } from '../../base/i18n';
+import { CircularLabel } from '../../../base/label';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import { translate } from '../../../base/i18n';
 
 import AbstractRecordingLabel, {
     _mapStateToProps
-} from './AbstractRecordingLabel';
+} from '../AbstractRecordingLabel';
 
 /**
  * Implements a React {@link Component} which displays the current state of

react/features/recording/components/web/index.js

+// @flow
+
+export { default as RecordingLabel } from './RecordingLabel';