@blaze-cms/plugin-media-ui 0.147.0-rc-eagle.2 → 0.147.0-rc-eagle.4
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/lib/components/CardMedia/CardMedia.js +94 -51
- package/lib/components/CardMedia/CardMedia.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFile.js +24 -40
- package/lib/components/EditMediaFile/EditMediaFile.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFilePage.js +14 -7
- package/lib/components/EditMediaFile/EditMediaFilePage.js.map +1 -1
- package/lib/components/FileList/useGetFiles/getFiles.js +6 -3
- package/lib/components/FileList/useGetFiles/getFiles.js.map +1 -1
- package/lib/components/FileList/useGetFiles/useGetFiles.js +7 -2
- package/lib/components/FileList/useGetFiles/useGetFiles.js.map +1 -1
- package/lib/components/FileList/useGetFilesList/useGetFilesList.js +4 -1
- package/lib/components/FileList/useGetFilesList/useGetFilesList.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/schema.js +2 -1
- package/lib/components/FilePreview/PDF/schema.js.map +1 -1
- package/lib/components/FilePreview/index.js +47 -3
- package/lib/components/FilePreview/index.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/FileUploadAdapter/FileUploadAdapter.js +33 -22
- package/lib/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -1
- package/lib/components/FilterPanel/FilterPanel.js +43 -125
- package/lib/components/FilterPanel/FilterPanel.js.map +1 -1
- package/lib/components/FilterPanel/MediaSearchFilter.js +41 -0
- package/lib/components/FilterPanel/MediaSearchFilter.js.map +1 -0
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +5 -4
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -1
- package/lib/components/ListingContainer/ListingContainer.js +4 -1
- package/lib/components/ListingContainer/ListingContainer.js.map +1 -1
- package/lib/constants.js +2 -1
- package/lib/constants.js.map +1 -1
- package/lib-es/components/CardMedia/CardMedia.js +96 -53
- 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/Image/imageSchema.js +8 -4
- package/lib-es/components/FilePreview/Image/imageSchema.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 +47 -3
- package/lib-es/components/FilePreview/index.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/FileUploadAdapter.js +34 -23
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.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/package.json +8 -9
- package/src/components/CardMedia/CardMedia.js +120 -90
- package/src/components/EditMediaFile/EditMediaFile.js +26 -29
- 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 +36 -2
- package/src/components/FilePreview/previewDefault/previewDefaultSchema.js +2 -1
- package/src/components/FileUploadAdapter/FileUploadAdapter.js +24 -14
- 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
|
@@ -12,7 +12,8 @@ const getFromSearch = async ({
|
|
|
12
12
|
limit,
|
|
13
13
|
where,
|
|
14
14
|
client,
|
|
15
|
-
fileStores = []
|
|
15
|
+
fileStores = [],
|
|
16
|
+
esFilters = []
|
|
16
17
|
}) => {
|
|
17
18
|
const allTypesMatches = [{
|
|
18
19
|
match: {
|
|
@@ -33,7 +34,7 @@ const getFromSearch = async ({
|
|
|
33
34
|
}
|
|
34
35
|
}];
|
|
35
36
|
const match = !where.type || where.type === _constants.ALL ? allTypesMatches : matchSpecificType;
|
|
36
|
-
const mustMatch = [];
|
|
37
|
+
const mustMatch = [...esFilters];
|
|
37
38
|
if (searchTerm) {
|
|
38
39
|
mustMatch.push({
|
|
39
40
|
simple_query_string: {
|
|
@@ -168,16 +169,18 @@ const getFromSearch = async ({
|
|
|
168
169
|
};
|
|
169
170
|
};
|
|
170
171
|
const getFiles = ({
|
|
172
|
+
searchTerm,
|
|
171
173
|
offset,
|
|
172
174
|
limit,
|
|
173
175
|
where,
|
|
174
|
-
|
|
176
|
+
esFilters,
|
|
175
177
|
fileStores
|
|
176
178
|
}, client) => getFromSearch({
|
|
177
179
|
searchTerm,
|
|
178
180
|
offset,
|
|
179
181
|
limit,
|
|
180
182
|
where,
|
|
183
|
+
esFilters,
|
|
181
184
|
client,
|
|
182
185
|
fileStores
|
|
183
186
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getFiles.js","names":["_adminUiUtils","require","_constants","getFromSearch","searchTerm","offset","limit","where","client","fileStores","allTypesMatches","match","type","matchSpecificType","ALL","mustMatch","push","simple_query_string","query","analyze_wildcard","fields","storeKeys","INVALID_STORE_KEY_VALUES","includes","storeKey","map","key","bool","should","minimum_should_match","data","files","results","all","image","video","text","getQuery","fetchPolicy","variables","sort","rawQuery","must","rawQueryAllResults","rawQueryImages","rawQueryVideos","rawQueryDocs","getFiles","_default","exports","default"],"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 ({
|
|
1
|
+
{"version":3,"file":"getFiles.js","names":["_adminUiUtils","require","_constants","getFromSearch","searchTerm","offset","limit","where","client","fileStores","esFilters","allTypesMatches","match","type","matchSpecificType","ALL","mustMatch","push","simple_query_string","query","analyze_wildcard","fields","storeKeys","INVALID_STORE_KEY_VALUES","includes","storeKey","map","key","bool","should","minimum_should_match","data","files","results","all","image","video","text","getQuery","fetchPolicy","variables","sort","rawQuery","must","rawQueryAllResults","rawQueryImages","rawQueryVideos","rawQueryDocs","getFiles","_default","exports","default"],"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 ({\n searchTerm,\n offset,\n limit,\n where,\n client,\n fileStores = [],\n esFilters = []\n}) => {\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 = [...esFilters];\n\n if (searchTerm) {\n mustMatch.push({\n simple_query_string: {\n query: `${searchTerm}*`,\n analyze_wildcard: true,\n fields: ['name', 'filename', 'data.altText', 'data.caption', 'data.title', 'data.credits']\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 = ({ searchTerm, offset, limit, where, esFilters, fileStores }, client) =>\n getFromSearch({ searchTerm, offset, limit, where, esFilters, client, fileStores });\n\nexport default getFiles;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,MAAME,aAAa,GAAG,MAAAA,CAAO;EAC3BC,UAAU;EACVC,MAAM;EACNC,KAAK;EACLC,KAAK;EACLC,MAAM;EACNC,UAAU,GAAG,EAAE;EACfC,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,MAAMC,eAAe,GAAG,CACtB;IACEC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAQ;EACzB,CAAC,EACD;IACED,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAQ;EACzB,CAAC,EACD;IACED,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAO;EACxB,CAAC,CACF;EACD,MAAMC,iBAAiB,GAAG,CACxB;IACEF,KAAK,EAAE;MAAEC,IAAI,EAAEN,KAAK,CAACM;IAAK;EAC5B,CAAC,CACF;EACD,MAAMD,KAAK,GAAG,CAACL,KAAK,CAACM,IAAI,IAAIN,KAAK,CAACM,IAAI,KAAKE,cAAG,GAAGJ,eAAe,GAAGG,iBAAiB;EACrF,MAAME,SAAS,GAAG,CAAC,GAAGN,SAAS,CAAC;EAEhC,IAAIN,UAAU,EAAE;IACdY,SAAS,CAACC,IAAI,CAAC;MACbC,mBAAmB,EAAE;QACnBC,KAAK,EAAE,GAAGf,UAAU,GAAG;QACvBgB,gBAAgB,EAAE,IAAI;QACtBC,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc;MAC3F;IACF,CAAC,CAAC;EACJ;EAEA,MAAMC,SAAS,GAAG,EAAE;EACpB,IAAIC,mCAAwB,CAACC,QAAQ,CAACjB,KAAK,CAACkB,QAAQ,CAAC,EAAE;IACrDH,SAAS,CAACL,IAAI,CAAC,GAAGR,UAAU,CAACiB,GAAG,CAAC,CAAC;MAAEC;IAAI,CAAC,KAAKA,GAAG,CAAC,CAAC;EACrD,CAAC,MAAM,IAAIpB,KAAK,CAACkB,QAAQ,EAAE;IACzBH,SAAS,CAACL,IAAI,CAACV,KAAK,CAACkB,QAAQ,CAAC;EAChC;EAEAT,SAAS,CAACC,IAAI,CAAC;IACbW,IAAI,EAAE;MACJC,MAAM,EAAEP,SAAS,CAACI,GAAG,CAACD,QAAQ,KAAK;QACjCb,KAAK,EAAE;UAAEa;QAAS;MACpB,CAAC,CAAC,CAAC;MACHK,oBAAoB,EAAE;IACxB;EACF,CAAC,CAAC;EAEF,MAAM;IACJC,IAAI,EAAE;MACJC,KAAK,EAAE;QAAEC,OAAO,EAAED;MAAM,CAAC;MACzBE,GAAG;MACHC,KAAK;MACLC,KAAK;MACLC;IACF;EACF,CAAC,GAAG,MAAM7B,MAAM,CAACW,KAAK,CAAC;IACrBA,KAAK,EAAE,IAAAmB,sBAAQ,EAAC,oBAAoB,CAAC;IACrCC,WAAW,EAAE,cAAc;IAC3BC,SAAS,EAAE;MACTnC,MAAM;MACNC,KAAK;MACLmC,IAAI,EAAErC,UAAU,GAAG,IAAI,GAAG,cAAc;MACxCsC,QAAQ,EAAE;QACRvB,KAAK,EAAE;UACLS,IAAI,EAAE;YACJe,IAAI,EAAE,CACJ,GAAG3B,SAAS,EACZ;cACEY,IAAI,EAAE;gBACJC,MAAM,EAAEjB;cACV;YACF,CAAC;UAEL;QACF;MACF,CAAC;MACDgC,kBAAkB,EAAE;QAClBzB,KAAK,EAAE;UACLS,IAAI,EAAE;YACJe,IAAI,EAAE,CACJ,GAAG3B,SAAS,EACZ;cACEY,IAAI,EAAE;gBACJC,MAAM,EAAE,CACN;kBACEjB,KAAK,EAAE;oBAAEC,IAAI,EAAE;kBAAQ;gBACzB,CAAC,EACD;kBACED,KAAK,EAAE;oBAAEC,IAAI,EAAE;kBAAQ;gBACzB,CAAC,EACD;kBACED,KAAK,EAAE;oBAAEC,IAAI,EAAE;kBAAO;gBACxB,CAAC;cAEL;YACF,CAAC;UAEL;QACF;MACF,CAAC;MACDgC,cAAc,EAAE;QACd1B,KAAK,EAAE;UACLS,IAAI,EAAE;YACJe,IAAI,EAAE,CACJ,GAAG3B,SAAS,EACZ;cACEY,IAAI,EAAE;gBACJC,MAAM,EAAE,CACN;kBACEjB,KAAK,EAAE;oBAAEC,IAAI,EAAE;kBAAQ;gBACzB,CAAC;cAEL;YACF,CAAC;UAEL;QACF;MACF,CAAC;MACDiC,cAAc,EAAE;QACd3B,KAAK,EAAE;UACLS,IAAI,EAAE;YACJe,IAAI,EAAE,CACJ,GAAG3B,SAAS,EACZ;cACEY,IAAI,EAAE;gBACJC,MAAM,EAAE,CACN;kBACEjB,KAAK,EAAE;oBAAEC,IAAI,EAAE;kBAAQ;gBACzB,CAAC;cAEL;YACF,CAAC;UAEL;QACF;MACF,CAAC;MACDkC,YAAY,EAAE;QACZ5B,KAAK,EAAE;UACLS,IAAI,EAAE;YACJe,IAAI,EAAE,CACJ,GAAG3B,SAAS,EACZ;cACEY,IAAI,EAAE;gBACJC,MAAM,EAAE,CACN;kBACEjB,KAAK,EAAE;oBAAEC,IAAI,EAAE;kBAAO;gBACxB,CAAC;cAEL;YACF,CAAC;UAEL;QACF;MACF;IACF;EACF,CAAC,CAAC;EAEF,OAAO;IAAEmB,KAAK;IAAEE,GAAG;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAK,CAAC;AAC3C,CAAC;AAED,MAAMW,QAAQ,GAAGA,CAAC;EAAE5C,UAAU;EAAEC,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAEG,SAAS;EAAED;AAAW,CAAC,EAAED,MAAM,KACnFL,aAAa,CAAC;EAAEC,UAAU;EAAEC,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAEG,SAAS;EAAEF,MAAM;EAAEC;AAAW,CAAC,CAAC;AAAC,IAAAwC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEtEH,QAAQ","ignoreList":[]}
|
|
@@ -44,9 +44,13 @@ function useGetFiles() {
|
|
|
44
44
|
where,
|
|
45
45
|
sort,
|
|
46
46
|
searchTerm,
|
|
47
|
-
isSearch
|
|
47
|
+
isSearch,
|
|
48
|
+
esFilters
|
|
48
49
|
} = queryParams;
|
|
49
|
-
const newFilter = JSON.stringify(
|
|
50
|
+
const newFilter = JSON.stringify({
|
|
51
|
+
where,
|
|
52
|
+
esFilters
|
|
53
|
+
});
|
|
50
54
|
const isNewFilterSet = newFilter !== previousFilter;
|
|
51
55
|
const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
|
|
52
56
|
const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;
|
|
@@ -72,6 +76,7 @@ function useGetFiles() {
|
|
|
72
76
|
sort,
|
|
73
77
|
searchTerm,
|
|
74
78
|
isSearch,
|
|
79
|
+
esFilters,
|
|
75
80
|
fileStores
|
|
76
81
|
}, client);
|
|
77
82
|
setData({
|
|
@@ -1 +1 @@
|
|
|
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","default","getOwnPropertyDescriptors","defineProperties","defineProperty","useGetFiles","queryParams","setQueryParams","useState","limit","offset","where","sort","property","direction","fileStores","useContext","MediaContext","previousFilter","setPreviousFilter","previousOffset","setPreviousOffset","previousSearchTerm","setPreviousSearchTerm","data","setData","files","total","isLoading","setIsLoading","client","useApolloClient","setParams","newQueryParams","useEffect","searchTerm","isSearch","newFilter","JSON","stringify","isNewFilterSet","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","all","image","video","text","getFiles","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
|
|
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","default","getOwnPropertyDescriptors","defineProperties","defineProperty","useGetFiles","queryParams","setQueryParams","useState","limit","offset","where","sort","property","direction","fileStores","useContext","MediaContext","previousFilter","setPreviousFilter","previousOffset","setPreviousOffset","previousSearchTerm","setPreviousSearchTerm","data","setData","files","total","isLoading","setIsLoading","client","useApolloClient","setParams","newQueryParams","useEffect","searchTerm","isSearch","esFilters","newFilter","JSON","stringify","isNewFilterSet","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","all","image","video","text","getFiles","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, esFilters } = queryParams;\n const newFilter = JSON.stringify({ where, esFilters });\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 const { files, total, all, image, video, text } = await getFiles(\n { offset, limit, where, sort, searchTerm, isSearch, esFilters, 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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","ignoreList":[]}
|
|
@@ -146,7 +146,10 @@ function useGetFilesList() {
|
|
|
146
146
|
const setQueryParams = params => {
|
|
147
147
|
const isNewSearchTerm = params.isSearch && previousSearchTerm !== params.searchTerm;
|
|
148
148
|
const hasDeletedSearchTerm = previousSearchTerm && params.searchTerm === null;
|
|
149
|
-
const newFilter = JSON.stringify(
|
|
149
|
+
const newFilter = JSON.stringify({
|
|
150
|
+
where: params.where,
|
|
151
|
+
esFilters: params.esFilters
|
|
152
|
+
});
|
|
150
153
|
const isNewFilter = newFilter !== previousFilter;
|
|
151
154
|
const shouldClearList = hasDeletedSearchTerm || isNewFilter || isNewSearchTerm;
|
|
152
155
|
shouldClearList ? clearList(params) : setParams(params);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGetFilesList.js","names":["_react","require","_lodash","_interopRequireDefault","_lodash2","_useGetFiles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","useGetFilesList","queryParams","previousFilter","previousSearchTerm","loading","data","files","results","all","image","video","text","setParams","useGetFiles","currentResults","setCurrentResults","useState","allResults","setAllResults","currentFilter","setCurrentFilter","allFilesCounter","setAllFilesCounter","counters","setCounters","useEffect","total","isContentDifferent","differenceWith","isEqual","shouldSetContentIfListIsVoid","removeFile","index","resultsToUpdate","splice","currentFileType","type","updatedFileTypeCounterValue","updateAllFilesCounter","isSearch","updatedCounters","updateFile","file","addNewFile","newFiles","_image","_video","_text","reduce","acc","searchTerm","clearList","params","offset","setQueryParams","isNewSearchTerm","hasDeletedSearchTerm","newFilter","JSON","stringify","where","isNewFilter","shouldClearList","parsedQueryParams","formatCounterNumber","images","videos","documents","n","_default","exports"],"sources":["../../../../src/components/FileList/useGetFilesList/useGetFilesList.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport differenceWith from 'lodash.differencewith';\nimport isEqual from 'lodash.isequal';\nimport useGetFiles from '../useGetFiles';\n\nfunction useGetFilesList() {\n const [\n {\n queryParams,\n previousFilter,\n previousSearchTerm,\n loading,\n data: { files: results, all, image, video, text }\n },\n setParams\n ] = useGetFiles();\n const [currentResults, setCurrentResults] = useState([]);\n const [allResults, setAllResults] = useState([]);\n const [currentFilter, setCurrentFilter] = useState(null);\n const [allFilesCounter, setAllFilesCounter] = useState({ all: 0, text: 0, image: 0, video: 0 });\n const [counters, setCounters] = useState(null);\n\n useEffect(() => {\n if (all && image && video && text) {\n setCounters({\n all: all.total,\n image: image.total,\n video: video.total,\n text: text.total\n });\n }\n }, [all, image, video, text]);\n\n useEffect(\n () => {\n if (!currentFilter && previousFilter) {\n setCurrentFilter(previousFilter);\n }\n\n if (currentFilter !== previousFilter) {\n setAllResults([]);\n setCurrentResults([]);\n return;\n }\n\n const isContentDifferent = !!differenceWith(results, currentResults, isEqual).length;\n if (isContentDifferent) {\n setAllResults([...allResults, ...results]);\n setCurrentResults(results);\n }\n\n const shouldSetContentIfListIsVoid =\n !isContentDifferent && !allResults.length && results.length;\n\n if (shouldSetContentIfListIsVoid) {\n setAllResults(results);\n setCurrentResults(results);\n }\n },\n [currentFilter, currentResults, currentResults.length, previousFilter, results] //eslint-disable-line\n );\n\n const removeFile = ({ index }) => {\n const resultsToUpdate = [...allResults];\n resultsToUpdate.splice(index, 1);\n const currentFileType = resultsToUpdate[index].type;\n const updatedFileTypeCounterValue = allFilesCounter[currentFileType] - 1;\n const updateAllFilesCounter = allFilesCounter.all - 1;\n if (queryParams.isSearch) {\n setCounters({\n ...counters,\n [currentFileType]: counters[currentFileType] - 1,\n all: counters.all - 1\n });\n setAllFilesCounter({\n ...allFilesCounter,\n [currentFileType]: updatedFileTypeCounterValue,\n all: updateAllFilesCounter\n });\n }\n\n if (!queryParams.isSearch) {\n const updatedCounters = {\n ...allFilesCounter,\n [currentFileType]: updatedFileTypeCounterValue,\n all: updateAllFilesCounter\n };\n\n setCounters(updatedCounters);\n setAllFilesCounter(updatedCounters);\n }\n setAllResults(resultsToUpdate);\n };\n\n const updateFile = ({ file, index }) => {\n const resultsToUpdate = [...allResults];\n resultsToUpdate[index] = file;\n setAllResults(resultsToUpdate);\n };\n\n const addNewFile = newFiles => {\n const {\n image: _image,\n video: _video,\n text: _text\n } = newFiles.reduce(\n (acc, { type }) => {\n acc[type] += 1;\n return acc;\n },\n { image: 0, video: 0, text: 0 }\n );\n\n if (queryParams.isSearch) {\n setAllResults([]);\n setParams({ queryParams, isSearch: false, searchTerm: null });\n }\n\n const updatedCounters = {\n all: allFilesCounter.all + _image + _video + _text,\n image: allFilesCounter.image + _image,\n video: allFilesCounter.video + _video,\n text: allFilesCounter.text + _text\n };\n\n setCounters(updatedCounters);\n setAllFilesCounter(updatedCounters);\n setAllResults([...newFiles, ...allResults]);\n };\n\n const clearList = params => {\n setAllResults([]);\n setParams({ ...params, offset: 0 });\n setCounters(allFilesCounter);\n };\n\n const setQueryParams = params => {\n const isNewSearchTerm = params.isSearch && previousSearchTerm !== params.searchTerm;\n const hasDeletedSearchTerm = previousSearchTerm && params.searchTerm === null;\n const newFilter = JSON.stringify(params.where);\n const isNewFilter = newFilter !== previousFilter;\n const shouldClearList = hasDeletedSearchTerm || isNewFilter || isNewSearchTerm;\n shouldClearList ? clearList(params) : setParams(params);\n setCurrentFilter(newFilter);\n };\n\n const parsedQueryParams = {\n ...queryParams,\n where: { ...queryParams.where }\n };\n\n if (parsedQueryParams.where.type === 'all') delete parsedQueryParams.where.type;\n\n return [\n {\n queryParams: parsedQueryParams,\n loading,\n data: {\n files: allResults,\n all: counters ? formatCounterNumber(counters.all) : 0,\n images: counters ? formatCounterNumber(counters.image) : 0,\n videos: counters ? formatCounterNumber(counters.video) : 0,\n documents: counters ? formatCounterNumber(counters.text) : 0\n }\n },\n { setQueryParams, clearList, removeFile, addNewFile, updateFile }\n ];\n}\n\nconst formatCounterNumber = n => (n === 10000 ? '10000+' : n);\n\nexport default useGetFilesList;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"useGetFilesList.js","names":["_react","require","_lodash","_interopRequireDefault","_lodash2","_useGetFiles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","useGetFilesList","queryParams","previousFilter","previousSearchTerm","loading","data","files","results","all","image","video","text","setParams","useGetFiles","currentResults","setCurrentResults","useState","allResults","setAllResults","currentFilter","setCurrentFilter","allFilesCounter","setAllFilesCounter","counters","setCounters","useEffect","total","isContentDifferent","differenceWith","isEqual","shouldSetContentIfListIsVoid","removeFile","index","resultsToUpdate","splice","currentFileType","type","updatedFileTypeCounterValue","updateAllFilesCounter","isSearch","updatedCounters","updateFile","file","addNewFile","newFiles","_image","_video","_text","reduce","acc","searchTerm","clearList","params","offset","setQueryParams","isNewSearchTerm","hasDeletedSearchTerm","newFilter","JSON","stringify","where","esFilters","isNewFilter","shouldClearList","parsedQueryParams","formatCounterNumber","images","videos","documents","n","_default","exports"],"sources":["../../../../src/components/FileList/useGetFilesList/useGetFilesList.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport differenceWith from 'lodash.differencewith';\nimport isEqual from 'lodash.isequal';\nimport useGetFiles from '../useGetFiles';\n\nfunction useGetFilesList() {\n const [\n {\n queryParams,\n previousFilter,\n previousSearchTerm,\n loading,\n data: { files: results, all, image, video, text }\n },\n setParams\n ] = useGetFiles();\n const [currentResults, setCurrentResults] = useState([]);\n const [allResults, setAllResults] = useState([]);\n const [currentFilter, setCurrentFilter] = useState(null);\n const [allFilesCounter, setAllFilesCounter] = useState({ all: 0, text: 0, image: 0, video: 0 });\n const [counters, setCounters] = useState(null);\n\n useEffect(() => {\n if (all && image && video && text) {\n setCounters({\n all: all.total,\n image: image.total,\n video: video.total,\n text: text.total\n });\n }\n }, [all, image, video, text]);\n\n useEffect(\n () => {\n if (!currentFilter && previousFilter) {\n setCurrentFilter(previousFilter);\n }\n\n if (currentFilter !== previousFilter) {\n setAllResults([]);\n setCurrentResults([]);\n return;\n }\n\n const isContentDifferent = !!differenceWith(results, currentResults, isEqual).length;\n if (isContentDifferent) {\n setAllResults([...allResults, ...results]);\n setCurrentResults(results);\n }\n\n const shouldSetContentIfListIsVoid =\n !isContentDifferent && !allResults.length && results.length;\n\n if (shouldSetContentIfListIsVoid) {\n setAllResults(results);\n setCurrentResults(results);\n }\n },\n [currentFilter, currentResults, currentResults.length, previousFilter, results] //eslint-disable-line\n );\n\n const removeFile = ({ index }) => {\n const resultsToUpdate = [...allResults];\n resultsToUpdate.splice(index, 1);\n const currentFileType = resultsToUpdate[index].type;\n const updatedFileTypeCounterValue = allFilesCounter[currentFileType] - 1;\n const updateAllFilesCounter = allFilesCounter.all - 1;\n if (queryParams.isSearch) {\n setCounters({\n ...counters,\n [currentFileType]: counters[currentFileType] - 1,\n all: counters.all - 1\n });\n setAllFilesCounter({\n ...allFilesCounter,\n [currentFileType]: updatedFileTypeCounterValue,\n all: updateAllFilesCounter\n });\n }\n\n if (!queryParams.isSearch) {\n const updatedCounters = {\n ...allFilesCounter,\n [currentFileType]: updatedFileTypeCounterValue,\n all: updateAllFilesCounter\n };\n\n setCounters(updatedCounters);\n setAllFilesCounter(updatedCounters);\n }\n setAllResults(resultsToUpdate);\n };\n\n const updateFile = ({ file, index }) => {\n const resultsToUpdate = [...allResults];\n resultsToUpdate[index] = file;\n setAllResults(resultsToUpdate);\n };\n\n const addNewFile = newFiles => {\n const {\n image: _image,\n video: _video,\n text: _text\n } = newFiles.reduce(\n (acc, { type }) => {\n acc[type] += 1;\n return acc;\n },\n { image: 0, video: 0, text: 0 }\n );\n\n if (queryParams.isSearch) {\n setAllResults([]);\n setParams({ queryParams, isSearch: false, searchTerm: null });\n }\n\n const updatedCounters = {\n all: allFilesCounter.all + _image + _video + _text,\n image: allFilesCounter.image + _image,\n video: allFilesCounter.video + _video,\n text: allFilesCounter.text + _text\n };\n\n setCounters(updatedCounters);\n setAllFilesCounter(updatedCounters);\n setAllResults([...newFiles, ...allResults]);\n };\n\n const clearList = params => {\n setAllResults([]);\n setParams({ ...params, offset: 0 });\n setCounters(allFilesCounter);\n };\n\n const setQueryParams = params => {\n const isNewSearchTerm = params.isSearch && previousSearchTerm !== params.searchTerm;\n const hasDeletedSearchTerm = previousSearchTerm && params.searchTerm === null;\n const newFilter = JSON.stringify({ where: params.where, esFilters: params.esFilters });\n const isNewFilter = newFilter !== previousFilter;\n\n const shouldClearList = hasDeletedSearchTerm || isNewFilter || isNewSearchTerm;\n shouldClearList ? clearList(params) : setParams(params);\n setCurrentFilter(newFilter);\n };\n\n const parsedQueryParams = {\n ...queryParams,\n where: { ...queryParams.where }\n };\n\n if (parsedQueryParams.where.type === 'all') delete parsedQueryParams.where.type;\n\n return [\n {\n queryParams: parsedQueryParams,\n loading,\n data: {\n files: allResults,\n all: counters ? formatCounterNumber(counters.all) : 0,\n images: counters ? formatCounterNumber(counters.image) : 0,\n videos: counters ? formatCounterNumber(counters.video) : 0,\n documents: counters ? formatCounterNumber(counters.text) : 0\n }\n },\n { setQueryParams, clearList, removeFile, addNewFile, updateFile }\n ];\n}\n\nconst formatCounterNumber = n => (n === 10000 ? '10000+' : n);\n\nexport default useGetFilesList;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -29,19 +29,22 @@ const imageSchema = exports.imageSchema = {
|
|
|
29
29
|
showInForm: true,
|
|
30
30
|
label: 'Alt text',
|
|
31
31
|
formFieldType: 'text',
|
|
32
|
-
formPriority: 3.0
|
|
32
|
+
formPriority: 3.0,
|
|
33
|
+
isDataPropery: true
|
|
33
34
|
},
|
|
34
35
|
caption: {
|
|
35
36
|
type: 'string',
|
|
36
37
|
showInForm: true,
|
|
37
38
|
formFieldType: 'text',
|
|
38
|
-
formPriority: 4.0
|
|
39
|
+
formPriority: 4.0,
|
|
40
|
+
isDataPropery: true
|
|
39
41
|
},
|
|
40
42
|
credits: {
|
|
41
43
|
type: 'string',
|
|
42
44
|
showInForm: true,
|
|
43
45
|
formFieldType: 'text',
|
|
44
|
-
formPriority: 5.0
|
|
46
|
+
formPriority: 5.0,
|
|
47
|
+
isDataPropery: true
|
|
45
48
|
},
|
|
46
49
|
hrefUrl: {
|
|
47
50
|
type: 'string',
|
|
@@ -49,7 +52,8 @@ const imageSchema = exports.imageSchema = {
|
|
|
49
52
|
label: 'Image hyperlink',
|
|
50
53
|
showInForm: true,
|
|
51
54
|
formFieldType: 'text',
|
|
52
|
-
description: 'Url format is not valid'
|
|
55
|
+
description: 'Url format is not valid',
|
|
56
|
+
isDataPropery: true
|
|
53
57
|
}
|
|
54
58
|
},
|
|
55
59
|
required: ['name']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"imageSchema.js","names":["imageSchema","exports","settings","formSchema","properties","name","type","showInForm","label","formFieldType","formPriority","storeKey","description","options","altText","caption","credits","hrefUrl","format","required"],"sources":["../../../../src/components/FilePreview/Image/imageSchema.js"],"sourcesContent":["const imageSchema = {\n settings: {},\n formSchema: {\n properties: {\n name: {\n type: 'string',\n showInForm: true,\n label: 'File name',\n formFieldType: 'text',\n formPriority: 1.0\n },\n storeKey: {\n type: 'string',\n showInForm: true,\n label: 'Store type',\n formFieldType: 'select',\n formPriority: 2.0,\n description: 'Please select store type',\n options: []\n },\n altText: {\n type: 'string',\n showInForm: true,\n label: 'Alt text',\n formFieldType: 'text',\n formPriority: 3.0\n },\n caption: {\n type: 'string',\n showInForm: true,\n formFieldType: 'text',\n formPriority: 4.0\n },\n credits: {\n type: 'string',\n showInForm: true,\n formFieldType: 'text',\n formPriority: 5.0\n },\n hrefUrl: {\n type: 'string',\n format: 'uri-template',\n label: 'Image hyperlink',\n showInForm: true,\n formFieldType: 'text',\n description: 'Url format is not valid'\n }\n },\n required: ['name']\n }\n};\n\nexport { imageSchema };\n"],"mappings":";;;;;;AAAA,MAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EAClBE,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDC,QAAQ,EAAE;QACRL,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,YAAY;QACnBC,aAAa,EAAE,QAAQ;QACvBC,YAAY,EAAE,GAAG;QACjBE,WAAW,EAAE,0BAA0B;QACvCC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPR,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,UAAU;QACjBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;
|
|
1
|
+
{"version":3,"file":"imageSchema.js","names":["imageSchema","exports","settings","formSchema","properties","name","type","showInForm","label","formFieldType","formPriority","storeKey","description","options","altText","isDataPropery","caption","credits","hrefUrl","format","required"],"sources":["../../../../src/components/FilePreview/Image/imageSchema.js"],"sourcesContent":["const imageSchema = {\n settings: {},\n formSchema: {\n properties: {\n name: {\n type: 'string',\n showInForm: true,\n label: 'File name',\n formFieldType: 'text',\n formPriority: 1.0\n },\n storeKey: {\n type: 'string',\n showInForm: true,\n label: 'Store type',\n formFieldType: 'select',\n formPriority: 2.0,\n description: 'Please select store type',\n options: []\n },\n altText: {\n type: 'string',\n showInForm: true,\n label: 'Alt text',\n formFieldType: 'text',\n formPriority: 3.0,\n isDataPropery: true\n },\n caption: {\n type: 'string',\n showInForm: true,\n formFieldType: 'text',\n formPriority: 4.0,\n isDataPropery: true\n },\n credits: {\n type: 'string',\n showInForm: true,\n formFieldType: 'text',\n formPriority: 5.0,\n isDataPropery: true\n },\n hrefUrl: {\n type: 'string',\n format: 'uri-template',\n label: 'Image hyperlink',\n showInForm: true,\n formFieldType: 'text',\n description: 'Url format is not valid',\n isDataPropery: true\n }\n },\n required: ['name']\n }\n};\n\nexport { imageSchema };\n"],"mappings":";;;;;;AAAA,MAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EAClBE,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDC,QAAQ,EAAE;QACRL,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,YAAY;QACnBC,aAAa,EAAE,QAAQ;QACvBC,YAAY,EAAE,GAAG;QACjBE,WAAW,EAAE,0BAA0B;QACvCC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPR,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,UAAU;QACjBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE,GAAG;QACjBK,aAAa,EAAE;MACjB,CAAC;MACDC,OAAO,EAAE;QACPV,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE,GAAG;QACjBK,aAAa,EAAE;MACjB,CAAC;MACDE,OAAO,EAAE;QACPX,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE,GAAG;QACjBK,aAAa,EAAE;MACjB,CAAC;MACDG,OAAO,EAAE;QACPZ,IAAI,EAAE,QAAQ;QACda,MAAM,EAAE,cAAc;QACtBX,KAAK,EAAE,iBAAiB;QACxBD,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBG,WAAW,EAAE,yBAAyB;QACtCG,aAAa,EAAE;MACjB;IACF,CAAC;IACDK,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schema.js","names":["PDFSchema","exports","settings","formSchema","properties","name","type","showInForm","label","formFieldType","caption","required"],"sources":["../../../../src/components/FilePreview/PDF/schema.js"],"sourcesContent":["const PDFSchema = {\n settings: {},\n formSchema: {\n properties: {\n name: {\n type: 'string',\n showInForm: true,\n label: 'File name',\n formFieldType: 'text'\n },\n caption: {\n type: 'string',\n showInForm: true,\n formFieldType: 'text'\n }\n },\n required: ['name']\n }\n};\n\nexport { PDFSchema };\n"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EAChBE,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE;MACjB,CAAC;MACDC,OAAO,EAAE;QACPJ,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE;MACjB;IACF,CAAC;
|
|
1
|
+
{"version":3,"file":"schema.js","names":["PDFSchema","exports","settings","formSchema","properties","name","type","showInForm","label","formFieldType","caption","isDataPropery","required"],"sources":["../../../../src/components/FilePreview/PDF/schema.js"],"sourcesContent":["const PDFSchema = {\n settings: {},\n formSchema: {\n properties: {\n name: {\n type: 'string',\n showInForm: true,\n label: 'File name',\n formFieldType: 'text'\n },\n caption: {\n type: 'string',\n showInForm: true,\n formFieldType: 'text',\n isDataPropery: true\n }\n },\n required: ['name']\n }\n};\n\nexport { PDFSchema };\n"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EAChBE,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE;MACjB,CAAC;MACDC,OAAO,EAAE;QACPJ,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBE,aAAa,EAAE;MACjB;IACF,CAAC;IACDC,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC","ignoreList":[]}
|
|
@@ -5,12 +5,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
11
|
var _react = _interopRequireDefault(require("react"));
|
|
11
12
|
var _reactFormBuilder = require("@blaze-cms/react-form-builder");
|
|
12
13
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
|
+
var _client = require("@apollo/client");
|
|
15
|
+
var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
|
|
13
16
|
var _getPreview = require("./get-preview");
|
|
17
|
+
var _constants = require("../../constants");
|
|
18
|
+
const _excluded = ["name", "storeKey"];
|
|
14
19
|
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; }
|
|
15
20
|
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; }
|
|
16
21
|
const FilePreview = ({
|
|
@@ -23,6 +28,36 @@ const FilePreview = ({
|
|
|
23
28
|
showChangeButton,
|
|
24
29
|
disableFilePreview
|
|
25
30
|
}) => {
|
|
31
|
+
const {
|
|
32
|
+
data: schemaData = {
|
|
33
|
+
getEntitySchemas: [{
|
|
34
|
+
properties: {},
|
|
35
|
+
actions: {
|
|
36
|
+
get: 'getFile'
|
|
37
|
+
}
|
|
38
|
+
}]
|
|
39
|
+
},
|
|
40
|
+
loading: schemaLoading
|
|
41
|
+
} = (0, _client.useQuery)((0, _adminUiUtils.getQuery)('GET_ENTITY_SCHEMA'), {
|
|
42
|
+
variables: {
|
|
43
|
+
identifier: 'file'
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
const [fileSchema] = schemaData && schemaData.getEntitySchemas ? schemaData.getEntitySchemas : [];
|
|
47
|
+
const fileQuery = (0, _adminUiUtils.getDynamicQuery)('DATA_QUERY')(fileSchema, file.id, null, _constants.FILE_DEFAULT_PROPS);
|
|
48
|
+
const {
|
|
49
|
+
loading,
|
|
50
|
+
data: {
|
|
51
|
+
entityData: fileData
|
|
52
|
+
} = {}
|
|
53
|
+
} = (0, _client.useQuery)(fileQuery, {
|
|
54
|
+
variables: {
|
|
55
|
+
id: file.id
|
|
56
|
+
},
|
|
57
|
+
fetchPolicy: 'cache-and-network',
|
|
58
|
+
skip: !fileSchema || !fileSchema.id
|
|
59
|
+
});
|
|
60
|
+
if (!fileSchema || schemaLoading || loading) return null;
|
|
26
61
|
const {
|
|
27
62
|
name,
|
|
28
63
|
url,
|
|
@@ -30,7 +65,7 @@ const FilePreview = ({
|
|
|
30
65
|
data,
|
|
31
66
|
store,
|
|
32
67
|
updated
|
|
33
|
-
} =
|
|
68
|
+
} = fileData;
|
|
34
69
|
const bustUrl = (srcUrl, version) => {
|
|
35
70
|
if (!srcUrl) return srcUrl;
|
|
36
71
|
const sep = srcUrl.includes('?') ? '&' : '?';
|
|
@@ -42,6 +77,15 @@ const FilePreview = ({
|
|
|
42
77
|
previewType
|
|
43
78
|
});
|
|
44
79
|
const shouldRenderForm = schema && displayForm;
|
|
80
|
+
const {
|
|
81
|
+
properties
|
|
82
|
+
} = fileSchema;
|
|
83
|
+
const {
|
|
84
|
+
name: nameProp,
|
|
85
|
+
storeKey: storeKeyProp
|
|
86
|
+
} = properties,
|
|
87
|
+
restProperties = (0, _objectWithoutProperties2.default)(properties, _excluded);
|
|
88
|
+
(0, _extends2.default)(schema.formSchema.properties, restProperties);
|
|
45
89
|
if (shouldRenderForm && store) {
|
|
46
90
|
const {
|
|
47
91
|
defaultStore = {},
|
|
@@ -58,7 +102,7 @@ const FilePreview = ({
|
|
|
58
102
|
}
|
|
59
103
|
}
|
|
60
104
|
const formBuilderData = {
|
|
61
|
-
values: _objectSpread(_objectSpread({}, data),
|
|
105
|
+
values: _objectSpread(_objectSpread({}, data), fileData)
|
|
62
106
|
};
|
|
63
107
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Preview, (0, _extends2.default)({
|
|
64
108
|
mimetype: mimetype,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactFormBuilder","_propTypes","_getPreview","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","FilePreview","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","name","url","mimetype","data","store","updated","bustUrl","srcUrl","version","sep","includes","Date","now","displayUrl","Preview","schema","getPreview","shouldRenderForm","defaultStore","storeOptions","formSchema","properties","storeKey","options","key","selected","formBuilderData","values","createElement","Fragment","_extends2","className","filename","FormBuilder","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","PropTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","oneOfType","array","defaultProps","_default","exports"],"sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import React from 'react';\nimport { FormBuilder } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { getPreview } from './get-preview';\n\nconst FilePreview = ({\n file,\n handleFormChange,\n displayForm,\n previewType,\n children,\n handleChangeFile,\n showChangeButton,\n disableFilePreview\n}) => {\n const { name, url, mimetype, data, store, updated } = file;\n const bustUrl = (srcUrl, version) => {\n if (!srcUrl) return srcUrl;\n const sep = srcUrl.includes('?') ? '&' : '?';\n return `${srcUrl}${sep}v=${version || Date.now()}`;\n };\n const displayUrl = bustUrl(url, updated);\n const [Preview, schema] = getPreview({ mimetype, previewType });\n const shouldRenderForm = schema && displayForm;\n\n if (shouldRenderForm && store) {\n const { defaultStore = {}, storeOptions = [] } = store;\n if (schema.formSchema.properties.storeKey) {\n schema.formSchema.properties.storeKey.options = storeOptions;\n if (defaultStore) {\n const { key } = defaultStore;\n schema.formSchema.properties.storeKey.selected = key;\n }\n }\n }\n\n const formBuilderData = { values: { ...data, ...file } };\n\n return (\n <>\n <Preview\n mimetype={mimetype}\n url={displayUrl}\n name={name}\n {...data}\n file={file}\n handleChangeFile={handleChangeFile}\n disableFilePreview={disableFilePreview}\n showChangeButton={showChangeButton}>\n {shouldRenderForm && (\n <div className=\"preview__details\">\n <div className=\"preview__filename\">{file.filename}</div>\n <FormBuilder\n formClassName=\"preview__form\"\n onChange={handleFormChange}\n data={formBuilderData}\n schema={schema.formSchema}\n />\n </div>\n )}\n </Preview>\n {children}\n </>\n );\n};\n\nFilePreview.availablePreviewTypes = {\n card: 'card',\n raw: 'raw'\n};\n\nFilePreview.propTypes = {\n file: PropTypes.object.isRequired,\n fileName: PropTypes.string,\n handleFormChange: PropTypes.func,\n handleChangeFile: PropTypes.func,\n displayForm: PropTypes.bool,\n handlers: PropTypes.object,\n previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),\n showChangeButton: PropTypes.bool,\n disableFilePreview: PropTypes.bool\n};\n\nFilePreview.defaultProps = {\n displayForm: false,\n fileName: '',\n handlers: {},\n previewType: FilePreview.availablePreviewTypes.card,\n handleFormChange: () => {},\n handleChangeFile: () => {},\n children: [],\n showChangeButton: false,\n disableFilePreview: true\n};\n\nexport default FilePreview;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactFormBuilder","_propTypes","_client","_adminUiUtils","_getPreview","_constants","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","FilePreview","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","data","schemaData","getEntitySchemas","properties","actions","get","loading","schemaLoading","useQuery","getQuery","variables","identifier","fileSchema","fileQuery","getDynamicQuery","id","FILE_DEFAULT_PROPS","entityData","fileData","fetchPolicy","skip","name","url","mimetype","store","updated","bustUrl","srcUrl","version","sep","includes","Date","now","displayUrl","Preview","schema","getPreview","shouldRenderForm","nameProp","storeKey","storeKeyProp","restProperties","_objectWithoutProperties2","_extends2","formSchema","defaultStore","storeOptions","options","key","selected","formBuilderData","values","createElement","Fragment","className","filename","FormBuilder","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","PropTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","oneOfType","array","defaultProps","_default","exports"],"sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import React from 'react';\nimport { FormBuilder } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getQuery, getDynamicQuery } from '@blaze-cms/admin-ui-utils';\nimport { getPreview } from './get-preview';\nimport { FILE_DEFAULT_PROPS } from '../../constants';\n\nconst FilePreview = ({\n file,\n handleFormChange,\n displayForm,\n previewType,\n children,\n handleChangeFile,\n showChangeButton,\n disableFilePreview\n}) => {\n const {\n data: schemaData = {\n getEntitySchemas: [\n {\n properties: {},\n actions: {\n get: 'getFile'\n }\n }\n ]\n },\n loading: schemaLoading\n } = useQuery(getQuery('GET_ENTITY_SCHEMA'), {\n variables: { identifier: 'file' }\n });\n\n const [fileSchema] = schemaData && schemaData.getEntitySchemas ? schemaData.getEntitySchemas : [];\n\n const fileQuery = getDynamicQuery('DATA_QUERY')(fileSchema, file.id, null, FILE_DEFAULT_PROPS);\n const { loading, data: { entityData: fileData } = {} } = useQuery(fileQuery, {\n variables: { id: file.id },\n fetchPolicy: 'cache-and-network',\n skip: !fileSchema || !fileSchema.id\n });\n\n if (!fileSchema || schemaLoading || loading) return null;\n\n const { name, url, mimetype, data, store, updated } = fileData;\n const bustUrl = (srcUrl, version) => {\n if (!srcUrl) return srcUrl;\n const sep = srcUrl.includes('?') ? '&' : '?';\n return `${srcUrl}${sep}v=${version || Date.now()}`;\n };\n const displayUrl = bustUrl(url, updated);\n const [Preview, schema] = getPreview({ mimetype, previewType });\n const shouldRenderForm = schema && displayForm;\n\n const { properties } = fileSchema;\n const { name: nameProp, storeKey: storeKeyProp, ...restProperties } = properties;\n Object.assign(schema.formSchema.properties, restProperties);\n\n if (shouldRenderForm && store) {\n const { defaultStore = {}, storeOptions = [] } = store;\n if (schema.formSchema.properties.storeKey) {\n schema.formSchema.properties.storeKey.options = storeOptions;\n if (defaultStore) {\n const { key } = defaultStore;\n schema.formSchema.properties.storeKey.selected = key;\n }\n }\n }\n\n const formBuilderData = { values: { ...data, ...fileData } };\n\n return (\n <>\n <Preview\n mimetype={mimetype}\n url={displayUrl}\n name={name}\n {...data}\n file={file}\n handleChangeFile={handleChangeFile}\n disableFilePreview={disableFilePreview}\n showChangeButton={showChangeButton}>\n {shouldRenderForm && (\n <div className=\"preview__details\">\n <div className=\"preview__filename\">{file.filename}</div>\n <FormBuilder\n formClassName=\"preview__form\"\n onChange={handleFormChange}\n data={formBuilderData}\n schema={schema.formSchema}\n />\n </div>\n )}\n </Preview>\n {children}\n </>\n );\n};\n\nFilePreview.availablePreviewTypes = {\n card: 'card',\n raw: 'raw'\n};\n\nFilePreview.propTypes = {\n file: PropTypes.object.isRequired,\n fileName: PropTypes.string,\n handleFormChange: PropTypes.func,\n handleChangeFile: PropTypes.func,\n displayForm: PropTypes.bool,\n handlers: PropTypes.object,\n previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),\n showChangeButton: PropTypes.bool,\n disableFilePreview: PropTypes.bool\n};\n\nFilePreview.defaultProps = {\n displayForm: false,\n fileName: '',\n handlers: {},\n previewType: FilePreview.availablePreviewTypes.card,\n handleFormChange: () => {},\n handleChangeFile: () => {},\n children: [],\n showChangeButton: false,\n disableFilePreview: true\n};\n\nexport default FilePreview;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAqD,MAAAO,SAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAErD,MAAMqB,WAAW,GAAGA,CAAC;EACnBC,IAAI;EACJC,gBAAgB;EAChBC,WAAW;EACXC,WAAW;EACXC,QAAQ;EACRC,gBAAgB;EAChBC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAM;IACJC,IAAI,EAAEC,UAAU,GAAG;MACjBC,gBAAgB,EAAE,CAChB;QACEC,UAAU,EAAE,CAAC,CAAC;QACdC,OAAO,EAAE;UACPC,GAAG,EAAE;QACP;MACF,CAAC;IAEL,CAAC;IACDC,OAAO,EAAEC;EACX,CAAC,GAAG,IAAAC,gBAAQ,EAAC,IAAAC,sBAAQ,EAAC,mBAAmB,CAAC,EAAE;IAC1CC,SAAS,EAAE;MAAEC,UAAU,EAAE;IAAO;EAClC,CAAC,CAAC;EAEF,MAAM,CAACC,UAAU,CAAC,GAAGX,UAAU,IAAIA,UAAU,CAACC,gBAAgB,GAAGD,UAAU,CAACC,gBAAgB,GAAG,EAAE;EAEjG,MAAMW,SAAS,GAAG,IAAAC,6BAAe,EAAC,YAAY,CAAC,CAACF,UAAU,EAAEpB,IAAI,CAACuB,EAAE,EAAE,IAAI,EAAEC,6BAAkB,CAAC;EAC9F,MAAM;IAAEV,OAAO;IAAEN,IAAI,EAAE;MAAEiB,UAAU,EAAEC;IAAS,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAV,gBAAQ,EAACK,SAAS,EAAE;IAC3EH,SAAS,EAAE;MAAEK,EAAE,EAAEvB,IAAI,CAACuB;IAAG,CAAC;IAC1BI,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAACR,UAAU,IAAI,CAACA,UAAU,CAACG;EACnC,CAAC,CAAC;EAEF,IAAI,CAACH,UAAU,IAAIL,aAAa,IAAID,OAAO,EAAE,OAAO,IAAI;EAExD,MAAM;IAAEe,IAAI;IAAEC,GAAG;IAAEC,QAAQ;IAAEvB,IAAI;IAAEwB,KAAK;IAAEC;EAAQ,CAAC,GAAGP,QAAQ;EAC9D,MAAMQ,OAAO,GAAGA,CAACC,MAAM,EAAEC,OAAO,KAAK;IACnC,IAAI,CAACD,MAAM,EAAE,OAAOA,MAAM;IAC1B,MAAME,GAAG,GAAGF,MAAM,CAACG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG;IAC5C,OAAO,GAAGH,MAAM,GAAGE,GAAG,KAAKD,OAAO,IAAIG,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE;EACpD,CAAC;EACD,MAAMC,UAAU,GAAGP,OAAO,CAACJ,GAAG,EAAEG,OAAO,CAAC;EACxC,MAAM,CAACS,OAAO,EAAEC,MAAM,CAAC,GAAG,IAAAC,sBAAU,EAAC;IAAEb,QAAQ;IAAE5B;EAAY,CAAC,CAAC;EAC/D,MAAM0C,gBAAgB,GAAGF,MAAM,IAAIzC,WAAW;EAE9C,MAAM;IAAES;EAAW,CAAC,GAAGS,UAAU;EACjC,MAAM;MAAES,IAAI,EAAEiB,QAAQ;MAAEC,QAAQ,EAAEC;IAAgC,CAAC,GAAGrC,UAAU;IAA7BsC,cAAc,OAAAC,yBAAA,CAAAvD,OAAA,EAAKgB,UAAU,EAAAnC,SAAA;EAChF,IAAA2E,SAAA,CAAAxD,OAAA,EAAcgD,MAAM,CAACS,UAAU,CAACzC,UAAU,EAAEsC,cAAc,CAAC;EAE3D,IAAIJ,gBAAgB,IAAIb,KAAK,EAAE;IAC7B,MAAM;MAAEqB,YAAY,GAAG,CAAC,CAAC;MAAEC,YAAY,GAAG;IAAG,CAAC,GAAGtB,KAAK;IACtD,IAAIW,MAAM,CAACS,UAAU,CAACzC,UAAU,CAACoC,QAAQ,EAAE;MACzCJ,MAAM,CAACS,UAAU,CAACzC,UAAU,CAACoC,QAAQ,CAACQ,OAAO,GAAGD,YAAY;MAC5D,IAAID,YAAY,EAAE;QAChB,MAAM;UAAEG;QAAI,CAAC,GAAGH,YAAY;QAC5BV,MAAM,CAACS,UAAU,CAACzC,UAAU,CAACoC,QAAQ,CAACU,QAAQ,GAAGD,GAAG;MACtD;IACF;EACF;EAEA,MAAME,eAAe,GAAG;IAAEC,MAAM,EAAArE,aAAA,CAAAA,aAAA,KAAOkB,IAAI,GAAKkB,QAAQ;EAAG,CAAC;EAE5D,oBACE3D,MAAA,CAAA4B,OAAA,CAAAiE,aAAA,CAAA7F,MAAA,CAAA4B,OAAA,CAAAkE,QAAA,qBACE9F,MAAA,CAAA4B,OAAA,CAAAiE,aAAA,CAAClB,OAAO,MAAAS,SAAA,CAAAxD,OAAA;IACNoC,QAAQ,EAAEA,QAAS;IACnBD,GAAG,EAAEW,UAAW;IAChBZ,IAAI,EAAEA;EAAK,GACPrB,IAAI;IACRR,IAAI,EAAEA,IAAK;IACXK,gBAAgB,EAAEA,gBAAiB;IACnCE,kBAAkB,EAAEA,kBAAmB;IACvCD,gBAAgB,EAAEA;EAAiB,IAClCuC,gBAAgB,iBACf9E,MAAA,CAAA4B,OAAA,CAAAiE,aAAA;IAAKE,SAAS,EAAC;EAAkB,gBAC/B/F,MAAA,CAAA4B,OAAA,CAAAiE,aAAA;IAAKE,SAAS,EAAC;EAAmB,GAAE9D,IAAI,CAAC+D,QAAc,CAAC,eACxDhG,MAAA,CAAA4B,OAAA,CAAAiE,aAAA,CAAC1F,iBAAA,CAAA8F,WAAW;IACVC,aAAa,EAAC,eAAe;IAC7BC,QAAQ,EAAEjE,gBAAiB;IAC3BO,IAAI,EAAEkD,eAAgB;IACtBf,MAAM,EAAEA,MAAM,CAACS;EAAW,CAC3B,CACE,CAEA,CAAC,EACThD,QACD,CAAC;AAEP,CAAC;AAEDL,WAAW,CAACoE,qBAAqB,GAAG;EAClCC,IAAI,EAAE,MAAM;EACZC,GAAG,EAAE;AACP,CAAC;AAEDtE,WAAW,CAACuE,SAAS,GAAG;EACtBtE,IAAI,EAAEuE,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCC,QAAQ,EAAEH,kBAAS,CAACI,MAAM;EAC1B1E,gBAAgB,EAAEsE,kBAAS,CAACK,IAAI;EAChCvE,gBAAgB,EAAEkE,kBAAS,CAACK,IAAI;EAChC1E,WAAW,EAAEqE,kBAAS,CAACM,IAAI;EAC3BC,QAAQ,EAAEP,kBAAS,CAACC,MAAM;EAC1BrE,WAAW,EAAEoE,kBAAS,CAACQ,KAAK,CAAClG,MAAM,CAACC,IAAI,CAACiB,WAAW,CAACoE,qBAAqB,CAAC,CAAC;EAC5E/D,QAAQ,EAAEmE,kBAAS,CAACS,SAAS,CAAC,CAACT,kBAAS,CAACU,KAAK,EAAEV,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACI,MAAM,CAAC,CAAC;EACpFrE,gBAAgB,EAAEiE,kBAAS,CAACM,IAAI;EAChCtE,kBAAkB,EAAEgE,kBAAS,CAACM;AAChC,CAAC;AAED9E,WAAW,CAACmF,YAAY,GAAG;EACzBhF,WAAW,EAAE,KAAK;EAClBwE,QAAQ,EAAE,EAAE;EACZI,QAAQ,EAAE,CAAC,CAAC;EACZ3E,WAAW,EAAEJ,WAAW,CAACoE,qBAAqB,CAACC,IAAI;EACnDnE,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1BI,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1BD,QAAQ,EAAE,EAAE;EACZE,gBAAgB,EAAE,KAAK;EACvBC,kBAAkB,EAAE;AACtB,CAAC;AAAC,IAAA4E,QAAA,GAAAC,OAAA,CAAAzF,OAAA,GAEaI,WAAW","ignoreList":[]}
|
|
@@ -21,7 +21,8 @@ const previewDefaultSchema = exports.previewDefaultSchema = {
|
|
|
21
21
|
label: 'url',
|
|
22
22
|
showInForm: true,
|
|
23
23
|
formFieldType: 'text',
|
|
24
|
-
description: 'Url format is not valid'
|
|
24
|
+
description: 'Url format is not valid',
|
|
25
|
+
isDataPropery: true
|
|
25
26
|
}
|
|
26
27
|
},
|
|
27
28
|
required: ['name']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"previewDefaultSchema.js","names":["previewDefaultSchema","exports","settings","formSchema","properties","name","type","showInForm","label","formFieldType","formPriority","hrefUrl","format","description","required"],"sources":["../../../../src/components/FilePreview/previewDefault/previewDefaultSchema.js"],"sourcesContent":["const previewDefaultSchema = {\n settings: {},\n formSchema: {\n properties: {\n name: {\n type: 'string',\n showInForm: true,\n label: 'File name',\n formFieldType: 'text',\n formPriority: 1.0\n },\n hrefUrl: {\n type: 'string',\n format: 'uri-template',\n label: 'url',\n showInForm: true,\n formFieldType: 'text',\n description: 'Url format is not valid'\n }\n },\n required: ['name']\n }\n};\n\nexport { previewDefaultSchema };\n"],"mappings":";;;;;;AAAA,MAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG;EAC3BE,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDC,OAAO,EAAE;QACPL,IAAI,EAAE,QAAQ;QACdM,MAAM,EAAE,cAAc;QACtBJ,KAAK,EAAE,KAAK;QACZD,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBI,WAAW,EAAE;
|
|
1
|
+
{"version":3,"file":"previewDefaultSchema.js","names":["previewDefaultSchema","exports","settings","formSchema","properties","name","type","showInForm","label","formFieldType","formPriority","hrefUrl","format","description","isDataPropery","required"],"sources":["../../../../src/components/FilePreview/previewDefault/previewDefaultSchema.js"],"sourcesContent":["const previewDefaultSchema = {\n settings: {},\n formSchema: {\n properties: {\n name: {\n type: 'string',\n showInForm: true,\n label: 'File name',\n formFieldType: 'text',\n formPriority: 1.0\n },\n hrefUrl: {\n type: 'string',\n format: 'uri-template',\n label: 'url',\n showInForm: true,\n formFieldType: 'text',\n description: 'Url format is not valid',\n isDataPropery: true\n }\n },\n required: ['name']\n }\n};\n\nexport { previewDefaultSchema };\n"],"mappings":";;;;;;AAAA,MAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG;EAC3BE,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDC,OAAO,EAAE;QACPL,IAAI,EAAE,QAAQ;QACdM,MAAM,EAAE,cAAc;QACtBJ,KAAK,EAAE,KAAK;QACZD,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBI,WAAW,EAAE,yBAAyB;QACtCC,aAAa,EAAE;MACjB;IACF,CAAC;IACDC,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC","ignoreList":[]}
|
|
@@ -11,7 +11,6 @@ var _fileUpload = _interopRequireDefault(require("@blaze-react/file-upload"));
|
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
var _client = require("@apollo/client");
|
|
13
13
|
var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
|
|
14
|
-
var _reactFormBuilder = require("@blaze-cms/react-form-builder");
|
|
15
14
|
var _toaster = require("@blaze-react/toaster");
|
|
16
15
|
var _tooltip = _interopRequireDefault(require("@blaze-react/tooltip"));
|
|
17
16
|
var _constants = require("../../constants");
|
|
@@ -58,6 +57,15 @@ const FileUploadAdapter = ({
|
|
|
58
57
|
const {
|
|
59
58
|
addToast
|
|
60
59
|
} = (0, _toaster.useToasts)();
|
|
60
|
+
const {
|
|
61
|
+
data: {
|
|
62
|
+
getEntitySchemas: [schemaData] = []
|
|
63
|
+
} = {}
|
|
64
|
+
} = (0, _client.useQuery)((0, _adminUiUtils.getQuery)('GET_ENTITY_SCHEMA'), {
|
|
65
|
+
variables: {
|
|
66
|
+
identifier: 'file'
|
|
67
|
+
}
|
|
68
|
+
});
|
|
61
69
|
const getFiles = async (offset, ids, fetchAll = previewAllFiles) => {
|
|
62
70
|
const {
|
|
63
71
|
data: {
|
|
@@ -186,22 +194,25 @@ const FileUploadAdapter = ({
|
|
|
186
194
|
setEditFile(selectedEditFile);
|
|
187
195
|
};
|
|
188
196
|
const handleEditFileForm = editedFile => {
|
|
189
|
-
const
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
name,
|
|
199
|
-
data: {
|
|
200
|
-
altText,
|
|
201
|
-
caption,
|
|
202
|
-
credits,
|
|
203
|
-
hrefUrl
|
|
197
|
+
const dataValues = editedFile.valuesChecked.reduce((acc, {
|
|
198
|
+
id: formValueId,
|
|
199
|
+
value: formValue,
|
|
200
|
+
isDataPropery
|
|
201
|
+
}) => {
|
|
202
|
+
if (isDataPropery) {
|
|
203
|
+
acc.data[formValueId] = formValue;
|
|
204
|
+
} else {
|
|
205
|
+
acc[formValueId] = formValue;
|
|
204
206
|
}
|
|
207
|
+
return acc;
|
|
208
|
+
}, {
|
|
209
|
+
id: editFile.id,
|
|
210
|
+
data: _objectSpread({}, editFile.data)
|
|
211
|
+
});
|
|
212
|
+
delete dataValues.data.__typename; // Remove __typename if it exists in data to avoid issues with Apollo cache.
|
|
213
|
+
|
|
214
|
+
setEditFile(_objectSpread(_objectSpread({}, editFile), {}, {
|
|
215
|
+
formData: dataValues
|
|
205
216
|
}));
|
|
206
217
|
};
|
|
207
218
|
const orderFiles = (files, ids) => ids.map(currentId => files.find(({
|
|
@@ -232,7 +243,8 @@ const FileUploadAdapter = ({
|
|
|
232
243
|
const {
|
|
233
244
|
name,
|
|
234
245
|
id: editedFileId,
|
|
235
|
-
data
|
|
246
|
+
data,
|
|
247
|
+
formData
|
|
236
248
|
} = editFile;
|
|
237
249
|
const updatedSelectedFiles = selectedFiles.map(selectedFile => {
|
|
238
250
|
if (selectedFile.id === editedFileId) {
|
|
@@ -248,11 +260,9 @@ const FileUploadAdapter = ({
|
|
|
248
260
|
await client.mutate({
|
|
249
261
|
mutation: (0, _adminUiUtils.getMutation)('UPDATE_FILE'),
|
|
250
262
|
variables: {
|
|
251
|
-
input: {
|
|
252
|
-
name,
|
|
253
|
-
data,
|
|
263
|
+
input: _objectSpread(_objectSpread({}, formData), {}, {
|
|
254
264
|
id: editedFileId
|
|
255
|
-
}
|
|
265
|
+
})
|
|
256
266
|
},
|
|
257
267
|
update(cache, {
|
|
258
268
|
data: {
|
|
@@ -336,7 +346,8 @@ const FileUploadAdapter = ({
|
|
|
336
346
|
handleFormChange: handleEditFileForm,
|
|
337
347
|
displayForm: true,
|
|
338
348
|
previewType: "card",
|
|
339
|
-
disableFilePreview: disableFilePreview
|
|
349
|
+
disableFilePreview: disableFilePreview,
|
|
350
|
+
schemaData: schemaData
|
|
340
351
|
})), displayFileUploadModal && simpleLayout && /*#__PURE__*/_react.default.createElement("div", {
|
|
341
352
|
className: "file-upload-modal-wrapper"
|
|
342
353
|
}, /*#__PURE__*/_react.default.createElement(_ListingContainer.default, {
|