@draftbit/core 47.8.3-6cdf30.2 → 47.8.3-7e5a90.2

package/lib/commonjs/components/Layout/ZStack.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["reversed","children"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Layout/ZStack.tsx";var ZStack=function ZStack(_ref){var reversed=_ref.reversed,children=_ref.children,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var absoluteChildren=_react.default.useMemo(function(){var childrenArray=_react.default.Children.toArray(children);if(reversed){childrenArray=childrenArray.reverse();}return childrenArray.map(function(child,index){var props=child.props||{};return _react.default.cloneElement(child,Object.assign({},props,{style:Object.assign({position:"absolute",zIndex:index+1},props.style)}),props.children);});},[children,reversed]);return(0,_jsxRuntime.jsx)(_reactNative.View,Object.assign({},rest,{children:absoluteChildren}));};var _default=ZStack;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _utilities=require("../../utilities");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["reversed","children","style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Layout/ZStack.tsx";var ZStack=function ZStack(_ref){var reversed=_ref.reversed,children=_ref.children,style=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _React$useState=_react.default.useState(new Map()),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),childSizes=_React$useState2[0],setChildSizes=_React$useState2[1];var _React$useState3=_react.default.useState(),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),maxChildWidth=_React$useState4[0],setMaxChildWidth=_React$useState4[1];var _React$useState5=_react.default.useState(),_React$useState6=(0,_slicedToArray2.default)(_React$useState5,2),maxChildHeight=_React$useState6[0],setMaxChildHeight=_React$useState6[1];var onChildLayout=_react.default.useCallback(function(index,width,height){var size={width:roundTo3DecimalPoints(width),height:roundTo3DecimalPoints(height)};setChildSizes(new Map(childSizes.set(index,size)));},[childSizes,setChildSizes]);var absoluteChildren=_react.default.useMemo(function(){var childrenArray=_react.default.Children.toArray(children);if(reversed){childrenArray=childrenArray.reverse();}return childrenArray.map(function(child,index){var props=child.props||{};return _react.default.cloneElement(child,Object.assign({},props,{onLayout:function onLayout(event){var layout=event.nativeEvent.layout;var fullWidth=layout.x+layout.width;var fullHeight=layout.y+layout.height;onChildLayout(index,fullWidth,fullHeight);props.onLayout==null?void 0:props.onLayout(event);},key:index,style:Object.assign({position:"absolute",zIndex:index+1},props.style)}),props.children);});},[children,reversed,onChildLayout]);_react.default.useEffect(function(){setChildSizes(new Map());},[absoluteChildren.length]);var childSizeValues=Array.from(childSizes.values());(0,_utilities.useDeepCompareEffect)(function(){var maxWidth=0;var maxHeight=0;childSizeValues.forEach(function(_ref2){var width=_ref2.width,height=_ref2.height;if(width>maxWidth){maxWidth=width;}if(height>maxHeight){maxHeight=height;}});setMaxChildWidth(maxWidth);setMaxChildHeight(maxHeight);},[childSizeValues,setMaxChildWidth,setMaxChildHeight]);return(0,_jsxRuntime.jsx)(_reactNative.View,Object.assign({style:[maxChildWidth&&maxChildHeight?{width:maxChildWidth,height:maxChildHeight}:{},style]},rest,{children:absoluteChildren}));};function roundTo3DecimalPoints(value){return Math.round(value*1000)/1000;}var _default=ZStack;exports.default=_default;

package/lib/commonjs/components/YoutubePlayer/YoutubePlayer.native.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 _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});};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,webViewProps:{androidLayerType:"software"}});};var _default=YoutubePlayer;exports.default=_default;

package/lib/typescript/src/components/Layout/ZStack.js

@@ -1,6 +1,17 @@
 import React from "react";
 import { View } from "react-native";
-const ZStack = ({ reversed, children, ...rest }) => {
+import { useDeepCompareEffect } from "../../utilities";
+const ZStack = ({ reversed, children, style, ...rest }) => {
+    const [childSizes, setChildSizes] = React.useState(new Map());
+    const [maxChildWidth, setMaxChildWidth] = React.useState();
+    const [maxChildHeight, setMaxChildHeight] = React.useState();
+    const onChildLayout = React.useCallback((index, width, height) => {
+        const size = {
+            width: roundTo3DecimalPoints(width),
+            height: roundTo3DecimalPoints(height),
+        };
+        setChildSizes(new Map(childSizes.set(index, size)));
+    }, [childSizes, setChildSizes]);
     const absoluteChildren = React.useMemo(() => {
         let childrenArray = React.Children.toArray(children);
         if (reversed) {
@@ -10,11 +21,46 @@ const ZStack = ({ reversed, children, ...rest }) => {
             const props = child.props || {};
             return React.cloneElement(child, {
                 ...props,
+                onLayout: (event) => {
+                    var _a;
+                    const layout = event.nativeEvent.layout;
+                    const fullWidth = layout.x + layout.width;
+                    const fullHeight = layout.y + layout.height;
+                    onChildLayout(index, fullWidth, fullHeight);
+                    (_a = props.onLayout) === null || _a === void 0 ? void 0 : _a.call(props, event);
+                },
+                key: index,
                 style: { position: "absolute", zIndex: index + 1, ...props.style },
             }, props.children);
         });
-    }, [children, reversed]);
-    return React.createElement(View, { ...rest }, absoluteChildren);
+    }, [children, reversed, onChildLayout]);
+    React.useEffect(() => {
+        setChildSizes(new Map());
+    }, [absoluteChildren.length]);
+    const childSizeValues = Array.from(childSizes.values());
+    useDeepCompareEffect(() => {
+        let maxWidth = 0;
+        let maxHeight = 0;
+        childSizeValues.forEach(({ width, height }) => {
+            if (width > maxWidth) {
+                maxWidth = width;
+            }
+            if (height > maxHeight) {
+                maxHeight = height;
+            }
+        });
+        setMaxChildWidth(maxWidth);
+        setMaxChildHeight(maxHeight);
+    }, [childSizeValues, setMaxChildWidth, setMaxChildHeight]);
+    return (React.createElement(View, { style: [
+            maxChildWidth && maxChildHeight
+                ? { width: maxChildWidth, height: maxChildHeight }
+                : {},
+            style,
+        ], ...rest }, absoluteChildren));
 };
+function roundTo3DecimalPoints(value) {
+    return Math.round(value * 1000) / 1000;
+}
 export default ZStack;
 //# sourceMappingURL=ZStack.js.map

package/lib/typescript/src/components/Layout/ZStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZStack.js","sourceRoot":"","sources":["../../../../../src/components/Layout/ZStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAM/C,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxE,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,IAAI,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CACxC,QAAQ,CACe,CAAC;QAE1B,IAAI,QAAQ,EAAE;YACZ,aAAa,GAAG,aAAa,CAAC,OAAO,EAAE,CAAC;SACzC;QAED,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACxC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;YAChC,OAAO,KAAK,CAAC,YAAY,CACvB,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;aACnE,EACD,KAAK,CAAC,QAAQ,CACf,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,oBAAC,IAAI,OAAK,IAAI,IAAG,gBAAgB,CAAQ,CAAC;AACnD,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"ZStack.js","sourceRoot":"","sources":["../../../../../src/components/Layout/ZStack.tsx"],"names":[],"mappings":"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"}

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

@@ -4,7 +4,7 @@ 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 }));
+    return (React.createElement(YoutubePlayerIFrame, { width: viewStyles.width, height: viewStyles.height, play: autoplay, videoId: !videoId && !playlist ? defaultVideoId : videoId, playList: playlist, webViewStyle: viewStyles, webViewProps: { androidLayerType: "software" } }));
 };
 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,GACxB,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,UAAU,EACxB,YAAY,EAAE,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAC9C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}