@micromag/screen-urbania-article 0.4.70 → 0.4.71

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.d.ts +5 -3
  2. package/es/index.js +8 -4
  3. package/package.json +17 -17
package/es/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { HeadingElement, AuthorElement, Header, Footer, VisualElement, TextElement, Color, BackgroundElement } from '@micromag/core';
3
- import React from 'react';
3
+ import React, { ForwardedRef } from 'react';
4
4
 
5
5
  interface UrbaniaLoaderProps {
6
6
  component?: unknown;
@@ -193,9 +193,10 @@ interface UrbaniaArticleProps {
193
193
  current?: boolean;
194
194
  preload?: boolean;
195
195
  spacing?: number;
196
+ mediaRef?: ForwardedRef<HTMLMediaElement> | null;
196
197
  className?: string | null;
197
198
  }
198
- declare function UrbaniaArticle({ hasArticle, type, image, title, description, overTitle, author, sponsors, sponsorPrefix, sponsorColor, site, header, footer, background, current, preload, spacing, className, }: UrbaniaArticleProps): react_jsx_runtime.JSX.Element;
199
+ declare function UrbaniaArticle({ hasArticle, type, image, title, description, overTitle, author, sponsors, sponsorPrefix, sponsorColor, site, header, footer, background, current, preload, spacing, mediaRef: customMediaRef, className, }: UrbaniaArticleProps): react_jsx_runtime.JSX.Element;
199
200
 
200
201
  interface UrbaniaArticleCardProps {
201
202
  hasArticle?: boolean;
@@ -210,8 +211,9 @@ interface UrbaniaArticleCardProps {
210
211
  current?: boolean;
211
212
  preload?: boolean;
212
213
  spacing?: number;
214
+ mediaRef?: ForwardedRef<HTMLMediaElement> | null;
213
215
  className?: string | null;
214
216
  }
215
- declare function UrbaniaArticleCard({ hasArticle, url, title, author, text, image, header, background, callToAction, current, preload, spacing, className, }: UrbaniaArticleCardProps): react_jsx_runtime.JSX.Element;
217
+ declare function UrbaniaArticleCard({ hasArticle, url, title, author, text, image, header, background, callToAction, current, preload, spacing, mediaRef: customMediaRef, className, }: UrbaniaArticleCardProps): react_jsx_runtime.JSX.Element;
216
218
 
217
219
  export { UrbaniaLoader as UrbaniaArticle, UrbaniaCardLoader as UrbaniaArticleCard, UrbaniaArticle as UrbaniaBaseArticle, UrbaniaArticleCard as UrbaniaBaseArticleCard, _default$1 as default, _default as definitionCard };
package/es/index.js CHANGED
@@ -4,7 +4,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
4
4
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
5
5
  import { getJSON } from '@folklore/fetch';
6
6
  import React, { useMemo, useState, useEffect, useCallback } from 'react';
7
- import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps, getStyleFromColor, isValidUrl } from '@micromag/core/utils';
7
+ import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps, getStyleFromColor, mergeRefs, isValidUrl } from '@micromag/core/utils';
8
8
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
9
9
  import classNames from 'classnames';
10
10
  import { ScreenElement, Empty, PlaceholderSubtitle, PlaceholderTitle, PlaceholderImage, PlaceholderText } from '@micromag/core/components';
@@ -125,6 +125,8 @@ function UrbaniaArticle(_ref) {
125
125
  preload = _ref$preload === void 0 ? true : _ref$preload,
126
126
  _ref$spacing = _ref.spacing,
127
127
  spacing = _ref$spacing === void 0 ? 20 : _ref$spacing,
128
+ _ref$mediaRef = _ref.mediaRef,
129
+ customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
128
130
  _ref$className = _ref.className,
129
131
  className = _ref$className === void 0 ? null : _ref$className;
130
132
  var _useScreenSize = useScreenSize(),
@@ -357,7 +359,7 @@ function UrbaniaArticle(_ref) {
357
359
  playing: backgroundPlaying,
358
360
  muted: muted,
359
361
  shouldLoad: mediaShouldLoad,
360
- mediaRef: isVideoBackground ? mediaRef : null,
362
+ mediaRef: isVideoBackground ? mergeRefs(mediaRef, customMediaRef) : null,
361
363
  withoutVideo: isPreview
362
364
  }), /*#__PURE__*/jsxs(Container, {
363
365
  className: styles$1.content,
@@ -424,7 +426,7 @@ function UrbaniaArticle(_ref) {
424
426
  playing: finalPlaying,
425
427
  muted: muted,
426
428
  withoutVideo: isPreview,
427
- mediaRef: mediaRef,
429
+ mediaRef: mergeRefs(mediaRef, customMediaRef),
428
430
  autoPlay: true
429
431
  }) : null]
430
432
  }, "image")
@@ -839,6 +841,8 @@ function UrbaniaArticleCard(_ref) {
839
841
  preload = _ref$preload === void 0 ? true : _ref$preload,
840
842
  _ref$spacing = _ref.spacing,
841
843
  spacing = _ref$spacing === void 0 ? 20 : _ref$spacing,
844
+ _ref$mediaRef = _ref.mediaRef,
845
+ customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
842
846
  _ref$className = _ref.className,
843
847
  className = _ref$className === void 0 ? null : _ref$className;
844
848
  var intl = useIntl();
@@ -1013,7 +1017,7 @@ function UrbaniaArticleCard(_ref) {
1013
1017
  resolution: resolution,
1014
1018
  playing: backgroundPlaying && !webviewOpened,
1015
1019
  muted: muted,
1016
- mediaRef: mediaRef,
1020
+ mediaRef: mergeRefs(mediaRef, customMediaRef),
1017
1021
  onPlayError: onPlayError,
1018
1022
  shouldLoad: mediaShouldLoad,
1019
1023
  withoutVideo: isPreview
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-article",
3
- "version": "0.4.70",
3
+ "version": "0.4.71",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -63,21 +63,21 @@
63
63
  "@babel/runtime": "^7.28.6",
64
64
  "@folklore/fetch": "^0.1.17",
65
65
  "@folklore/size": "^0.1.20",
66
- "@micromag/core": "^0.4.69",
67
- "@micromag/element-background": "^0.4.70",
68
- "@micromag/element-button": "^0.4.70",
69
- "@micromag/element-closed-captions": "^0.4.69",
70
- "@micromag/element-container": "^0.4.69",
71
- "@micromag/element-footer": "^0.4.70",
72
- "@micromag/element-header": "^0.4.69",
73
- "@micromag/element-heading": "^0.4.69",
74
- "@micromag/element-image": "^0.4.69",
75
- "@micromag/element-layout": "^0.4.69",
76
- "@micromag/element-text": "^0.4.69",
77
- "@micromag/element-urbania-author": "^0.4.70",
78
- "@micromag/element-video": "^0.4.70",
79
- "@micromag/element-visual": "^0.4.70",
80
- "@micromag/transforms": "^0.4.69",
66
+ "@micromag/core": "^0.4.71",
67
+ "@micromag/element-background": "^0.4.71",
68
+ "@micromag/element-button": "^0.4.71",
69
+ "@micromag/element-closed-captions": "^0.4.71",
70
+ "@micromag/element-container": "^0.4.71",
71
+ "@micromag/element-footer": "^0.4.71",
72
+ "@micromag/element-header": "^0.4.71",
73
+ "@micromag/element-heading": "^0.4.71",
74
+ "@micromag/element-image": "^0.4.71",
75
+ "@micromag/element-layout": "^0.4.71",
76
+ "@micromag/element-text": "^0.4.71",
77
+ "@micromag/element-urbania-author": "^0.4.71",
78
+ "@micromag/element-video": "^0.4.71",
79
+ "@micromag/element-visual": "^0.4.71",
80
+ "@micromag/transforms": "^0.4.71",
81
81
  "@react-spring/web": "^10.0.3",
82
82
  "@use-gesture/react": "^10.3.0",
83
83
  "classnames": "^2.2.6",
@@ -90,6 +90,6 @@
90
90
  "access": "public",
91
91
  "registry": "https://registry.npmjs.org/"
92
92
  },
93
- "gitHead": "4f76a8f1ad594be2aadb4a593da5455da8afc8b6",
93
+ "gitHead": "9101554bc5761e32b4a002a10d26800608c69773",
94
94
  "types": "es/index.d.ts"
95
95
  }