@micromag/media-gallery 0.3.105 → 0.3.108

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.
package/es/index.js CHANGED
@@ -2,6 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
3
3
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
4
4
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
5
+ import { createPortal } from 'react-dom';
5
6
  import { PropTypes } from '@micromag/core';
6
7
  import { Card, Button, Media, Spinner, UploadModal } from '@micromag/core/components';
7
8
  import { useFieldComponent, useStory } from '@micromag/core/contexts';
@@ -1581,12 +1582,12 @@ function MediaGallery(_ref) {
1581
1582
  media: metadataMedia,
1582
1583
  tags: tags,
1583
1584
  onClickClose: onMetadataClickClose
1584
- }))), /*#__PURE__*/React.createElement(UploadModal, {
1585
+ }))), /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(UploadModal, {
1585
1586
  type: type === 'video' ? ['video', 'image/gif'] : type,
1586
1587
  opened: uploadModalOpened,
1587
1588
  onUploaded: onUploadCompleted,
1588
1589
  onRequestClose: onUploadRequestClose
1589
- }));
1590
+ }), document.body));
1590
1591
  }
1591
1592
 
1592
1593
  MediaGallery.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -4,6 +4,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
4
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
5
5
  var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
6
6
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
7
+ var reactDom = require('react-dom');
7
8
  var core = require('@micromag/core');
8
9
  var components = require('@micromag/core/components');
9
10
  var contexts = require('@micromag/core/contexts');
@@ -1596,12 +1597,12 @@ function MediaGallery(_ref) {
1596
1597
  media: metadataMedia,
1597
1598
  tags: tags,
1598
1599
  onClickClose: onMetadataClickClose
1599
- }))), /*#__PURE__*/React__default["default"].createElement(components.UploadModal, {
1600
+ }))), /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement(components.UploadModal, {
1600
1601
  type: type === 'video' ? ['video', 'image/gif'] : type,
1601
1602
  opened: uploadModalOpened,
1602
1603
  onUploaded: onUploadCompleted,
1603
1604
  onRequestClose: onUploadRequestClose
1604
- }));
1605
+ }), document.body));
1605
1606
  }
1606
1607
 
1607
1608
  MediaGallery.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/media-gallery",
3
- "version": "0.3.105",
3
+ "version": "0.3.108",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -59,8 +59,8 @@
59
59
  "@fortawesome/fontawesome-svg-core": "^1.2.32",
60
60
  "@fortawesome/free-solid-svg-icons": "^5.15.1",
61
61
  "@fortawesome/react-fontawesome": "^0.1.13",
62
- "@micromag/core": "^0.3.105",
63
- "@micromag/data": "^0.3.105",
62
+ "@micromag/core": "^0.3.108",
63
+ "@micromag/data": "^0.3.108",
64
64
  "bootstrap": "^5.1.0",
65
65
  "change-case": "^4.1.2",
66
66
  "classnames": "^2.2.6",
@@ -73,5 +73,5 @@
73
73
  "publishConfig": {
74
74
  "access": "public"
75
75
  },
76
- "gitHead": "fb6c28846c08f30c035ebbc162a4135b8b4d42a5"
76
+ "gitHead": "d7681b84be82b08eff5ed444f910ed367f235f4e"
77
77
  }