@blaze-cms/plugin-media-ui 0.140.0-core-variants.0 → 0.140.0
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 +12 -1
- package/lib/components/FileList/useGetFiles/getFiles.js +37 -21
- package/lib/components/FileList/useGetFiles/getFiles.js.map +1 -1
- package/lib/components/FileList/useGetFiles/useGetFiles.js +5 -1
- package/lib/components/FileList/useGetFiles/useGetFiles.js.map +1 -1
- package/lib/components/FilterPanel/FilterPanel.js +3 -1
- package/lib/components/FilterPanel/FilterPanel.js.map +1 -1
- package/lib/constants.js +1 -1
- package/lib/constants.js.map +1 -1
- package/lib-es/components/FileList/useGetFiles/getFiles.js +25 -13
- 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/FilterPanel/FilterPanel.js +3 -1
- package/lib-es/components/FilterPanel/FilterPanel.js.map +1 -1
- package/lib-es/constants.js +1 -1
- package/lib-es/constants.js.map +1 -1
- package/package.json +4 -4
- package/src/components/FileList/useGetFiles/getFiles.js +19 -11
- package/src/components/FileList/useGetFiles/useGetFiles.js +4 -2
- package/src/components/FilterPanel/FilterPanel.js +7 -1
- package/src/constants.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
# [0.140.0
|
|
6
|
+
# [0.140.0](https://github.com/thebyte9/blaze/compare/v0.140.0-alpha.0...v0.140.0) (2024-03-01)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @blaze-cms/plugin-media-ui
|
|
9
9
|
|
|
@@ -11,6 +11,17 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
+
# [0.140.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.139.3...v0.140.0-alpha.0) (2024-02-28)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* update media search to search all stores ([#4275](https://github.com/thebyte9/blaze/issues/4275)) ([7bcef8d](https://github.com/thebyte9/blaze/commit/7bcef8d02aaadc2886d725afe29fafdaf3e030d2))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
14
25
|
## [0.139.3](https://github.com/thebyte9/blaze/compare/v0.139.2...v0.139.3) (2024-02-22)
|
|
15
26
|
|
|
16
27
|
**Note:** Version bump only for package @blaze-cms/plugin-media-ui
|
|
@@ -9,17 +9,19 @@ exports["default"] = void 0;
|
|
|
9
9
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
10
|
require("core-js/modules/es.array.includes.js");
|
|
11
11
|
require("core-js/modules/es.string.includes.js");
|
|
12
|
+
require("core-js/modules/es.array.map.js");
|
|
12
13
|
require("core-js/modules/es.array.concat.js");
|
|
14
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
15
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
14
16
|
var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
|
|
15
17
|
var _constants = require("../../../constants");
|
|
16
18
|
var getFromSearch = /*#__PURE__*/function () {
|
|
17
19
|
var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref) {
|
|
18
|
-
var searchTerm, offset, limit, where, client, allTypesMatches, matchSpecificType, match, mustMatch, _yield$client$query, _yield$client$query$d, files, all, image, video, text;
|
|
20
|
+
var searchTerm, offset, limit, where, client, _ref$fileStores, fileStores, allTypesMatches, matchSpecificType, match, mustMatch, storeKeys, _yield$client$query, _yield$client$query$d, files, all, image, video, text;
|
|
19
21
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
20
22
|
while (1) switch (_context.prev = _context.next) {
|
|
21
23
|
case 0:
|
|
22
|
-
searchTerm = _ref.searchTerm, offset = _ref.offset, limit = _ref.limit, where = _ref.where, client = _ref.client;
|
|
24
|
+
searchTerm = _ref.searchTerm, offset = _ref.offset, limit = _ref.limit, where = _ref.where, client = _ref.client, _ref$fileStores = _ref.fileStores, fileStores = _ref$fileStores === void 0 ? [] : _ref$fileStores;
|
|
23
25
|
allTypesMatches = [{
|
|
24
26
|
match: {
|
|
25
27
|
type: 'image'
|
|
@@ -42,22 +44,34 @@ var getFromSearch = /*#__PURE__*/function () {
|
|
|
42
44
|
mustMatch = [];
|
|
43
45
|
if (searchTerm) {
|
|
44
46
|
mustMatch.push({
|
|
45
|
-
|
|
47
|
+
simple_query_string: {
|
|
46
48
|
query: "".concat(searchTerm, "*"),
|
|
47
|
-
fields: []
|
|
48
|
-
minimum_should_match: 2,
|
|
49
|
-
type: 'cross_fields'
|
|
49
|
+
fields: []
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
});
|
|
53
|
+
storeKeys = [];
|
|
54
|
+
if (_constants.INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {
|
|
55
|
+
storeKeys.push.apply(storeKeys, (0, _toConsumableArray2["default"])(fileStores.map(function (_ref3) {
|
|
56
|
+
var key = _ref3.key;
|
|
57
|
+
return key;
|
|
58
|
+
})));
|
|
59
|
+
} else if (where.storeKey) {
|
|
60
|
+
storeKeys.push(where.storeKey);
|
|
59
61
|
}
|
|
60
|
-
|
|
62
|
+
mustMatch.push({
|
|
63
|
+
bool: {
|
|
64
|
+
should: storeKeys.map(function (storeKey) {
|
|
65
|
+
return {
|
|
66
|
+
match: {
|
|
67
|
+
storeKey: storeKey
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
}),
|
|
71
|
+
minimum_should_match: 1
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
_context.next = 11;
|
|
61
75
|
return client.query({
|
|
62
76
|
query: (0, _adminUiUtils.getQuery)('SEARCH_ADMIN_MEDIA'),
|
|
63
77
|
fetchPolicy: 'network-only',
|
|
@@ -146,7 +160,7 @@ var getFromSearch = /*#__PURE__*/function () {
|
|
|
146
160
|
}
|
|
147
161
|
}
|
|
148
162
|
});
|
|
149
|
-
case
|
|
163
|
+
case 11:
|
|
150
164
|
_yield$client$query = _context.sent;
|
|
151
165
|
_yield$client$query$d = _yield$client$query.data;
|
|
152
166
|
files = _yield$client$query$d.files.results;
|
|
@@ -161,7 +175,7 @@ var getFromSearch = /*#__PURE__*/function () {
|
|
|
161
175
|
video: video,
|
|
162
176
|
text: text
|
|
163
177
|
});
|
|
164
|
-
case
|
|
178
|
+
case 19:
|
|
165
179
|
case "end":
|
|
166
180
|
return _context.stop();
|
|
167
181
|
}
|
|
@@ -171,17 +185,19 @@ var getFromSearch = /*#__PURE__*/function () {
|
|
|
171
185
|
return _ref2.apply(this, arguments);
|
|
172
186
|
};
|
|
173
187
|
}();
|
|
174
|
-
var getFiles = function getFiles(
|
|
175
|
-
var offset =
|
|
176
|
-
limit =
|
|
177
|
-
where =
|
|
178
|
-
searchTerm =
|
|
188
|
+
var getFiles = function getFiles(_ref4, client) {
|
|
189
|
+
var offset = _ref4.offset,
|
|
190
|
+
limit = _ref4.limit,
|
|
191
|
+
where = _ref4.where,
|
|
192
|
+
searchTerm = _ref4.searchTerm,
|
|
193
|
+
fileStores = _ref4.fileStores;
|
|
179
194
|
return getFromSearch({
|
|
180
195
|
searchTerm: searchTerm,
|
|
181
196
|
offset: offset,
|
|
182
197
|
limit: limit,
|
|
183
198
|
where: where,
|
|
184
|
-
client: client
|
|
199
|
+
client: client,
|
|
200
|
+
fileStores: fileStores
|
|
185
201
|
});
|
|
186
202
|
};
|
|
187
203
|
var _default = exports["default"] = getFiles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getFiles.js","names":["_adminUiUtils","require","_constants","getFromSearch","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","_ref","searchTerm","offset","limit","where","client","allTypesMatches","matchSpecificType","match","mustMatch","_yield$client$query","_yield$client$query$d","files","all","image","video","text","wrap","_callee$","_context","prev","next","type","ALL","push","
|
|
1
|
+
{"version":3,"file":"getFiles.js","names":["_adminUiUtils","require","_constants","getFromSearch","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","_ref","searchTerm","offset","limit","where","client","_ref$fileStores","fileStores","allTypesMatches","matchSpecificType","match","mustMatch","storeKeys","_yield$client$query","_yield$client$query$d","files","all","image","video","text","wrap","_callee$","_context","prev","next","type","ALL","push","simple_query_string","query","concat","fields","INVALID_STORE_KEY_VALUES","includes","storeKey","apply","_toConsumableArray2","map","_ref3","key","bool","should","minimum_should_match","getQuery","fetchPolicy","variables","sort","rawQuery","must","rawQueryAllResults","rawQueryImages","rawQueryVideos","rawQueryDocs","sent","data","results","abrupt","stop","_x","arguments","getFiles","_ref4","_default","exports"],"sources":["../../../../src/components/FileList/useGetFiles/getFiles.js"],"sourcesContent":["import { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ALL, INVALID_STORE_KEY_VALUES } from '../../../constants';\n\nconst getFromSearch = async ({ searchTerm, offset, limit, where, client, fileStores = [] }) => {\n const allTypesMatches = [\n {\n match: { type: 'image' }\n },\n {\n match: { type: 'video' }\n },\n {\n match: { type: 'text' }\n }\n ];\n const matchSpecificType = [\n {\n match: { type: where.type }\n }\n ];\n const match = !where.type || where.type === ALL ? allTypesMatches : matchSpecificType;\n const mustMatch = [];\n\n if (searchTerm) {\n mustMatch.push({\n simple_query_string: {\n query: `${searchTerm}*`,\n fields: []\n }\n });\n }\n\n const storeKeys = [];\n if (INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {\n storeKeys.push(...fileStores.map(({ key }) => key));\n } else if (where.storeKey) {\n storeKeys.push(where.storeKey);\n }\n\n mustMatch.push({\n bool: {\n should: storeKeys.map(storeKey => ({\n match: { storeKey }\n })),\n minimum_should_match: 1\n }\n });\n\n const {\n data: {\n files: { results: files },\n all,\n image,\n video,\n text\n }\n } = await client.query({\n query: getQuery('SEARCH_ADMIN_MEDIA'),\n fetchPolicy: 'network-only',\n variables: {\n offset,\n limit,\n sort: searchTerm ? null : 'updated:desc',\n rawQuery: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: match\n }\n }\n ]\n }\n }\n },\n rawQueryAllResults: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'image' }\n },\n {\n match: { type: 'video' }\n },\n {\n match: { type: 'text' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryImages: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'image' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryVideos: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'video' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryDocs: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'text' }\n }\n ]\n }\n }\n ]\n }\n }\n }\n }\n });\n\n return { files, all, image, video, text };\n};\n\nconst getFiles = ({ offset, limit, where, searchTerm, fileStores }, client) =>\n getFromSearch({ searchTerm, offset, limit, where, client, fileStores });\n\nexport default getFiles;\n"],"mappings":"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"}
|
|
@@ -23,6 +23,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
23
23
|
var _react = require("react");
|
|
24
24
|
var _client = require("@apollo/client");
|
|
25
25
|
var _getFiles = _interopRequireDefault(require("./getFiles"));
|
|
26
|
+
var _mediaContext = require("../../../utils/media-context");
|
|
26
27
|
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; }
|
|
27
28
|
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; }
|
|
28
29
|
function useGetFiles() {
|
|
@@ -38,6 +39,8 @@ function useGetFiles() {
|
|
|
38
39
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
39
40
|
queryParams = _useState2[0],
|
|
40
41
|
setQueryParams = _useState2[1];
|
|
42
|
+
var _ref = (0, _react.useContext)(_mediaContext.MediaContext) || {},
|
|
43
|
+
fileStores = _ref.fileStores;
|
|
41
44
|
var _useState3 = (0, _react.useState)(null),
|
|
42
45
|
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
43
46
|
previousFilter = _useState4[0],
|
|
@@ -99,7 +102,8 @@ function useGetFiles() {
|
|
|
99
102
|
where: where,
|
|
100
103
|
sort: sort,
|
|
101
104
|
searchTerm: searchTerm,
|
|
102
|
-
isSearch: isSearch
|
|
105
|
+
isSearch: isSearch,
|
|
106
|
+
fileStores: fileStores
|
|
103
107
|
}, client);
|
|
104
108
|
case 3:
|
|
105
109
|
_yield$getFiles = _context.sent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGetFiles.js","names":["_react","require","_client","_getFiles","_interopRequireDefault","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useGetFiles","_useState","useState","limit","offset","where","sort","property","direction","_useState2","_slicedToArray2","queryParams","setQueryParams","_useState3","_useState4","previousFilter","setPreviousFilter","_useState5","_useState6","previousOffset","setPreviousOffset","_useState7","_useState8","previousSearchTerm","setPreviousSearchTerm","_useState9","files","total","_useState10","data","setData","_useState11","_useState12","isLoading","setIsLoading","client","useApolloClient","setParams","newQueryParams","useEffect","searchTerm","isSearch","newFilter","JSON","stringify","isNewFilterSet","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","_fetchData","_asyncToGenerator2","_regenerator","mark","_callee","_yield$getFiles","all","image","video","text","wrap","_callee$","_context","prev","next","getFiles","sent","stop","then","loading","_default","exports"],"sources":["../../../../src/components/FileList/useGetFiles/useGetFiles.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApolloClient } from '@apollo/client';\nimport getFiles from './getFiles';\n\nfunction useGetFiles() {\n const [queryParams, setQueryParams] = useState({\n limit: 20,\n offset: 0,\n where: null,\n sort: [\n {\n property: 'updated',\n direction: 'desc'\n }\n ]\n });\n const [previousFilter, setPreviousFilter] = useState(null);\n const [previousOffset, setPreviousOffset] = useState(null);\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const [data, setData] = useState({ files: [], total: 0 });\n const [isLoading, setIsLoading] = useState(true);\n const client = useApolloClient();\n\n const setParams = newQueryParams => {\n setQueryParams({ ...queryParams, ...newQueryParams });\n };\n\n useEffect(\n () => {\n const { offset, limit, where, sort, searchTerm, isSearch } = queryParams;\n const newFilter = JSON.stringify(where);\n const isNewFilterSet = newFilter !== previousFilter;\n const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;\n const isResetSearch = searchTerm === null && !isSearch && previousFilter;\n const shouldRequest =\n where && (isNewOffsetSet || isNewFilterSet || isNewSearchTermSet || isResetSearch);\n async function fetchData() {\n if (data.files.length) {\n setData({ files: [] });\n }\n\n const { files, total, all, image, video, text } = await getFiles(\n { offset, limit, where, sort, searchTerm, isSearch },\n client\n );\n setData({ files, total, all, image, video, text });\n }\n\n if (shouldRequest) {\n setIsLoading(true);\n fetchData().then(() => {\n setIsLoading(false);\n });\n setPreviousFilter(newFilter);\n setPreviousOffset(offset);\n setPreviousSearchTerm(searchTerm);\n }\n },\n [queryParams, previousOffset, previousFilter] //eslint-disable-line\n );\n\n const { files, total, all, image, video, text } = data;\n return [\n {\n queryParams,\n previousFilter,\n previousSearchTerm,\n loading: isLoading,\n data: { files, total, all, image, video, text }\n },\n setParams\n ];\n}\n\nexport default useGetFiles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;
|
|
1
|
+
{"version":3,"file":"useGetFiles.js","names":["_react","require","_client","_getFiles","_interopRequireDefault","_mediaContext","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useGetFiles","_useState","useState","limit","offset","where","sort","property","direction","_useState2","_slicedToArray2","queryParams","setQueryParams","_ref","useContext","MediaContext","fileStores","_useState3","_useState4","previousFilter","setPreviousFilter","_useState5","_useState6","previousOffset","setPreviousOffset","_useState7","_useState8","previousSearchTerm","setPreviousSearchTerm","_useState9","files","total","_useState10","data","setData","_useState11","_useState12","isLoading","setIsLoading","client","useApolloClient","setParams","newQueryParams","useEffect","searchTerm","isSearch","newFilter","JSON","stringify","isNewFilterSet","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","_fetchData","_asyncToGenerator2","_regenerator","mark","_callee","_yield$getFiles","all","image","video","text","wrap","_callee$","_context","prev","next","getFiles","sent","stop","then","loading","_default","exports"],"sources":["../../../../src/components/FileList/useGetFiles/useGetFiles.js"],"sourcesContent":["import { useState, useEffect, useContext } from 'react';\nimport { useApolloClient } from '@apollo/client';\nimport getFiles from './getFiles';\nimport { MediaContext } from '../../../utils/media-context';\n\nfunction useGetFiles() {\n const [queryParams, setQueryParams] = useState({\n limit: 20,\n offset: 0,\n where: null,\n sort: [\n {\n property: 'updated',\n direction: 'desc'\n }\n ]\n });\n const { fileStores } = useContext(MediaContext) || {};\n const [previousFilter, setPreviousFilter] = useState(null);\n const [previousOffset, setPreviousOffset] = useState(null);\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const [data, setData] = useState({ files: [], total: 0 });\n const [isLoading, setIsLoading] = useState(true);\n const client = useApolloClient();\n\n const setParams = newQueryParams => {\n setQueryParams({ ...queryParams, ...newQueryParams });\n };\n\n useEffect(\n () => {\n const { offset, limit, where, sort, searchTerm, isSearch } = queryParams;\n const newFilter = JSON.stringify(where);\n const isNewFilterSet = newFilter !== previousFilter;\n const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;\n const isResetSearch = searchTerm === null && !isSearch && previousFilter;\n const shouldRequest =\n where && (isNewOffsetSet || isNewFilterSet || isNewSearchTermSet || isResetSearch);\n async function fetchData() {\n if (data.files.length) {\n setData({ files: [] });\n }\n\n const { files, total, all, image, video, text } = await getFiles(\n { offset, limit, where, sort, searchTerm, isSearch, fileStores },\n client\n );\n setData({ files, total, all, image, video, text });\n }\n\n if (shouldRequest) {\n setIsLoading(true);\n fetchData().then(() => {\n setIsLoading(false);\n });\n setPreviousFilter(newFilter);\n setPreviousOffset(offset);\n setPreviousSearchTerm(searchTerm);\n }\n },\n [queryParams, previousOffset, previousFilter] //eslint-disable-line\n );\n\n const { files, total, all, image, video, text } = data;\n return [\n {\n queryParams,\n previousFilter,\n previousSearchTerm,\n loading: isLoading,\n data: { files, total, all, image, video, text }\n },\n setParams\n ];\n}\n\nexport default useGetFiles;\n"],"mappings":"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"}
|
|
@@ -139,6 +139,7 @@ var FilterPanel = function FilterPanel() {
|
|
|
139
139
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
140
140
|
className: "select__wrapper"
|
|
141
141
|
}, /*#__PURE__*/_react["default"].createElement(_select["default"], {
|
|
142
|
+
defaultTextValue: "Any",
|
|
142
143
|
options: storeOptions,
|
|
143
144
|
onChange: onSelectFilter,
|
|
144
145
|
selected: selectedFilter.storeKey
|
|
@@ -147,7 +148,8 @@ var FilterPanel = function FilterPanel() {
|
|
|
147
148
|
return changeSelectedFilter({
|
|
148
149
|
filter: selectedFilter.filter,
|
|
149
150
|
isSearch: true,
|
|
150
|
-
searchTerm: searchTerm
|
|
151
|
+
searchTerm: searchTerm,
|
|
152
|
+
storeKey: selectedFilter.storeKey
|
|
151
153
|
});
|
|
152
154
|
},
|
|
153
155
|
handleKeyDown: handleKeyDown,
|
|
@@ -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","prototype","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","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 } = useMediaContext(\n MediaContext\n );\n const { queryParams, data } = useFileList();\n const [active, setActive] = useState(filters[0].id);\n\n useEffect(\n () => {\n if (queryParams.searchTerm === null) {\n setSearchTerm('');\n }\n },\n [queryParams.searchTerm]\n );\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(\n ({ 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 options={storeOptions}\n onChange={onSelectFilter}\n selected={selectedFilter.storeKey}\n />\n </div>\n <SearchBar\n search={() =>\n changeSelectedFilter({ filter: selectedFilter.filter, isSearch: true, searchTerm })\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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"}
|
|
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","prototype","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 } = useMediaContext(\n MediaContext\n );\n const { queryParams, data } = useFileList();\n const [active, setActive] = useState(filters[0].id);\n\n useEffect(\n () => {\n if (queryParams.searchTerm === null) {\n setSearchTerm('');\n }\n },\n [queryParams.searchTerm]\n );\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(\n ({ 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 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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"}
|
package/lib/constants.js
CHANGED
|
@@ -34,7 +34,7 @@ var ICON_COLOR = exports.ICON_COLOR = {
|
|
|
34
34
|
var STORE_KEY = exports.STORE_KEY = 'storeKey';
|
|
35
35
|
var NAME = exports.NAME = 'name';
|
|
36
36
|
var ALL = exports.ALL = 'all';
|
|
37
|
-
var INVALID_STORE_KEY_VALUES = exports.INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...'];
|
|
37
|
+
var INVALID_STORE_KEY_VALUES = exports.INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];
|
|
38
38
|
var PREVIEW = exports.PREVIEW = 'Preview';
|
|
39
39
|
var REORDER = exports.REORDER = 'Reorder';
|
|
40
40
|
var IMAGES = exports.IMAGES = 'Images';
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","ONE_FILE_AS_LIMIT","AVAILABLE_FILTER_TYPES","all","type","images","videos","documents","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","ICON_SIZE","WIDTH","HEIGHT","ICON_COLOR","STROKE","FILL","STORE_KEY","NAME","ALL","INVALID_STORE_KEY_VALUES","PREVIEW","REORDER","IMAGES","MORE"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'media-ui';\nconst ONE_FILE_AS_LIMIT = 1;\nconst AVAILABLE_FILTER_TYPES = {\n all: {\n type: 'all'\n },\n images: {\n type: 'image'\n },\n videos: {\n type: 'video'\n },\n documents: {\n type: 'text'\n }\n};\n\nconst MEDIA_LIST_ITEM_SIZE = 97;\nconst MEDIA_OVER_SCAN_COUNT = 0;\n\nconst ICON_SIZE = {\n WIDTH: '25px',\n HEIGHT: '25px'\n};\n\nconst ICON_COLOR = {\n STROKE: '#63779C',\n FILL: '#63779C'\n};\n\nconst STORE_KEY = 'storeKey';\nconst NAME = 'name';\n\nconst ALL = 'all';\nconst INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...'];\nconst PREVIEW = 'Preview';\nconst REORDER = 'Reorder';\nconst IMAGES = 'Images';\nconst MORE = 'more ...';\n\nexport {\n ALL,\n AVAILABLE_FILTER_TYPES,\n IMAGES,\n INVALID_STORE_KEY_VALUES,\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n MORE,\n NAME,\n ONE_FILE_AS_LIMIT,\n PLUGIN_NAME,\n PREVIEW,\n REORDER,\n STORE_KEY,\n ICON_SIZE,\n ICON_COLOR\n};\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,UAAU;AAC9B,IAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,CAAC;AAC3B,IAAMC,sBAAsB,GAAAF,OAAA,CAAAE,sBAAA,GAAG;EAC7BC,GAAG,EAAE;IACHC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACND,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE;IACNF,IAAI,EAAE;EACR,CAAC;EACDG,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC;AAED,IAAMI,oBAAoB,GAAAR,OAAA,CAAAQ,oBAAA,GAAG,EAAE;AAC/B,IAAMC,qBAAqB,GAAAT,OAAA,CAAAS,qBAAA,GAAG,CAAC;AAE/B,IAAMC,SAAS,GAAAV,OAAA,CAAAU,SAAA,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAED,IAAMC,UAAU,GAAAb,OAAA,CAAAa,UAAA,GAAG;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,IAAMC,SAAS,GAAAhB,OAAA,CAAAgB,SAAA,GAAG,UAAU;AAC5B,IAAMC,IAAI,GAAAjB,OAAA,CAAAiB,IAAA,GAAG,MAAM;AAEnB,IAAMC,GAAG,GAAAlB,OAAA,CAAAkB,GAAA,GAAG,KAAK;AACjB,IAAMC,wBAAwB,GAAAnB,OAAA,CAAAmB,wBAAA,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","ONE_FILE_AS_LIMIT","AVAILABLE_FILTER_TYPES","all","type","images","videos","documents","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","ICON_SIZE","WIDTH","HEIGHT","ICON_COLOR","STROKE","FILL","STORE_KEY","NAME","ALL","INVALID_STORE_KEY_VALUES","PREVIEW","REORDER","IMAGES","MORE"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'media-ui';\nconst ONE_FILE_AS_LIMIT = 1;\nconst AVAILABLE_FILTER_TYPES = {\n all: {\n type: 'all'\n },\n images: {\n type: 'image'\n },\n videos: {\n type: 'video'\n },\n documents: {\n type: 'text'\n }\n};\n\nconst MEDIA_LIST_ITEM_SIZE = 97;\nconst MEDIA_OVER_SCAN_COUNT = 0;\n\nconst ICON_SIZE = {\n WIDTH: '25px',\n HEIGHT: '25px'\n};\n\nconst ICON_COLOR = {\n STROKE: '#63779C',\n FILL: '#63779C'\n};\n\nconst STORE_KEY = 'storeKey';\nconst NAME = 'name';\n\nconst ALL = 'all';\nconst INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];\nconst PREVIEW = 'Preview';\nconst REORDER = 'Reorder';\nconst IMAGES = 'Images';\nconst MORE = 'more ...';\n\nexport {\n ALL,\n AVAILABLE_FILTER_TYPES,\n IMAGES,\n INVALID_STORE_KEY_VALUES,\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n MORE,\n NAME,\n ONE_FILE_AS_LIMIT,\n PLUGIN_NAME,\n PREVIEW,\n REORDER,\n STORE_KEY,\n ICON_SIZE,\n ICON_COLOR\n};\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,UAAU;AAC9B,IAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,CAAC;AAC3B,IAAMC,sBAAsB,GAAAF,OAAA,CAAAE,sBAAA,GAAG;EAC7BC,GAAG,EAAE;IACHC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACND,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE;IACNF,IAAI,EAAE;EACR,CAAC;EACDG,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC;AAED,IAAMI,oBAAoB,GAAAR,OAAA,CAAAQ,oBAAA,GAAG,EAAE;AAC/B,IAAMC,qBAAqB,GAAAT,OAAA,CAAAS,qBAAA,GAAG,CAAC;AAE/B,IAAMC,SAAS,GAAAV,OAAA,CAAAU,SAAA,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAED,IAAMC,UAAU,GAAAb,OAAA,CAAAa,UAAA,GAAG;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,IAAMC,SAAS,GAAAhB,OAAA,CAAAgB,SAAA,GAAG,UAAU;AAC5B,IAAMC,IAAI,GAAAjB,OAAA,CAAAiB,IAAA,GAAG,MAAM;AAEnB,IAAMC,GAAG,GAAAlB,OAAA,CAAAkB,GAAA,GAAG,KAAK;AACjB,IAAMC,wBAAwB,GAAAnB,OAAA,CAAAmB,wBAAA,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,CAAC;AACtE,IAAMC,OAAO,GAAApB,OAAA,CAAAoB,OAAA,GAAG,SAAS;AACzB,IAAMC,OAAO,GAAArB,OAAA,CAAAqB,OAAA,GAAG,SAAS;AACzB,IAAMC,MAAM,GAAAtB,OAAA,CAAAsB,MAAA,GAAG,QAAQ;AACvB,IAAMC,IAAI,GAAAvB,OAAA,CAAAuB,IAAA,GAAG,UAAU"}
|
|
@@ -5,7 +5,8 @@ const getFromSearch = async ({
|
|
|
5
5
|
offset,
|
|
6
6
|
limit,
|
|
7
7
|
where,
|
|
8
|
-
client
|
|
8
|
+
client,
|
|
9
|
+
fileStores = []
|
|
9
10
|
}) => {
|
|
10
11
|
const allTypesMatches = [{
|
|
11
12
|
match: {
|
|
@@ -29,21 +30,30 @@ const getFromSearch = async ({
|
|
|
29
30
|
const mustMatch = [];
|
|
30
31
|
if (searchTerm) {
|
|
31
32
|
mustMatch.push({
|
|
32
|
-
|
|
33
|
+
simple_query_string: {
|
|
33
34
|
query: `${searchTerm}*`,
|
|
34
|
-
fields: []
|
|
35
|
-
minimum_should_match: 2,
|
|
36
|
-
type: 'cross_fields'
|
|
35
|
+
fields: []
|
|
37
36
|
}
|
|
38
37
|
});
|
|
39
38
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
39
|
+
const storeKeys = [];
|
|
40
|
+
if (INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {
|
|
41
|
+
storeKeys.push(...fileStores.map(({
|
|
42
|
+
key
|
|
43
|
+
}) => key));
|
|
44
|
+
} else if (where.storeKey) {
|
|
45
|
+
storeKeys.push(where.storeKey);
|
|
46
46
|
}
|
|
47
|
+
mustMatch.push({
|
|
48
|
+
bool: {
|
|
49
|
+
should: storeKeys.map(storeKey => ({
|
|
50
|
+
match: {
|
|
51
|
+
storeKey
|
|
52
|
+
}
|
|
53
|
+
})),
|
|
54
|
+
minimum_should_match: 1
|
|
55
|
+
}
|
|
56
|
+
});
|
|
47
57
|
const {
|
|
48
58
|
data: {
|
|
49
59
|
files: {
|
|
@@ -154,13 +164,15 @@ const getFiles = ({
|
|
|
154
164
|
offset,
|
|
155
165
|
limit,
|
|
156
166
|
where,
|
|
157
|
-
searchTerm
|
|
167
|
+
searchTerm,
|
|
168
|
+
fileStores
|
|
158
169
|
}, client) => getFromSearch({
|
|
159
170
|
searchTerm,
|
|
160
171
|
offset,
|
|
161
172
|
limit,
|
|
162
173
|
where,
|
|
163
|
-
client
|
|
174
|
+
client,
|
|
175
|
+
fileStores
|
|
164
176
|
});
|
|
165
177
|
export default getFiles;
|
|
166
178
|
//# sourceMappingURL=getFiles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getFiles.js","names":["getQuery","ALL","INVALID_STORE_KEY_VALUES","getFromSearch","searchTerm","offset","limit","where","client","allTypesMatches","match","type","matchSpecificType","mustMatch","push","
|
|
1
|
+
{"version":3,"file":"getFiles.js","names":["getQuery","ALL","INVALID_STORE_KEY_VALUES","getFromSearch","searchTerm","offset","limit","where","client","fileStores","allTypesMatches","match","type","matchSpecificType","mustMatch","push","simple_query_string","query","fields","storeKeys","includes","storeKey","map","key","bool","should","minimum_should_match","data","files","results","all","image","video","text","fetchPolicy","variables","sort","rawQuery","must","rawQueryAllResults","rawQueryImages","rawQueryVideos","rawQueryDocs","getFiles"],"sources":["../../../../src/components/FileList/useGetFiles/getFiles.js"],"sourcesContent":["import { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ALL, INVALID_STORE_KEY_VALUES } from '../../../constants';\n\nconst getFromSearch = async ({ searchTerm, offset, limit, where, client, fileStores = [] }) => {\n const allTypesMatches = [\n {\n match: { type: 'image' }\n },\n {\n match: { type: 'video' }\n },\n {\n match: { type: 'text' }\n }\n ];\n const matchSpecificType = [\n {\n match: { type: where.type }\n }\n ];\n const match = !where.type || where.type === ALL ? allTypesMatches : matchSpecificType;\n const mustMatch = [];\n\n if (searchTerm) {\n mustMatch.push({\n simple_query_string: {\n query: `${searchTerm}*`,\n fields: []\n }\n });\n }\n\n const storeKeys = [];\n if (INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {\n storeKeys.push(...fileStores.map(({ key }) => key));\n } else if (where.storeKey) {\n storeKeys.push(where.storeKey);\n }\n\n mustMatch.push({\n bool: {\n should: storeKeys.map(storeKey => ({\n match: { storeKey }\n })),\n minimum_should_match: 1\n }\n });\n\n const {\n data: {\n files: { results: files },\n all,\n image,\n video,\n text\n }\n } = await client.query({\n query: getQuery('SEARCH_ADMIN_MEDIA'),\n fetchPolicy: 'network-only',\n variables: {\n offset,\n limit,\n sort: searchTerm ? null : 'updated:desc',\n rawQuery: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: match\n }\n }\n ]\n }\n }\n },\n rawQueryAllResults: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'image' }\n },\n {\n match: { type: 'video' }\n },\n {\n match: { type: 'text' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryImages: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'image' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryVideos: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'video' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryDocs: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'text' }\n }\n ]\n }\n }\n ]\n }\n }\n }\n }\n });\n\n return { files, all, image, video, text };\n};\n\nconst getFiles = ({ offset, limit, where, searchTerm, fileStores }, client) =>\n getFromSearch({ searchTerm, offset, limit, where, client, fileStores });\n\nexport default getFiles;\n"],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
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; }
|
|
3
3
|
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) { _defineProperty(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; }
|
|
4
|
-
import { useState, useEffect } from 'react';
|
|
4
|
+
import { useState, useEffect, useContext } from 'react';
|
|
5
5
|
import { useApolloClient } from '@apollo/client';
|
|
6
6
|
import getFiles from './getFiles';
|
|
7
|
+
import { MediaContext } from '../../../utils/media-context';
|
|
7
8
|
function useGetFiles() {
|
|
8
9
|
const [queryParams, setQueryParams] = useState({
|
|
9
10
|
limit: 20,
|
|
@@ -14,6 +15,9 @@ function useGetFiles() {
|
|
|
14
15
|
direction: 'desc'
|
|
15
16
|
}]
|
|
16
17
|
});
|
|
18
|
+
const {
|
|
19
|
+
fileStores
|
|
20
|
+
} = useContext(MediaContext) || {};
|
|
17
21
|
const [previousFilter, setPreviousFilter] = useState(null);
|
|
18
22
|
const [previousOffset, setPreviousOffset] = useState(null);
|
|
19
23
|
const [previousSearchTerm, setPreviousSearchTerm] = useState(null);
|
|
@@ -60,7 +64,8 @@ function useGetFiles() {
|
|
|
60
64
|
where,
|
|
61
65
|
sort,
|
|
62
66
|
searchTerm,
|
|
63
|
-
isSearch
|
|
67
|
+
isSearch,
|
|
68
|
+
fileStores
|
|
64
69
|
}, client);
|
|
65
70
|
setData({
|
|
66
71
|
files,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGetFiles.js","names":["useState","useEffect","useApolloClient","getFiles","useGetFiles","queryParams","setQueryParams","limit","offset","where","sort","property","direction","previousFilter","setPreviousFilter","previousOffset","setPreviousOffset","previousSearchTerm","setPreviousSearchTerm","data","setData","files","total","isLoading","setIsLoading","client","setParams","newQueryParams","_objectSpread","searchTerm","isSearch","newFilter","JSON","stringify","isNewFilterSet","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","length","all","image","video","text","then","loading"],"sources":["../../../../src/components/FileList/useGetFiles/useGetFiles.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApolloClient } from '@apollo/client';\nimport getFiles from './getFiles';\n\nfunction useGetFiles() {\n const [queryParams, setQueryParams] = useState({\n limit: 20,\n offset: 0,\n where: null,\n sort: [\n {\n property: 'updated',\n direction: 'desc'\n }\n ]\n });\n const [previousFilter, setPreviousFilter] = useState(null);\n const [previousOffset, setPreviousOffset] = useState(null);\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const [data, setData] = useState({ files: [], total: 0 });\n const [isLoading, setIsLoading] = useState(true);\n const client = useApolloClient();\n\n const setParams = newQueryParams => {\n setQueryParams({ ...queryParams, ...newQueryParams });\n };\n\n useEffect(\n () => {\n const { offset, limit, where, sort, searchTerm, isSearch } = queryParams;\n const newFilter = JSON.stringify(where);\n const isNewFilterSet = newFilter !== previousFilter;\n const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;\n const isResetSearch = searchTerm === null && !isSearch && previousFilter;\n const shouldRequest =\n where && (isNewOffsetSet || isNewFilterSet || isNewSearchTermSet || isResetSearch);\n async function fetchData() {\n if (data.files.length) {\n setData({ files: [] });\n }\n\n const { files, total, all, image, video, text } = await getFiles(\n { offset, limit, where, sort, searchTerm, isSearch },\n client\n );\n setData({ files, total, all, image, video, text });\n }\n\n if (shouldRequest) {\n setIsLoading(true);\n fetchData().then(() => {\n setIsLoading(false);\n });\n setPreviousFilter(newFilter);\n setPreviousOffset(offset);\n setPreviousSearchTerm(searchTerm);\n }\n },\n [queryParams, previousOffset, previousFilter] //eslint-disable-line\n );\n\n const { files, total, all, image, video, text } = data;\n return [\n {\n queryParams,\n previousFilter,\n previousSearchTerm,\n loading: isLoading,\n data: { files, total, all, image, video, text }\n },\n setParams\n ];\n}\n\nexport default useGetFiles;\n"],"mappings":";;;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"file":"useGetFiles.js","names":["useState","useEffect","useContext","useApolloClient","getFiles","MediaContext","useGetFiles","queryParams","setQueryParams","limit","offset","where","sort","property","direction","fileStores","previousFilter","setPreviousFilter","previousOffset","setPreviousOffset","previousSearchTerm","setPreviousSearchTerm","data","setData","files","total","isLoading","setIsLoading","client","setParams","newQueryParams","_objectSpread","searchTerm","isSearch","newFilter","JSON","stringify","isNewFilterSet","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","length","all","image","video","text","then","loading"],"sources":["../../../../src/components/FileList/useGetFiles/useGetFiles.js"],"sourcesContent":["import { useState, useEffect, useContext } from 'react';\nimport { useApolloClient } from '@apollo/client';\nimport getFiles from './getFiles';\nimport { MediaContext } from '../../../utils/media-context';\n\nfunction useGetFiles() {\n const [queryParams, setQueryParams] = useState({\n limit: 20,\n offset: 0,\n where: null,\n sort: [\n {\n property: 'updated',\n direction: 'desc'\n }\n ]\n });\n const { fileStores } = useContext(MediaContext) || {};\n const [previousFilter, setPreviousFilter] = useState(null);\n const [previousOffset, setPreviousOffset] = useState(null);\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const [data, setData] = useState({ files: [], total: 0 });\n const [isLoading, setIsLoading] = useState(true);\n const client = useApolloClient();\n\n const setParams = newQueryParams => {\n setQueryParams({ ...queryParams, ...newQueryParams });\n };\n\n useEffect(\n () => {\n const { offset, limit, where, sort, searchTerm, isSearch } = queryParams;\n const newFilter = JSON.stringify(where);\n const isNewFilterSet = newFilter !== previousFilter;\n const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;\n const isResetSearch = searchTerm === null && !isSearch && previousFilter;\n const shouldRequest =\n where && (isNewOffsetSet || isNewFilterSet || isNewSearchTermSet || isResetSearch);\n async function fetchData() {\n if (data.files.length) {\n setData({ files: [] });\n }\n\n const { files, total, all, image, video, text } = await getFiles(\n { offset, limit, where, sort, searchTerm, isSearch, fileStores },\n client\n );\n setData({ files, total, all, image, video, text });\n }\n\n if (shouldRequest) {\n setIsLoading(true);\n fetchData().then(() => {\n setIsLoading(false);\n });\n setPreviousFilter(newFilter);\n setPreviousOffset(offset);\n setPreviousSearchTerm(searchTerm);\n }\n },\n [queryParams, previousOffset, previousFilter] //eslint-disable-line\n );\n\n const { files, total, all, image, video, text } = data;\n return [\n {\n queryParams,\n previousFilter,\n previousSearchTerm,\n loading: isLoading,\n data: { files, total, all, image, video, text }\n },\n setParams\n ];\n}\n\nexport default useGetFiles;\n"],"mappings":";;;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,OAAO;AACvD,SAASC,eAAe,QAAQ,gBAAgB;AAChD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,SAASC,WAAWA,CAAA,EAAG;EACrB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGR,QAAQ,CAAC;IAC7CS,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,IAAI;IACXC,IAAI,EAAE,CACJ;MACEC,QAAQ,EAAE,SAAS;MACnBC,SAAS,EAAE;IACb,CAAC;EAEL,CAAC,CAAC;EACF,MAAM;IAAEC;EAAW,CAAC,GAAGb,UAAU,CAACG,YAAY,CAAC,IAAI,CAAC,CAAC;EACrD,MAAM,CAACW,cAAc,EAAEC,iBAAiB,CAAC,GAAGjB,QAAQ,CAAC,IAAI,CAAC;EAC1D,MAAM,CAACkB,cAAc,EAAEC,iBAAiB,CAAC,GAAGnB,QAAQ,CAAC,IAAI,CAAC;EAC1D,MAAM,CAACoB,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGrB,QAAQ,CAAC,IAAI,CAAC;EAClE,MAAM,CAACsB,IAAI,EAAEC,OAAO,CAAC,GAAGvB,QAAQ,CAAC;IAAEwB,KAAK,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAE,CAAC,CAAC;EACzD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG3B,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAM4B,MAAM,GAAGzB,eAAe,CAAC,CAAC;EAEhC,MAAM0B,SAAS,GAAGC,cAAc,IAAI;IAClCtB,cAAc,CAAAuB,aAAA,CAAAA,aAAA,KAAMxB,WAAW,GAAKuB,cAAc,CAAE,CAAC;EACvD,CAAC;EAED7B,SAAS,CACP,MAAM;IACJ,MAAM;MAAES,MAAM;MAAED,KAAK;MAAEE,KAAK;MAAEC,IAAI;MAAEoB,UAAU;MAAEC;IAAS,CAAC,GAAG1B,WAAW;IACxE,MAAM2B,SAAS,GAAGC,IAAI,CAACC,SAAS,CAACzB,KAAK,CAAC;IACvC,MAAM0B,cAAc,GAAGH,SAAS,KAAKlB,cAAc;IACnD,MAAMsB,cAAc,GAAGpB,cAAc,KAAK,IAAI,IAAIR,MAAM,KAAKQ,cAAc;IAC3E,MAAMqB,kBAAkB,GAAGP,UAAU,IAAIZ,kBAAkB,KAAKY,UAAU;IAC1E,MAAMQ,aAAa,GAAGR,UAAU,KAAK,IAAI,IAAI,CAACC,QAAQ,IAAIjB,cAAc;IACxE,MAAMyB,aAAa,GACjB9B,KAAK,KAAK2B,cAAc,IAAID,cAAc,IAAIE,kBAAkB,IAAIC,aAAa,CAAC;IACpF,eAAeE,SAASA,CAAA,EAAG;MACzB,IAAIpB,IAAI,CAACE,KAAK,CAACmB,MAAM,EAAE;QACrBpB,OAAO,CAAC;UAAEC,KAAK,EAAE;QAAG,CAAC,CAAC;MACxB;MAEA,MAAM;QAAEA,KAAK;QAAEC,KAAK;QAAEmB,GAAG;QAAEC,KAAK;QAAEC,KAAK;QAAEC;MAAK,CAAC,GAAG,MAAM3C,QAAQ,CAC9D;QAAEM,MAAM;QAAED,KAAK;QAAEE,KAAK;QAAEC,IAAI;QAAEoB,UAAU;QAAEC,QAAQ;QAAElB;MAAW,CAAC,EAChEa,MACF,CAAC;MACDL,OAAO,CAAC;QAAEC,KAAK;QAAEC,KAAK;QAAEmB,GAAG;QAAEC,KAAK;QAAEC,KAAK;QAAEC;MAAK,CAAC,CAAC;IACpD;IAEA,IAAIN,aAAa,EAAE;MACjBd,YAAY,CAAC,IAAI,CAAC;MAClBe,SAAS,CAAC,CAAC,CAACM,IAAI,CAAC,MAAM;QACrBrB,YAAY,CAAC,KAAK,CAAC;MACrB,CAAC,CAAC;MACFV,iBAAiB,CAACiB,SAAS,CAAC;MAC5Bf,iBAAiB,CAACT,MAAM,CAAC;MACzBW,qBAAqB,CAACW,UAAU,CAAC;IACnC;EACF,CAAC,EACD,CAACzB,WAAW,EAAEW,cAAc,EAAEF,cAAc,CAAC,CAAC;EAChD,CAAC;EAED,MAAM;IAAEQ,KAAK;IAAEC,KAAK;IAAEmB,GAAG;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGzB,IAAI;EACtD,OAAO,CACL;IACEf,WAAW;IACXS,cAAc;IACdI,kBAAkB;IAClB6B,OAAO,EAAEvB,SAAS;IAClBJ,IAAI,EAAE;MAAEE,KAAK;MAAEC,KAAK;MAAEmB,GAAG;MAAEC,KAAK;MAAEC,KAAK;MAAEC;IAAK;EAChD,CAAC,EACDlB,SAAS,CACV;AACH;AAEA,eAAevB,WAAW"}
|
|
@@ -112,6 +112,7 @@ const FilterPanel = () => {
|
|
|
112
112
|
}, /*#__PURE__*/React.createElement("div", {
|
|
113
113
|
className: "select__wrapper"
|
|
114
114
|
}, /*#__PURE__*/React.createElement(Select, {
|
|
115
|
+
defaultTextValue: "Any",
|
|
115
116
|
options: storeOptions,
|
|
116
117
|
onChange: onSelectFilter,
|
|
117
118
|
selected: selectedFilter.storeKey
|
|
@@ -119,7 +120,8 @@ const FilterPanel = () => {
|
|
|
119
120
|
search: () => changeSelectedFilter({
|
|
120
121
|
filter: selectedFilter.filter,
|
|
121
122
|
isSearch: true,
|
|
122
|
-
searchTerm
|
|
123
|
+
searchTerm,
|
|
124
|
+
storeKey: selectedFilter.storeKey
|
|
123
125
|
}),
|
|
124
126
|
handleKeyDown: handleKeyDown,
|
|
125
127
|
searchTerm: searchTerm,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanel.js","names":["React","useState","useEffect","SearchBar","classnames","Select","useMediaContext","MediaContext","useFileList","FilterPanel","searchTerm","setSearchTerm","filters","selectedFilter","changeSelectedFilter","fileStores","queryParams","data","active","setActive","id","handleSearchTerm","target","value","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","key","trim","onSelectFilter","activeSegements","reduce","acc","index","activeBarSegment","storeOptions","map","type","name","createElement","className","label","onClick","options","onChange","selected","search","placeholder","close"],"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 } = useMediaContext(\n MediaContext\n );\n const { queryParams, data } = useFileList();\n const [active, setActive] = useState(filters[0].id);\n\n useEffect(\n () => {\n if (queryParams.searchTerm === null) {\n setSearchTerm('');\n }\n },\n [queryParams.searchTerm]\n );\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(\n ({ 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 options={storeOptions}\n onChange={onSelectFilter}\n selected={selectedFilter.storeKey}\n />\n </div>\n <SearchBar\n search={() =>\n changeSelectedFilter({
|
|
1
|
+
{"version":3,"file":"FilterPanel.js","names":["React","useState","useEffect","SearchBar","classnames","Select","useMediaContext","MediaContext","useFileList","FilterPanel","searchTerm","setSearchTerm","filters","selectedFilter","changeSelectedFilter","fileStores","queryParams","data","active","setActive","id","handleSearchTerm","target","value","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","key","trim","onSelectFilter","activeSegements","reduce","acc","index","activeBarSegment","storeOptions","map","type","name","createElement","className","label","onClick","defaultTextValue","options","onChange","selected","search","placeholder","close"],"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 } = useMediaContext(\n MediaContext\n );\n const { queryParams, data } = useFileList();\n const [active, setActive] = useState(filters[0].id);\n\n useEffect(\n () => {\n if (queryParams.searchTerm === null) {\n setSearchTerm('');\n }\n },\n [queryParams.searchTerm]\n );\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(\n ({ 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 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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"}
|
package/lib-es/constants.js
CHANGED
|
@@ -27,7 +27,7 @@ const ICON_COLOR = {
|
|
|
27
27
|
const STORE_KEY = 'storeKey';
|
|
28
28
|
const NAME = 'name';
|
|
29
29
|
const ALL = 'all';
|
|
30
|
-
const INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...'];
|
|
30
|
+
const INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];
|
|
31
31
|
const PREVIEW = 'Preview';
|
|
32
32
|
const REORDER = 'Reorder';
|
|
33
33
|
const IMAGES = 'Images';
|
package/lib-es/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","ONE_FILE_AS_LIMIT","AVAILABLE_FILTER_TYPES","all","type","images","videos","documents","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","ICON_SIZE","WIDTH","HEIGHT","ICON_COLOR","STROKE","FILL","STORE_KEY","NAME","ALL","INVALID_STORE_KEY_VALUES","PREVIEW","REORDER","IMAGES","MORE"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'media-ui';\nconst ONE_FILE_AS_LIMIT = 1;\nconst AVAILABLE_FILTER_TYPES = {\n all: {\n type: 'all'\n },\n images: {\n type: 'image'\n },\n videos: {\n type: 'video'\n },\n documents: {\n type: 'text'\n }\n};\n\nconst MEDIA_LIST_ITEM_SIZE = 97;\nconst MEDIA_OVER_SCAN_COUNT = 0;\n\nconst ICON_SIZE = {\n WIDTH: '25px',\n HEIGHT: '25px'\n};\n\nconst ICON_COLOR = {\n STROKE: '#63779C',\n FILL: '#63779C'\n};\n\nconst STORE_KEY = 'storeKey';\nconst NAME = 'name';\n\nconst ALL = 'all';\nconst INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...'];\nconst PREVIEW = 'Preview';\nconst REORDER = 'Reorder';\nconst IMAGES = 'Images';\nconst MORE = 'more ...';\n\nexport {\n ALL,\n AVAILABLE_FILTER_TYPES,\n IMAGES,\n INVALID_STORE_KEY_VALUES,\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n MORE,\n NAME,\n ONE_FILE_AS_LIMIT,\n PLUGIN_NAME,\n PREVIEW,\n REORDER,\n STORE_KEY,\n ICON_SIZE,\n ICON_COLOR\n};\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,UAAU;AAC9B,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,sBAAsB,GAAG;EAC7BC,GAAG,EAAE;IACHC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACND,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE;IACNF,IAAI,EAAE;EACR,CAAC;EACDG,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC;AAED,MAAMI,oBAAoB,GAAG,EAAE;AAC/B,MAAMC,qBAAqB,GAAG,CAAC;AAE/B,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,UAAU,GAAG;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,SAAS,GAAG,UAAU;AAC5B,MAAMC,IAAI,GAAG,MAAM;AAEnB,MAAMC,GAAG,GAAG,KAAK;AACjB,MAAMC,wBAAwB,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","ONE_FILE_AS_LIMIT","AVAILABLE_FILTER_TYPES","all","type","images","videos","documents","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","ICON_SIZE","WIDTH","HEIGHT","ICON_COLOR","STROKE","FILL","STORE_KEY","NAME","ALL","INVALID_STORE_KEY_VALUES","PREVIEW","REORDER","IMAGES","MORE"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'media-ui';\nconst ONE_FILE_AS_LIMIT = 1;\nconst AVAILABLE_FILTER_TYPES = {\n all: {\n type: 'all'\n },\n images: {\n type: 'image'\n },\n videos: {\n type: 'video'\n },\n documents: {\n type: 'text'\n }\n};\n\nconst MEDIA_LIST_ITEM_SIZE = 97;\nconst MEDIA_OVER_SCAN_COUNT = 0;\n\nconst ICON_SIZE = {\n WIDTH: '25px',\n HEIGHT: '25px'\n};\n\nconst ICON_COLOR = {\n STROKE: '#63779C',\n FILL: '#63779C'\n};\n\nconst STORE_KEY = 'storeKey';\nconst NAME = 'name';\n\nconst ALL = 'all';\nconst INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];\nconst PREVIEW = 'Preview';\nconst REORDER = 'Reorder';\nconst IMAGES = 'Images';\nconst MORE = 'more ...';\n\nexport {\n ALL,\n AVAILABLE_FILTER_TYPES,\n IMAGES,\n INVALID_STORE_KEY_VALUES,\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n MORE,\n NAME,\n ONE_FILE_AS_LIMIT,\n PLUGIN_NAME,\n PREVIEW,\n REORDER,\n STORE_KEY,\n ICON_SIZE,\n ICON_COLOR\n};\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,UAAU;AAC9B,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,sBAAsB,GAAG;EAC7BC,GAAG,EAAE;IACHC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACND,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE;IACNF,IAAI,EAAE;EACR,CAAC;EACDG,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC;AAED,MAAMI,oBAAoB,GAAG,EAAE;AAC/B,MAAMC,qBAAqB,GAAG,CAAC;AAE/B,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,UAAU,GAAG;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,SAAS,GAAG,UAAU;AAC5B,MAAMC,IAAI,GAAG,MAAM;AAEnB,MAAMC,GAAG,GAAG,KAAK;AACjB,MAAMC,wBAAwB,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,CAAC;AACtE,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,MAAM,GAAG,QAAQ;AACvB,MAAMC,IAAI,GAAG,UAAU;AAEvB,SACEL,GAAG,EACHhB,sBAAsB,EACtBoB,MAAM,EACNH,wBAAwB,EACxBX,oBAAoB,EACpBC,qBAAqB,EACrBc,IAAI,EACJN,IAAI,EACJhB,iBAAiB,EACjBD,WAAW,EACXoB,OAAO,EACPC,OAAO,EACPL,SAAS,EACTN,SAAS,EACTG,UAAU"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-media-ui",
|
|
3
|
-
"version": "0.140.0
|
|
3
|
+
"version": "0.140.0",
|
|
4
4
|
"description": "Blaze plugin media ui",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-es/index.js",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@blaze-cms/admin-ui-utils": "^0.139.0",
|
|
31
31
|
"@blaze-cms/core-errors": "^0.139.0",
|
|
32
|
-
"@blaze-cms/plugin-search-ui": "0.140.0
|
|
33
|
-
"@blaze-cms/react-form-builder": "0.
|
|
32
|
+
"@blaze-cms/plugin-search-ui": "^0.140.0",
|
|
33
|
+
"@blaze-cms/react-form-builder": "^0.139.2",
|
|
34
34
|
"@blaze-cms/setup-ui": "^0.139.0",
|
|
35
35
|
"@blaze-react/button": "0.5.19",
|
|
36
36
|
"@blaze-react/drafteditor": "0.7.0",
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"lib/*",
|
|
58
58
|
"lib-es/*"
|
|
59
59
|
],
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "0c2941bb7235820491a50c3d9dd3f312d05d8473"
|
|
61
61
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { getQuery } from '@blaze-cms/admin-ui-utils';
|
|
2
2
|
import { ALL, INVALID_STORE_KEY_VALUES } from '../../../constants';
|
|
3
3
|
|
|
4
|
-
const getFromSearch = async ({ searchTerm, offset, limit, where, client }) => {
|
|
4
|
+
const getFromSearch = async ({ searchTerm, offset, limit, where, client, fileStores = [] }) => {
|
|
5
5
|
const allTypesMatches = [
|
|
6
6
|
{
|
|
7
7
|
match: { type: 'image' }
|
|
@@ -23,21 +23,29 @@ const getFromSearch = async ({ searchTerm, offset, limit, where, client }) => {
|
|
|
23
23
|
|
|
24
24
|
if (searchTerm) {
|
|
25
25
|
mustMatch.push({
|
|
26
|
-
|
|
26
|
+
simple_query_string: {
|
|
27
27
|
query: `${searchTerm}*`,
|
|
28
|
-
fields: []
|
|
29
|
-
minimum_should_match: 2,
|
|
30
|
-
type: 'cross_fields'
|
|
28
|
+
fields: []
|
|
31
29
|
}
|
|
32
30
|
});
|
|
33
31
|
}
|
|
34
32
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
33
|
+
const storeKeys = [];
|
|
34
|
+
if (INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {
|
|
35
|
+
storeKeys.push(...fileStores.map(({ key }) => key));
|
|
36
|
+
} else if (where.storeKey) {
|
|
37
|
+
storeKeys.push(where.storeKey);
|
|
39
38
|
}
|
|
40
39
|
|
|
40
|
+
mustMatch.push({
|
|
41
|
+
bool: {
|
|
42
|
+
should: storeKeys.map(storeKey => ({
|
|
43
|
+
match: { storeKey }
|
|
44
|
+
})),
|
|
45
|
+
minimum_should_match: 1
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
|
|
41
49
|
const {
|
|
42
50
|
data: {
|
|
43
51
|
files: { results: files },
|
|
@@ -151,7 +159,7 @@ const getFromSearch = async ({ searchTerm, offset, limit, where, client }) => {
|
|
|
151
159
|
return { files, all, image, video, text };
|
|
152
160
|
};
|
|
153
161
|
|
|
154
|
-
const getFiles = ({ offset, limit, where, searchTerm }, client) =>
|
|
155
|
-
getFromSearch({ searchTerm, offset, limit, where, client });
|
|
162
|
+
const getFiles = ({ offset, limit, where, searchTerm, fileStores }, client) =>
|
|
163
|
+
getFromSearch({ searchTerm, offset, limit, where, client, fileStores });
|
|
156
164
|
|
|
157
165
|
export default getFiles;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { useState, useEffect } from 'react';
|
|
1
|
+
import { useState, useEffect, useContext } from 'react';
|
|
2
2
|
import { useApolloClient } from '@apollo/client';
|
|
3
3
|
import getFiles from './getFiles';
|
|
4
|
+
import { MediaContext } from '../../../utils/media-context';
|
|
4
5
|
|
|
5
6
|
function useGetFiles() {
|
|
6
7
|
const [queryParams, setQueryParams] = useState({
|
|
@@ -14,6 +15,7 @@ function useGetFiles() {
|
|
|
14
15
|
}
|
|
15
16
|
]
|
|
16
17
|
});
|
|
18
|
+
const { fileStores } = useContext(MediaContext) || {};
|
|
17
19
|
const [previousFilter, setPreviousFilter] = useState(null);
|
|
18
20
|
const [previousOffset, setPreviousOffset] = useState(null);
|
|
19
21
|
const [previousSearchTerm, setPreviousSearchTerm] = useState(null);
|
|
@@ -41,7 +43,7 @@ function useGetFiles() {
|
|
|
41
43
|
}
|
|
42
44
|
|
|
43
45
|
const { files, total, all, image, video, text } = await getFiles(
|
|
44
|
-
{ offset, limit, where, sort, searchTerm, isSearch },
|
|
46
|
+
{ offset, limit, where, sort, searchTerm, isSearch, fileStores },
|
|
45
47
|
client
|
|
46
48
|
);
|
|
47
49
|
setData({ files, total, all, image, video, text });
|
|
@@ -114,6 +114,7 @@ const FilterPanel = () => {
|
|
|
114
114
|
<div className="filter-panel__searchBarWrapper">
|
|
115
115
|
<div className="select__wrapper">
|
|
116
116
|
<Select
|
|
117
|
+
defaultTextValue="Any"
|
|
117
118
|
options={storeOptions}
|
|
118
119
|
onChange={onSelectFilter}
|
|
119
120
|
selected={selectedFilter.storeKey}
|
|
@@ -121,7 +122,12 @@ const FilterPanel = () => {
|
|
|
121
122
|
</div>
|
|
122
123
|
<SearchBar
|
|
123
124
|
search={() =>
|
|
124
|
-
changeSelectedFilter({
|
|
125
|
+
changeSelectedFilter({
|
|
126
|
+
filter: selectedFilter.filter,
|
|
127
|
+
isSearch: true,
|
|
128
|
+
searchTerm,
|
|
129
|
+
storeKey: selectedFilter.storeKey
|
|
130
|
+
})
|
|
125
131
|
}
|
|
126
132
|
handleKeyDown={handleKeyDown}
|
|
127
133
|
searchTerm={searchTerm}
|
package/src/constants.js
CHANGED
|
@@ -32,7 +32,7 @@ const STORE_KEY = 'storeKey';
|
|
|
32
32
|
const NAME = 'name';
|
|
33
33
|
|
|
34
34
|
const ALL = 'all';
|
|
35
|
-
const INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...'];
|
|
35
|
+
const INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];
|
|
36
36
|
const PREVIEW = 'Preview';
|
|
37
37
|
const REORDER = 'Reorder';
|
|
38
38
|
const IMAGES = 'Images';
|