@micromag/screen-urbania-article 0.3.487 → 0.3.489

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/es/index.js +14 -17
  2. package/lib/index.js +14 -17
  3. package/package.json +17 -17
package/es/index.js CHANGED
@@ -895,6 +895,8 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
895
895
  isEdit = _useScreenRenderConte.isEdit,
896
896
  isStatic = _useScreenRenderConte.isStatic,
897
897
  isCapture = _useScreenRenderConte.isCapture;
898
+ var _useViewerWebView = useViewerWebView(),
899
+ openWebView = _useViewerWebView.open;
898
900
  var _useViewerContext = useViewerContext(),
899
901
  viewerTopHeight = _useViewerContext.topHeight,
900
902
  viewerBottomHeight = _useViewerContext.bottomHeight;
@@ -935,7 +937,6 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
935
937
  setIframeLoaded = _useState8[1];
936
938
  var mediaShouldLoad = current || active;
937
939
  var backgroundPlaying = current && (isView || isEdit) && !articleOpened && playing;
938
- var withIframe = hasUrl && !isPlaceholder && !isPreview && !isStatic;
939
940
  var mediaRef = usePlaybackMediaRef(current && !articleOpened);
940
941
 
941
942
  // @TODO: collapsed card the height of articlePreview
@@ -974,15 +975,20 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
974
975
  }, [current, setControls, isBackgroundVideo, articleOpened, setControls, setControlsTheme]);
975
976
  var toggleCard = useCallback(function () {
976
977
  var newOpened = !articleOpened;
977
- setArticleOpened(newOpened);
978
978
  if (newOpened) {
979
- disableInteraction();
980
- } else {
981
- enableInteraction();
979
+ openWebView(url);
982
980
  }
983
- setIframeMounted(true);
984
- }, [articleOpened, setIframeMounted, setArticleOpened, disableInteraction, enableInteraction]);
985
- var onIframeLoad = useCallback(function () {
981
+
982
+ // setArticleOpened(newOpened);
983
+ // if (newOpened) {
984
+ // disableInteraction();
985
+ // } else {
986
+ // enableInteraction();
987
+ // }
988
+
989
+ // setIframeMounted(true);
990
+ }, [articleOpened, setIframeMounted, setArticleOpened, disableInteraction, enableInteraction, openWebView]);
991
+ useCallback(function () {
986
992
  setIframeLoaded(true);
987
993
  }, [setIframeLoaded]);
988
994
  useEffect(function () {
@@ -1183,15 +1189,6 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
1183
1189
  className: styles.spinner
1184
1190
  })) : null, !iframeEnabled && iframeMounted ? /*#__PURE__*/React.createElement("div", {
1185
1191
  className: styles.iframeBlocker
1186
- }) : null, iframeMounted && withIframe ? /*#__PURE__*/React.createElement("iframe", {
1187
- onLoad: onIframeLoad,
1188
- className: styles.iframe,
1189
- title: title.body,
1190
- src: url || 'about:blank',
1191
- style: {
1192
- width: '100%',
1193
- height: height
1194
- }
1195
1192
  }) : null)) : null))));
1196
1193
  };
1197
1194
  UrbaniaArticleCard.defaultProps = defaultProps;
package/lib/index.js CHANGED
@@ -899,6 +899,8 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
899
899
  isEdit = _useScreenRenderConte.isEdit,
900
900
  isStatic = _useScreenRenderConte.isStatic,
901
901
  isCapture = _useScreenRenderConte.isCapture;
902
+ var _useViewerWebView = contexts.useViewerWebView(),
903
+ openWebView = _useViewerWebView.open;
902
904
  var _useViewerContext = contexts.useViewerContext(),
903
905
  viewerTopHeight = _useViewerContext.topHeight,
904
906
  viewerBottomHeight = _useViewerContext.bottomHeight;
@@ -939,7 +941,6 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
939
941
  setIframeLoaded = _useState8[1];
940
942
  var mediaShouldLoad = current || active;
941
943
  var backgroundPlaying = current && (isView || isEdit) && !articleOpened && playing;
942
- var withIframe = hasUrl && !isPlaceholder && !isPreview && !isStatic;
943
944
  var mediaRef = contexts.usePlaybackMediaRef(current && !articleOpened);
944
945
 
945
946
  // @TODO: collapsed card the height of articlePreview
@@ -978,15 +979,20 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
978
979
  }, [current, setControls, isBackgroundVideo, articleOpened, setControls, setControlsTheme]);
979
980
  var toggleCard = React.useCallback(function () {
980
981
  var newOpened = !articleOpened;
981
- setArticleOpened(newOpened);
982
982
  if (newOpened) {
983
- disableInteraction();
984
- } else {
985
- enableInteraction();
983
+ openWebView(url);
986
984
  }
987
- setIframeMounted(true);
988
- }, [articleOpened, setIframeMounted, setArticleOpened, disableInteraction, enableInteraction]);
989
- var onIframeLoad = React.useCallback(function () {
985
+
986
+ // setArticleOpened(newOpened);
987
+ // if (newOpened) {
988
+ // disableInteraction();
989
+ // } else {
990
+ // enableInteraction();
991
+ // }
992
+
993
+ // setIframeMounted(true);
994
+ }, [articleOpened, setIframeMounted, setArticleOpened, disableInteraction, enableInteraction, openWebView]);
995
+ React.useCallback(function () {
990
996
  setIframeLoaded(true);
991
997
  }, [setIframeLoaded]);
992
998
  React.useEffect(function () {
@@ -1187,15 +1193,6 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
1187
1193
  className: styles.spinner
1188
1194
  })) : null, !iframeEnabled && iframeMounted ? /*#__PURE__*/React.createElement("div", {
1189
1195
  className: styles.iframeBlocker
1190
- }) : null, iframeMounted && withIframe ? /*#__PURE__*/React.createElement("iframe", {
1191
- onLoad: onIframeLoad,
1192
- className: styles.iframe,
1193
- title: title.body,
1194
- src: url || 'about:blank',
1195
- style: {
1196
- width: '100%',
1197
- height: height
1198
- }
1199
1196
  }) : null)) : null))));
1200
1197
  };
1201
1198
  UrbaniaArticleCard.defaultProps = defaultProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-article",
3
- "version": "0.3.487",
3
+ "version": "0.3.489",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -63,21 +63,21 @@
63
63
  "@babel/runtime": "^7.13.10",
64
64
  "@folklore/fetch": "^0.1.17",
65
65
  "@folklore/size": "^0.1.20",
66
- "@micromag/core": "^0.3.487",
67
- "@micromag/element-background": "^0.3.487",
68
- "@micromag/element-button": "^0.3.487",
69
- "@micromag/element-closed-captions": "^0.3.487",
70
- "@micromag/element-container": "^0.3.487",
71
- "@micromag/element-footer": "^0.3.487",
72
- "@micromag/element-header": "^0.3.487",
73
- "@micromag/element-heading": "^0.3.487",
74
- "@micromag/element-image": "^0.3.487",
75
- "@micromag/element-layout": "^0.3.487",
76
- "@micromag/element-text": "^0.3.487",
77
- "@micromag/element-urbania-author": "^0.3.487",
78
- "@micromag/element-video": "^0.3.487",
79
- "@micromag/element-visual": "^0.3.487",
80
- "@micromag/transforms": "^0.3.487",
66
+ "@micromag/core": "^0.3.488",
67
+ "@micromag/element-background": "^0.3.488",
68
+ "@micromag/element-button": "^0.3.488",
69
+ "@micromag/element-closed-captions": "^0.3.488",
70
+ "@micromag/element-container": "^0.3.488",
71
+ "@micromag/element-footer": "^0.3.488",
72
+ "@micromag/element-header": "^0.3.488",
73
+ "@micromag/element-heading": "^0.3.488",
74
+ "@micromag/element-image": "^0.3.488",
75
+ "@micromag/element-layout": "^0.3.488",
76
+ "@micromag/element-text": "^0.3.488",
77
+ "@micromag/element-urbania-author": "^0.3.488",
78
+ "@micromag/element-video": "^0.3.488",
79
+ "@micromag/element-visual": "^0.3.488",
80
+ "@micromag/transforms": "^0.3.488",
81
81
  "@react-spring/web": "^9.6.1",
82
82
  "@use-gesture/react": "^10.3.0",
83
83
  "classnames": "^2.2.6",
@@ -90,5 +90,5 @@
90
90
  "access": "public",
91
91
  "registry": "https://registry.npmjs.org/"
92
92
  },
93
- "gitHead": "aaa0df7566c8291eca5aab8ab6c8b103152c110c"
93
+ "gitHead": "1491f683ece27754457322a91d2b5801225c25cd"
94
94
  }