@blaze-cms/plugin-media-ui 0.146.0-node18-core-styles-tooltips.56 → 0.146.0-node18-tooltips.44
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/CHANGELOG.md +28 -84
- package/lib/components/CardMedia/CardMedia.js +107 -50
- package/lib/components/CardMedia/CardMedia.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFile.js +31 -45
- package/lib/components/EditMediaFile/EditMediaFile.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFilePage.js +18 -9
- package/lib/components/EditMediaFile/EditMediaFilePage.js.map +1 -1
- package/lib/components/FileList/useGetFiles/getFiles.js +13 -12
- package/lib/components/FileList/useGetFiles/getFiles.js.map +1 -1
- package/lib/components/FileList/useGetFiles/useGetFiles.js +8 -4
- package/lib/components/FileList/useGetFiles/useGetFiles.js.map +1 -1
- package/lib/components/FileList/useGetFilesList/getCounters.js +1 -1
- package/lib/components/FileList/useGetFilesList/getCounters.js.map +1 -1
- package/lib/components/FileList/useGetFilesList/useGetFilesList.js +4 -2
- package/lib/components/FileList/useGetFilesList/useGetFilesList.js.map +1 -1
- package/lib/components/FilePreview/Actions/index.js +1 -1
- package/lib/components/FilePreview/Actions/index.js.map +1 -1
- package/lib/components/FilePreview/Image/Image.js.map +1 -1
- package/lib/components/FilePreview/Image/imageSchema.js +8 -4
- package/lib/components/FilePreview/Image/imageSchema.js.map +1 -1
- package/lib/components/FilePreview/PDF/PDF.js.map +1 -1
- package/lib/components/FilePreview/PDF/schema.js +2 -1
- package/lib/components/FilePreview/PDF/schema.js.map +1 -1
- package/lib/components/FilePreview/index.js +52 -9
- package/lib/components/FilePreview/index.js.map +1 -1
- package/lib/components/FilePreview/previewDefault/PreviewDefault.js.map +1 -1
- package/lib/components/FilePreview/previewDefault/previewDefaultSchema.js +2 -1
- package/lib/components/FilePreview/previewDefault/previewDefaultSchema.js.map +1 -1
- package/lib/components/FilePreviewReadOnly/FilePreviewList.js +0 -1
- package/lib/components/FilePreviewReadOnly/FilePreviewList.js.map +1 -1
- package/lib/components/FilePreviewReadOnly/FilePreviewReadOnly.js +3 -3
- package/lib/components/FilePreviewReadOnly/FilePreviewReadOnly.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileList.js +1 -1
- package/lib/components/FileUploadAdapter/FileList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FilePreviewList.js +0 -1
- package/lib/components/FileUploadAdapter/FilePreviewList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileReorderList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileUploadAdapter.js +50 -36
- package/lib/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -1
- package/lib/components/FileUploadModal/FileUploadModal.js +3 -3
- package/lib/components/FileUploadModal/FileUploadModal.js.map +1 -1
- package/lib/components/FilterPanel/FilterPanel.js +42 -141
- package/lib/components/FilterPanel/FilterPanel.js.map +1 -1
- package/lib/components/FilterPanel/MediaSearchFilter.js +40 -0
- package/lib/components/FilterPanel/MediaSearchFilter.js.map +1 -0
- package/lib/components/ListingContainer/Listing/Listing.js.map +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +6 -5
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaListing.js +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaListing.js.map +1 -1
- package/lib/components/ListingContainer/ListingContainer.js +5 -2
- package/lib/components/ListingContainer/ListingContainer.js.map +1 -1
- package/lib/components/MediaListing.js +1 -1
- package/lib/components/MediaListing.js.map +1 -1
- package/lib/constants.js +2 -1
- package/lib/constants.js.map +1 -1
- package/lib/index.js +5 -5
- package/lib/index.js.map +1 -1
- package/lib/utils/bustUrl.js +1 -0
- package/lib/utils/bustUrl.js.map +1 -1
- package/lib-es/components/CardMedia/CardMedia.js +97 -54
- package/lib-es/components/CardMedia/CardMedia.js.map +1 -1
- package/lib-es/components/EditMediaFile/EditMediaFile.js +26 -42
- package/lib-es/components/EditMediaFile/EditMediaFile.js.map +1 -1
- package/lib-es/components/EditMediaFile/EditMediaFilePage.js +15 -8
- package/lib-es/components/EditMediaFile/EditMediaFilePage.js.map +1 -1
- package/lib-es/components/FileList/useGetFiles/getFiles.js +6 -3
- package/lib-es/components/FileList/useGetFiles/getFiles.js.map +1 -1
- package/lib-es/components/FileList/useGetFiles/useGetFiles.js +7 -2
- package/lib-es/components/FileList/useGetFiles/useGetFiles.js.map +1 -1
- package/lib-es/components/FileList/useGetFilesList/useGetFilesList.js +4 -1
- package/lib-es/components/FileList/useGetFilesList/useGetFilesList.js.map +1 -1
- package/lib-es/components/FilePreview/Actions/index.js.map +1 -1
- package/lib-es/components/FilePreview/Image/imageSchema.js +8 -4
- package/lib-es/components/FilePreview/Image/imageSchema.js.map +1 -1
- package/lib-es/components/FilePreview/PDF/PDF.js.map +1 -1
- package/lib-es/components/FilePreview/PDF/schema.js +2 -1
- package/lib-es/components/FilePreview/PDF/schema.js.map +1 -1
- package/lib-es/components/FilePreview/index.js +48 -3
- package/lib-es/components/FilePreview/index.js.map +1 -1
- package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js.map +1 -1
- package/lib-es/components/FilePreview/previewDefault/previewDefaultSchema.js +2 -1
- package/lib-es/components/FilePreview/previewDefault/previewDefaultSchema.js.map +1 -1
- package/lib-es/components/FileUploadAdapter/FileList.js.map +1 -1
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js +34 -23
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -1
- package/lib-es/components/FileUploadAdapter/mappers/get-button-text.js.map +1 -1
- package/lib-es/components/FileUploadModal/FileUploadModal.js.map +1 -1
- package/lib-es/components/FilterPanel/FilterPanel.js +43 -123
- package/lib-es/components/FilterPanel/FilterPanel.js.map +1 -1
- package/lib-es/components/FilterPanel/MediaSearchFilter.js +34 -0
- package/lib-es/components/FilterPanel/MediaSearchFilter.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +5 -4
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -1
- package/lib-es/components/ListingContainer/ListingContainer.js +4 -1
- package/lib-es/components/ListingContainer/ListingContainer.js.map +1 -1
- package/lib-es/constants.js +2 -1
- package/lib-es/constants.js.map +1 -1
- package/lib-es/index.js +3 -3
- package/lib-es/index.js.map +1 -1
- package/lib-es/utils/bustUrl.js.map +1 -1
- package/package.json +8 -8
- package/src/components/CardMedia/CardMedia.js +119 -90
- package/src/components/EditMediaFile/EditMediaFile.js +23 -22
- package/src/components/EditMediaFile/EditMediaFilePage.js +12 -7
- package/src/components/FileList/useGetFiles/getFiles.js +12 -4
- package/src/components/FileList/useGetFiles/useGetFiles.js +3 -4
- package/src/components/FileList/useGetFilesList/useGetFilesList.js +2 -1
- package/src/components/FilePreview/Image/imageSchema.js +8 -4
- package/src/components/FilePreview/PDF/schema.js +2 -1
- package/src/components/FilePreview/index.js +37 -2
- package/src/components/FilePreview/previewDefault/previewDefaultSchema.js +2 -1
- package/src/components/FileUploadAdapter/FileUploadAdapter.js +24 -14
- package/src/components/FileUploadModal/FileUploadModal.js +2 -2
- package/src/components/FilterPanel/FilterPanel.js +44 -129
- package/src/components/FilterPanel/MediaSearchFilter.js +32 -0
- package/src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +5 -2
- package/src/components/ListingContainer/ListingContainer.js +4 -1
- package/src/constants.js +15 -1
|
@@ -1,164 +1,65 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.array.iterator.js");
|
|
4
3
|
require("core-js/modules/es.object.define-property.js");
|
|
5
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
6
|
-
require("core-js/modules/es.string.iterator.js");
|
|
7
|
-
require("core-js/modules/es.weak-map.js");
|
|
8
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
9
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
10
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
11
5
|
Object.defineProperty(exports, "__esModule", {
|
|
12
6
|
value: true
|
|
13
7
|
});
|
|
14
8
|
exports["default"] = void 0;
|
|
15
9
|
require("core-js/modules/es.array.filter.js");
|
|
16
|
-
require("core-js/modules/es.array.
|
|
17
|
-
require("core-js/modules/es.array.reduce.js");
|
|
18
|
-
require("core-js/modules/es.function.name.js");
|
|
10
|
+
require("core-js/modules/es.array.for-each.js");
|
|
19
11
|
require("core-js/modules/es.object.to-string.js");
|
|
12
|
+
require("core-js/modules/es.regexp.exec.js");
|
|
13
|
+
require("core-js/modules/es.string.match.js");
|
|
20
14
|
require("core-js/modules/es.string.trim.js");
|
|
21
|
-
|
|
22
|
-
var _react =
|
|
23
|
-
var
|
|
24
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
25
|
-
var _select = _interopRequireDefault(require("@blaze-react/select"));
|
|
15
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
|
17
|
+
var _MediaSearchFilter = _interopRequireDefault(require("./MediaSearchFilter"));
|
|
26
18
|
var _mediaContext = require("../../utils/media-context");
|
|
27
|
-
var _useFileList2 = _interopRequireDefault(require("../FileList/useFileList"));
|
|
28
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
29
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
30
|
-
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
31
|
-
/* eslint-disable jsx-a11y/anchor-is-valid */
|
|
32
|
-
|
|
33
19
|
var FilterPanel = function FilterPanel() {
|
|
34
|
-
var _useState = (0, _react.useState)(''),
|
|
35
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
36
|
-
searchTerm = _useState2[0],
|
|
37
|
-
setSearchTerm = _useState2[1];
|
|
38
20
|
var _useMediaContext = (0, _mediaContext.useMediaContext)(_mediaContext.MediaContext),
|
|
39
21
|
filters = _useMediaContext.filters,
|
|
40
22
|
selectedFilter = _useMediaContext.selectedFilter,
|
|
41
|
-
changeSelectedFilter = _useMediaContext.changeSelectedFilter
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
}) : changeSelectedFilter({
|
|
68
|
-
filter: id,
|
|
69
|
-
isSearch: false,
|
|
70
|
-
searchTerm: null,
|
|
71
|
-
storeKey: storeKey
|
|
23
|
+
changeSelectedFilter = _useMediaContext.changeSelectedFilter;
|
|
24
|
+
var handleOnSelectFilter = function handleOnSelectFilter() {
|
|
25
|
+
var esFilters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
26
|
+
var nextSearchTerm = null;
|
|
27
|
+
var nextFilterId = selectedFilter.filter;
|
|
28
|
+
var nextStoreKey = selectedFilter.storeKey || '';
|
|
29
|
+
esFilters.forEach(function (filterObj) {
|
|
30
|
+
var _ref = filterObj || {},
|
|
31
|
+
simpleQueryString = _ref.simple_query_string,
|
|
32
|
+
match = _ref.match;
|
|
33
|
+
if (simpleQueryString) {
|
|
34
|
+
var query = simpleQueryString.query;
|
|
35
|
+
if (query != null) {
|
|
36
|
+
nextSearchTerm = String(query).trim();
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
if (match) {
|
|
40
|
+
var typeKeyword = match['type.keyword'],
|
|
41
|
+
storeKeyKeyword = match['storeKey.keyword'];
|
|
42
|
+
if (typeKeyword && typeKeyword.query != null) {
|
|
43
|
+
nextFilterId = typeKeyword.query;
|
|
44
|
+
}
|
|
45
|
+
if (storeKeyKeyword && storeKeyKeyword.query != null) {
|
|
46
|
+
nextStoreKey = storeKeyKeyword.query;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
72
49
|
});
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
isSearch: true,
|
|
80
|
-
searchTerm: searchTerm.trim(),
|
|
81
|
-
storeKey: storeKey
|
|
82
|
-
}) : changeSelectedFilter({
|
|
83
|
-
filter: selectedFilter.filter,
|
|
84
|
-
isSearch: false,
|
|
85
|
-
searchTerm: null,
|
|
86
|
-
storeKey: storeKey
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
var onSelectFilter = function onSelectFilter(_ref3) {
|
|
91
|
-
var value = _ref3.value;
|
|
92
|
-
searchTerm ? changeSelectedFilter({
|
|
93
|
-
filter: selectedFilter.filter,
|
|
94
|
-
isSearch: true,
|
|
95
|
-
searchTerm: searchTerm.trim(),
|
|
96
|
-
storeKey: value
|
|
97
|
-
}) : changeSelectedFilter({
|
|
98
|
-
filter: selectedFilter.filter,
|
|
99
|
-
isSearch: false,
|
|
100
|
-
searchTerm: null,
|
|
101
|
-
storeKey: value
|
|
50
|
+
changeSelectedFilter({
|
|
51
|
+
filter: nextFilterId,
|
|
52
|
+
isSearch: Boolean(nextSearchTerm),
|
|
53
|
+
searchTerm: nextSearchTerm || null,
|
|
54
|
+
storeKey: nextStoreKey,
|
|
55
|
+
esFilters: esFilters
|
|
102
56
|
});
|
|
103
57
|
};
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
}, {});
|
|
109
|
-
var activeBarSegment = (0, _classnames["default"])('filter-panel__barWrapper--active', activeSegements);
|
|
110
|
-
var storeOptions = (fileStores || []).map(function (type) {
|
|
111
|
-
return [type.key, type.name];
|
|
58
|
+
return /*#__PURE__*/_react["default"].createElement(_MediaSearchFilter["default"], {
|
|
59
|
+
selectedFilter: selectedFilter,
|
|
60
|
+
listFilters: filters,
|
|
61
|
+
updateListingFilters: handleOnSelectFilter
|
|
112
62
|
});
|
|
113
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
114
|
-
className: "filter-panel"
|
|
115
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
116
|
-
className: "filter-panel__wrapper"
|
|
117
|
-
}, /*#__PURE__*/_react["default"].createElement("ul", {
|
|
118
|
-
className: "filter-panel__list"
|
|
119
|
-
}, filters.map(function (_ref5) {
|
|
120
|
-
var label = _ref5.label,
|
|
121
|
-
id = _ref5.id;
|
|
122
|
-
return selectedFilter.filter !== id ? /*#__PURE__*/_react["default"].createElement("li", {
|
|
123
|
-
key: label,
|
|
124
|
-
className: "filter-panel__list-item"
|
|
125
|
-
}, /*#__PURE__*/_react["default"].createElement("a", {
|
|
126
|
-
onClick: function onClick() {
|
|
127
|
-
return onChangeFilter(id);
|
|
128
|
-
}
|
|
129
|
-
}, label, " (", data[id], ")")) : /*#__PURE__*/_react["default"].createElement("li", {
|
|
130
|
-
key: label,
|
|
131
|
-
className: "filter-panel__list-item active"
|
|
132
|
-
}, label, " (", data[id], ")");
|
|
133
|
-
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
134
|
-
className: "filter-panel__barWrapper"
|
|
135
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
136
|
-
className: activeBarSegment
|
|
137
|
-
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
138
|
-
className: "filter-panel__searchBarWrapper"
|
|
139
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
140
|
-
className: "select__wrapper"
|
|
141
|
-
}, /*#__PURE__*/_react["default"].createElement(_select["default"], {
|
|
142
|
-
name: "filter",
|
|
143
|
-
defaultTextValue: "Any",
|
|
144
|
-
options: storeOptions,
|
|
145
|
-
onChange: onSelectFilter,
|
|
146
|
-
selected: selectedFilter.storeKey
|
|
147
|
-
})), /*#__PURE__*/_react["default"].createElement(_pluginSearchUi.SearchBar, {
|
|
148
|
-
search: function search() {
|
|
149
|
-
return changeSelectedFilter({
|
|
150
|
-
filter: selectedFilter.filter,
|
|
151
|
-
isSearch: true,
|
|
152
|
-
searchTerm: searchTerm,
|
|
153
|
-
storeKey: selectedFilter.storeKey
|
|
154
|
-
});
|
|
155
|
-
},
|
|
156
|
-
handleKeyDown: handleKeyDown,
|
|
157
|
-
searchTerm: searchTerm,
|
|
158
|
-
handleSearchTerm: handleSearchTerm,
|
|
159
|
-
placeholder: "Search term here...",
|
|
160
|
-
close: false
|
|
161
|
-
})));
|
|
162
63
|
};
|
|
163
64
|
var _default = exports["default"] = FilterPanel;
|
|
164
65
|
//# sourceMappingURL=FilterPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanel.js","names":["_react","_interopRequireWildcard","require","_pluginSearchUi","_classnames","_interopRequireDefault","_select","_mediaContext","_useFileList2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterPanel","_useState","useState","_useState2","_slicedToArray2","searchTerm","setSearchTerm","_useMediaContext","useMediaContext","MediaContext","filters","selectedFilter","changeSelectedFilter","fileStores","_useFileList","useFileList","queryParams","data","_useState3","id","_useState4","active","setActive","useEffect","handleSearchTerm","_ref","value","target","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","_ref2","key","trim","onSelectFilter","_ref3","activeSegements","reduce","acc","_ref4","index","concat","activeBarSegment","classnames","storeOptions","map","type","name","createElement","className","_ref5","label","onClick","defaultTextValue","options","onChange","selected","SearchBar","search","placeholder","close","_default","exports"],"sources":["../../../src/components/FilterPanel/FilterPanel.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useState, useEffect } from 'react';\nimport { SearchBar } from '@blaze-cms/plugin-search-ui';\nimport classnames from 'classnames';\nimport Select from '@blaze-react/select';\nimport { useMediaContext, MediaContext } from '../../utils/media-context';\nimport useFileList from '../FileList/useFileList';\n\nconst FilterPanel = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const { filters, selectedFilter, changeSelectedFilter, fileStores } =\n useMediaContext(MediaContext);\n const { queryParams, data } = useFileList();\n const [active, setActive] = useState(filters[0].id);\n\n useEffect(() => {\n if (queryParams.searchTerm === null) {\n setSearchTerm('');\n }\n }, [queryParams.searchTerm]);\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n\n const storeKey = selectedFilter.storeKey || '';\n\n const onChangeFilter = id => {\n setActive(id);\n searchTerm\n ? changeSelectedFilter({\n filter: id,\n isSearch: true,\n searchTerm,\n storeKey\n })\n : changeSelectedFilter({\n filter: id,\n isSearch: false,\n searchTerm: null,\n storeKey\n });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n searchTerm\n ? changeSelectedFilter({\n filter: selectedFilter.filter,\n isSearch: true,\n searchTerm: searchTerm.trim(),\n storeKey\n })\n : changeSelectedFilter({\n filter: selectedFilter.filter,\n isSearch: false,\n searchTerm: null,\n storeKey\n });\n }\n };\n\n const onSelectFilter = ({ value }) => {\n searchTerm\n ? changeSelectedFilter({\n filter: selectedFilter.filter,\n isSearch: true,\n searchTerm: searchTerm.trim(),\n storeKey: value\n })\n : changeSelectedFilter({\n filter: selectedFilter.filter,\n isSearch: false,\n searchTerm: null,\n storeKey: value\n });\n };\n\n const activeSegements = filters.reduce((acc, { id }, index) => {\n acc[`active-${index}`] = active === id;\n return acc;\n }, {});\n const activeBarSegment = classnames('filter-panel__barWrapper--active', activeSegements);\n const storeOptions = (fileStores || []).map(type => [type.key, type.name]);\n\n return (\n <div className=\"filter-panel\">\n <div className=\"filter-panel__wrapper\">\n <ul className=\"filter-panel__list\">\n {filters.map(({ label, id }) =>\n selectedFilter.filter !== id ? (\n <li key={label} className=\"filter-panel__list-item\">\n <a onClick={() => onChangeFilter(id)}>\n {label} ({data[id]})\n </a>\n </li>\n ) : (\n <li key={label} className=\"filter-panel__list-item active\">\n {label} ({data[id]})\n </li>\n )\n )}\n </ul>\n <div className=\"filter-panel__barWrapper\">\n <div className={activeBarSegment} />\n </div>\n </div>\n <div className=\"filter-panel__searchBarWrapper\">\n <div className=\"select__wrapper\">\n <Select\n name=\"filter\"\n defaultTextValue=\"Any\"\n options={storeOptions}\n onChange={onSelectFilter}\n selected={selectedFilter.storeKey}\n />\n </div>\n <SearchBar\n search={() =>\n changeSelectedFilter({\n filter: selectedFilter.filter,\n isSearch: true,\n searchTerm,\n storeKey: selectedFilter.storeKey\n })\n }\n handleKeyDown={handleKeyDown}\n searchTerm={searchTerm}\n handleSearchTerm={handleSearchTerm}\n placeholder=\"Search term here...\"\n close={false}\n />\n </div>\n </div>\n );\n};\n\nexport default FilterPanel;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"FilterPanel.js","names":["_react","_interopRequireDefault","require","_MediaSearchFilter","_mediaContext","FilterPanel","_useMediaContext","useMediaContext","MediaContext","filters","selectedFilter","changeSelectedFilter","handleOnSelectFilter","esFilters","arguments","length","undefined","nextSearchTerm","nextFilterId","filter","nextStoreKey","storeKey","forEach","filterObj","_ref","simpleQueryString","simple_query_string","match","query","String","trim","typeKeyword","storeKeyKeyword","isSearch","Boolean","searchTerm","createElement","listFilters","updateListingFilters","_default","exports"],"sources":["../../../src/components/FilterPanel/FilterPanel.js"],"sourcesContent":["import React from 'react';\nimport MediaSearchFilter from './MediaSearchFilter';\nimport { useMediaContext, MediaContext } from '../../utils/media-context';\n\nconst FilterPanel = () => {\n const { filters, selectedFilter, changeSelectedFilter } = useMediaContext(MediaContext);\n\n const handleOnSelectFilter = (esFilters = []) => {\n let nextSearchTerm = null;\n let nextFilterId = selectedFilter.filter;\n let nextStoreKey = selectedFilter.storeKey || '';\n\n esFilters.forEach(filterObj => {\n const { simple_query_string: simpleQueryString, match } = filterObj || {};\n\n if (simpleQueryString) {\n const { query } = simpleQueryString;\n if (query != null) {\n nextSearchTerm = String(query).trim();\n }\n }\n\n if (match) {\n const { 'type.keyword': typeKeyword, 'storeKey.keyword': storeKeyKeyword } = match;\n\n if (typeKeyword && typeKeyword.query != null) {\n nextFilterId = typeKeyword.query;\n }\n\n if (storeKeyKeyword && storeKeyKeyword.query != null) {\n nextStoreKey = storeKeyKeyword.query;\n }\n }\n });\n\n changeSelectedFilter({\n filter: nextFilterId,\n isSearch: Boolean(nextSearchTerm),\n searchTerm: nextSearchTerm || null,\n storeKey: nextStoreKey,\n esFilters\n });\n };\n\n return (\n <MediaSearchFilter\n selectedFilter={selectedFilter}\n listFilters={filters}\n updateListingFilters={handleOnSelectFilter}\n />\n );\n};\n\nexport default FilterPanel;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EACxB,IAAAC,gBAAA,GAA0D,IAAAC,6BAAe,EAACC,0BAAY,CAAC;IAA/EC,OAAO,GAAAH,gBAAA,CAAPG,OAAO;IAAEC,cAAc,GAAAJ,gBAAA,CAAdI,cAAc;IAAEC,oBAAoB,GAAAL,gBAAA,CAApBK,oBAAoB;EAErD,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAuB;IAAA,IAAnBC,SAAS,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;IAC1C,IAAIG,cAAc,GAAG,IAAI;IACzB,IAAIC,YAAY,GAAGR,cAAc,CAACS,MAAM;IACxC,IAAIC,YAAY,GAAGV,cAAc,CAACW,QAAQ,IAAI,EAAE;IAEhDR,SAAS,CAACS,OAAO,CAAC,UAAAC,SAAS,EAAI;MAC7B,IAAAC,IAAA,GAA0DD,SAAS,IAAI,CAAC,CAAC;QAA5CE,iBAAiB,GAAAD,IAAA,CAAtCE,mBAAmB;QAAqBC,KAAK,GAAAH,IAAA,CAALG,KAAK;MAErD,IAAIF,iBAAiB,EAAE;QACrB,IAAQG,KAAK,GAAKH,iBAAiB,CAA3BG,KAAK;QACb,IAAIA,KAAK,IAAI,IAAI,EAAE;UACjBX,cAAc,GAAGY,MAAM,CAACD,KAAK,CAAC,CAACE,IAAI,CAAC,CAAC;QACvC;MACF;MAEA,IAAIH,KAAK,EAAE;QACT,IAAwBI,WAAW,GAA0CJ,KAAK,CAA1E,cAAc;UAAmCK,eAAe,GAAKL,KAAK,CAA7C,kBAAkB;QAEvD,IAAII,WAAW,IAAIA,WAAW,CAACH,KAAK,IAAI,IAAI,EAAE;UAC5CV,YAAY,GAAGa,WAAW,CAACH,KAAK;QAClC;QAEA,IAAII,eAAe,IAAIA,eAAe,CAACJ,KAAK,IAAI,IAAI,EAAE;UACpDR,YAAY,GAAGY,eAAe,CAACJ,KAAK;QACtC;MACF;IACF,CAAC,CAAC;IAEFjB,oBAAoB,CAAC;MACnBQ,MAAM,EAAED,YAAY;MACpBe,QAAQ,EAAEC,OAAO,CAACjB,cAAc,CAAC;MACjCkB,UAAU,EAAElB,cAAc,IAAI,IAAI;MAClCI,QAAQ,EAAED,YAAY;MACtBP,SAAS,EAATA;IACF,CAAC,CAAC;EACJ,CAAC;EAED,oBACEb,MAAA,YAAAoC,aAAA,CAACjC,kBAAA,WAAiB;IAChBO,cAAc,EAAEA,cAAe;IAC/B2B,WAAW,EAAE5B,OAAQ;IACrB6B,oBAAoB,EAAE1B;EAAqB,CAC5C,CAAC;AAEN,CAAC;AAAC,IAAA2B,QAAA,GAAAC,OAAA,cAEanC,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _client = require("@apollo/client");
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
|
|
13
|
+
var _pluginDataUi = require("@blaze-cms/plugin-data-ui");
|
|
14
|
+
var MediaSearchFilter = function MediaSearchFilter(_ref) {
|
|
15
|
+
var _data$getEntitySchema;
|
|
16
|
+
var selectedFilter = _ref.selectedFilter,
|
|
17
|
+
listFilters = _ref.listFilters,
|
|
18
|
+
updateListingFilters = _ref.updateListingFilters;
|
|
19
|
+
var _useQuery = (0, _client.useQuery)((0, _adminUiUtils.getQuery)('GET_ENTITY_SCHEMA'), {
|
|
20
|
+
variables: {
|
|
21
|
+
identifier: 'file'
|
|
22
|
+
}
|
|
23
|
+
}),
|
|
24
|
+
data = _useQuery.data;
|
|
25
|
+
var getEntitySchemas = (_data$getEntitySchema = data === null || data === void 0 ? void 0 : data.getEntitySchemas) !== null && _data$getEntitySchema !== void 0 ? _data$getEntitySchema : [];
|
|
26
|
+
if (!getEntitySchemas.length) return null;
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement(_pluginDataUi.SearchFilter, {
|
|
28
|
+
schema: getEntitySchemas[0],
|
|
29
|
+
listFilters: listFilters,
|
|
30
|
+
setListFilters: updateListingFilters,
|
|
31
|
+
values: selectedFilter.defaultFilters
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
MediaSearchFilter.propTypes = {
|
|
35
|
+
selectedFilter: _propTypes["default"].object.isRequired,
|
|
36
|
+
updateListingFilters: _propTypes["default"].func.isRequired,
|
|
37
|
+
listFilters: _propTypes["default"].array.isRequired
|
|
38
|
+
};
|
|
39
|
+
var _default = exports["default"] = MediaSearchFilter;
|
|
40
|
+
//# sourceMappingURL=MediaSearchFilter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaSearchFilter.js","names":["_client","require","_react","_interopRequireDefault","_propTypes","_adminUiUtils","_pluginDataUi","MediaSearchFilter","_ref","_data$getEntitySchema","selectedFilter","listFilters","updateListingFilters","_useQuery","useQuery","getQuery","variables","identifier","data","getEntitySchemas","length","createElement","SearchFilter","schema","setListFilters","values","defaultFilters","propTypes","PropTypes","object","isRequired","func","array","_default","exports"],"sources":["../../../src/components/FilterPanel/MediaSearchFilter.js"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { SearchFilter } from '@blaze-cms/plugin-data-ui';\n\nconst MediaSearchFilter = ({ selectedFilter, listFilters, updateListingFilters }) => {\n const { data } = useQuery(getQuery('GET_ENTITY_SCHEMA'), {\n variables: { identifier: 'file' }\n });\n\n const getEntitySchemas = data?.getEntitySchemas ?? [];\n\n if (!getEntitySchemas.length) return null;\n\n return (\n <SearchFilter\n schema={getEntitySchemas[0]}\n listFilters={listFilters}\n setListFilters={updateListingFilters}\n values={selectedFilter.defaultFilters}\n />\n );\n};\n\nMediaSearchFilter.propTypes = {\n selectedFilter: PropTypes.object.isRequired,\n updateListingFilters: PropTypes.func.isRequired,\n listFilters: PropTypes.array.isRequired\n};\n\nexport default MediaSearchFilter;\n"],"mappings":";;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA8D;EAAA,IAAAC,qBAAA;EAAA,IAAxDC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,oBAAoB,GAAAJ,IAAA,CAApBI,oBAAoB;EAC5E,IAAAC,SAAA,GAAiB,IAAAC,gBAAQ,EAAC,IAAAC,sBAAQ,EAAC,mBAAmB,CAAC,EAAE;MACvDC,SAAS,EAAE;QAAEC,UAAU,EAAE;MAAO;IAClC,CAAC,CAAC;IAFMC,IAAI,GAAAL,SAAA,CAAJK,IAAI;EAIZ,IAAMC,gBAAgB,IAAAV,qBAAA,GAAGS,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,gBAAgB,cAAAV,qBAAA,cAAAA,qBAAA,GAAI,EAAE;EAErD,IAAI,CAACU,gBAAgB,CAACC,MAAM,EAAE,OAAO,IAAI;EAEzC,oBACElB,MAAA,YAAAmB,aAAA,CAACf,aAAA,CAAAgB,YAAY;IACXC,MAAM,EAAEJ,gBAAgB,CAAC,CAAC,CAAE;IAC5BR,WAAW,EAAEA,WAAY;IACzBa,cAAc,EAAEZ,oBAAqB;IACrCa,MAAM,EAAEf,cAAc,CAACgB;EAAe,CACvC,CAAC;AAEN,CAAC;AAEDnB,iBAAiB,CAACoB,SAAS,GAAG;EAC5BjB,cAAc,EAAEkB,qBAAS,CAACC,MAAM,CAACC,UAAU;EAC3ClB,oBAAoB,EAAEgB,qBAAS,CAACG,IAAI,CAACD,UAAU;EAC/CnB,WAAW,EAAEiB,qBAAS,CAACI,KAAK,CAACF;AAC/B,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEa3B,iBAAiB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listing.js","names":["_react","_interopRequireDefault","require","_admin","_button","_more","_propTypes","_FileUploadModal","_MediaListing","_FilterPanel","Listing","_ref","displayFileUploadModal","handleDisplayFileUploadModal","getSelectedFiles","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","openEditInModal","storeKey","selectedStoreKey","createElement","className","onClose","Fragment","PageHeader","title","Actions","modifiers","onClick","displayBg","Avatar","isMoreMenu","Content","propTypes","PropTypes","func","isRequired","bool","string","defaultProps","_default","exports"],"sources":["../../../../src/components/ListingContainer/Listing/Listing.js"],"sourcesContent":["import React from 'react';\nimport { PageHeader } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport More from '@blaze-react/more';\nimport PropTypes from 'prop-types';\nimport FileUploadModal from '../../FileUploadModal';\nimport MediaListing from './MediaListing';\nimport FilterPanel from '../../FilterPanel';\n\nconst Listing = ({\n displayFileUploadModal,\n handleDisplayFileUploadModal,\n getSelectedFiles,\n setDisplayFileUploadModal,\n closeModalAndSetValue,\n simpleLayout,\n openEditInModal,\n storeKey,\n selectedStoreKey\n}) => (\n <div className=\"page\">\n {displayFileUploadModal && (\n <FileUploadModal\n selectedStoreKey={selectedStoreKey}\n storeKey={storeKey}\n onClose={() => {\n handleDisplayFileUploadModal(false);\n setDisplayFileUploadModal(false);\n }}\n closeModalAndSetValue={closeModalAndSetValue}\n simpleLayout={simpleLayout}\n getSelectedFiles={getSelectedFiles}\n />\n )}\n {!simpleLayout && (\n <>\n <PageHeader title=\"Media library\">\n <PageHeader.Actions>\n <Button\n modifiers={['small']}\n onClick={() => {\n handleDisplayFileUploadModal(true);\n }}>\n Upload\n </Button>\n <More displayBg>\n <More.Avatar isMoreMenu>\n <span className=\"material-icons\">more_vert</span>\n </More.Avatar>\n <More.Content isMoreMenu />\n </More>\n </PageHeader.Actions>\n </PageHeader>\n <div className=\"page__content page__content--with-side-panel\">\n <FilterPanel />\n <MediaListing openEditInModal={openEditInModal} />\n </div>\n </>\n )}\n </div>\n);\n\nListing.propTypes = {\n getSelectedFiles: PropTypes.func.isRequired,\n handleDisplayFileUploadModal: PropTypes.func,\n simpleLayout: PropTypes.bool,\n setDisplayFileUploadModal: PropTypes.func.isRequired,\n displayFileUploadModal: PropTypes.bool.isRequired,\n closeModalAndSetValue: PropTypes.func,\n openEditInModal: PropTypes.bool,\n storeKey: PropTypes.string.isRequired,\n selectedStoreKey: PropTypes.string\n};\n\nListing.defaultProps = {\n closeModalAndSetValue: () => {},\n handleDisplayFileUploadModal: () => {},\n simpleLayout: false,\n openEditInModal: false,\n selectedStoreKey: null\n};\n\nexport default Listing;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,gBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,aAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AAEA,IAAMQ,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA;EAAA,IACXC,sBAAsB,GAAAD,IAAA,CAAtBC,sBAAsB;IACtBC,4BAA4B,GAAAF,IAAA,CAA5BE,4BAA4B;IAC5BC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAChBC,yBAAyB,GAAAJ,IAAA,CAAzBI,yBAAyB;IACzBC,qBAAqB,GAAAL,IAAA,CAArBK,qBAAqB;IACrBC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,gBAAgB,GAAAT,IAAA,CAAhBS,gBAAgB;EAAA,oBAEhBpB,MAAA,YAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAM,GAClBV,sBAAsB,iBACrBZ,MAAA,YAAAqB,aAAA,CAACd,gBAAA,WAAe;IACda,gBAAgB,EAAEA,gBAAiB;IACnCD,QAAQ,EAAEA,QAAS;IACnBI,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Listing.js","names":["_react","_interopRequireDefault","require","_admin","_button","_more","_propTypes","_FileUploadModal","_MediaListing","_FilterPanel","Listing","_ref","displayFileUploadModal","handleDisplayFileUploadModal","getSelectedFiles","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","openEditInModal","storeKey","selectedStoreKey","createElement","className","onClose","Fragment","PageHeader","title","Actions","modifiers","onClick","displayBg","Avatar","isMoreMenu","Content","propTypes","PropTypes","func","isRequired","bool","string","defaultProps","_default","exports"],"sources":["../../../../src/components/ListingContainer/Listing/Listing.js"],"sourcesContent":["import React from 'react';\nimport { PageHeader } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport More from '@blaze-react/more';\nimport PropTypes from 'prop-types';\nimport FileUploadModal from '../../FileUploadModal';\nimport MediaListing from './MediaListing';\nimport FilterPanel from '../../FilterPanel';\n\nconst Listing = ({\n displayFileUploadModal,\n handleDisplayFileUploadModal,\n getSelectedFiles,\n setDisplayFileUploadModal,\n closeModalAndSetValue,\n simpleLayout,\n openEditInModal,\n storeKey,\n selectedStoreKey\n}) => (\n <div className=\"page\">\n {displayFileUploadModal && (\n <FileUploadModal\n selectedStoreKey={selectedStoreKey}\n storeKey={storeKey}\n onClose={() => {\n handleDisplayFileUploadModal(false);\n setDisplayFileUploadModal(false);\n }}\n closeModalAndSetValue={closeModalAndSetValue}\n simpleLayout={simpleLayout}\n getSelectedFiles={getSelectedFiles}\n />\n )}\n {!simpleLayout && (\n <>\n <PageHeader title=\"Media library\">\n <PageHeader.Actions>\n <Button\n modifiers={['small']}\n onClick={() => {\n handleDisplayFileUploadModal(true);\n }}>\n Upload\n </Button>\n <More displayBg>\n <More.Avatar isMoreMenu>\n <span className=\"material-icons\">more_vert</span>\n </More.Avatar>\n <More.Content isMoreMenu />\n </More>\n </PageHeader.Actions>\n </PageHeader>\n <div className=\"page__content page__content--with-side-panel\">\n <FilterPanel />\n <MediaListing openEditInModal={openEditInModal} />\n </div>\n </>\n )}\n </div>\n);\n\nListing.propTypes = {\n getSelectedFiles: PropTypes.func.isRequired,\n handleDisplayFileUploadModal: PropTypes.func,\n simpleLayout: PropTypes.bool,\n setDisplayFileUploadModal: PropTypes.func.isRequired,\n displayFileUploadModal: PropTypes.bool.isRequired,\n closeModalAndSetValue: PropTypes.func,\n openEditInModal: PropTypes.bool,\n storeKey: PropTypes.string.isRequired,\n selectedStoreKey: PropTypes.string\n};\n\nListing.defaultProps = {\n closeModalAndSetValue: () => {},\n handleDisplayFileUploadModal: () => {},\n simpleLayout: false,\n openEditInModal: false,\n selectedStoreKey: null\n};\n\nexport default Listing;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -38,7 +38,7 @@ var _mappers = require("../../../mappers");
|
|
|
38
38
|
var _useFileList2 = _interopRequireDefault(require("../../../../FileList/useFileList"));
|
|
39
39
|
var _constants = require("../../../../../constants");
|
|
40
40
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
41
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
41
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
42
42
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
43
43
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
44
44
|
var MediaFileList = function MediaFileList(_ref) {
|
|
@@ -80,16 +80,16 @@ var MediaFileList = function MediaFileList(_ref) {
|
|
|
80
80
|
(0, _react.useEffect)(function () {
|
|
81
81
|
setVerifiedRanges([]);
|
|
82
82
|
setCurrentListIndex(0);
|
|
83
|
-
setQueryParams({
|
|
83
|
+
setQueryParams(_objectSpread(_objectSpread({}, selectedFilter), {}, {
|
|
84
84
|
where: _objectSpread(_objectSpread({}, _constants.AVAILABLE_FILTER_TYPES[selectedFilter.filter]), {}, {
|
|
85
85
|
storeKey: selectedFilter.storeKey
|
|
86
86
|
}),
|
|
87
87
|
isSearch: selectedFilter.isSearch,
|
|
88
88
|
searchTerm: selectedFilter.searchTerm
|
|
89
|
-
});
|
|
89
|
+
}));
|
|
90
90
|
},
|
|
91
91
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
92
|
-
[selectedFilter.filter, selectedFilter.storeKey, selectedFilter.isSearch, selectedFilter.searchTerm]);
|
|
92
|
+
[selectedFilter.filter, selectedFilter.storeKey, selectedFilter.isSearch, selectedFilter.searchTerm, selectedFilter.esFilters]);
|
|
93
93
|
var handleRenderedItems = function handleRenderedItems(_ref2) {
|
|
94
94
|
var startIndex = _ref2.startIndex;
|
|
95
95
|
var rowsLength = data.files.length;
|
|
@@ -101,7 +101,8 @@ var MediaFileList = function MediaFileList(_ref) {
|
|
|
101
101
|
storeKey: selectedFilter.storeKey
|
|
102
102
|
}),
|
|
103
103
|
isSearch: selectedFilter.isSearch,
|
|
104
|
-
searchTerm: selectedFilter.searchTerm
|
|
104
|
+
searchTerm: selectedFilter.searchTerm,
|
|
105
|
+
esFilters: selectedFilter.esFilters
|
|
105
106
|
});
|
|
106
107
|
setVerifiedRanges([].concat((0, _toConsumableArray2["default"])(verifiedRanges), [loadIndex]));
|
|
107
108
|
setCurrentListIndex(startIndex + _constants.MEDIA_OVER_SCAN_COUNT);
|
package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaFileList.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_admin","_button","_reactTinyVirtualList","_mediaContext","_CardMedia","_mappers","_useFileList2","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","MediaFileList","_ref","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","openEditInModal","_useState","useState","_useState2","_slicedToArray2","currentListIndex","setCurrentListIndex","_useState3","_useState4","verifiedRanges","setVerifiedRanges","_useState5","_useState6","listHeight","setListHeight","_useFileList","useFileList","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","_useMediaContext","useMediaContext","MediaContext","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","hasFiles","files","useEffect","where","AVAILABLE_FILTER_TYPES","storeKey","isSearch","searchTerm","handleRenderedItems","_ref2","startIndex","rowsLength","loadIndex","Math","floor","MEDIA_OVER_SCAN_COUNT","includes","offset","concat","_toConsumableArray2","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","createElement","Fragment","className","width","height","itemCount","itemSize","MEDIA_LIST_ITEM_SIZE","overscanCount","scrollToIndex","onItemsRendered","renderItem","_ref3","index","style","_data$files$index","name","url","mimetype","id","fileData","updated","isSelected","existPrevious","key","latestQueryToRefetchParams","onSelected","selected","CardPrompt","onClick","propTypes","PropTypes","func","isRequired","bool","string","object","defaultProps","_default","exports"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { CardPrompt } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { useMediaContext, MediaContext } from '../../../../../utils/media-context';\nimport CardMedia from '../../../../CardMedia';\nimport { existPrevious } from '../../../mappers';\nimport useFileList from '../../../../FileList/useFileList';\nimport {\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n AVAILABLE_FILTER_TYPES\n} from '../../../../../constants';\n\nconst MediaFileList = ({\n displayCardPrompt,\n setDisplayCardPrompt,\n displayLayout,\n wrapperRef,\n modalTargetRef,\n openEditInModal\n}) => {\n const [currentListIndex, setCurrentListIndex] = useState(1);\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [listHeight, setListHeight] = useState(null);\n const { queryParams, data, loading, setQueryParams, clearList, removeFile, updateFile } =\n useFileList();\n\n const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } =\n useMediaContext(MediaContext);\n\n const hasFiles = !!data.files && !!data.files.length;\n\n useEffect(() => {\n if (!loading && !hasFiles) setDisplayCardPrompt(true);\n }, [loading, hasFiles, setDisplayCardPrompt]);\n\n useEffect(\n () => {\n setVerifiedRanges([]);\n setCurrentListIndex(0);\n setQueryParams({\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n selectedFilter.filter,\n selectedFilter.storeKey,\n selectedFilter.isSearch,\n selectedFilter.searchTerm\n ]\n );\n\n const handleRenderedItems = ({ startIndex }) => {\n const rowsLength = data.files.length;\n const loadIndex = Math.floor(rowsLength / 3) - MEDIA_OVER_SCAN_COUNT;\n\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({\n offset: data.files.length,\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm\n });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n }\n };\n\n useEffect(() => {\n const handleListHeight = () => {\n setListHeight(wrapperRef.current.clientHeight - 40);\n };\n\n if (wrapperRef.current) {\n handleListHeight();\n window.addEventListener('resize', handleListHeight);\n }\n return () => {\n window.removeEventListener('resize', handleListHeight);\n };\n }, [listHeight, wrapperRef]);\n\n const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n return (\n <>\n {hasFiles && (\n <>\n <p className=\"media__fileList-counter\">\n {searchedTerm} {data[selectedFilter.filter]} items\n </p>\n <VirtualList\n width=\"100%\"\n height={listHeight}\n itemCount={data.files.length}\n itemSize={MEDIA_LIST_ITEM_SIZE}\n overscanCount={MEDIA_OVER_SCAN_COUNT}\n scrollToIndex={currentListIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const { name, url, mimetype, id, data: fileData, updated } = data.files[index];\n const isSelected = existPrevious(selectedFiles, id);\n return (\n <div key={index} style={style} className=\"list__item--resultWrapper\">\n <CardMedia\n updateFile={updateFile}\n clearList={clearList}\n latestQueryToRefetchParams={queryParams}\n modalTargetRef={modalTargetRef}\n onSelected={getSelectedFiles}\n key={id}\n displayLayout={displayLayout}\n selected={!!isSelected}\n name={name}\n url={url}\n mimetype={mimetype}\n id={id}\n index={index}\n removeFile={removeFile}\n openEditInModal={openEditInModal}\n data={fileData}\n updated={updated}\n />\n </div>\n );\n }}\n />\n </>\n )}\n {displayCardPrompt && (\n <CardPrompt>\n <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n Upload\n </Button>\n </CardPrompt>\n )}\n </>\n );\n};\n\nMediaFileList.propTypes = {\n setDisplayCardPrompt: PropTypes.func.isRequired,\n displayCardPrompt: PropTypes.bool,\n displayLayout: PropTypes.string.isRequired,\n wrapperRef: PropTypes.object.isRequired,\n modalTargetRef: PropTypes.object.isRequired,\n openEditInModal: PropTypes.bool\n};\n\nMediaFileList.defaultProps = {\n displayCardPrompt: true,\n openEditInModal: false\n};\n\nexport default MediaFileList;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"MediaFileList.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_admin","_button","_reactTinyVirtualList","_mediaContext","_CardMedia","_mappers","_useFileList2","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","MediaFileList","_ref","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","openEditInModal","_useState","useState","_useState2","_slicedToArray2","currentListIndex","setCurrentListIndex","_useState3","_useState4","verifiedRanges","setVerifiedRanges","_useState5","_useState6","listHeight","setListHeight","_useFileList","useFileList","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","_useMediaContext","useMediaContext","MediaContext","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","hasFiles","files","useEffect","where","AVAILABLE_FILTER_TYPES","storeKey","isSearch","searchTerm","esFilters","handleRenderedItems","_ref2","startIndex","rowsLength","loadIndex","Math","floor","MEDIA_OVER_SCAN_COUNT","includes","offset","concat","_toConsumableArray2","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","createElement","Fragment","className","width","height","itemCount","itemSize","MEDIA_LIST_ITEM_SIZE","overscanCount","scrollToIndex","onItemsRendered","renderItem","_ref3","index","style","_data$files$index","name","url","mimetype","id","fileData","updated","isSelected","existPrevious","key","latestQueryToRefetchParams","onSelected","selected","CardPrompt","onClick","propTypes","PropTypes","func","isRequired","bool","string","object","defaultProps","_default","exports"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { CardPrompt } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { useMediaContext, MediaContext } from '../../../../../utils/media-context';\nimport CardMedia from '../../../../CardMedia';\nimport { existPrevious } from '../../../mappers';\nimport useFileList from '../../../../FileList/useFileList';\nimport {\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n AVAILABLE_FILTER_TYPES\n} from '../../../../../constants';\n\nconst MediaFileList = ({\n displayCardPrompt,\n setDisplayCardPrompt,\n displayLayout,\n wrapperRef,\n modalTargetRef,\n openEditInModal\n}) => {\n const [currentListIndex, setCurrentListIndex] = useState(1);\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [listHeight, setListHeight] = useState(null);\n const { queryParams, data, loading, setQueryParams, clearList, removeFile, updateFile } =\n useFileList();\n\n const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } =\n useMediaContext(MediaContext);\n\n const hasFiles = !!data.files && !!data.files.length;\n\n useEffect(() => {\n if (!loading && !hasFiles) setDisplayCardPrompt(true);\n }, [loading, hasFiles, setDisplayCardPrompt]);\n\n useEffect(\n () => {\n setVerifiedRanges([]);\n setCurrentListIndex(0);\n setQueryParams({\n ...selectedFilter,\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n selectedFilter.filter,\n selectedFilter.storeKey,\n selectedFilter.isSearch,\n selectedFilter.searchTerm,\n selectedFilter.esFilters\n ]\n );\n\n const handleRenderedItems = ({ startIndex }) => {\n const rowsLength = data.files.length;\n const loadIndex = Math.floor(rowsLength / 3) - MEDIA_OVER_SCAN_COUNT;\n\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({\n offset: data.files.length,\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm,\n esFilters: selectedFilter.esFilters\n });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n }\n };\n\n useEffect(() => {\n const handleListHeight = () => {\n setListHeight(wrapperRef.current.clientHeight - 40);\n };\n\n if (wrapperRef.current) {\n handleListHeight();\n window.addEventListener('resize', handleListHeight);\n }\n return () => {\n window.removeEventListener('resize', handleListHeight);\n };\n }, [listHeight, wrapperRef]);\n\n const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n return (\n <>\n {hasFiles && (\n <>\n <p className=\"media__fileList-counter\">\n {searchedTerm} {data[selectedFilter.filter]} items\n </p>\n <VirtualList\n width=\"100%\"\n height={listHeight}\n itemCount={data.files.length}\n itemSize={MEDIA_LIST_ITEM_SIZE}\n overscanCount={MEDIA_OVER_SCAN_COUNT}\n scrollToIndex={currentListIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const { name, url, mimetype, id, data: fileData, updated } = data.files[index];\n const isSelected = existPrevious(selectedFiles, id);\n return (\n <div key={index} style={style} className=\"list__item--resultWrapper\">\n <CardMedia\n updateFile={updateFile}\n clearList={clearList}\n latestQueryToRefetchParams={queryParams}\n modalTargetRef={modalTargetRef}\n onSelected={getSelectedFiles}\n key={id}\n displayLayout={displayLayout}\n selected={!!isSelected}\n name={name}\n url={url}\n mimetype={mimetype}\n id={id}\n index={index}\n removeFile={removeFile}\n openEditInModal={openEditInModal}\n data={fileData}\n updated={updated}\n />\n </div>\n );\n }}\n />\n </>\n )}\n {displayCardPrompt && (\n <CardPrompt>\n <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n Upload\n </Button>\n </CardPrompt>\n )}\n </>\n );\n};\n\nMediaFileList.propTypes = {\n setDisplayCardPrompt: PropTypes.func.isRequired,\n displayCardPrompt: PropTypes.bool,\n displayLayout: PropTypes.string.isRequired,\n wrapperRef: PropTypes.object.isRequired,\n modalTargetRef: PropTypes.object.isRequired,\n openEditInModal: PropTypes.bool\n};\n\nMediaFileList.defaultProps = {\n displayCardPrompt: true,\n openEditInModal: false\n};\n\nexport default MediaFileList;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,7 +18,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
18
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
19
|
var _MediaFileList = _interopRequireDefault(require("./MediaFileList"));
|
|
20
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
22
22
|
var MediaListing = function MediaListing(_ref) {
|
|
23
23
|
var openEditInModal = _ref.openEditInModal;
|
|
24
24
|
var _useState = (0, _react.useState)(false),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaListing.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_MediaFileList","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MediaListing","_ref","openEditInModal","_useState","useState","_useState2","_slicedToArray2","displayCardPrompt","setDisplayCardPrompt","mediaFileListWrapperRef","useRef","modalTargetRef","createElement","className","ref","wrapperRef","displayLayout","propTypes","PropTypes","bool","defaultProps","_default","exports"],"sources":["../../../../../src/components/ListingContainer/Listing/MediaListing/MediaListing.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState, useRef } from 'react';\nimport MediaFileList from './MediaFileList';\n\nconst MediaListing = ({ openEditInModal }) => {\n const [displayCardPrompt, setDisplayCardPrompt] = useState(false);\n const mediaFileListWrapperRef = useRef();\n const modalTargetRef = useRef();\n\n return (\n <div className=\"listing listing--media\">\n <div className=\"media\" ref={mediaFileListWrapperRef}>\n <MediaFileList\n modalTargetRef={modalTargetRef}\n wrapperRef={mediaFileListWrapperRef}\n displayCardPrompt={displayCardPrompt}\n setDisplayCardPrompt={setDisplayCardPrompt}\n displayLayout=\"list\"\n openEditInModal={openEditInModal}\n />\n </div>\n {/* render edit card modal outside of the virtual list */}\n <div ref={modalTargetRef} />\n </div>\n );\n};\n\nMediaListing.propTypes = {\n openEditInModal: PropTypes.bool\n};\n\nMediaListing.defaultProps = {\n openEditInModal: false\n};\n\nexport default MediaListing;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA4C,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,
|
|
1
|
+
{"version":3,"file":"MediaListing.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_MediaFileList","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","MediaListing","_ref","openEditInModal","_useState","useState","_useState2","_slicedToArray2","displayCardPrompt","setDisplayCardPrompt","mediaFileListWrapperRef","useRef","modalTargetRef","createElement","className","ref","wrapperRef","displayLayout","propTypes","PropTypes","bool","defaultProps","_default","exports"],"sources":["../../../../../src/components/ListingContainer/Listing/MediaListing/MediaListing.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState, useRef } from 'react';\nimport MediaFileList from './MediaFileList';\n\nconst MediaListing = ({ openEditInModal }) => {\n const [displayCardPrompt, setDisplayCardPrompt] = useState(false);\n const mediaFileListWrapperRef = useRef();\n const modalTargetRef = useRef();\n\n return (\n <div className=\"listing listing--media\">\n <div className=\"media\" ref={mediaFileListWrapperRef}>\n <MediaFileList\n modalTargetRef={modalTargetRef}\n wrapperRef={mediaFileListWrapperRef}\n displayCardPrompt={displayCardPrompt}\n setDisplayCardPrompt={setDisplayCardPrompt}\n displayLayout=\"list\"\n openEditInModal={openEditInModal}\n />\n </div>\n {/* render edit card modal outside of the virtual list */}\n <div ref={modalTargetRef} />\n </div>\n );\n};\n\nMediaListing.propTypes = {\n openEditInModal: PropTypes.bool\n};\n\nMediaListing.defaultProps = {\n openEditInModal: false\n};\n\nexport default MediaListing;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA4C,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE5C,IAAMY,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA4B;EAAA,IAAtBC,eAAe,GAAAD,IAAA,CAAfC,eAAe;EACrC,IAAAC,SAAA,GAAkD,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAA1DI,iBAAiB,GAAAF,UAAA;IAAEG,oBAAoB,GAAAH,UAAA;EAC9C,IAAMI,uBAAuB,GAAG,IAAAC,aAAM,EAAC,CAAC;EACxC,IAAMC,cAAc,GAAG,IAAAD,aAAM,EAAC,CAAC;EAE/B,oBACElC,MAAA,YAAAoC,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrCrC,MAAA,YAAAoC,aAAA;IAAKC,SAAS,EAAC,OAAO;IAACC,GAAG,EAAEL;EAAwB,gBAClDjC,MAAA,YAAAoC,aAAA,CAAClC,cAAA,WAAa;IACZiC,cAAc,EAAEA,cAAe;IAC/BI,UAAU,EAAEN,uBAAwB;IACpCF,iBAAiB,EAAEA,iBAAkB;IACrCC,oBAAoB,EAAEA,oBAAqB;IAC3CQ,aAAa,EAAC,MAAM;IACpBd,eAAe,EAAEA;EAAgB,CAClC,CACE,CAAC,eAEN1B,MAAA,YAAAoC,aAAA;IAAKE,GAAG,EAAEH;EAAe,CAAE,CACxB,CAAC;AAEV,CAAC;AAEDX,YAAY,CAACiB,SAAS,GAAG;EACvBf,eAAe,EAAEgB,qBAAS,CAACC;AAC7B,CAAC;AAEDnB,YAAY,CAACoB,YAAY,GAAG;EAC1BlB,eAAe,EAAE;AACnB,CAAC;AAAC,IAAAmB,QAAA,GAAAC,OAAA,cAEatB,YAAY","ignoreList":[]}
|
|
@@ -36,7 +36,7 @@ var _mediaContext = require("../../utils/media-context");
|
|
|
36
36
|
var _FilesListProvider = _interopRequireDefault(require("../FileList/FilesListProvider"));
|
|
37
37
|
var _mappers = require("./mappers");
|
|
38
38
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
39
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
39
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
40
40
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
41
41
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
42
42
|
var ListingContainer = function ListingContainer(_ref) {
|
|
@@ -108,7 +108,10 @@ var ListingContainer = function ListingContainer(_ref) {
|
|
|
108
108
|
return setSelectedFilter(value);
|
|
109
109
|
},
|
|
110
110
|
selectedFilter: _objectSpread(_objectSpread({}, selectedFilter), {}, {
|
|
111
|
-
storeKey: selectedFilter.storeKey || defaultFileStore
|
|
111
|
+
storeKey: selectedFilter.storeKey || defaultFileStore,
|
|
112
|
+
defaultFilters: {
|
|
113
|
+
storeKey: selectedFilter.storeKey || defaultFileStore
|
|
114
|
+
}
|
|
112
115
|
}),
|
|
113
116
|
selectedFiles: selectedFiles,
|
|
114
117
|
getSelectedFiles: getSelectedFiles,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListingContainer.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_client","_adminUiUtils","_toaster","_Listing","_availableFilters","_mediaContext","_FilesListProvider","_mappers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ListingContainer","_ref","handleSelectedFiles","maxItems","filesSelected","displayFileUploadModal","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","openEditInModal","storeKey","_useState","useState","_useState2","_slicedToArray2","selectedFiles","setSelectedFiles","_useState3","isSearch","searchTerm","_useState4","selectedFilter","setSelectedFilter","fileStoresType","getQuery","_useQuery","useQuery","variables","visibleInAdmin","loading","_useQuery$data","data","_useQuery$data2","_useQuery$data2$getFi","getFileStores","fileStores","getSelectedFiles","file","files","id","existPreviousFile","existPrevious","allSelectedFiles","fileId","concat","_toConsumableArray2","handleDisplayFileUploadModal","param","defaultFileStore","find","_ref2","isDefault","key","createElement","ToastProvider","MediaContextProvider","value","changeSelectedFilter","filters","availableFilters","onClickPrompt","selectedStoreKey","propTypes","PropTypes","func","oneOfType","number","bool","arrayOf","string","isRequired","defaultProps","_default","exports"],"sources":["../../../src/components/ListingContainer/ListingContainer.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ToastProvider } from '@blaze-react/toaster';\nimport Listing from './Listing';\nimport { availableFilters } from '../../utils/available-filters/available-filters';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FilesListProvider from '../FileList/FilesListProvider';\nimport { existPrevious } from './mappers';\n\nconst ListingContainer = ({\n handleSelectedFiles,\n maxItems,\n filesSelected,\n displayFileUploadModal,\n setDisplayFileUploadModal,\n closeModalAndSetValue,\n simpleLayout,\n openEditInModal,\n storeKey\n}) => {\n const [selectedFiles, setSelectedFiles] = useState(filesSelected || []);\n const [selectedFilter, setSelectedFilter] = useState({\n filter: 'all',\n isSearch: false,\n searchTerm: null,\n storeKey\n });\n\n const fileStoresType = getQuery('GET_FILE_STORES');\n const { loading, data: { getFileStores: fileStores = [] } = {} } = useQuery(fileStoresType, {\n variables: { visibleInAdmin: true }\n });\n if (loading) return null;\n\n const getSelectedFiles = (file, files) => {\n if (simpleLayout) {\n handleSelectedFiles(files, false);\n setSelectedFiles(files);\n return;\n }\n const { id } = file;\n const existPreviousFile = existPrevious(selectedFiles, id);\n if (maxItems === selectedFiles.length && !existPreviousFile) {\n handleSelectedFiles([id], false);\n setSelectedFiles([id]);\n } else {\n const allSelectedFiles = existPreviousFile\n ? selectedFiles.filter(fileId => fileId !== existPreviousFile)\n : [...selectedFiles, id];\n\n handleSelectedFiles(allSelectedFiles, false);\n setSelectedFiles(allSelectedFiles);\n }\n };\n\n const handleDisplayFileUploadModal = param => setDisplayFileUploadModal(param);\n const defaultFileStore = (fileStores.find(({ isDefault }) => isDefault) || {}).key;\n\n return (\n <ToastProvider>\n <MediaContextProvider\n value={{\n fileStores,\n defaultFileStore,\n changeSelectedFilter: value => setSelectedFilter(value),\n selectedFilter: {\n ...selectedFilter,\n storeKey: selectedFilter.storeKey || defaultFileStore\n },\n selectedFiles,\n getSelectedFiles,\n filters: availableFilters,\n onClickPrompt: () => handleDisplayFileUploadModal(true)\n }}>\n <FilesListProvider>\n <Listing\n closeModalAndSetValue={closeModalAndSetValue}\n simpleLayout={simpleLayout}\n getSelectedFiles={getSelectedFiles}\n setDisplayFileUploadModal={setDisplayFileUploadModal}\n displayFileUploadModal={displayFileUploadModal}\n handleDisplayFileUploadModal={handleDisplayFileUploadModal}\n setSelectedFiles={setSelectedFiles}\n handleSelectedFiles={handleSelectedFiles}\n openEditInModal={openEditInModal}\n selectedStoreKey={selectedFilter.storeKey || defaultFileStore}\n storeKey={storeKey}\n />\n </FilesListProvider>\n </MediaContextProvider>\n </ToastProvider>\n );\n};\n\nListingContainer.propTypes = {\n handleSelectedFiles: PropTypes.func,\n maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n filesSelected: PropTypes.arrayOf(PropTypes.string),\n simpleLayout: PropTypes.bool,\n setDisplayFileUploadModal: PropTypes.func.isRequired,\n displayFileUploadModal: PropTypes.bool.isRequired,\n closeModalAndSetValue: PropTypes.func,\n openEditInModal: PropTypes.bool,\n storeKey: PropTypes.string\n};\n\nListingContainer.defaultProps = {\n closeModalAndSetValue: () => {},\n handleSelectedFiles: () => {},\n maxItems: false,\n filesSelected: [],\n simpleLayout: false,\n openEditInModal: false,\n storeKey: 'default'\n};\n\nexport default ListingContainer;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"ListingContainer.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_client","_adminUiUtils","_toaster","_Listing","_availableFilters","_mediaContext","_FilesListProvider","_mappers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ListingContainer","_ref","handleSelectedFiles","maxItems","filesSelected","displayFileUploadModal","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","openEditInModal","storeKey","_useState","useState","_useState2","_slicedToArray2","selectedFiles","setSelectedFiles","_useState3","isSearch","searchTerm","_useState4","selectedFilter","setSelectedFilter","fileStoresType","getQuery","_useQuery","useQuery","variables","visibleInAdmin","loading","_useQuery$data","data","_useQuery$data2","_useQuery$data2$getFi","getFileStores","fileStores","getSelectedFiles","file","files","id","existPreviousFile","existPrevious","allSelectedFiles","fileId","concat","_toConsumableArray2","handleDisplayFileUploadModal","param","defaultFileStore","find","_ref2","isDefault","key","createElement","ToastProvider","MediaContextProvider","value","changeSelectedFilter","defaultFilters","filters","availableFilters","onClickPrompt","selectedStoreKey","propTypes","PropTypes","func","oneOfType","number","bool","arrayOf","string","isRequired","defaultProps","_default","exports"],"sources":["../../../src/components/ListingContainer/ListingContainer.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ToastProvider } from '@blaze-react/toaster';\nimport Listing from './Listing';\nimport { availableFilters } from '../../utils/available-filters/available-filters';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FilesListProvider from '../FileList/FilesListProvider';\nimport { existPrevious } from './mappers';\n\nconst ListingContainer = ({\n handleSelectedFiles,\n maxItems,\n filesSelected,\n displayFileUploadModal,\n setDisplayFileUploadModal,\n closeModalAndSetValue,\n simpleLayout,\n openEditInModal,\n storeKey\n}) => {\n const [selectedFiles, setSelectedFiles] = useState(filesSelected || []);\n const [selectedFilter, setSelectedFilter] = useState({\n filter: 'all',\n isSearch: false,\n searchTerm: null,\n storeKey\n });\n\n const fileStoresType = getQuery('GET_FILE_STORES');\n const { loading, data: { getFileStores: fileStores = [] } = {} } = useQuery(fileStoresType, {\n variables: { visibleInAdmin: true }\n });\n if (loading) return null;\n\n const getSelectedFiles = (file, files) => {\n if (simpleLayout) {\n handleSelectedFiles(files, false);\n setSelectedFiles(files);\n return;\n }\n const { id } = file;\n const existPreviousFile = existPrevious(selectedFiles, id);\n if (maxItems === selectedFiles.length && !existPreviousFile) {\n handleSelectedFiles([id], false);\n setSelectedFiles([id]);\n } else {\n const allSelectedFiles = existPreviousFile\n ? selectedFiles.filter(fileId => fileId !== existPreviousFile)\n : [...selectedFiles, id];\n\n handleSelectedFiles(allSelectedFiles, false);\n setSelectedFiles(allSelectedFiles);\n }\n };\n\n const handleDisplayFileUploadModal = param => setDisplayFileUploadModal(param);\n const defaultFileStore = (fileStores.find(({ isDefault }) => isDefault) || {}).key;\n\n return (\n <ToastProvider>\n <MediaContextProvider\n value={{\n fileStores,\n defaultFileStore,\n changeSelectedFilter: value => setSelectedFilter(value),\n selectedFilter: {\n ...selectedFilter,\n storeKey: selectedFilter.storeKey || defaultFileStore,\n defaultFilters: {\n storeKey: selectedFilter.storeKey || defaultFileStore\n }\n },\n selectedFiles,\n getSelectedFiles,\n filters: availableFilters,\n onClickPrompt: () => handleDisplayFileUploadModal(true)\n }}>\n <FilesListProvider>\n <Listing\n closeModalAndSetValue={closeModalAndSetValue}\n simpleLayout={simpleLayout}\n getSelectedFiles={getSelectedFiles}\n setDisplayFileUploadModal={setDisplayFileUploadModal}\n displayFileUploadModal={displayFileUploadModal}\n handleDisplayFileUploadModal={handleDisplayFileUploadModal}\n setSelectedFiles={setSelectedFiles}\n handleSelectedFiles={handleSelectedFiles}\n openEditInModal={openEditInModal}\n selectedStoreKey={selectedFilter.storeKey || defaultFileStore}\n storeKey={storeKey}\n />\n </FilesListProvider>\n </MediaContextProvider>\n </ToastProvider>\n );\n};\n\nListingContainer.propTypes = {\n handleSelectedFiles: PropTypes.func,\n maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n filesSelected: PropTypes.arrayOf(PropTypes.string),\n simpleLayout: PropTypes.bool,\n setDisplayFileUploadModal: PropTypes.func.isRequired,\n displayFileUploadModal: PropTypes.bool.isRequired,\n closeModalAndSetValue: PropTypes.func,\n openEditInModal: PropTypes.bool,\n storeKey: PropTypes.string\n};\n\nListingContainer.defaultProps = {\n closeModalAndSetValue: () => {},\n handleSelectedFiles: () => {},\n maxItems: false,\n filesSelected: [],\n simpleLayout: false,\n openEditInModal: false,\n storeKey: 'default'\n};\n\nexport default ListingContainer;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,7 +18,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
18
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
19
|
var _ListingContainer = _interopRequireDefault(require("./ListingContainer"));
|
|
20
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
22
22
|
var MediaListing = function MediaListing(_ref) {
|
|
23
23
|
var handleSelectedFiles = _ref.handleSelectedFiles,
|
|
24
24
|
maxItems = _ref.maxItems,
|