@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.
- package/assets/css/styles.css +2 -2
- package/es/index.js +56 -56
- package/lib/index.js +56 -56
- package/package.json +3 -3
package/assets/css/styles.css
CHANGED
|
@@ -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:
|
|
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{
|
|
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
|
-
|
|
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
|
-
}, [
|
|
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',
|
|
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-
|
|
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
|
|
768
|
-
}, media !== null ? media.name : title
|
|
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
|
-
})))),
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
}, [
|
|
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',
|
|
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-
|
|
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
|
|
783
|
-
}, media !== null ? media.name : title
|
|
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
|
-
})))),
|
|
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
|
-
|
|
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
|
-
|
|
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.
|
|
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.
|
|
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": "
|
|
72
|
+
"gitHead": "e6dadb5ed071e993803ba1f0837eca8385ea6cd4"
|
|
73
73
|
}
|