#297 Добавить опцию отключения скролла в десктопном компоненте galler…

…y-modal (#298)

* #297 Добавить опцию отключения скролла в десктопном компоненте gallery-modal
- Добавил новый проп для gallery-modal

* #297 Добавить опцию отключения скролла в десктопном компоненте gallery-modal
- Удалил лишний код в package-json
- Добавил тесты на новый проп

* #297 Добавить опцию отключения скролла в десктопном компоненте gallery-modal
- Удалил из  package json lock moleculas

---------

Co-authored-by: puzakov_ia <[email protected]>

src/desktop/components/gallery-modal/components/__test__/gallery-modal.test.tsx

@@ -117,4 +117,16 @@ describe('GalleryModal', () => {
 
     expect(container).toMatchSnapshot();
   });
+
+  it('Должен отключать скролл когда withScrollDisable = true', () => {
+    render(<GalleryModal media={data.media} withScrollDisable />);
+
+    expect(document.body.style.overflow).toBe('hidden');
+  });
+
+  it('Не должен отключать скролл когда withScrollDisable = false', () => {
+    render(<GalleryModal media={data.media} withScrollDisable={false} />);
+
+    expect(document.body.style.overflow).not.toBe('hidden');
+  });
 });

src/desktop/components/gallery-modal/components/gallery-modal.tsx

@@ -35,6 +35,9 @@ export interface GalleryModalProps {
 
   /** Будет вызвана при событиях проигрывания видео. */
   onVideoEvent?: (event: SyntheticEvent<HTMLVideoElement>) => void;
+
+  /** Нужно ли выключать прокрутку body. */
+  withScrollDisable?: boolean;
 }
 
 interface InnerStyles extends CSSProperties {
@@ -53,6 +56,7 @@ export const GalleryModal = ({
   media,
   defaultMediaIndex = 0,
   review,
+  withScrollDisable = false,
   onClose,
   onGoToReview,
   onMediaChange,
@@ -86,7 +90,7 @@ export const GalleryModal = ({
   return (
     <Modal size='fullscreen' onClose={onClose}>
       <TopBar buttons={navigationButtons({ onClose })} />
-      <ModalBody style={{ position: 'relative' }}>
+      <ModalBody withScrollDisable={withScrollDisable} style={{ position: 'relative' }}>
         <DesktopLayout className={cx('root')} ref={rootRef} style={style}>
           <div className={cx('main')}>
             <div className={cx('thumbnails')} ref={thumbnailsRef}>