From 9df09b4261b8fa9d53db09c4324ed34b08e34a60 Mon Sep 17 00:00:00 2001
From: liatvi <liatvi@wix.com>
Date: Tue, 12 Mar 2024 13:07:55 +0200
Subject: [PATCH] make videoItem use esm import (#1198)

---
 packages/gallery/src/components/item/videos/getStyle.js  | 4 +---
 packages/gallery/src/components/item/videos/videoItem.js | 4 ++--
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/gallery/src/components/item/videos/getStyle.js b/packages/gallery/src/components/item/videos/getStyle.js
index fb427ed1cb..7faeec5fdc 100644
--- a/packages/gallery/src/components/item/videos/getStyle.js
+++ b/packages/gallery/src/components/item/videos/getStyle.js
@@ -1,6 +1,4 @@
-module.exports = getStyle;
-
-function getStyle(isCrop, isWiderThenContainer) {
+export function getStyle(isCrop, isWiderThenContainer) {
   const CALC = 'calc(100% + 1px)';
   return isCrop ? getCrop() : getNonCrop();
 
diff --git a/packages/gallery/src/components/item/videos/videoItem.js b/packages/gallery/src/components/item/videos/videoItem.js
index 80c86a7b1e..32837eef6c 100644
--- a/packages/gallery/src/components/item/videos/videoItem.js
+++ b/packages/gallery/src/components/item/videos/videoItem.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { GALLERY_CONSTS, window, utils } from 'pro-gallery-lib';
 import { shouldCreateVideoPlaceholder } from '../itemHelper';
-import getStyle from './getStyle';
+import { getStyle } from './getStyle';
 
 class VideoItem extends React.Component {
   constructor(props) {
@@ -166,7 +166,7 @@ class VideoItem extends React.Component {
 
     const attributes = {
       controlsList: 'nodownload',
-      disablePictureInPicture: 'true',
+      disablePictureInPicture: true,
       muted: !this.props.options.videoSound,
       preload: 'metadata',
       style: getStyle(isCrop, isWiderThenContainer),