@draftbit/core 49.2.3 → 49.2.5-24eaa3.2

package/lib/commonjs/components/YoutubePlayer/YoutubePlayer.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _utilities=require("../../utilities");var _reactYoutube=_interopRequireDefault(require("react-youtube"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/YoutubePlayer/YoutubePlayer.tsx";var YoutubePlayer=function YoutubePlayer(_ref){var videoId=_ref.videoId,playlist=_ref.playlist,_ref$autoplay=_ref.autoplay,autoplay=_ref$autoplay===void 0?false:_ref$autoplay,style=_ref.style;var _extractStyles=(0,_utilities.extractStyles)(style),viewStyles=_extractStyles.viewStyles;var defaultVideoId="nwMUpDESXrI";var options={width:viewStyles.width,height:viewStyles.height,playerVars:{autoplay:autoplay?1:0,list:playlist,listType:"playlist"}};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:viewStyles,children:(0,_jsxRuntime.jsx)(_reactYoutube.default,{videoId:!videoId&&!playlist?defaultVideoId:videoId,opts:options})});};var _default=YoutubePlayer;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _utilities=require("../../utilities");var _reactYoutube=_interopRequireDefault(require("react-youtube"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/YoutubePlayer/YoutubePlayer.tsx";var YoutubePlayer=function YoutubePlayer(_ref){var videoId=_ref.videoId,playlist=_ref.playlist,_ref$autoplay=_ref.autoplay,autoplay=_ref$autoplay===void 0?false:_ref$autoplay,style=_ref.style;var _extractStyles=(0,_utilities.extractStyles)(style),viewStyles=_extractStyles.viewStyles;var defaultVideoId="nwMUpDESXrI";var options={width:viewStyles.width,height:viewStyles.height,playerVars:{autoplay:autoplay?1:0,list:playlist,listType:"playlist"}};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:viewStyles,children:(0,_jsxRuntime.jsx)(_reactYoutube.default,{style:{flex:1},videoId:!videoId&&!playlist?defaultVideoId:videoId,opts:options})});};var _default=YoutubePlayer;exports.default=_default;

package/lib/commonjs/components/YoutubePlayer/YoutubePlayer.native.js

@@ -1 +1,5 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeYoutubeIframe=_interopRequireDefault(require("react-native-youtube-iframe"));var _utilities=require("../../utilities");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/YoutubePlayer/YoutubePlayer.native.tsx";var YoutubePlayer=function YoutubePlayer(_ref){var videoId=_ref.videoId,playlist=_ref.playlist,_ref$autoplay=_ref.autoplay,autoplay=_ref$autoplay===void 0?false:_ref$autoplay,style=_ref.style;var _extractStyles=(0,_utilities.extractStyles)(style),viewStyles=_extractStyles.viewStyles;var defaultVideoId="nwMUpDESXrI";return(0,_jsxRuntime.jsx)(_reactNativeYoutubeIframe.default,{width:viewStyles.width,height:viewStyles.height,play:autoplay,videoId:!videoId&&!playlist?defaultVideoId:videoId,playList:playlist,webViewStyle:viewStyles,webViewProps:{androidLayerType:"software"}});};var _default=YoutubePlayer;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeYoutubeIframe=_interopRequireDefault(require("react-native-youtube-iframe"));var _utilities=require("../../utilities");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/YoutubePlayer/YoutubePlayer.native.tsx";var YoutubePlayer=function YoutubePlayer(_ref){var videoId=_ref.videoId,playlist=_ref.playlist,_ref$autoplay=_ref.autoplay,autoplay=_ref$autoplay===void 0?false:_ref$autoplay,style=_ref.style;var _extractStyles=(0,_utilities.extractStyles)(style),viewStyles=_extractStyles.viewStyles;var defaultVideoId="nwMUpDESXrI";return(0,_jsxRuntime.jsx)(_reactNativeYoutubeIframe.default,{width:viewStyles.width,height:viewStyles.height,play:autoplay,videoId:!videoId&&!playlist?defaultVideoId:videoId,playList:playlist,webViewStyle:[viewStyles,{opacity:viewStyles.opacity<0.99?viewStyles.opacity:0.99}],webViewProps:{injectedJavaScript:`
+            var element = document.getElementsByClassName('container')[0];
+            element.style.position = 'unset';
+            true;
+          `}});};var _default=YoutubePlayer;exports.default=_default;

package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.js

@@ -15,7 +15,7 @@ const YoutubePlayer = ({ videoId, playlist, autoplay = false, style, }) => {
         },
     };
     return (React.createElement(View, { style: viewStyles },
-        React.createElement(YouTube, { videoId: !videoId && !playlist ? defaultVideoId : videoId, opts: options })));
+        React.createElement(YouTube, { style: { flex: 1 }, videoId: !videoId && !playlist ? defaultVideoId : videoId, opts: options })));
 };
 export default YoutubePlayer;
 //# sourceMappingURL=YoutubePlayer.js.map

package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"YoutubePlayer.js","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/YoutubePlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,OAAyB,MAAM,eAAe,CAAC;AAEtD,MAAM,aAAa,GAAiC,CAAC,EACnD,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,aAAa,CAAC;IAErC,MAAM,OAAO,GAAyB;QACpC,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,UAAU,EAAE;YACV,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,UAAU;SACrB;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,OAAO,IACN,OAAO,EAAE,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,EACzD,IAAI,EAAE,OAAO,GACb,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"YoutubePlayer.js","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/YoutubePlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,OAAyB,MAAM,eAAe,CAAC;AAEtD,MAAM,aAAa,GAAiC,CAAC,EACnD,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,aAAa,CAAC;IAErC,MAAM,OAAO,GAAyB;QACpC,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,UAAU,EAAE;YACV,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,UAAU;SACrB;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,OAAO,IACN,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAClB,OAAO,EAAE,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,EACzD,IAAI,EAAE,OAAO,GACb,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.native.js

@@ -4,7 +4,33 @@ import { extractStyles } from "../../utilities";
 const YoutubePlayer = ({ videoId, playlist, autoplay = false, style, }) => {
     const { viewStyles } = extractStyles(style);
     const defaultVideoId = "nwMUpDESXrI";
-    return (React.createElement(YoutubePlayerIFrame, { width: viewStyles.width, height: viewStyles.height, play: autoplay, videoId: !videoId && !playlist ? defaultVideoId : videoId, playList: playlist, webViewStyle: viewStyles, webViewProps: { androidLayerType: "software" } }));
+    return (React.createElement(YoutubePlayerIFrame, { width: viewStyles.width, height: viewStyles.height, play: autoplay, videoId: !videoId && !playlist ? defaultVideoId : videoId, playList: playlist, webViewStyle: [
+            viewStyles,
+            {
+                /**
+                 * Addresses a WebView and react-navigation bug that causes apps to crash
+                 * Alternate solution is set `androidLayerType` prop to `"software"`, but that leads to player playing without video
+                 * See:
+                 * https://lonelycpp.github.io/react-native-youtube-iframe/navigation-crash/#change-webview-opacity-to-099-issue-comment
+                 * https://github.com/LonelyCpp/react-native-youtube-iframe/issues/110#issuecomment-779848787
+                 * https://github.com/react-native-webview/react-native-webview/issues/811
+                 */
+                opacity: viewStyles.opacity < 0.99 ? viewStyles.opacity : 0.99,
+            },
+        ], 
+        /**
+         * Addresses issue where webview is locked by aspect ratio and refuses to
+         * change height according to provided style props.
+         * See:
+         * https://github.com/LonelyCpp/react-native-youtube-iframe/issues/13#issuecomment-611753123
+         */
+        webViewProps: {
+            injectedJavaScript: `
+            var element = document.getElementsByClassName('container')[0];
+            element.style.position = 'unset';
+            true;
+          `,
+        } }));
 };
 export default YoutubePlayer;
 //# sourceMappingURL=YoutubePlayer.native.js.map

package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"YoutubePlayer.native.js","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/YoutubePlayer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,MAAM,aAAa,GAAiC,CAAC,EACnD,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,aAAa,CAAC;IAErC,OAAO,CACL,oBAAC,mBAAmB,IAClB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,EACzD,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAC9C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"YoutubePlayer.native.js","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/YoutubePlayer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,MAAM,aAAa,GAAiC,CAAC,EACnD,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,aAAa,CAAC;IAErC,OAAO,CACL,oBAAC,mBAAmB,IAClB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,EACzD,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE;YACZ,UAAU;YACV;gBACE;;;;;;;mBAOG;gBACH,OAAO,EAAE,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;aAC/D;SACF;QACD;;;;;WAKG;QACH,YAAY,EAAE;YACZ,kBAAkB,EAAE;;;;WAIjB;SACJ,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}