[WIP] Flatten directory structure

packages/ia-components/.storybook/config.js

@@ -6,6 +6,7 @@ import { withTests } from '@storybook/addon-jest';
 import results from '../jest-test-utils/jest-test-results.json';
 
 import style from './archive-cf7f2eh.less'
+import styles from './theatre-styling.less'
 
 /**
  * pick all *.stories.js files within the ia-components directory

packages/ia-components/index.js

@@ -9,8 +9,8 @@ export { default as IAUXExampleComponent } from './live/example-react-component/
 export { default as HorizontalRadioGroup } from './sandbox/selectors/horizontal-radio-group/horizontal-radio-group';
 export { default as FlexboxPagination } from './sandbox/pagination/pagination-with-flexbox';
 
-export { default as TheatreTrackList } from './sandbox/theatres/components/track-list/track-list';
-export { default as TheatreAudioPlayer } from './sandbox/theatres/components/audio-player/audio-player-main';
+export { default as TheatreTrackList } from './sandbox/track-lists/track-list';
+export { default as TheatreAudioPlayer } from './sandbox/audio-players/audio-player-main';
 export { default as AudioPlayerWithYoutubeSpotify } from './sandbox/theatres/with-youtube-spotify/audio-with-youtube-spotify-main';
 export { default as AnchorDetails } from './sandbox/AnchorDetails';
 // sandbox tiles
@@ -24,4 +24,4 @@ export { default as DetailsActionButtons } from './sandbox/details/DetailsAction
 export { default as DetailsDownloadOptions } from './sandbox/details/DetailsDownloadOptions';
 export { default as DetailsFlags } from './sandbox/details/DetailsFlags';
 export { AnchorModalGo, ButtonModalGo } from './sandbox/details/ModalGo';
-export { default as Tabby} from './sandbox/details/Tabby';
+export { default as Tabby } from './sandbox/details/Tabby';

packages/ia-components/index.less

@@ -3,7 +3,7 @@
 @import './live/example-react-component/styles.less';
 
 @import './sandbox/theatres/with-youtube-spotify/audio-with-youtube-spotify.less';
-@import './sandbox/theatres/components/track-list/track-list.less';
-@import './sandbox/theatres/components/audio-player/audio-player.less';
+@import './sandbox/track-lists/track-list.less';
+@import './sandbox/audio-players/audio-player.less';
 @import './sandbox/selectors/horizontal-radio-group/horizontal-radio-group.less';
-@import './sandbox/pagination/pagination.less';
+@import './sandbox/pagination/pagination.less';

packages/ia-components/sandbox/theatres/components/audio-player/audio-player-main.jsx → packages/ia-components/sandbox/audio-players/audio-player-main.jsx

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import ArchiveAudioPlayer from './players_by_type/archive-audio-jwplayer-wrapper';
-import ThirdPartyEmbeddedPlayer from './players_by_type/third-party-embed';
-import { HorizontalRadioGroup } from '../../../../index';
-import BookReaderWrapper from '../../../bookreader-component/bookreader-wrapper-main';
+import ArchiveAudioPlayer from './archive-audio-jwplayer-wrapper';
+import ThirdPartyEmbeddedPlayer from './third-party-embed';
+import { HorizontalRadioGroup } from '../../index';
+import BookReaderWrapper from '../bookreader-component/bookreader-wrapper-main';
 
 /**
  * Draw background photo
@@ -124,7 +124,7 @@ export default class TheatreAudioPlayer extends Component {
       options.push({
         value: 'liner-notes',
         label: customSourceLabels.linerNotes,
-      });;
+      });
     }
     return (
       <HorizontalRadioGroup

packages/ia-components/sandbox/theatres/with-youtube-spotify/audio-with-youtube-spotify-main.jsx

@@ -5,10 +5,10 @@ import { find, flatten, head } from 'lodash';
 import flattenAlbumData from './utils/flatten-album-data';
 import getTrackListBySource from './utils/get-track-list-by-source';
 
-import YoutubeIcon from '../components/svgs/youtube-logo-icon';
-import SpotifyIcon from '../components/svgs/spotify-logo-icon';
-import ArchiveIcon from '../components/svgs/ia-logo-white-icon';
-import BookletIcon from '../components/svgs/icon-booklet';
+import YoutubeIcon from '../../svgs/youtube-logo-icon';
+import SpotifyIcon from '../../svgs/spotify-logo-icon';
+import ArchiveIcon from '../../svgs/ia-logo-white-icon';
+import BookletIcon from '../../svgs/icon-booklet';
 import { HorizontalRadioGroup, TheatreAudioPlayer, TheatreTrackList } from '../../../index';
 
 /**

packages/ia-components/sandbox/theatres/with-youtube-spotify/audio-with-youtube-spotify.stories.js

@@ -2,10 +2,10 @@ import React, { Component } from 'react';
 import { storiesOf } from '@storybook/react';
 import axios from 'axios';
 
-import albumData from './utils/data-for-stories/album-private-with-spotify-youtube';
+import albumData from '../../data-for-stories/album-private-with-spotify-youtube';
 import AudioPlayerWithYoutubeSpotify from './audio-with-youtube-spotify-main';
 import style from './audio-with-youtube-spotify.less';
-import styles from './utils/data-for-stories/theatre-styling.less';
+// import styles from '../../../.storybook/theatre-styling.less';
 
 const { itemInfo, jwplayerPlaylist, linerNotes } = albumData;
 

packages/ia-components/sandbox/theatres/with-youtube-spotify/utils/flatten-album-data.test.js

@@ -1,7 +1,7 @@
 import assert from 'assert';
 
 import flattenAlbumData from './flatten-album-data';
-import albumData from './data-for-stories/album-private-with-spotify-youtube';
+import albumData from '../../../data-for-stories/album-private-with-spotify-youtube';
 
 const { itemInfo } = albumData;
 

packages/ia-components/sandbox/theatres/components/track-list/track-list.jsx → packages/ia-components/sandbox/track-lists/track-list.jsx

@@ -1,6 +1,6 @@
 import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
-import { FlexboxPagination } from '../../../..';
+import { FlexboxPagination } from '../..';
 
 /**
  * Creates the track title to display based on track object
@@ -125,7 +125,7 @@ TheatreTrackList.defaultProps = {
 TheatreTrackList.propTypes = {
   onSelected: PropTypes.func.isRequired,
   selectedTrack: PropTypes.number.isRequired,
-  tracks: PropTypes.array,
+  tracks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
   displayTrackNumbers: PropTypes.bool,
   creator: PropTypes.string,
 };

packages/ia-components/sandbox/theatres/components/track-list/track-list.less → packages/ia-components/sandbox/track-lists/track-list.less

@@ -1,11 +1,11 @@
-@import '../../../../variables.less';
+@import '../../variables.less';
 
 .audio-track-list {
   position: relative;
   // split overflow declaration needed for Safari
   overflow-x: hidden;
   overflow-y: auto;
-  
+
   .page-buttons {
     .pagination-button {
       border-color: #fff;
@@ -34,7 +34,7 @@
     &.selected {
       border-color:#00A1DD;
       border-radius: .5rem;
-  
+
       &:focus {
         outline: none;
       }

packages/ia-components/sandbox/theatres/components/track-list/track-list.stories.js → packages/ia-components/sandbox/track-lists/track-list.stories.js

@@ -1,11 +1,11 @@
-import style from './track-list.less';
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { text, number } from '@storybook/addon-knobs';
+import style from './track-list.less';
 import TrackList from './track-list';
 
- storiesOf('Theatres', module)
-  .addWithJSX('Tract List', () => {
+storiesOf('Theatres', module)
+  .addWithJSX('Track List', () => {
     const tracks = [
       {
         source: 'derivative',
@@ -29,11 +29,14 @@ import TrackList from './track-list';
         trackNumber: 1
       }
     ];
-
-     return <TrackList 
-                selectedTrack={1}
-                tracks={tracks}
-                displayTrackNumbers={true}
-                creator="Willie Nelson"
-                onSelected={()=>{alert('track clicked')}}/>
+
+    return (
+      <TrackList
+        selectedTrack={1}
+        tracks={tracks}
+        displayTrackNumbers
+        creator="Willie Nelson"
+        onSelected={() => { alert('Track clicked'); }}
+      />
+    );
   })