@micromag/media-gallery 0.2.391 → 0.2.393

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.
@@ -1,5 +1,5 @@
1
- .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:10px}.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}
2
- .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-section{overflow-x:scroll;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}
1
+ .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}
2
+ .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-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}
3
3
  .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}
4
4
  .micromag-media-gallery-partials-active-filters-container{padding:10px 0}.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}
5
5
  .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%}
package/es/index.js CHANGED
@@ -159,7 +159,7 @@ var TagSection = function TagSection(_ref) {
159
159
  TagSection.propTypes = propTypes$9;
160
160
  TagSection.defaultProps = defaultProps$9;
161
161
 
162
- var styles$7 = {"container":"micromag-media-gallery-forms-search-filters-container","section":"micromag-media-gallery-forms-search-filters-section","title":"micromag-media-gallery-forms-search-filters-title"};
162
+ var styles$7 = {"container":"micromag-media-gallery-forms-search-filters-container","section":"micromag-media-gallery-forms-search-filters-section","title":"micromag-media-gallery-forms-search-filters-title","tags":"micromag-media-gallery-forms-search-filters-tags"};
163
163
 
164
164
  var propTypes$8 = {
165
165
  filters: PropTypes.object,
@@ -230,6 +230,7 @@ var SearchFilters = function SearchFilters(_ref) {
230
230
  }, /*#__PURE__*/React.createElement("p", {
231
231
  className: classNames([styles$7.title, 'm-0'])
232
232
  }, label), /*#__PURE__*/React.createElement(TagSection, {
233
+ className: classNames([styles$7.tags]),
233
234
  tags: items,
234
235
  parent: value,
235
236
  onChange: onSectionChange
@@ -284,9 +285,12 @@ var Search = function Search(_ref) {
284
285
  }, [onClickIcon]);
285
286
  return /*#__PURE__*/React.createElement("form", {
286
287
  method: "post",
287
- className: classNames([_defineProperty({}, className, className !== null)])
288
+ className: classNames(['w-100', _defineProperty({}, className, className !== null)]),
289
+ onSubmit: function onSubmit(e) {
290
+ return e.preventDefault();
291
+ }
288
292
  }, /*#__PURE__*/React.createElement("div", {
289
- className: "input-group"
293
+ className: "input-group w-100"
290
294
  }, /*#__PURE__*/React.createElement("span", {
291
295
  type: "span",
292
296
  className: "input-group-prepend"
@@ -394,7 +398,7 @@ var ActiveFilters = function ActiveFilters(_ref) {
394
398
  return oneHasValue || filters[key] !== null;
395
399
  }, false);
396
400
  return /*#__PURE__*/React.createElement("div", {
397
- className: classNames([styles$5.container, _defineProperty({}, className, className)])
401
+ className: classNames(['w-100', styles$5.container, _defineProperty({}, className, className)])
398
402
  }, hasValue ? /*#__PURE__*/React.createElement("div", {
399
403
  className: styles$5.heading
400
404
  }, /*#__PURE__*/React.createElement("div", {
@@ -469,6 +473,15 @@ var useSearchSections = function useSearchSections(_ref) {
469
473
  }]
470
474
  }),
471
475
  value: 'all'
476
+ }, {
477
+ label: /*#__PURE__*/React.createElement(FormattedMessage, {
478
+ id: "eiaIIB",
479
+ defaultMessage: [{
480
+ "type": 0,
481
+ "value": "This Micromag"
482
+ }]
483
+ }),
484
+ value: 'micromag'
472
485
  }].concat(_toConsumableArray(team.length > 0 ? [{
473
486
  label: /*#__PURE__*/React.createElement(FormattedMessage, {
474
487
  id: "/62oe4",
@@ -634,9 +647,9 @@ var Navbar = function Navbar(_ref) {
634
647
  withoutSource = _ref.withoutSource,
635
648
  withoutType = _ref.withoutType,
636
649
  className = _ref.className,
637
- onClickAdd = _ref.onClickAdd,
638
- onClickCancel = _ref.onClickCancel,
639
- onFocusSearch = _ref.onFocusSearch,
650
+ onClickAdd = _ref.onClickAdd;
651
+ _ref.onClickCancel;
652
+ var onFocusSearch = _ref.onFocusSearch,
640
653
  onFiltersChange = _ref.onFiltersChange,
641
654
  onClickBack = _ref.onClickBack;
642
655
  var throttle = useRef(null);
@@ -731,12 +744,8 @@ var Navbar = function Navbar(_ref) {
731
744
  setOpen(true);
732
745
  });
733
746
  var onClear = useCallback(function () {
734
- if (onClickCancel !== null) {
735
- onClickCancel();
736
- }
737
-
738
747
  setOpen(false);
739
- }, [onClickCancel]);
748
+ }, [setOpen]);
740
749
  var onToggleMenu = useCallback(function () {
741
750
  setOpen(!open);
742
751
  }, [open, setOpen]);
@@ -748,13 +757,19 @@ var Navbar = function Navbar(_ref) {
748
757
  }]
749
758
  }) : null;
750
759
  return /*#__PURE__*/React.createElement("nav", {
751
- className: classNames([styles$4.container, 'navbar', 'small', _defineProperty({}, className, className !== null)])
760
+ className: classNames([styles$4.container, 'navbar', _defineProperty({}, className, className !== null)])
752
761
  }, /*#__PURE__*/React.createElement("div", {
753
762
  className: styles$4.inner
754
- }, /*#__PURE__*/React.createElement("div", {
755
- className: "d-flex flex-nowrap justify-content-between"
763
+ }, !withoutSource && media === null ? /*#__PURE__*/React.createElement("div", {
764
+ className: "d-flex w-100 flex-nowrap justify-content-center"
765
+ }, /*#__PURE__*/React.createElement(DropdownSection, {
766
+ items: sources,
767
+ value: filters.source || null,
768
+ onChange: onSourceChange
769
+ })) : null, /*#__PURE__*/React.createElement("div", {
770
+ className: "w-100 d-flex flex-nowrap justify-content-between"
756
771
  }, media !== null ? /*#__PURE__*/React.createElement("form", {
757
- className: classNames(['form-inline'])
772
+ className: classNames(['form-inline', 'mr-2'])
758
773
  }, /*#__PURE__*/React.createElement(Button, {
759
774
  theme: "secondary",
760
775
  outline: true,
@@ -764,40 +779,8 @@ var Navbar = function Navbar(_ref) {
764
779
  }),
765
780
  onClick: onClickBack
766
781
  })) : null, /*#__PURE__*/React.createElement("strong", {
767
- className: "navbar-text ml-2 mr-auto"
768
- }, media !== null ? media.name : title)), media === null ? /*#__PURE__*/React.createElement(React.Fragment, null, !withoutSource ? /*#__PURE__*/React.createElement("div", {
769
- className: "d-flex w-100 flex-nowrap justify-content-center"
770
- }, /*#__PURE__*/React.createElement(DropdownSection, {
771
- items: sources,
772
- value: filters.source || null,
773
- onChange: onSourceChange
774
- })) : null, /*#__PURE__*/React.createElement("div", {
775
- className: "d-flex w-100 flex-nowrap justify-content-between"
776
- }, /*#__PURE__*/React.createElement(Search, {
777
- value: searchValue,
778
- onChange: onSearchChange,
779
- onFocus: onSearchFocus,
780
- onClickIcon: onToggleMenu,
781
- className: classNames(['form-inline', 'mr-2'])
782
- }), /*#__PURE__*/React.createElement("form", {
783
- className: classNames(['form-inline', 'ml-auto'])
784
- }, open || searchValue || hasFilter ? /*#__PURE__*/React.createElement(Button, {
785
- theme: "primary",
786
- outline: true,
787
- onClick: onClear
788
- }, searchValue || hasFilter ? /*#__PURE__*/React.createElement(FormattedMessage, {
789
- id: "+TT1y6",
790
- defaultMessage: [{
791
- "type": 0,
792
- "value": "Clear"
793
- }]
794
- }) : /*#__PURE__*/React.createElement(FormattedMessage, {
795
- id: "G31Yd0",
796
- defaultMessage: [{
797
- "type": 0,
798
- "value": "Cancel"
799
- }]
800
- })) : /*#__PURE__*/React.createElement(Button, {
782
+ className: "navbar-text mr-auto w-100 d-flex align-items-center justify-content-between"
783
+ }, media !== null ? media.name : title, media === null ? /*#__PURE__*/React.createElement(Button, {
801
784
  theme: "primary",
802
785
  icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
803
786
  icon: faPlus
@@ -809,7 +792,24 @@ var Navbar = function Navbar(_ref) {
809
792
  "type": 0,
810
793
  "value": "Add"
811
794
  }]
812
- })))), open ? /*#__PURE__*/React.createElement("div", {
795
+ })) : null)), media === null ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
796
+ className: "d-flex w-100 flex-nowrap justify-content-between"
797
+ }, /*#__PURE__*/React.createElement(Search, {
798
+ value: searchValue,
799
+ onChange: onSearchChange,
800
+ onFocus: onSearchFocus,
801
+ onClickIcon: onToggleMenu,
802
+ className: classNames(['form-inline'])
803
+ }), /*#__PURE__*/React.createElement("form", {
804
+ className: classNames(['form-inline'])
805
+ }, open ? /*#__PURE__*/React.createElement(Button, {
806
+ className: "ml-2",
807
+ theme: "primary",
808
+ icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
809
+ icon: faTimes
810
+ }),
811
+ onClick: onClear
812
+ }) : null)), open ? /*#__PURE__*/React.createElement("div", {
813
813
  className: "d-flex w-100 my-1 flex-nowrap justify-content-between"
814
814
  }, /*#__PURE__*/React.createElement(SearchFilters, {
815
815
  filters: filters,
@@ -1388,9 +1388,9 @@ var MediaGallery = function MediaGallery(_ref) {
1388
1388
  source = _ref.source,
1389
1389
  isPicker = _ref.isPicker,
1390
1390
  isSmall = _ref.isSmall,
1391
- withoutTitle = _ref.withoutTitle,
1392
- withoutSource = _ref.withoutSource,
1393
- withoutType = _ref.withoutType,
1391
+ withoutTitle = _ref.withoutTitle;
1392
+ _ref.withoutSource;
1393
+ var withoutType = _ref.withoutType,
1394
1394
  initialMedias = _ref.medias,
1395
1395
  selectedMedia = _ref.selectedMedia,
1396
1396
  className = _ref.className,
@@ -1508,8 +1508,8 @@ var MediaGallery = function MediaGallery(_ref) {
1508
1508
  onClickAdd: onClickAdd,
1509
1509
  onClickBack: onClickBack,
1510
1510
  onClickCancel: onClickCancel,
1511
- withoutTitle: withoutTitle,
1512
- withoutSource: withoutSource,
1511
+ withoutTitle: withoutTitle // withoutSource={withoutSource}
1512
+ ,
1513
1513
  withoutType: withoutType,
1514
1514
  className: navbarClassName
1515
1515
  }), /*#__PURE__*/React.createElement("div", {
package/lib/index.js CHANGED
@@ -174,7 +174,7 @@ var TagSection = function TagSection(_ref) {
174
174
  TagSection.propTypes = propTypes$9;
175
175
  TagSection.defaultProps = defaultProps$9;
176
176
 
177
- var styles$7 = {"container":"micromag-media-gallery-forms-search-filters-container","section":"micromag-media-gallery-forms-search-filters-section","title":"micromag-media-gallery-forms-search-filters-title"};
177
+ var styles$7 = {"container":"micromag-media-gallery-forms-search-filters-container","section":"micromag-media-gallery-forms-search-filters-section","title":"micromag-media-gallery-forms-search-filters-title","tags":"micromag-media-gallery-forms-search-filters-tags"};
178
178
 
179
179
  var propTypes$8 = {
180
180
  filters: PropTypes__default["default"].object,
@@ -245,6 +245,7 @@ var SearchFilters = function SearchFilters(_ref) {
245
245
  }, /*#__PURE__*/React__default["default"].createElement("p", {
246
246
  className: classNames__default["default"]([styles$7.title, 'm-0'])
247
247
  }, label), /*#__PURE__*/React__default["default"].createElement(TagSection, {
248
+ className: classNames__default["default"]([styles$7.tags]),
248
249
  tags: items,
249
250
  parent: value,
250
251
  onChange: onSectionChange
@@ -299,9 +300,12 @@ var Search = function Search(_ref) {
299
300
  }, [onClickIcon]);
300
301
  return /*#__PURE__*/React__default["default"].createElement("form", {
301
302
  method: "post",
302
- className: classNames__default["default"]([_defineProperty__default["default"]({}, className, className !== null)])
303
+ className: classNames__default["default"](['w-100', _defineProperty__default["default"]({}, className, className !== null)]),
304
+ onSubmit: function onSubmit(e) {
305
+ return e.preventDefault();
306
+ }
303
307
  }, /*#__PURE__*/React__default["default"].createElement("div", {
304
- className: "input-group"
308
+ className: "input-group w-100"
305
309
  }, /*#__PURE__*/React__default["default"].createElement("span", {
306
310
  type: "span",
307
311
  className: "input-group-prepend"
@@ -409,7 +413,7 @@ var ActiveFilters = function ActiveFilters(_ref) {
409
413
  return oneHasValue || filters[key] !== null;
410
414
  }, false);
411
415
  return /*#__PURE__*/React__default["default"].createElement("div", {
412
- className: classNames__default["default"]([styles$5.container, _defineProperty__default["default"]({}, className, className)])
416
+ className: classNames__default["default"](['w-100', styles$5.container, _defineProperty__default["default"]({}, className, className)])
413
417
  }, hasValue ? /*#__PURE__*/React__default["default"].createElement("div", {
414
418
  className: styles$5.heading
415
419
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -484,6 +488,15 @@ var useSearchSections = function useSearchSections(_ref) {
484
488
  }]
485
489
  }),
486
490
  value: 'all'
491
+ }, {
492
+ label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
493
+ id: "eiaIIB",
494
+ defaultMessage: [{
495
+ "type": 0,
496
+ "value": "This Micromag"
497
+ }]
498
+ }),
499
+ value: 'micromag'
487
500
  }].concat(_toConsumableArray__default["default"](team.length > 0 ? [{
488
501
  label: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
489
502
  id: "/62oe4",
@@ -649,9 +662,9 @@ var Navbar = function Navbar(_ref) {
649
662
  withoutSource = _ref.withoutSource,
650
663
  withoutType = _ref.withoutType,
651
664
  className = _ref.className,
652
- onClickAdd = _ref.onClickAdd,
653
- onClickCancel = _ref.onClickCancel,
654
- onFocusSearch = _ref.onFocusSearch,
665
+ onClickAdd = _ref.onClickAdd;
666
+ _ref.onClickCancel;
667
+ var onFocusSearch = _ref.onFocusSearch,
655
668
  onFiltersChange = _ref.onFiltersChange,
656
669
  onClickBack = _ref.onClickBack;
657
670
  var throttle = React.useRef(null);
@@ -746,12 +759,8 @@ var Navbar = function Navbar(_ref) {
746
759
  setOpen(true);
747
760
  });
748
761
  var onClear = React.useCallback(function () {
749
- if (onClickCancel !== null) {
750
- onClickCancel();
751
- }
752
-
753
762
  setOpen(false);
754
- }, [onClickCancel]);
763
+ }, [setOpen]);
755
764
  var onToggleMenu = React.useCallback(function () {
756
765
  setOpen(!open);
757
766
  }, [open, setOpen]);
@@ -763,13 +772,19 @@ var Navbar = function Navbar(_ref) {
763
772
  }]
764
773
  }) : null;
765
774
  return /*#__PURE__*/React__default["default"].createElement("nav", {
766
- className: classNames__default["default"]([styles$4.container, 'navbar', 'small', _defineProperty__default["default"]({}, className, className !== null)])
775
+ className: classNames__default["default"]([styles$4.container, 'navbar', _defineProperty__default["default"]({}, className, className !== null)])
767
776
  }, /*#__PURE__*/React__default["default"].createElement("div", {
768
777
  className: styles$4.inner
769
- }, /*#__PURE__*/React__default["default"].createElement("div", {
770
- className: "d-flex flex-nowrap justify-content-between"
778
+ }, !withoutSource && media === null ? /*#__PURE__*/React__default["default"].createElement("div", {
779
+ className: "d-flex w-100 flex-nowrap justify-content-center"
780
+ }, /*#__PURE__*/React__default["default"].createElement(DropdownSection, {
781
+ items: sources,
782
+ value: filters.source || null,
783
+ onChange: onSourceChange
784
+ })) : null, /*#__PURE__*/React__default["default"].createElement("div", {
785
+ className: "w-100 d-flex flex-nowrap justify-content-between"
771
786
  }, media !== null ? /*#__PURE__*/React__default["default"].createElement("form", {
772
- className: classNames__default["default"](['form-inline'])
787
+ className: classNames__default["default"](['form-inline', 'mr-2'])
773
788
  }, /*#__PURE__*/React__default["default"].createElement(components.Button, {
774
789
  theme: "secondary",
775
790
  outline: true,
@@ -779,40 +794,8 @@ var Navbar = function Navbar(_ref) {
779
794
  }),
780
795
  onClick: onClickBack
781
796
  })) : null, /*#__PURE__*/React__default["default"].createElement("strong", {
782
- className: "navbar-text ml-2 mr-auto"
783
- }, media !== null ? media.name : title)), media === null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !withoutSource ? /*#__PURE__*/React__default["default"].createElement("div", {
784
- className: "d-flex w-100 flex-nowrap justify-content-center"
785
- }, /*#__PURE__*/React__default["default"].createElement(DropdownSection, {
786
- items: sources,
787
- value: filters.source || null,
788
- onChange: onSourceChange
789
- })) : null, /*#__PURE__*/React__default["default"].createElement("div", {
790
- className: "d-flex w-100 flex-nowrap justify-content-between"
791
- }, /*#__PURE__*/React__default["default"].createElement(Search, {
792
- value: searchValue,
793
- onChange: onSearchChange,
794
- onFocus: onSearchFocus,
795
- onClickIcon: onToggleMenu,
796
- className: classNames__default["default"](['form-inline', 'mr-2'])
797
- }), /*#__PURE__*/React__default["default"].createElement("form", {
798
- className: classNames__default["default"](['form-inline', 'ml-auto'])
799
- }, open || searchValue || hasFilter ? /*#__PURE__*/React__default["default"].createElement(components.Button, {
800
- theme: "primary",
801
- outline: true,
802
- onClick: onClear
803
- }, searchValue || hasFilter ? /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
804
- id: "+TT1y6",
805
- defaultMessage: [{
806
- "type": 0,
807
- "value": "Clear"
808
- }]
809
- }) : /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
810
- id: "G31Yd0",
811
- defaultMessage: [{
812
- "type": 0,
813
- "value": "Cancel"
814
- }]
815
- })) : /*#__PURE__*/React__default["default"].createElement(components.Button, {
797
+ className: "navbar-text mr-auto w-100 d-flex align-items-center justify-content-between"
798
+ }, media !== null ? media.name : title, media === null ? /*#__PURE__*/React__default["default"].createElement(components.Button, {
816
799
  theme: "primary",
817
800
  icon: /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
818
801
  icon: freeSolidSvgIcons.faPlus
@@ -824,7 +807,24 @@ var Navbar = function Navbar(_ref) {
824
807
  "type": 0,
825
808
  "value": "Add"
826
809
  }]
827
- })))), open ? /*#__PURE__*/React__default["default"].createElement("div", {
810
+ })) : null)), media === null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
811
+ className: "d-flex w-100 flex-nowrap justify-content-between"
812
+ }, /*#__PURE__*/React__default["default"].createElement(Search, {
813
+ value: searchValue,
814
+ onChange: onSearchChange,
815
+ onFocus: onSearchFocus,
816
+ onClickIcon: onToggleMenu,
817
+ className: classNames__default["default"](['form-inline'])
818
+ }), /*#__PURE__*/React__default["default"].createElement("form", {
819
+ className: classNames__default["default"](['form-inline'])
820
+ }, open ? /*#__PURE__*/React__default["default"].createElement(components.Button, {
821
+ className: "ml-2",
822
+ theme: "primary",
823
+ icon: /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
824
+ icon: freeSolidSvgIcons.faTimes
825
+ }),
826
+ onClick: onClear
827
+ }) : null)), open ? /*#__PURE__*/React__default["default"].createElement("div", {
828
828
  className: "d-flex w-100 my-1 flex-nowrap justify-content-between"
829
829
  }, /*#__PURE__*/React__default["default"].createElement(SearchFilters, {
830
830
  filters: filters,
@@ -1403,9 +1403,9 @@ var MediaGallery = function MediaGallery(_ref) {
1403
1403
  source = _ref.source,
1404
1404
  isPicker = _ref.isPicker,
1405
1405
  isSmall = _ref.isSmall,
1406
- withoutTitle = _ref.withoutTitle,
1407
- withoutSource = _ref.withoutSource,
1408
- withoutType = _ref.withoutType,
1406
+ withoutTitle = _ref.withoutTitle;
1407
+ _ref.withoutSource;
1408
+ var withoutType = _ref.withoutType,
1409
1409
  initialMedias = _ref.medias,
1410
1410
  selectedMedia = _ref.selectedMedia,
1411
1411
  className = _ref.className,
@@ -1523,8 +1523,8 @@ var MediaGallery = function MediaGallery(_ref) {
1523
1523
  onClickAdd: onClickAdd,
1524
1524
  onClickBack: onClickBack,
1525
1525
  onClickCancel: onClickCancel,
1526
- withoutTitle: withoutTitle,
1527
- withoutSource: withoutSource,
1526
+ withoutTitle: withoutTitle // withoutSource={withoutSource}
1527
+ ,
1528
1528
  withoutType: withoutType,
1529
1529
  className: navbarClassName
1530
1530
  }), /*#__PURE__*/React__default["default"].createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/media-gallery",
3
- "version": "0.2.391",
3
+ "version": "0.2.393",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -55,7 +55,7 @@
55
55
  "@fortawesome/free-solid-svg-icons": "^5.15.1",
56
56
  "@fortawesome/react-fontawesome": "^0.1.13",
57
57
  "@micromag/core": "^0.2.391",
58
- "@micromag/data": "^0.2.391",
58
+ "@micromag/data": "^0.2.393",
59
59
  "bootstrap": "^4.5.3",
60
60
  "bootstrap.native": "^3.0.14",
61
61
  "change-case": "^4.1.2",
@@ -69,5 +69,5 @@
69
69
  "publishConfig": {
70
70
  "access": "public"
71
71
  },
72
- "gitHead": "8136754d570e4fc8c1bb9c89f8635279f252e89f"
72
+ "gitHead": "e6dadb5ed071e993803ba1f0837eca8385ea6cd4"
73
73
  }