change GalleryContainer file to contain only explisit import

packages/gallery/src/components/gallery/proGallery/galleryContainer.js

@@ -10,18 +10,18 @@ import {
   windowWrapper,
 } from 'pro-gallery-lib';
 import { ItemsHelper } from 'pro-layouts';
-import GalleryView from './galleryView';
-import SlideshowView from './slideshowView';
+import { GalleryView } from './galleryView';
+import { SlideshowView } from './slideshowView';
 import {
   scrollToItemImp,
   scrollToGroupImp,
   haltScroll,
 } from '../../helpers/scrollHelper';
-import ScrollIndicator from './galleryScrollIndicator';
+import { ScrollIndicator } from './galleryScrollIndicator';
 import { createCssLayouts } from '../../helpers/cssLayoutsHelper.js';
 import { cssScrollHelper } from '../../helpers/cssScrollHelper.js';
-import VideoScrollHelperWrapper from '../../helpers/videoScrollHelperWrapper';
-import findNeighborItem from '../../helpers/layoutUtils';
+import { VideoScrollHelperWrapper } from '../../helpers/videoScrollHelperWrapper';
+import { findNeighborItem } from '../../helpers/layoutUtils';
 import { isGalleryInViewport, Deferred } from './galleryHelpers';
 
 export class GalleryContainer extends React.Component {

packages/gallery/src/components/gallery/proGallery/galleryScrollIndicator.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { utils, GALLERY_CONSTS } from 'pro-gallery-lib';
 import { cssScrollHelper } from '../../helpers/cssScrollHelper';
 
-export default class ScrollIndicator extends React.Component {
+export class ScrollIndicator extends React.Component {
   constructor(props) {
     super();
 
@@ -175,3 +175,5 @@ export default class ScrollIndicator extends React.Component {
     );
   }
 }
+
+export default ScrollIndicator;

packages/gallery/src/components/gallery/proGallery/galleryView.js

@@ -4,7 +4,7 @@ import GalleryDebugMessage from './galleryDebugMessage';
 import itemView from '../../item/itemView.js';
 import { getItemsInViewportOrMarginByScrollLocation } from '../../helpers/virtualization';
 
-class GalleryView extends React.Component {
+export class GalleryView extends React.Component {
   constructor(props) {
     super(props);
     this.handleKeys = this.handleKeys.bind(this);

packages/gallery/src/components/gallery/proGallery/slideshowView.js

@@ -28,7 +28,7 @@ function getDirection(code) {
   throw new Error(`no direction is defined for charCode: ${code}`);
 }
 
-class SlideshowView extends React.Component {
+export class SlideshowView extends React.Component {
   constructor(props) {
     super(props);
     this.navigationPanelCallbackOnIndexChange = () => {};

packages/gallery/src/components/helpers/layoutUtils.js

@@ -1,4 +1,4 @@
-function findNeighborItem(itemIdx, dir, layoutItems) {
+export function findNeighborItem(itemIdx, dir, layoutItems) {
   const currentItem = layoutItems[itemIdx];
 
   let neighborItem;

packages/gallery/src/components/helpers/videoScrollHelperWrapper.js

@@ -1,6 +1,6 @@
 import { isEditMode } from 'pro-gallery-lib';
 
-class VideoScrollHelperWrapper {
+export class VideoScrollHelperWrapper {
   constructor(setPlayingIdxState) {
     this.left = 0;
     this.top = 0;

packages/gallery/src/components/item/videos/getStyle.js

@@ -26,3 +26,5 @@ function getStyle(isCrop, isWiderThenContainer) {
     };
   }
 }
+
+export default getStyle;

packages/gallery/src/components/item/videos/videoItem.js

@@ -306,6 +306,7 @@ class VideoItem extends React.Component {
     if (this.state.playedOnce && this.state.ready) {
       baseClassName.push('playedOnce');
     }
+    //
     if (this.props.isCurrentHover) {
       baseClassName.push('item-content-hover');
     } else {