@micromag/media-gallery 0.2.401 → 0.2.409

package/assets/css/styles.css

@@ -1,9 +1,9 @@
 .micromag-media-gallery-container .micromag-media-gallery-mediaMetadata,.micromag-media-gallery-container.micromag-media-gallery-metadataOpened .micromag-media-gallery-gallery{position:absolute;top:0;left:0;width:100%}.micromag-media-gallery-container{position:relative}.micromag-media-gallery-container .micromag-media-gallery-content{position:relative;width:100%;overflow:hidden}.micromag-media-gallery-container .micromag-media-gallery-gallery,.micromag-media-gallery-container .micromag-media-gallery-mediaMetadata{-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.micromag-media-gallery-container .micromag-media-gallery-mediaMetadata{-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%)}.micromag-media-gallery-container .micromag-media-gallery-loading{margin:.5rem 1rem}.micromag-media-gallery-container.micromag-media-gallery-metadataOpened .micromag-media-gallery-gallery{-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}.micromag-media-gallery-container.micromag-media-gallery-metadataOpened .micromag-media-gallery-mediaMetadata{position:static;width:auto;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}
-.micromag-media-gallery-items-gallery-item-container{position:relative;overflow:hidden;cursor:pointer}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-imageButton{-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-image{display:block;width:100%;height:0;padding-bottom:75%;background-repeat:no-repeat;background-position:50%;background-size:cover}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-icon{width:16px;height:16px;margin-right:5px}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:0;background:rgba(0,0,0,0);color:inherit;text-align:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-footer .micromag-media-gallery-items-gallery-item-label{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-footer small{font-size:.8rem}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-closeIcon,.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-infoButton{position:absolute;top:0;padding:.5rem;color:#fff;-webkit-filter:drop-shadow(0 0 .75rem #1c1c1c);filter:drop-shadow(0 0 .75rem #1C1C1C)}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-closeIcon .micromag-media-gallery-items-gallery-item-icon,.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-infoButton .micromag-media-gallery-items-gallery-item-icon{width:1rem;height:1rem;margin-right:0}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-infoButton{left:0}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-closeIcon{right:0;pointer-events:none}
 
+.micromag-media-gallery-items-gallery-item-container{position:relative;overflow:hidden;cursor:pointer}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-imageButton{-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-image{display:block;width:100%;height:0;padding-bottom:75%;background-repeat:no-repeat;background-position:50%;background-size:cover}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-icon{width:16px;height:16px;margin-right:5px}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:0;background:rgba(0,0,0,0);color:inherit;text-align:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-footer .micromag-media-gallery-items-gallery-item-label{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-footer small{font-size:.8rem}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-closeIcon,.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-infoButton{position:absolute;top:0;padding:.5rem;color:#fff;-webkit-filter:drop-shadow(0 0 .75rem #1c1c1c);filter:drop-shadow(0 0 .75rem #1C1C1C)}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-closeIcon .micromag-media-gallery-items-gallery-item-icon,.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-infoButton .micromag-media-gallery-items-gallery-item-icon{width:1rem;height:1rem;margin-right:0}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-infoButton{left:0}.micromag-media-gallery-items-gallery-item-container .micromag-media-gallery-items-gallery-item-closeIcon{right:0;pointer-events:none}
 .micromag-media-gallery-partials-media-metadata-container{position:relative}.micromag-media-gallery-partials-media-metadata-container .micromag-media-gallery-partials-media-metadata-image{display:block;max-width:100%;min-height:200px;max-height:40vh;margin:0 auto}.micromag-media-gallery-partials-media-metadata-container .micromag-media-gallery-partials-media-metadata-video{position:relative;height:40vh;min-height:200px;background-color:#1c1c1c}.micromag-media-gallery-partials-media-metadata-container .micromag-media-gallery-partials-media-metadata-video .micromag-media-gallery-partials-media-metadata-player{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-media-gallery-partials-media-metadata-container .micromag-media-gallery-partials-media-metadata-audio{position:absolute;bottom:0;width:100%}.micromag-media-gallery-partials-media-metadata-container .micromag-media-gallery-partials-media-metadata-audio .micromag-media-gallery-partials-media-metadata-player{display:block;margin:0 auto}
 .micromag-media-gallery-partials-navbar-container{position:relative;padding:.5rem}.micromag-media-gallery-partials-navbar-container .micromag-media-gallery-partials-navbar-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.micromag-media-gallery-partials-navbar-container .micromag-media-gallery-partials-navbar-mediaPreview{width:25%}.micromag-media-gallery-partials-navbar-container .micromag-media-gallery-partials-navbar-mediaPreview img{width:100%}
-.micromag-media-gallery-forms-dropdown-section-container .micromag-media-gallery-forms-dropdown-section-dropdownToggle{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-media-gallery-forms-dropdown-section-container{position:relative;padding-top:5px}.micromag-media-gallery-forms-dropdown-section-container .micromag-media-gallery-forms-dropdown-section-label{display:inline-block;padding-right:5px;font-weight:400}.micromag-media-gallery-forms-dropdown-section-container .micromag-media-gallery-forms-dropdown-section-dropdownToggle{font-weight:700}
+.micromag-media-gallery-forms-dropdown-section-container .micromag-media-gallery-forms-dropdown-section-dropdownToggle{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-media-gallery-forms-dropdown-section-container{position:relative;padding-top:5px}.micromag-media-gallery-forms-dropdown-section-container .micromag-media-gallery-forms-dropdown-section-label{display:inline-block;padding-right:5px;font-weight:400}.micromag-media-gallery-forms-dropdown-section-container .micromag-media-gallery-forms-dropdown-section-dropdownToggle{font-weight:700}.micromag-media-gallery-forms-dropdown-section-container .micromag-media-gallery-forms-dropdown-section-dropdown{left:auto;right:0}
 .micromag-media-gallery-forms-search-filters-container{position:absolute;z-index:1;right:0;left:0;width:100%;padding:0 15px;overflow:hidden}.micromag-media-gallery-forms-search-filters-container .micromag-media-gallery-forms-search-filters-closeBtn{position:absolute;right:24px}.micromag-media-gallery-forms-search-filters-container .micromag-media-gallery-forms-search-filters-section{border-bottom:1px solid #adadad}.micromag-media-gallery-forms-search-filters-container .micromag-media-gallery-forms-search-filters-section:last-child{border-bottom:0}.micromag-media-gallery-forms-search-filters-container .micromag-media-gallery-forms-search-filters-title{color:#adadad;font-size:.7875rem;font-weight:600;text-transform:uppercase}.micromag-media-gallery-forms-search-filters-container .micromag-media-gallery-forms-search-filters-tags{overflow-x:auto}
-.micromag-media-gallery-buttons-close-container{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}
-.micromag-media-gallery-partials-active-filters-container .micromag-media-gallery-partials-active-filters-heading{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.micromag-media-gallery-partials-active-filters-container .micromag-media-gallery-partials-active-filters-title{color:#adadad;font-size:.7875rem;font-weight:600;text-transform:uppercase}.micromag-media-gallery-partials-active-filters-container .micromag-media-gallery-partials-active-filters-resetButton{margin-left:5px;outline:none;font-size:.7875rem}.micromag-media-gallery-partials-active-filters-container .micromag-media-gallery-partials-active-filters-activeTag{margin-top:5px;margin-right:5px}
+.micromag-media-gallery-partials-active-filters-container .micromag-media-gallery-partials-active-filters-heading{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.micromag-media-gallery-partials-active-filters-container .micromag-media-gallery-partials-active-filters-title{color:#adadad;font-size:.7875rem;font-weight:600;text-transform:uppercase}.micromag-media-gallery-partials-active-filters-container .micromag-media-gallery-partials-active-filters-resetButton{margin-left:5px;outline:none;font-size:.7875rem}.micromag-media-gallery-partials-active-filters-container .micromag-media-gallery-partials-active-filters-activeTag{margin-top:5px;margin-right:5px}
+.micromag-media-gallery-buttons-close-container{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}

package/es/index.js

@@ -19,6 +19,8 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 
 var styles$8 = {"container":"micromag-media-gallery-container","mediaMetadata":"micromag-media-gallery-mediaMetadata","metadataOpened":"micromag-media-gallery-metadataOpened","gallery":"micromag-media-gallery-gallery","content":"micromag-media-gallery-content","loading":"micromag-media-gallery-loading"};
 
+var styles$7 = {};
+
 var middleEllipsis = function middleEllipsis(string, maxLength) {
   if (!string) return string;
   if (maxLength < 1) return string;
@@ -31,7 +33,7 @@ var middleEllipsis = function middleEllipsis(string, maxLength) {
   return "".concat(string.substring(0, midpoint - lstrip), "...").concat(string.substring(midpoint + rstrip));
 };
 
-var styles$7 = {"container":"micromag-media-gallery-items-gallery-item-container","imageButton":"micromag-media-gallery-items-gallery-item-imageButton","image":"micromag-media-gallery-items-gallery-item-image","icon":"micromag-media-gallery-items-gallery-item-icon","footer":"micromag-media-gallery-items-gallery-item-footer","label":"micromag-media-gallery-items-gallery-item-label","closeIcon":"micromag-media-gallery-items-gallery-item-closeIcon","infoButton":"micromag-media-gallery-items-gallery-item-infoButton"};
+var styles$6 = {"container":"micromag-media-gallery-items-gallery-item-container","imageButton":"micromag-media-gallery-items-gallery-item-imageButton","image":"micromag-media-gallery-items-gallery-item-image","icon":"micromag-media-gallery-items-gallery-item-icon","footer":"micromag-media-gallery-items-gallery-item-footer","label":"micromag-media-gallery-items-gallery-item-label","closeIcon":"micromag-media-gallery-items-gallery-item-closeIcon","infoButton":"micromag-media-gallery-items-gallery-item-infoButton"};
 
 var propTypes$a = {
   item: PropTypes.media,
@@ -76,43 +78,43 @@ var GalleryItem = function GalleryItem(_ref) {
   return /*#__PURE__*/React.createElement(Card, {
     image: /*#__PURE__*/React.createElement("button", {
       type: "button",
-      className: classNames(['d-block', 'position-relative', 'p-0', 'border-0', 'w-100', 'text-left', 'bg-light', 'text-black', styles$7.imageButton]),
+      className: classNames(['d-block', 'position-relative', 'p-0', 'border-0', 'w-100', 'text-left', 'bg-light', 'text-black', styles$6.imageButton]),
       onClick: onClick
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames(['card-img-top', styles$7.image]),
+      className: classNames(['card-img-top', styles$6.image]),
       style: {
         backgroundImage: thumbnail !== null ? "url('".concat(thumbnail, "')") : null
       }
     })),
     beforeBody: /*#__PURE__*/React.createElement(React.Fragment, null, withInfoButton ? /*#__PURE__*/React.createElement(Button, {
-      className: styles$7.infoButton,
+      className: styles$6.infoButton,
       onClick: onClickInfo,
       withoutStyle: true
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faInfoCircle,
-      className: styles$7.icon
+      className: styles$6.icon
     })) : null, selected ? /*#__PURE__*/React.createElement("div", {
-      className: classNames(['text-danger', styles$7.closeIcon])
+      className: classNames(['text-danger', styles$6.closeIcon])
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faTimesCircle,
-      className: styles$7.icon
+      className: styles$6.icon
     })) : null),
     footer: /*#__PURE__*/React.createElement(React.Fragment, null, type === 'video' ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      className: styles$7.icon,
+      className: styles$6.icon,
       icon: faPlayCircle
     }) : null, type === 'audio' ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      className: styles$7.icon,
+      className: styles$6.icon,
       icon: faHeadphonesAlt
     }) : null, /*#__PURE__*/React.createElement("div", {
-      className: classNames(['text-truncate', styles$7.label])
+      className: classNames(['text-truncate', styles$6.label])
     }, /*#__PURE__*/React.createElement("small", null, title), size !== null ? /*#__PURE__*/React.createElement("small", {
       className: "text-muted ml-1"
     }, size) : null)),
     theme: selected ? 'primary' : null,
-    className: classNames([styles$7.container, _defineProperty({
+    className: classNames([styles$6.container, _defineProperty({
       'border-primary': selected
     }, className, className !== null)]),
-    footerClassName: classNames(['p-2', styles$7.footer]),
+    footerClassName: classNames(['p-2', styles$6.footer]),
     onClickFooter: onClick
   });
 };
@@ -120,8 +122,6 @@ var GalleryItem = function GalleryItem(_ref) {
 GalleryItem.propTypes = propTypes$a;
 GalleryItem.defaultProps = defaultProps$a;
 
-var styles$6 = {};
-
 var propTypes$9 = {
   items: PropTypes.medias,
   selectedItem: PropTypes.media,
@@ -143,7 +143,7 @@ var defaultProps$9 = {
   onClickItemInfo: null
 };
 
-var Gallery = function Gallery(_ref) {
+function Gallery(_ref) {
   var items = _ref.items,
       selectedItem = _ref.selectedItem,
       withInfoButton = _ref.withInfoButton,
@@ -171,7 +171,7 @@ var Gallery = function Gallery(_ref) {
     return items;
   }, [selectedFirst, selectedItem, items]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$6.container, 'p-2', _defineProperty({}, className, className !== null)]),
+    className: classNames([styles$7.container, 'p-2', _defineProperty({}, className, className !== null)]),
     ref: ref
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames(['row', 'mx-n1', 'row-cols-2', {
@@ -194,7 +194,7 @@ var Gallery = function Gallery(_ref) {
       withInfoButton: withInfoButton
     }));
   })));
-};
+}
 
 Gallery.propTypes = propTypes$9;
 Gallery.defaultProps = defaultProps$9;
@@ -212,7 +212,7 @@ var defaultProps$8 = {
   className: null
 };
 
-var MediaMetadata = function MediaMetadata(_ref) {
+function MediaMetadata(_ref) {
   var media = _ref.media,
       allTags = _ref.tags,
       className = _ref.className;
@@ -333,17 +333,17 @@ var MediaMetadata = function MediaMetadata(_ref) {
       'bg-light': type === 'audio',
       'bg-black': type === 'image'
     }, styles$5.video, type === 'video')])
-  }, type === 'video' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("video", {
+  }, type === 'video' ? /*#__PURE__*/React.createElement("video", {
     className: styles$5.player,
     controls: true,
     src: url
-  })) : null, type === 'audio' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }) : null, type === 'audio' ? /*#__PURE__*/React.createElement("div", {
     className: styles$5.audio
   }, /*#__PURE__*/React.createElement("audio", {
     className: styles$5.player,
     controls: true,
     src: url
-  }))) : null, type !== 'video' ? /*#__PURE__*/React.createElement("img", {
+  })) : null, type !== 'video' ? /*#__PURE__*/React.createElement("img", {
     src: thumbnail,
     className: styles$5.image,
     alt: filename
@@ -515,7 +515,7 @@ var MediaMetadata = function MediaMetadata(_ref) {
   })), /*#__PURE__*/React.createElement("div", {
     className: "col"
   }, /*#__PURE__*/React.createElement("small", null, user.name)))) : null)));
-};
+}
 
 MediaMetadata.propTypes = propTypes$8;
 MediaMetadata.defaultProps = defaultProps$8;
@@ -541,7 +541,7 @@ var useSearchFilters = function useSearchFilters(_ref) {
         "value": "This Micromag"
       }]
     }),
-    value: storyId
+    value: "document:".concat(storyId)
   }] : []), [{
     label: /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "xAzv6g",
@@ -682,7 +682,7 @@ PropTypes$1.shape({
 
 var styles$4 = {"container":"micromag-media-gallery-partials-navbar-container","inner":"micromag-media-gallery-partials-navbar-inner","mediaPreview":"micromag-media-gallery-partials-navbar-mediaPreview"};
 
-var styles$3 = {"container":"micromag-media-gallery-forms-dropdown-section-container","dropdownToggle":"micromag-media-gallery-forms-dropdown-section-dropdownToggle","label":"micromag-media-gallery-forms-dropdown-section-label"};
+var styles$3 = {"container":"micromag-media-gallery-forms-dropdown-section-container","dropdownToggle":"micromag-media-gallery-forms-dropdown-section-dropdownToggle","label":"micromag-media-gallery-forms-dropdown-section-label","dropdown":"micromag-media-gallery-forms-dropdown-section-dropdown"};
 
 var propTypes$7 = {
   value: PropTypes$1.string,
@@ -701,7 +701,7 @@ var defaultProps$7 = {
   className: null
 };
 
-var DropdownSection = function DropdownSection(_ref) {
+function DropdownSection(_ref) {
   var value = _ref.value,
       items = _ref.items,
       onChange = _ref.onChange,
@@ -770,7 +770,7 @@ var DropdownSection = function DropdownSection(_ref) {
       "data-value": itemValue
     }, label);
   }))) : null;
-};
+}
 
 DropdownSection.propTypes = propTypes$7;
 DropdownSection.defaultProps = defaultProps$7;
@@ -842,8 +842,8 @@ var Search = function Search(_ref) {
     type: "text",
     value: value || '',
     placeholder: intl.formatMessage({
-      "id": "gprXiG",
-      "defaultMessage": [{
+      id: "gprXiG",
+      defaultMessage: [{
         "type": 0,
         "value": "Search..."
       }]
@@ -978,8 +978,8 @@ var SearchFilters = function SearchFilters(_ref) {
     }),
     onClick: onClose,
     title: intl.formatMessage({
-      "id": "yCXMzz",
-      "defaultMessage": [{
+      id: "yCXMzz",
+      defaultMessage: [{
         "type": 0,
         "value": "Close"
       }]
@@ -1005,7 +1005,9 @@ var SearchFilters = function SearchFilters(_ref) {
 SearchFilters.propTypes = propTypes$4;
 SearchFilters.defaultProps = defaultProps$4;
 
-var styles$1 = {"container":"micromag-media-gallery-buttons-close-container"};
+var styles$1 = {"container":"micromag-media-gallery-partials-active-filters-container","heading":"micromag-media-gallery-partials-active-filters-heading","title":"micromag-media-gallery-partials-active-filters-title","resetButton":"micromag-media-gallery-partials-active-filters-resetButton","activeTag":"micromag-media-gallery-partials-active-filters-activeTag"};
+
+var styles = {"container":"micromag-media-gallery-buttons-close-container"};
 
 var _excluded = ["className"];
 var propTypes$3 = {
@@ -1020,11 +1022,11 @@ var CloseButton = function CloseButton(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Button, Object.assign({
-    className: classNames([styles$1.container, _defineProperty({}, className, className !== null)]),
+    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
     withoutStyle: true,
     icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faTimes,
-      className: styles$1.icon
+      className: styles.icon
     }),
     iconPosition: "right"
   }, props));
@@ -1033,8 +1035,6 @@ var CloseButton = function CloseButton(_ref) {
 CloseButton.propTypes = propTypes$3;
 CloseButton.defaultProps = defaultProps$3;
 
-var styles = {"container":"micromag-media-gallery-partials-active-filters-container","heading":"micromag-media-gallery-partials-active-filters-heading","title":"micromag-media-gallery-partials-active-filters-title","resetButton":"micromag-media-gallery-partials-active-filters-resetButton","activeTag":"micromag-media-gallery-partials-active-filters-activeTag"};
-
 var propTypes$2 = {
   filters: PropTypes$1.shape({
     types: PropTypes$1.arrayOf(PropTypes$1.string),
@@ -1055,7 +1055,7 @@ var defaultProps$2 = {
   className: null
 };
 
-var ActiveFilters = function ActiveFilters(_ref) {
+function ActiveFilters(_ref) {
   var filters = _ref.filters,
       onChange = _ref.onChange,
       onReset = _ref.onReset,
@@ -1080,11 +1080,11 @@ var ActiveFilters = function ActiveFilters(_ref) {
     return oneHasValue || filters[key] !== null;
   }, false);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(['w-100', styles.container, _defineProperty({}, className, className)])
+    className: classNames(['w-100', styles$1.container, _defineProperty({}, className, className)])
   }, hasValue ? /*#__PURE__*/React.createElement("div", {
-    className: styles.heading
+    className: styles$1.heading
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles.title
+    className: styles$1.title
   }, /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "t2cFdl",
     defaultMessage: [{
@@ -1092,7 +1092,7 @@ var ActiveFilters = function ActiveFilters(_ref) {
       "value": "Active filters"
     }]
   })), /*#__PURE__*/React.createElement(CloseButton, {
-    className: styles.resetButton,
+    className: styles$1.resetButton,
     onClick: handleReset
   }, /*#__PURE__*/React.createElement("u", null, /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "/T/UDH",
@@ -1114,7 +1114,7 @@ var ActiveFilters = function ActiveFilters(_ref) {
           label = _ref3$label === void 0 ? '' : _ref3$label;
 
       return /*#__PURE__*/React.createElement(Button, {
-        className: styles.activeTag,
+        className: styles$1.activeTag,
         key: "filter-button-".concat(activeValue),
         type: "submit",
         size: "sm",
@@ -1130,7 +1130,7 @@ var ActiveFilters = function ActiveFilters(_ref) {
       });
     }) : null;
   }) : null);
-};
+}
 
 ActiveFilters.propTypes = propTypes$2;
 ActiveFilters.defaultProps = defaultProps$2;
@@ -1172,7 +1172,7 @@ var defaultProps$1 = {
   className: null
 };
 
-var Navbar = function Navbar(_ref) {
+function Navbar(_ref) {
   var filters = _ref.filters,
       media = _ref.media,
       selectedMedia = _ref.selectedMedia,
@@ -1317,8 +1317,8 @@ var Navbar = function Navbar(_ref) {
     }),
     onClick: onClickAdd,
     title: intl.formatMessage({
-      "id": "Tt4jN1",
-      "defaultMessage": [{
+      id: "Tt4jN1",
+      defaultMessage: [{
         "type": 0,
         "value": "Add"
       }]
@@ -1332,21 +1332,21 @@ var Navbar = function Navbar(_ref) {
       return onClickItem(selectedMedia);
     },
     title: intl.formatMessage({
-      "id": "UG3SXh",
-      "defaultMessage": [{
+      id: "UG3SXh",
+      defaultMessage: [{
         "type": 0,
         "value": "Remove"
       }]
     })
   })) : null, !withoutSource && media === null ? /*#__PURE__*/React.createElement("div", {
-    className: "py-2 d-flex w-100 flex-nowrap"
+    className: "mt-1 py-2 d-flex w-100 align-items-center flex-nowrap"
   }, /*#__PURE__*/React.createElement(DropdownSection, {
     items: sources,
     value: filters.source || null,
     onChange: onSourceChange
-  })) : null, /*#__PURE__*/React.createElement("div", {
+  })) : null, media !== null ? /*#__PURE__*/React.createElement("div", {
     className: "w-100 d-flex flex-nowrap justify-content-between"
-  }, media !== null ? /*#__PURE__*/React.createElement("form", {
+  }, /*#__PURE__*/React.createElement("form", {
     className: classNames(['form-inline', 'mr-2'])
   }, /*#__PURE__*/React.createElement(Button, {
     theme: "secondary",
@@ -1356,9 +1356,9 @@ var Navbar = function Navbar(_ref) {
       icon: faChevronLeft
     }),
     onClick: onClickBack
-  })) : null, /*#__PURE__*/React.createElement("strong", {
+  })), /*#__PURE__*/React.createElement("strong", {
     className: "navbar-text mr-auto w-100"
-  }, media !== null ? media.name : null)), media === null ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, media !== null ? media.name : null)) : null, media === null ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "d-flex w-100 flex-nowrap justify-content-between"
   }, /*#__PURE__*/React.createElement(Search, {
     value: searchValue,
@@ -1381,7 +1381,7 @@ var Navbar = function Navbar(_ref) {
     onChange: onFilterChange,
     onReset: onFiltersReset
   })) : null));
-};
+}
 
 Navbar.propTypes = propTypes$1;
 Navbar.defaultProps = defaultProps$1;
@@ -1415,16 +1415,16 @@ var defaultProps = {
   onClickMedia: null
 };
 
-var MediaGallery = function MediaGallery(_ref) {
+function MediaGallery(_ref) {
   var _ref3;
 
   var type = _ref.type,
       source = _ref.source,
       isPicker = _ref.isPicker,
       isSmall = _ref.isSmall,
-      withoutTitle = _ref.withoutTitle;
-      _ref.withoutSource;
-      var withoutType = _ref.withoutType,
+      withoutTitle = _ref.withoutTitle,
+      withoutSource = _ref.withoutSource,
+      withoutType = _ref.withoutType,
       initialMedias = _ref.medias,
       selectedMedia = _ref.selectedMedia,
       className = _ref.className,
@@ -1557,9 +1557,8 @@ var MediaGallery = function MediaGallery(_ref) {
     onClickItemInfo: onClickItemInfo,
     onClickBack: onClickBack,
     onClickCancel: onClickCancel,
-    withoutTitle: withoutTitle // withoutSource={withoutSource}
-    ,
-    withoutSource: false,
+    withoutTitle: withoutTitle,
+    withoutSource: withoutSource,
     withoutType: withoutType,
     storyId: storyId,
     authors: authors,
@@ -1591,7 +1590,7 @@ var MediaGallery = function MediaGallery(_ref) {
     onUploaded: onUploadCompleted,
     onRequestClose: onUploadRequestClose
   }));
-};
+}
 
 MediaGallery.propTypes = propTypes;
 MediaGallery.defaultProps = defaultProps;

package/lib/index.js

@@ -34,6 +34,8 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
 
 var styles$8 = {"container":"micromag-media-gallery-container","mediaMetadata":"micromag-media-gallery-mediaMetadata","metadataOpened":"micromag-media-gallery-metadataOpened","gallery":"micromag-media-gallery-gallery","content":"micromag-media-gallery-content","loading":"micromag-media-gallery-loading"};
 
+var styles$7 = {};
+
 var middleEllipsis = function middleEllipsis(string, maxLength) {
   if (!string) return string;
   if (maxLength < 1) return string;
@@ -46,7 +48,7 @@ var middleEllipsis = function middleEllipsis(string, maxLength) {
   return "".concat(string.substring(0, midpoint - lstrip), "...").concat(string.substring(midpoint + rstrip));
 };
 
-var styles$7 = {"container":"micromag-media-gallery-items-gallery-item-container","imageButton":"micromag-media-gallery-items-gallery-item-imageButton","image":"micromag-media-gallery-items-gallery-item-image","icon":"micromag-media-gallery-items-gallery-item-icon","footer":"micromag-media-gallery-items-gallery-item-footer","label":"micromag-media-gallery-items-gallery-item-label","closeIcon":"micromag-media-gallery-items-gallery-item-closeIcon","infoButton":"micromag-media-gallery-items-gallery-item-infoButton"};
+var styles$6 = {"container":"micromag-media-gallery-items-gallery-item-container","imageButton":"micromag-media-gallery-items-gallery-item-imageButton","image":"micromag-media-gallery-items-gallery-item-image","icon":"micromag-media-gallery-items-gallery-item-icon","footer":"micromag-media-gallery-items-gallery-item-footer","label":"micromag-media-gallery-items-gallery-item-label","closeIcon":"micromag-media-gallery-items-gallery-item-closeIcon","infoButton":"micromag-media-gallery-items-gallery-item-infoButton"};
 
 var propTypes$a = {
   item: core.PropTypes.media,
@@ -91,43 +93,43 @@ var GalleryItem = function GalleryItem(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(components.Card, {
     image: /*#__PURE__*/React__default["default"].createElement("button", {
       type: "button",
-      className: classNames__default["default"](['d-block', 'position-relative', 'p-0', 'border-0', 'w-100', 'text-left', 'bg-light', 'text-black', styles$7.imageButton]),
+      className: classNames__default["default"](['d-block', 'position-relative', 'p-0', 'border-0', 'w-100', 'text-left', 'bg-light', 'text-black', styles$6.imageButton]),
       onClick: onClick
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: classNames__default["default"](['card-img-top', styles$7.image]),
+      className: classNames__default["default"](['card-img-top', styles$6.image]),
       style: {
         backgroundImage: thumbnail !== null ? "url('".concat(thumbnail, "')") : null
       }
     })),
     beforeBody: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, withInfoButton ? /*#__PURE__*/React__default["default"].createElement(components.Button, {
-      className: styles$7.infoButton,
+      className: styles$6.infoButton,
       onClick: onClickInfo,
       withoutStyle: true
     }, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faInfoCircle,
-      className: styles$7.icon
+      className: styles$6.icon
     })) : null, selected ? /*#__PURE__*/React__default["default"].createElement("div", {
-      className: classNames__default["default"](['text-danger', styles$7.closeIcon])
+      className: classNames__default["default"](['text-danger', styles$6.closeIcon])
     }, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faTimesCircle,
-      className: styles$7.icon
+      className: styles$6.icon
     })) : null),
     footer: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, type === 'video' ? /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
-      className: styles$7.icon,
+      className: styles$6.icon,
       icon: freeSolidSvgIcons.faPlayCircle
     }) : null, type === 'audio' ? /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
-      className: styles$7.icon,
+      className: styles$6.icon,
       icon: freeSolidSvgIcons.faHeadphonesAlt
     }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: classNames__default["default"](['text-truncate', styles$7.label])
+      className: classNames__default["default"](['text-truncate', styles$6.label])
     }, /*#__PURE__*/React__default["default"].createElement("small", null, title), size !== null ? /*#__PURE__*/React__default["default"].createElement("small", {
       className: "text-muted ml-1"
     }, size) : null)),
     theme: selected ? 'primary' : null,
-    className: classNames__default["default"]([styles$7.container, _defineProperty__default["default"]({
+    className: classNames__default["default"]([styles$6.container, _defineProperty__default["default"]({
       'border-primary': selected
     }, className, className !== null)]),
-    footerClassName: classNames__default["default"](['p-2', styles$7.footer]),
+    footerClassName: classNames__default["default"](['p-2', styles$6.footer]),
     onClickFooter: onClick
   });
 };
@@ -135,8 +137,6 @@ var GalleryItem = function GalleryItem(_ref) {
 GalleryItem.propTypes = propTypes$a;
 GalleryItem.defaultProps = defaultProps$a;
 
-var styles$6 = {};
-
 var propTypes$9 = {
   items: core.PropTypes.medias,
   selectedItem: core.PropTypes.media,
@@ -158,7 +158,7 @@ var defaultProps$9 = {
   onClickItemInfo: null
 };
 
-var Gallery = function Gallery(_ref) {
+function Gallery(_ref) {
   var items = _ref.items,
       selectedItem = _ref.selectedItem,
       withInfoButton = _ref.withInfoButton,
@@ -186,7 +186,7 @@ var Gallery = function Gallery(_ref) {
     return items;
   }, [selectedFirst, selectedItem, items]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles$6.container, 'p-2', _defineProperty__default["default"]({}, className, className !== null)]),
+    className: classNames__default["default"]([styles$7.container, 'p-2', _defineProperty__default["default"]({}, className, className !== null)]),
     ref: ref
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"](['row', 'mx-n1', 'row-cols-2', {
@@ -209,7 +209,7 @@ var Gallery = function Gallery(_ref) {
       withInfoButton: withInfoButton
     }));
   })));
-};
+}
 
 Gallery.propTypes = propTypes$9;
 Gallery.defaultProps = defaultProps$9;
@@ -227,7 +227,7 @@ var defaultProps$8 = {
   className: null
 };
 
-var MediaMetadata = function MediaMetadata(_ref) {
+function MediaMetadata(_ref) {
   var media = _ref.media,
       allTags = _ref.tags,
       className = _ref.className;
@@ -348,17 +348,17 @@ var MediaMetadata = function MediaMetadata(_ref) {
       'bg-light': type === 'audio',
       'bg-black': type === 'image'
     }, styles$5.video, type === 'video')])
-  }, type === 'video' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("video", {
+  }, type === 'video' ? /*#__PURE__*/React__default["default"].createElement("video", {
     className: styles$5.player,
     controls: true,
     src: url
-  })) : null, type === 'audio' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }) : null, type === 'audio' ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: styles$5.audio
   }, /*#__PURE__*/React__default["default"].createElement("audio", {
     className: styles$5.player,
     controls: true,
     src: url
-  }))) : null, type !== 'video' ? /*#__PURE__*/React__default["default"].createElement("img", {
+  })) : null, type !== 'video' ? /*#__PURE__*/React__default["default"].createElement("img", {
     src: thumbnail,
     className: styles$5.image,
     alt: filename
@@ -530,7 +530,7 @@ var MediaMetadata = function MediaMetadata(_ref) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col"
   }, /*#__PURE__*/React__default["default"].createElement("small", null, user.name)))) : null)));
-};
+}
 
 MediaMetadata.propTypes = propTypes$8;
 MediaMetadata.defaultProps = defaultProps$8;
@@ -556,7 +556,7 @@ var useSearchFilters = function useSearchFilters(_ref) {
         "value": "This Micromag"
       }]
     }),
-    value: storyId
+    value: "document:".concat(storyId)
   }] : []), [{
     label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
       id: "xAzv6g",
@@ -697,7 +697,7 @@ PropTypes__default["default"].shape({
 
 var styles$4 = {"container":"micromag-media-gallery-partials-navbar-container","inner":"micromag-media-gallery-partials-navbar-inner","mediaPreview":"micromag-media-gallery-partials-navbar-mediaPreview"};
 
-var styles$3 = {"container":"micromag-media-gallery-forms-dropdown-section-container","dropdownToggle":"micromag-media-gallery-forms-dropdown-section-dropdownToggle","label":"micromag-media-gallery-forms-dropdown-section-label"};
+var styles$3 = {"container":"micromag-media-gallery-forms-dropdown-section-container","dropdownToggle":"micromag-media-gallery-forms-dropdown-section-dropdownToggle","label":"micromag-media-gallery-forms-dropdown-section-label","dropdown":"micromag-media-gallery-forms-dropdown-section-dropdown"};
 
 var propTypes$7 = {
   value: PropTypes__default["default"].string,
@@ -716,7 +716,7 @@ var defaultProps$7 = {
   className: null
 };
 
-var DropdownSection = function DropdownSection(_ref) {
+function DropdownSection(_ref) {
   var value = _ref.value,
       items = _ref.items,
       onChange = _ref.onChange,
@@ -785,7 +785,7 @@ var DropdownSection = function DropdownSection(_ref) {
       "data-value": itemValue
     }, label);
   }))) : null;
-};
+}
 
 DropdownSection.propTypes = propTypes$7;
 DropdownSection.defaultProps = defaultProps$7;
@@ -857,8 +857,8 @@ var Search = function Search(_ref) {
     type: "text",
     value: value || '',
     placeholder: intl.formatMessage({
-      "id": "gprXiG",
-      "defaultMessage": [{
+      id: "gprXiG",
+      defaultMessage: [{
         "type": 0,
         "value": "Search..."
       }]
@@ -993,8 +993,8 @@ var SearchFilters = function SearchFilters(_ref) {
     }),
     onClick: onClose,
     title: intl.formatMessage({
-      "id": "yCXMzz",
-      "defaultMessage": [{
+      id: "yCXMzz",
+      defaultMessage: [{
         "type": 0,
         "value": "Close"
       }]
@@ -1020,7 +1020,9 @@ var SearchFilters = function SearchFilters(_ref) {
 SearchFilters.propTypes = propTypes$4;
 SearchFilters.defaultProps = defaultProps$4;
 
-var styles$1 = {"container":"micromag-media-gallery-buttons-close-container"};
+var styles$1 = {"container":"micromag-media-gallery-partials-active-filters-container","heading":"micromag-media-gallery-partials-active-filters-heading","title":"micromag-media-gallery-partials-active-filters-title","resetButton":"micromag-media-gallery-partials-active-filters-resetButton","activeTag":"micromag-media-gallery-partials-active-filters-activeTag"};
+
+var styles = {"container":"micromag-media-gallery-buttons-close-container"};
 
 var _excluded = ["className"];
 var propTypes$3 = {
@@ -1035,11 +1037,11 @@ var CloseButton = function CloseButton(_ref) {
       props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/React__default["default"].createElement(components.Button, Object.assign({
-    className: classNames__default["default"]([styles$1.container, _defineProperty__default["default"]({}, className, className !== null)]),
+    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
     withoutStyle: true,
     icon: /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faTimes,
-      className: styles$1.icon
+      className: styles.icon
     }),
     iconPosition: "right"
   }, props));
@@ -1048,8 +1050,6 @@ var CloseButton = function CloseButton(_ref) {
 CloseButton.propTypes = propTypes$3;
 CloseButton.defaultProps = defaultProps$3;
 
-var styles = {"container":"micromag-media-gallery-partials-active-filters-container","heading":"micromag-media-gallery-partials-active-filters-heading","title":"micromag-media-gallery-partials-active-filters-title","resetButton":"micromag-media-gallery-partials-active-filters-resetButton","activeTag":"micromag-media-gallery-partials-active-filters-activeTag"};
-
 var propTypes$2 = {
   filters: PropTypes__default["default"].shape({
     types: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
@@ -1070,7 +1070,7 @@ var defaultProps$2 = {
   className: null
 };
 
-var ActiveFilters = function ActiveFilters(_ref) {
+function ActiveFilters(_ref) {
   var filters = _ref.filters,
       onChange = _ref.onChange,
       onReset = _ref.onReset,
@@ -1095,11 +1095,11 @@ var ActiveFilters = function ActiveFilters(_ref) {
     return oneHasValue || filters[key] !== null;
   }, false);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['w-100', styles.container, _defineProperty__default["default"]({}, className, className)])
+    className: classNames__default["default"](['w-100', styles$1.container, _defineProperty__default["default"]({}, className, className)])
   }, hasValue ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styles.heading
+    className: styles$1.heading
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styles.title
+    className: styles$1.title
   }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
     id: "t2cFdl",
     defaultMessage: [{
@@ -1107,7 +1107,7 @@ var ActiveFilters = function ActiveFilters(_ref) {
       "value": "Active filters"
     }]
   })), /*#__PURE__*/React__default["default"].createElement(CloseButton, {
-    className: styles.resetButton,
+    className: styles$1.resetButton,
     onClick: handleReset
   }, /*#__PURE__*/React__default["default"].createElement("u", null, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
     id: "/T/UDH",
@@ -1129,7 +1129,7 @@ var ActiveFilters = function ActiveFilters(_ref) {
           label = _ref3$label === void 0 ? '' : _ref3$label;
 
       return /*#__PURE__*/React__default["default"].createElement(components.Button, {
-        className: styles.activeTag,
+        className: styles$1.activeTag,
         key: "filter-button-".concat(activeValue),
         type: "submit",
         size: "sm",
@@ -1145,7 +1145,7 @@ var ActiveFilters = function ActiveFilters(_ref) {
       });
     }) : null;
   }) : null);
-};
+}
 
 ActiveFilters.propTypes = propTypes$2;
 ActiveFilters.defaultProps = defaultProps$2;
@@ -1187,7 +1187,7 @@ var defaultProps$1 = {
   className: null
 };
 
-var Navbar = function Navbar(_ref) {
+function Navbar(_ref) {
   var filters = _ref.filters,
       media = _ref.media,
       selectedMedia = _ref.selectedMedia,
@@ -1332,8 +1332,8 @@ var Navbar = function Navbar(_ref) {
     }),
     onClick: onClickAdd,
     title: intl.formatMessage({
-      "id": "Tt4jN1",
-      "defaultMessage": [{
+      id: "Tt4jN1",
+      defaultMessage: [{
         "type": 0,
         "value": "Add"
       }]
@@ -1347,21 +1347,21 @@ var Navbar = function Navbar(_ref) {
       return onClickItem(selectedMedia);
     },
     title: intl.formatMessage({
-      "id": "UG3SXh",
-      "defaultMessage": [{
+      id: "UG3SXh",
+      defaultMessage: [{
         "type": 0,
         "value": "Remove"
       }]
     })
   })) : null, !withoutSource && media === null ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "py-2 d-flex w-100 flex-nowrap"
+    className: "mt-1 py-2 d-flex w-100 align-items-center flex-nowrap"
   }, /*#__PURE__*/React__default["default"].createElement(DropdownSection, {
     items: sources,
     value: filters.source || null,
     onChange: onSourceChange
-  })) : null, /*#__PURE__*/React__default["default"].createElement("div", {
+  })) : null, media !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-100 d-flex flex-nowrap justify-content-between"
-  }, media !== null ? /*#__PURE__*/React__default["default"].createElement("form", {
+  }, /*#__PURE__*/React__default["default"].createElement("form", {
     className: classNames__default["default"](['form-inline', 'mr-2'])
   }, /*#__PURE__*/React__default["default"].createElement(components.Button, {
     theme: "secondary",
@@ -1371,9 +1371,9 @@ var Navbar = function Navbar(_ref) {
       icon: freeSolidSvgIcons.faChevronLeft
     }),
     onClick: onClickBack
-  })) : null, /*#__PURE__*/React__default["default"].createElement("strong", {
+  })), /*#__PURE__*/React__default["default"].createElement("strong", {
     className: "navbar-text mr-auto w-100"
-  }, media !== null ? media.name : null)), media === null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, media !== null ? media.name : null)) : null, media === null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "d-flex w-100 flex-nowrap justify-content-between"
   }, /*#__PURE__*/React__default["default"].createElement(Search, {
     value: searchValue,
@@ -1396,7 +1396,7 @@ var Navbar = function Navbar(_ref) {
     onChange: onFilterChange,
     onReset: onFiltersReset
   })) : null));
-};
+}
 
 Navbar.propTypes = propTypes$1;
 Navbar.defaultProps = defaultProps$1;
@@ -1430,16 +1430,16 @@ var defaultProps = {
   onClickMedia: null
 };
 
-var MediaGallery = function MediaGallery(_ref) {
+function MediaGallery(_ref) {
   var _ref3;
 
   var type = _ref.type,
       source = _ref.source,
       isPicker = _ref.isPicker,
       isSmall = _ref.isSmall,
-      withoutTitle = _ref.withoutTitle;
-      _ref.withoutSource;
-      var withoutType = _ref.withoutType,
+      withoutTitle = _ref.withoutTitle,
+      withoutSource = _ref.withoutSource,
+      withoutType = _ref.withoutType,
       initialMedias = _ref.medias,
       selectedMedia = _ref.selectedMedia,
       className = _ref.className,
@@ -1572,9 +1572,8 @@ var MediaGallery = function MediaGallery(_ref) {
     onClickItemInfo: onClickItemInfo,
     onClickBack: onClickBack,
     onClickCancel: onClickCancel,
-    withoutTitle: withoutTitle // withoutSource={withoutSource}
-    ,
-    withoutSource: false,
+    withoutTitle: withoutTitle,
+    withoutSource: withoutSource,
     withoutType: withoutType,
     storyId: storyId,
     authors: authors,
@@ -1606,7 +1605,7 @@ var MediaGallery = function MediaGallery(_ref) {
     onUploaded: onUploadCompleted,
     onRequestClose: onUploadRequestClose
   }));
-};
+}
 
 MediaGallery.propTypes = propTypes;
 MediaGallery.defaultProps = defaultProps;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/media-gallery",
-    "version": "0.2.401",
+    "version": "0.2.409",
     "description": "",
     "keywords": [
         "javascript"
@@ -31,6 +31,12 @@
     "license": "ISC",
     "main": "lib/index.js",
     "module": "es/index.js",
+    "exports": {
+        ".": "./lib/index.js",
+        "./scss/styles": "./scss/styles.scss",
+        "./scss/styles.scss": "./scss/styles.scss",
+        "./assets/css/styles.css": "./assets/css/styles.css"
+    },
     "files": [
         "lib",
         "es",
@@ -38,8 +44,7 @@
         "scss"
     ],
     "scripts": {
-        "prepare": "../../scripts/prepare-package.sh --scss",
-        "start": "PUBLIC_URL=http://localhost/ react-scripts start"
+        "prepare": "../../scripts/prepare-package.sh --scss"
     },
     "devDependencies": {
         "react": "^16.8.0 || ^17.0.0",
@@ -54,8 +59,8 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.2.401",
-        "@micromag/data": "^0.2.401",
+        "@micromag/core": "^0.2.409",
+        "@micromag/data": "^0.2.409",
         "bootstrap": "^4.5.3",
         "bootstrap.native": "^3.0.14",
         "change-case": "^4.1.2",
@@ -69,5 +74,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "fd03ec6d9decc9e18d6088a36e47c7b1e0e72b4c"
+    "gitHead": "4c16c3bb63644d1bd5b7d50086098337317ee3f6"
 }