@micromag/media-gallery 0.3.110 → 0.3.115
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +8 -1
- package/lib/index.js +19 -12
- package/package.json +4 -4
package/es/index.js
CHANGED
|
@@ -11,11 +11,18 @@ import classNames from 'classnames';
|
|
|
11
11
|
import PropTypes$1 from 'prop-types';
|
|
12
12
|
import React, { useMemo, useCallback, useState, useEffect, useRef } from 'react';
|
|
13
13
|
import { useResizeObserver } from '@micromag/core/hooks';
|
|
14
|
-
import {
|
|
14
|
+
import { faHeadphonesAlt } from '@fortawesome/free-solid-svg-icons/faHeadphonesAlt';
|
|
15
|
+
import { faInfoCircle } from '@fortawesome/free-solid-svg-icons/faInfoCircle';
|
|
16
|
+
import { faPlayCircle } from '@fortawesome/free-solid-svg-icons/faPlayCircle';
|
|
17
|
+
import { faTimesCircle } from '@fortawesome/free-solid-svg-icons/faTimesCircle';
|
|
15
18
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
16
19
|
import uniqBy from 'lodash/uniqBy';
|
|
17
20
|
import prettyBytes from 'pretty-bytes';
|
|
18
21
|
import { FormattedMessage, useIntl } from 'react-intl';
|
|
22
|
+
import { faChevronLeft } from '@fortawesome/free-solid-svg-icons/faChevronLeft';
|
|
23
|
+
import { faPlus } from '@fortawesome/free-solid-svg-icons/faPlus';
|
|
24
|
+
import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
|
|
25
|
+
import { faSearch } from '@fortawesome/free-solid-svg-icons/faSearch';
|
|
19
26
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
20
27
|
|
|
21
28
|
var styles$9 = {"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"};
|
package/lib/index.js
CHANGED
|
@@ -13,11 +13,18 @@ var classNames = require('classnames');
|
|
|
13
13
|
var PropTypes = require('prop-types');
|
|
14
14
|
var React = require('react');
|
|
15
15
|
var hooks = require('@micromag/core/hooks');
|
|
16
|
-
var
|
|
16
|
+
var faHeadphonesAlt = require('@fortawesome/free-solid-svg-icons/faHeadphonesAlt');
|
|
17
|
+
var faInfoCircle = require('@fortawesome/free-solid-svg-icons/faInfoCircle');
|
|
18
|
+
var faPlayCircle = require('@fortawesome/free-solid-svg-icons/faPlayCircle');
|
|
19
|
+
var faTimesCircle = require('@fortawesome/free-solid-svg-icons/faTimesCircle');
|
|
17
20
|
var reactFontawesome = require('@fortawesome/react-fontawesome');
|
|
18
21
|
var uniqBy = require('lodash/uniqBy');
|
|
19
22
|
var prettyBytes = require('pretty-bytes');
|
|
20
23
|
var reactIntl = require('react-intl');
|
|
24
|
+
var faChevronLeft = require('@fortawesome/free-solid-svg-icons/faChevronLeft');
|
|
25
|
+
var faPlus = require('@fortawesome/free-solid-svg-icons/faPlus');
|
|
26
|
+
var faTimes = require('@fortawesome/free-solid-svg-icons/faTimes');
|
|
27
|
+
var faSearch = require('@fortawesome/free-solid-svg-icons/faSearch');
|
|
21
28
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
22
29
|
|
|
23
30
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -107,20 +114,20 @@ var GalleryItem = function GalleryItem(_ref) {
|
|
|
107
114
|
onClick: onClickInfo,
|
|
108
115
|
withoutStyle: true
|
|
109
116
|
}, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
|
110
|
-
icon:
|
|
117
|
+
icon: faInfoCircle.faInfoCircle,
|
|
111
118
|
className: styles$7.icon
|
|
112
119
|
})) : null, selected ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
113
120
|
className: classNames__default["default"](['text-danger', styles$7.closeIcon])
|
|
114
121
|
}, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
|
115
|
-
icon:
|
|
122
|
+
icon: faTimesCircle.faTimesCircle,
|
|
116
123
|
className: styles$7.icon
|
|
117
124
|
})) : null),
|
|
118
125
|
footer: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, type === 'video' ? /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
|
119
126
|
className: styles$7.icon,
|
|
120
|
-
icon:
|
|
127
|
+
icon: faPlayCircle.faPlayCircle
|
|
121
128
|
}) : null, type === 'audio' ? /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
|
122
129
|
className: styles$7.icon,
|
|
123
|
-
icon:
|
|
130
|
+
icon: faHeadphonesAlt.faHeadphonesAlt
|
|
124
131
|
}) : null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
125
132
|
className: classNames__default["default"](['text-truncate', styles$7.label])
|
|
126
133
|
}, /*#__PURE__*/React__default["default"].createElement("small", null, title), size !== null ? /*#__PURE__*/React__default["default"].createElement("small", {
|
|
@@ -846,7 +853,7 @@ var Search = function Search(_ref) {
|
|
|
846
853
|
className: "btn",
|
|
847
854
|
onClick: onClickSearchIcon
|
|
848
855
|
}, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
|
849
|
-
icon:
|
|
856
|
+
icon: faSearch.faSearch
|
|
850
857
|
})), /*#__PURE__*/React__default["default"].createElement("input", {
|
|
851
858
|
className: classNames__default["default"](['form-control', {
|
|
852
859
|
'bg-light': !!value,
|
|
@@ -989,7 +996,7 @@ var SearchFilters = function SearchFilters(_ref) {
|
|
|
989
996
|
}, /*#__PURE__*/React__default["default"].createElement(components.Button, {
|
|
990
997
|
className: classNames__default["default"]([styles$3.closeBtn, 'py-1', 'px-1', 'text-dark']),
|
|
991
998
|
icon: /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
|
992
|
-
icon:
|
|
999
|
+
icon: faTimes.faTimes
|
|
993
1000
|
}),
|
|
994
1001
|
onClick: onClose,
|
|
995
1002
|
title: intl.formatMessage({
|
|
@@ -1040,7 +1047,7 @@ var CloseButton = function CloseButton(_ref) {
|
|
|
1040
1047
|
className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
|
|
1041
1048
|
withoutStyle: true,
|
|
1042
1049
|
icon: /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
|
1043
|
-
icon:
|
|
1050
|
+
icon: faTimes.faTimes,
|
|
1044
1051
|
className: styles.icon
|
|
1045
1052
|
}),
|
|
1046
1053
|
iconPosition: "right"
|
|
@@ -1136,7 +1143,7 @@ function ActiveFilters(_ref) {
|
|
|
1136
1143
|
label: /*#__PURE__*/React__default["default"].createElement("span", null, section.label, " : ", label),
|
|
1137
1144
|
theme: "secondary",
|
|
1138
1145
|
icon: /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
|
1139
|
-
icon:
|
|
1146
|
+
icon: faTimes.faTimes
|
|
1140
1147
|
}),
|
|
1141
1148
|
iconPosition: "right",
|
|
1142
1149
|
onClick: function onClick() {
|
|
@@ -1326,7 +1333,7 @@ function Navbar(_ref) {
|
|
|
1326
1333
|
})), selectedMedia === null ? /*#__PURE__*/React__default["default"].createElement(components.Button, {
|
|
1327
1334
|
theme: "primary",
|
|
1328
1335
|
icon: /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
|
1329
|
-
icon:
|
|
1336
|
+
icon: faPlus.faPlus
|
|
1330
1337
|
}),
|
|
1331
1338
|
onClick: onClickAdd,
|
|
1332
1339
|
title: intl.formatMessage({
|
|
@@ -1339,7 +1346,7 @@ function Navbar(_ref) {
|
|
|
1339
1346
|
}) : /*#__PURE__*/React__default["default"].createElement(components.Button, {
|
|
1340
1347
|
theme: "primary",
|
|
1341
1348
|
icon: /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
|
1342
|
-
icon:
|
|
1349
|
+
icon: faTimes.faTimes
|
|
1343
1350
|
}),
|
|
1344
1351
|
onClick: function onClick() {
|
|
1345
1352
|
return onClickItem(selectedMedia);
|
|
@@ -1366,7 +1373,7 @@ function Navbar(_ref) {
|
|
|
1366
1373
|
outline: true,
|
|
1367
1374
|
size: "sm",
|
|
1368
1375
|
icon: /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
|
|
1369
|
-
icon:
|
|
1376
|
+
icon: faChevronLeft.faChevronLeft
|
|
1370
1377
|
}),
|
|
1371
1378
|
onClick: onClickBack
|
|
1372
1379
|
})), /*#__PURE__*/React__default["default"].createElement("strong", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/media-gallery",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.115",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -59,8 +59,8 @@
|
|
|
59
59
|
"@fortawesome/fontawesome-svg-core": "^1.2.32",
|
|
60
60
|
"@fortawesome/free-solid-svg-icons": "^5.15.1",
|
|
61
61
|
"@fortawesome/react-fontawesome": "^0.1.13",
|
|
62
|
-
"@micromag/core": "^0.3.
|
|
63
|
-
"@micromag/data": "^0.3.
|
|
62
|
+
"@micromag/core": "^0.3.115",
|
|
63
|
+
"@micromag/data": "^0.3.115",
|
|
64
64
|
"bootstrap": "^5.1.0",
|
|
65
65
|
"change-case": "^4.1.2",
|
|
66
66
|
"classnames": "^2.2.6",
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "47c269c5f0b4b423cb5bb187f12ec821479b89dc"
|
|
77
77
|
}
|