@blaze-cms/plugin-media-ui 0.146.0-node18-core-styles-tooltips.60 → 0.146.0-node18-tooltips.49
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 +33 -83
- package/lib/components/CardMedia/CardMedia.js +5 -5
- package/lib/components/CardMedia/CardMedia.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFile.js +4 -5
- package/lib/components/EditMediaFile/EditMediaFile.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFilePage.js +2 -2
- package/lib/components/EditMediaFile/EditMediaFilePage.js.map +1 -1
- package/lib/components/FileList/useGetFiles/getFiles.js +2 -1
- package/lib/components/FileList/useGetFiles/getFiles.js.map +1 -1
- package/lib/components/FileList/useGetFiles/useGetFiles.js +2 -1
- package/lib/components/FileList/useGetFiles/useGetFiles.js.map +1 -1
- package/lib/components/FileList/useGetFilesList/getCounters.js +1 -1
- package/lib/components/FileList/useGetFilesList/getCounters.js.map +1 -1
- package/lib/components/FileList/useGetFilesList/useGetFilesList.js +1 -0
- package/lib/components/FileList/useGetFilesList/useGetFilesList.js.map +1 -1
- package/lib/components/FilePreview/Actions/index.js +1 -1
- package/lib/components/FilePreview/Actions/index.js.map +1 -1
- package/lib/components/FilePreview/Image/Image.js.map +1 -1
- package/lib/components/FilePreview/PDF/PDF.js.map +1 -1
- package/lib/components/FilePreview/index.js +0 -1
- package/lib/components/FilePreview/index.js.map +1 -1
- package/lib/components/FilePreview/previewDefault/PreviewDefault.js.map +1 -1
- package/lib/components/FilePreviewReadOnly/FilePreviewList.js +1 -0
- package/lib/components/FilePreviewReadOnly/FilePreviewList.js.map +1 -1
- package/lib/components/FilePreviewReadOnly/FilePreviewReadOnly.js +3 -3
- package/lib/components/FilePreviewReadOnly/FilePreviewReadOnly.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileList.js +1 -1
- package/lib/components/FileUploadAdapter/FileList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FilePreviewList.js +1 -0
- package/lib/components/FileUploadAdapter/FilePreviewList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileReorderList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileUploadAdapter.js +11 -11
- package/lib/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -1
- package/lib/components/FileUploadModal/FileUploadModal.js +3 -3
- package/lib/components/FileUploadModal/FileUploadModal.js.map +1 -1
- package/lib/components/ListingContainer/Listing/Listing.js.map +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaListing.js +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaListing.js.map +1 -1
- package/lib/components/ListingContainer/ListingContainer.js +1 -1
- package/lib/components/ListingContainer/ListingContainer.js.map +1 -1
- package/lib/components/MediaListing.js +1 -1
- package/lib/components/MediaListing.js.map +1 -1
- package/lib/index.js +5 -5
- package/lib/index.js.map +1 -1
- package/lib/utils/bustUrl.js +0 -1
- package/lib/utils/bustUrl.js.map +1 -1
- package/lib-es/components/CardMedia/CardMedia.js +2 -2
- package/lib-es/components/CardMedia/CardMedia.js.map +1 -1
- package/lib-es/components/EditMediaFile/EditMediaFile.js +2 -2
- package/lib-es/components/EditMediaFile/EditMediaFile.js.map +1 -1
- package/lib-es/components/EditMediaFile/EditMediaFilePage.js.map +1 -1
- package/lib-es/components/FileList/useGetFiles/getFiles.js.map +1 -1
- package/lib-es/components/FilePreview/Actions/index.js.map +1 -1
- package/lib-es/components/FilePreview/PDF/PDF.js.map +1 -1
- package/lib-es/components/FilePreview/index.js.map +1 -1
- package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js.map +1 -1
- package/lib-es/components/FileUploadAdapter/FileList.js.map +1 -1
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -1
- package/lib-es/components/FileUploadAdapter/mappers/get-button-text.js.map +1 -1
- package/lib-es/components/FileUploadModal/FileUploadModal.js.map +1 -1
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -1
- package/lib-es/index.js +3 -3
- package/lib-es/index.js.map +1 -1
- package/lib-es/utils/bustUrl.js.map +1 -1
- package/package.json +8 -8
- package/src/components/EditMediaFile/EditMediaFile.js +3 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getFiles.js","names":["getQuery","ALL","INVALID_STORE_KEY_VALUES","getFromSearch","searchTerm","offset","limit","where","client","fileStores","esFilters","allTypesMatches","match","type","matchSpecificType","mustMatch","push","simple_query_string","query","analyze_wildcard","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 ({\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,SAASA,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,GAAG,EAAEC,wBAAwB,QAAQ,oBAAoB;AAElE,MAAMC,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,KAAKZ,GAAG,GAAGU,eAAe,GAAGG,iBAAiB;EACrF,MAAMC,SAAS,GAAG,CAAC,GAAGL,SAAS,CAAC;EAEhC,IAAIN,UAAU,EAAE;IACdW,SAAS,CAACC,IAAI,CAAC;MACbC,mBAAmB,EAAE;QACnBC,KAAK,
|
|
1
|
+
{"version":3,"file":"getFiles.js","names":["getQuery","ALL","INVALID_STORE_KEY_VALUES","getFromSearch","searchTerm","offset","limit","where","client","fileStores","esFilters","allTypesMatches","match","type","matchSpecificType","mustMatch","push","simple_query_string","query","analyze_wildcard","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 ({\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":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useContext","PropTypes","MediaContext","Actions","file","handleEditModal","onUnselectFile","extension","mimetype","split","createElement","className","id","onClick","propTypes","object","isRequired"],"sources":["../../../../src/components/FilePreview/Actions/index.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MediaContext } from '../../../utils/media-context';\n\nconst Actions = ({ file }) => {\n const { handleEditModal, onUnselectFile } = useContext(MediaContext);\n const [, extension] = file.mimetype.split('/');\n\n return (\n <div className=\"FilePreviewItem__info__actions\">\n <div className=\"FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type\">\n <i className=\"FilePreviewItem__info__actionsIcon material-icons\">insert_photo</i>{' '}\n <span>{extension}</span>\n </div>\n <div>\n {handleEditModal && (\n <div\n data-testid={`open-media-library-${file.id}`}\n className=\"FilePreviewItem__info__actionsIcon material-icons edit\"\n aria-hidden=\"true\"\n onClick={() => handleEditModal(file)}>\n <i className=\"fas fa-pen fa-xs\" />\n </div>\n )}\n {onUnselectFile && (\n <div\n data-testid={`unselect-${file.id}`}\n className=\"FilePreviewItem__info__actionsIcon material-icons delete\"\n aria-hidden=\"true\"\n onClick={() => onUnselectFile([file.id])}>\n <i className=\"fas fa-trash fa-xs\" />\n </div>\n )}\n </div>\n </div>\n );\n};\n\nActions.propTypes = {\n file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAM;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGN,UAAU,CAACE,YAAY,CAAC;EACpE,MAAM,GAAGK,SAAS,CAAC,GAAGH,IAAI,CAACI,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;EAE9C,oBACEV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAAgC,gBAC7CZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAA2E,gBACxFZ,KAAA,CAAAW,aAAA;IAAGC,SAAS,EAAC;EAAmD,GAAC,cAAe,CAAC,EAAC,GAAG,eACrFZ,KAAA,CAAAW,aAAA,eAAOH,SAAgB,CACpB,CAAC,eACNR,KAAA,CAAAW,aAAA,cACGL,eAAe,iBACdN,KAAA,CAAAW,aAAA;IACE,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useContext","PropTypes","MediaContext","Actions","file","handleEditModal","onUnselectFile","extension","mimetype","split","createElement","className","id","onClick","propTypes","object","isRequired"],"sources":["../../../../src/components/FilePreview/Actions/index.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MediaContext } from '../../../utils/media-context';\n\nconst Actions = ({ file }) => {\n const { handleEditModal, onUnselectFile } = useContext(MediaContext);\n const [, extension] = file.mimetype.split('/');\n\n return (\n <div className=\"FilePreviewItem__info__actions\">\n <div className=\"FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type\">\n <i className=\"FilePreviewItem__info__actionsIcon material-icons\">insert_photo</i>{' '}\n <span>{extension}</span>\n </div>\n <div>\n {handleEditModal && (\n <div\n data-testid={`open-media-library-${file.id}`}\n className=\"FilePreviewItem__info__actionsIcon material-icons edit\"\n aria-hidden=\"true\"\n onClick={() => handleEditModal(file)}>\n <i className=\"fas fa-pen fa-xs\" />\n </div>\n )}\n {onUnselectFile && (\n <div\n data-testid={`unselect-${file.id}`}\n className=\"FilePreviewItem__info__actionsIcon material-icons delete\"\n aria-hidden=\"true\"\n onClick={() => onUnselectFile([file.id])}>\n <i className=\"fas fa-trash fa-xs\" />\n </div>\n )}\n </div>\n </div>\n );\n};\n\nActions.propTypes = {\n file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAM;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGN,UAAU,CAACE,YAAY,CAAC;EACpE,MAAM,GAAGK,SAAS,CAAC,GAAGH,IAAI,CAACI,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;EAE9C,oBACEV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAAgC,gBAC7CZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAA2E,gBACxFZ,KAAA,CAAAW,aAAA;IAAGC,SAAS,EAAC;EAAmD,GAAC,cAAe,CAAC,EAAC,GAAG,eACrFZ,KAAA,CAAAW,aAAA,eAAOH,SAAgB,CACpB,CAAC,eACNR,KAAA,CAAAW,aAAA,cACGL,eAAe,iBACdN,KAAA,CAAAW,aAAA;IACE,eAAa,sBAAsBN,IAAI,CAACQ,EAAE,EAAG;IAC7CD,SAAS,EAAC,wDAAwD;IAClE,eAAY,MAAM;IAClBE,OAAO,EAAEA,CAAA,KAAMR,eAAe,CAACD,IAAI;EAAE,gBACrCL,KAAA,CAAAW,aAAA;IAAGC,SAAS,EAAC;EAAkB,CAAE,CAC9B,CACN,EACAL,cAAc,iBACbP,KAAA,CAAAW,aAAA;IACE,eAAa,YAAYN,IAAI,CAACQ,EAAE,EAAG;IACnCD,SAAS,EAAC,0DAA0D;IACpE,eAAY,MAAM;IAClBE,OAAO,EAAEA,CAAA,KAAMP,cAAc,CAAC,CAACF,IAAI,CAACQ,EAAE,CAAC;EAAE,gBACzCb,KAAA,CAAAW,aAAA;IAAGC,SAAS,EAAC;EAAoB,CAAE,CAChC,CAEJ,CACF,CAAC;AAEV,CAAC;AAEDR,OAAO,CAACW,SAAS,GAAG;EAClBV,IAAI,EAAEH,SAAS,CAACc,MAAM,CAACC;AACzB,CAAC;AAED,eAAeb,OAAO","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDF.js","names":["React","PropTypes","Button","PDF","mimetype","url","name","children","handleChangeFile","showChangeButton","createElement","className","key","data","type","href","rel","target","onClick","propTypes","string","isRequired","oneOfType","arrayOf","node","func","bool","defaultProps"],"sources":["../../../../src/components/FilePreview/PDF/PDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\n\nconst PDF = ({ mimetype, url, name, children, handleChangeFile, showChangeButton }) => (\n <div className=\"preview\" key={`pdf-${url}`}>\n <div className=\"preview__file preview__file--pdf\">\n <object key={url} data={url} type={mimetype} className=\"preview__file--pdf\">\n <p>\n <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n Download {name}\n </a>\n </p>\n </object>\n <div className=\"preview__details preview__details--file\">\n <p>\n <strong>File details</strong>\n <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n Original\n </a>\n </p>\n {showChangeButton && (\n <div className=\"preview__change-button\">\n <Button onClick={handleChangeFile}>Change file</Button>\n </div>\n )}\n </div>\n </div>\n {children}\n </div>\n);\n\nPDF.propTypes = {\n mimetype: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n handleChangeFile: PropTypes.func,\n showChangeButton: PropTypes.bool\n};\n\nPDF.defaultProps = {\n handleChangeFile: () => {},\n showChangeButton: false\n};\n\nexport { PDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AAExC,MAAMC,GAAG,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,gBAAgB;EAAEC;AAAiB,CAAC,kBAChFT,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC,SAAS;EAACC,GAAG,
|
|
1
|
+
{"version":3,"file":"PDF.js","names":["React","PropTypes","Button","PDF","mimetype","url","name","children","handleChangeFile","showChangeButton","createElement","className","key","data","type","href","rel","target","onClick","propTypes","string","isRequired","oneOfType","arrayOf","node","func","bool","defaultProps"],"sources":["../../../../src/components/FilePreview/PDF/PDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\n\nconst PDF = ({ mimetype, url, name, children, handleChangeFile, showChangeButton }) => (\n <div className=\"preview\" key={`pdf-${url}`}>\n <div className=\"preview__file preview__file--pdf\">\n <object key={url} data={url} type={mimetype} className=\"preview__file--pdf\">\n <p>\n <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n Download {name}\n </a>\n </p>\n </object>\n <div className=\"preview__details preview__details--file\">\n <p>\n <strong>File details</strong>\n <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n Original\n </a>\n </p>\n {showChangeButton && (\n <div className=\"preview__change-button\">\n <Button onClick={handleChangeFile}>Change file</Button>\n </div>\n )}\n </div>\n </div>\n {children}\n </div>\n);\n\nPDF.propTypes = {\n mimetype: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n handleChangeFile: PropTypes.func,\n showChangeButton: PropTypes.bool\n};\n\nPDF.defaultProps = {\n handleChangeFile: () => {},\n showChangeButton: false\n};\n\nexport { PDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AAExC,MAAMC,GAAG,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,gBAAgB;EAAEC;AAAiB,CAAC,kBAChFT,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC,SAAS;EAACC,GAAG,EAAE,OAAOP,GAAG;AAAG,gBACzCL,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAkC,gBAC/CX,KAAA,CAAAU,aAAA;EAAQE,GAAG,EAAEP,GAAI;EAACQ,IAAI,EAAER,GAAI;EAACS,IAAI,EAAEV,QAAS;EAACO,SAAS,EAAC;AAAoB,gBACzEX,KAAA,CAAAU,aAAA,yBACEV,KAAA,CAAAU,aAAA;EAAGK,IAAI,EAAEV,GAAI;EAACW,GAAG,EAAC,qBAAqB;EAACC,MAAM,EAAC;AAAQ,GAAC,WAC7C,EAACX,IACT,CACF,CACG,CAAC,eACTN,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAyC,gBACtDX,KAAA,CAAAU,aAAA,yBACEV,KAAA,CAAAU,aAAA,iBAAQ,cAAoB,CAAC,eAC7BV,KAAA,CAAAU,aAAA;EAAGK,IAAI,EAAEV,GAAI;EAACW,GAAG,EAAC,qBAAqB;EAACC,MAAM,EAAC;AAAQ,GAAC,UAErD,CACF,CAAC,EACHR,gBAAgB,iBACfT,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAwB,gBACrCX,KAAA,CAAAU,aAAA,CAACR,MAAM;EAACgB,OAAO,EAAEV;AAAiB,GAAC,aAAmB,CACnD,CAEJ,CACF,CAAC,EACLD,QACE,CACN;AAEDJ,GAAG,CAACgB,SAAS,GAAG;EACdf,QAAQ,EAAEH,SAAS,CAACmB,MAAM,CAACC,UAAU;EACrChB,GAAG,EAAEJ,SAAS,CAACmB,MAAM,CAACC,UAAU;EAChCf,IAAI,EAAEL,SAAS,CAACmB,MAAM,CAACC,UAAU;EACjCd,QAAQ,EAAEN,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,IAAI,CAAC,EAAEvB,SAAS,CAACuB,IAAI,CAAC,CAAC,CAACH,UAAU;EAC7Fb,gBAAgB,EAAEP,SAAS,CAACwB,IAAI;EAChChB,gBAAgB,EAAER,SAAS,CAACyB;AAC9B,CAAC;AAEDvB,GAAG,CAACwB,YAAY,GAAG;EACjBnB,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1BC,gBAAgB,EAAE;AACpB,CAAC;AAED,SAASN,GAAG","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","FormBuilder","PropTypes","useQuery","getQuery","getDynamicQuery","getPreview","FILE_DEFAULT_PROPS","FilePreview","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","data","schemaData","getEntitySchemas","properties","actions","get","loading","schemaLoading","variables","identifier","fileSchema","fileQuery","id","entityData","fileData","fetchPolicy","skip","name","url","mimetype","store","updated","bustUrl","srcUrl","version","sep","includes","Date","now","displayUrl","Preview","schema","shouldRenderForm","nameProp","storeKey","storeKeyProp","restProperties","_objectWithoutProperties","_excluded","_extends","formSchema","defaultStore","storeOptions","options","key","selected","formBuilderData","values","_objectSpread","createElement","Fragment","className","filename","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","Object","keys","oneOfType","array","defaultProps"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,QAAQ,EAAEC,eAAe,QAAQ,2BAA2B;AACrE,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,kBAAkB,QAAQ,iBAAiB;AAEpD,MAAMC,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,GAAGrB,QAAQ,CAACC,QAAQ,CAAC,mBAAmB,CAAC,EAAE;IAC1CqB,SAAS,EAAE;MAAEC,UAAU,EAAE;IAAO;EAClC,CAAC,CAAC;EAEF,MAAM,CAACC,UAAU,CAAC,GAAGT,UAAU,IAAIA,UAAU,CAACC,gBAAgB,GAAGD,UAAU,CAACC,gBAAgB,GAAG,EAAE;EAEjG,MAAMS,SAAS,GAAGvB,eAAe,CAAC,YAAY,CAAC,CAACsB,UAAU,EAAElB,IAAI,CAACoB,EAAE,EAAE,IAAI,EAAEtB,kBAAkB,CAAC;EAC9F,MAAM;IAAEgB,OAAO;IAAEN,IAAI,EAAE;MAAEa,UAAU,EAAEC;IAAS,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG5B,QAAQ,CAACyB,SAAS,EAAE;IAC3EH,SAAS,EAAE;MAAEI,EAAE,EAAEpB,IAAI,CAACoB;IAAG,CAAC;IAC1BG,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAACN,UAAU,IAAI,CAACA,UAAU,CAACE;EACnC,CAAC,CAAC;EAEF,IAAI,CAACF,UAAU,IAAIH,aAAa,IAAID,OAAO,EAAE,OAAO,IAAI;EAExD,MAAM;IAAEW,IAAI;IAAEC,GAAG;IAAEC,QAAQ;IAAEnB,IAAI;IAAEoB,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,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","FormBuilder","PropTypes","useQuery","getQuery","getDynamicQuery","getPreview","FILE_DEFAULT_PROPS","FilePreview","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","data","schemaData","getEntitySchemas","properties","actions","get","loading","schemaLoading","variables","identifier","fileSchema","fileQuery","id","entityData","fileData","fetchPolicy","skip","name","url","mimetype","store","updated","bustUrl","srcUrl","version","sep","includes","Date","now","displayUrl","Preview","schema","shouldRenderForm","nameProp","storeKey","storeKeyProp","restProperties","_objectWithoutProperties","_excluded","_extends","formSchema","defaultStore","storeOptions","options","key","selected","formBuilderData","values","_objectSpread","createElement","Fragment","className","filename","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","Object","keys","oneOfType","array","defaultProps"],"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":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewDefault.js","names":["React","PropTypes","Button","DefaultIcon","PreviewDefault","url","name","children","handleChangeFile","showChangeButton","createElement","className","key","href","rel","target","onClick","propTypes","string","isRequired","oneOfType","arrayOf","node","func","bool","defaultProps"],"sources":["../../../../src/components/FilePreview/previewDefault/PreviewDefault.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { DefaultIcon } from './icons';\n\nconst PreviewDefault = ({ url, name, children, handleChangeFile, showChangeButton }) => (\n <div className=\"preview\" key={`default-${url}`}>\n <div className=\"preview__file preview__file--default\">\n <div className=\"preview__file--icon\">\n <DefaultIcon />\n <span>Preview not available</span>\n </div>\n <div className=\"preview__details preview__details--file\">\n <p>\n <strong>File details</strong>\n <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n Original\n </a>\n </p>\n {showChangeButton && (\n <div className=\"preview__change-button\">\n <Button onClick={handleChangeFile}>Change file</Button>\n </div>\n )}\n </div>\n </div>\n {children}\n </div>\n);\n\nPreviewDefault.propTypes = {\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n handleChangeFile: PropTypes.func,\n showChangeButton: PropTypes.bool\n};\n\nPreviewDefault.defaultProps = {\n handleChangeFile: () => {},\n showChangeButton: false\n};\n\nexport { PreviewDefault };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,WAAW,QAAQ,SAAS;AAErC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,gBAAgB;EAAEC;AAAiB,CAAC,kBACjFT,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC,SAAS;EAACC,GAAG,
|
|
1
|
+
{"version":3,"file":"PreviewDefault.js","names":["React","PropTypes","Button","DefaultIcon","PreviewDefault","url","name","children","handleChangeFile","showChangeButton","createElement","className","key","href","rel","target","onClick","propTypes","string","isRequired","oneOfType","arrayOf","node","func","bool","defaultProps"],"sources":["../../../../src/components/FilePreview/previewDefault/PreviewDefault.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { DefaultIcon } from './icons';\n\nconst PreviewDefault = ({ url, name, children, handleChangeFile, showChangeButton }) => (\n <div className=\"preview\" key={`default-${url}`}>\n <div className=\"preview__file preview__file--default\">\n <div className=\"preview__file--icon\">\n <DefaultIcon />\n <span>Preview not available</span>\n </div>\n <div className=\"preview__details preview__details--file\">\n <p>\n <strong>File details</strong>\n <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n Original\n </a>\n </p>\n {showChangeButton && (\n <div className=\"preview__change-button\">\n <Button onClick={handleChangeFile}>Change file</Button>\n </div>\n )}\n </div>\n </div>\n {children}\n </div>\n);\n\nPreviewDefault.propTypes = {\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n handleChangeFile: PropTypes.func,\n showChangeButton: PropTypes.bool\n};\n\nPreviewDefault.defaultProps = {\n handleChangeFile: () => {},\n showChangeButton: false\n};\n\nexport { PreviewDefault };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,WAAW,QAAQ,SAAS;AAErC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,gBAAgB;EAAEC;AAAiB,CAAC,kBACjFT,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC,SAAS;EAACC,GAAG,EAAE,WAAWP,GAAG;AAAG,gBAC7CL,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAsC,gBACnDX,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAqB,gBAClCX,KAAA,CAAAU,aAAA,CAACP,WAAW,MAAE,CAAC,eACfH,KAAA,CAAAU,aAAA,eAAM,uBAA2B,CAC9B,CAAC,eACNV,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAyC,gBACtDX,KAAA,CAAAU,aAAA,yBACEV,KAAA,CAAAU,aAAA,iBAAQ,cAAoB,CAAC,eAC7BV,KAAA,CAAAU,aAAA;EAAGG,IAAI,EAAER,GAAI;EAACS,GAAG,EAAC,qBAAqB;EAACC,MAAM,EAAC;AAAQ,GAAC,UAErD,CACF,CAAC,EACHN,gBAAgB,iBACfT,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAwB,gBACrCX,KAAA,CAAAU,aAAA,CAACR,MAAM;EAACc,OAAO,EAAER;AAAiB,GAAC,aAAmB,CACnD,CAEJ,CACF,CAAC,EACLD,QACE,CACN;AAEDH,cAAc,CAACa,SAAS,GAAG;EACzBZ,GAAG,EAAEJ,SAAS,CAACiB,MAAM,CAACC,UAAU;EAChCb,IAAI,EAAEL,SAAS,CAACiB,MAAM,CAACC,UAAU;EACjCZ,QAAQ,EAAEN,SAAS,CAACmB,SAAS,CAAC,CAACnB,SAAS,CAACoB,OAAO,CAACpB,SAAS,CAACqB,IAAI,CAAC,EAAErB,SAAS,CAACqB,IAAI,CAAC,CAAC,CAACH,UAAU;EAC7FX,gBAAgB,EAAEP,SAAS,CAACsB,IAAI;EAChCd,gBAAgB,EAAER,SAAS,CAACuB;AAC9B,CAAC;AAEDpB,cAAc,CAACqB,YAAY,GAAG;EAC5BjB,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1BC,gBAAgB,EAAE;AACpB,CAAC;AAED,SAASL,cAAc","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileList.js","names":["React","useState","useEffect","PropTypes","Button","FilePreviewList","FileReorderList","PREVIEW","REORDER","IMAGES","FileList","selectedFiles","allFiles","handleReorderFiles","canDragAndDrop","fetchMore","children","isReorderActive","setIsReorderActive","toggleMode","length","totalImagesString","createElement","Fragment","className","onClick","propTypes","array","isRequired","func","bool","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport FilePreviewList from './FilePreviewList';\nimport FileReorderList from './FileReorderList';\nimport { PREVIEW, REORDER, IMAGES } from '../../constants';\n\nconst FileList = ({\n selectedFiles,\n allFiles,\n handleReorderFiles,\n canDragAndDrop,\n fetchMore,\n children\n}) => {\n const [isReorderActive, setIsReorderActive] = useState(false);\n const toggleMode = () => {\n fetchMore(true);\n setIsReorderActive(!isReorderActive);\n };\n\n useEffect(\n () => {\n if (isReorderActive && selectedFiles.length > allFiles.length) fetchMore(true);\n },\n [selectedFiles] //eslint-disable-line\n );\n const totalImagesString = `${selectedFiles.length} ${IMAGES}`;\n\n return (\n <>\n <div className=\"FileUploadAdapter__header\">\n {selectedFiles.length > 1 && (\n <p className=\"FileUploadAdapter FileUploadAdapter__preview-counter\">\n {totalImagesString}\n </p>\n )}\n {canDragAndDrop && (\n <Button onClick={toggleMode}>{isReorderActive ? PREVIEW : REORDER}</Button>\n )}\n </div>\n\n {canDragAndDrop && isReorderActive ? (\n <FileReorderList selectedFiles={selectedFiles} handleReorderFiles={handleReorderFiles} />\n ) : (\n <FilePreviewList selectedFiles={selectedFiles}>{children}</FilePreviewList>\n )}\n </>\n );\n};\n\nFileList.propTypes = {\n selectedFiles: PropTypes.array.isRequired,\n fetchMore: PropTypes.func.isRequired,\n handleReorderFiles: PropTypes.func.isRequired,\n allFiles: PropTypes.array,\n canDragAndDrop: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFileList.defaultProps = {\n children: [],\n allFiles: [],\n canDragAndDrop: false\n};\n\nexport default FileList;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,iBAAiB;AAE1D,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,aAAa;EACbC,QAAQ;EACRC,kBAAkB;EAClBC,cAAc;EACdC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAMkB,UAAU,GAAGA,CAAA,KAAM;IACvBJ,SAAS,CAAC,IAAI,CAAC;IACfG,kBAAkB,CAAC,CAACD,eAAe,CAAC;EACtC,CAAC;EAEDf,SAAS,CACP,MAAM;IACJ,IAAIe,eAAe,IAAIN,aAAa,CAACS,MAAM,GAAGR,QAAQ,CAACQ,MAAM,EAAEL,SAAS,CAAC,IAAI,CAAC;EAChF,CAAC,EACD,CAACJ,aAAa,CAAC,CAAC;EAClB,CAAC;EACD,MAAMU,iBAAiB,
|
|
1
|
+
{"version":3,"file":"FileList.js","names":["React","useState","useEffect","PropTypes","Button","FilePreviewList","FileReorderList","PREVIEW","REORDER","IMAGES","FileList","selectedFiles","allFiles","handleReorderFiles","canDragAndDrop","fetchMore","children","isReorderActive","setIsReorderActive","toggleMode","length","totalImagesString","createElement","Fragment","className","onClick","propTypes","array","isRequired","func","bool","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport FilePreviewList from './FilePreviewList';\nimport FileReorderList from './FileReorderList';\nimport { PREVIEW, REORDER, IMAGES } from '../../constants';\n\nconst FileList = ({\n selectedFiles,\n allFiles,\n handleReorderFiles,\n canDragAndDrop,\n fetchMore,\n children\n}) => {\n const [isReorderActive, setIsReorderActive] = useState(false);\n const toggleMode = () => {\n fetchMore(true);\n setIsReorderActive(!isReorderActive);\n };\n\n useEffect(\n () => {\n if (isReorderActive && selectedFiles.length > allFiles.length) fetchMore(true);\n },\n [selectedFiles] //eslint-disable-line\n );\n const totalImagesString = `${selectedFiles.length} ${IMAGES}`;\n\n return (\n <>\n <div className=\"FileUploadAdapter__header\">\n {selectedFiles.length > 1 && (\n <p className=\"FileUploadAdapter FileUploadAdapter__preview-counter\">\n {totalImagesString}\n </p>\n )}\n {canDragAndDrop && (\n <Button onClick={toggleMode}>{isReorderActive ? PREVIEW : REORDER}</Button>\n )}\n </div>\n\n {canDragAndDrop && isReorderActive ? (\n <FileReorderList selectedFiles={selectedFiles} handleReorderFiles={handleReorderFiles} />\n ) : (\n <FilePreviewList selectedFiles={selectedFiles}>{children}</FilePreviewList>\n )}\n </>\n );\n};\n\nFileList.propTypes = {\n selectedFiles: PropTypes.array.isRequired,\n fetchMore: PropTypes.func.isRequired,\n handleReorderFiles: PropTypes.func.isRequired,\n allFiles: PropTypes.array,\n canDragAndDrop: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFileList.defaultProps = {\n children: [],\n allFiles: [],\n canDragAndDrop: false\n};\n\nexport default FileList;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,iBAAiB;AAE1D,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,aAAa;EACbC,QAAQ;EACRC,kBAAkB;EAClBC,cAAc;EACdC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAMkB,UAAU,GAAGA,CAAA,KAAM;IACvBJ,SAAS,CAAC,IAAI,CAAC;IACfG,kBAAkB,CAAC,CAACD,eAAe,CAAC;EACtC,CAAC;EAEDf,SAAS,CACP,MAAM;IACJ,IAAIe,eAAe,IAAIN,aAAa,CAACS,MAAM,GAAGR,QAAQ,CAACQ,MAAM,EAAEL,SAAS,CAAC,IAAI,CAAC;EAChF,CAAC,EACD,CAACJ,aAAa,CAAC,CAAC;EAClB,CAAC;EACD,MAAMU,iBAAiB,GAAG,GAAGV,aAAa,CAACS,MAAM,IAAIX,MAAM,EAAE;EAE7D,oBACET,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAC;EAA2B,GACvCb,aAAa,CAACS,MAAM,GAAG,CAAC,iBACvBpB,KAAA,CAAAsB,aAAA;IAAGE,SAAS,EAAC;EAAsD,GAChEH,iBACA,CACJ,EACAP,cAAc,iBACbd,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IAACqB,OAAO,EAAEN;EAAW,GAAEF,eAAe,GAAGV,OAAO,GAAGC,OAAgB,CAEzE,CAAC,EAELM,cAAc,IAAIG,eAAe,gBAChCjB,KAAA,CAAAsB,aAAA,CAAChB,eAAe;IAACK,aAAa,EAAEA,aAAc;IAACE,kBAAkB,EAAEA;EAAmB,CAAE,CAAC,gBAEzFb,KAAA,CAAAsB,aAAA,CAACjB,eAAe;IAACM,aAAa,EAAEA;EAAc,GAAEK,QAA0B,CAE5E,CAAC;AAEP,CAAC;AAEDN,QAAQ,CAACgB,SAAS,GAAG;EACnBf,aAAa,EAAER,SAAS,CAACwB,KAAK,CAACC,UAAU;EACzCb,SAAS,EAAEZ,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACpCf,kBAAkB,EAAEV,SAAS,CAAC0B,IAAI,CAACD,UAAU;EAC7ChB,QAAQ,EAAET,SAAS,CAACwB,KAAK;EACzBb,cAAc,EAAEX,SAAS,CAAC2B,IAAI;EAC9Bd,QAAQ,EAAEb,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAACwB,KAAK,EAAExB,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,MAAM,CAAC;AACrF,CAAC;AAEDvB,QAAQ,CAACwB,YAAY,GAAG;EACtBlB,QAAQ,EAAE,EAAE;EACZJ,QAAQ,EAAE,EAAE;EACZE,cAAc,EAAE;AAClB,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploadAdapter.js","names":["React","useState","useContext","useEffect","FileUpload","PropTypes","useApolloClient","useQuery","getQuery","getMutation","ModalAdapter","Modal","useToasts","Tooltip","MORE","ListingContainer","MediaContextProvider","FileList","useLimit","getFormat","formatInitialValue","transformToArray","isUnselecting","getButtonText","getNumberFilesPendingToFetch","FilePreview","FileUploadAdapter","onChange","label","id","type","value","maxItems","shouldRenderInPreview","canDragAndDrop","simpleLayout","tooltip","previewAllFiles","disableFilePreview","fileType","storeKey","InjectPreview","FormContext","currentLimit","displayModal","setDisplayModal","displayFileUploadModal","setDisplayFileUploadModal","initialValue","currentValue","setCurrentValue","selectedFiles","setSelectedFiles","editFile","setEditFile","allFilesLoaded","setAllFilesLoaded","client","addToast","data","getEntitySchemas","schemaData","variables","identifier","getFiles","offset","ids","fetchAll","files","newFiles","query","limit","where","_in","skip","length","fetchPolicy","loadedFiles","loadedOrderedFiles","orderFiles","initialFiles","filter","_","i","orderedFiles","fetchMore","shouldFetchAll","newOrderedFiles","handleSelectedFiles","checkIsUnselecting","isUnselectingFile","valueArray","selectedFilesIds","valueId","includes","parsedValue","filesIds","event","target","name","fileData","handleReorderFiles","map","fileId","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","fileUploadButtonText","filesPending","onOpenLibrary","handleEditModal","file","selectedEditFile","find","_id","handleEditFileForm","editedFile","dataValues","valuesChecked","reduce","acc","formValueId","formValue","isDataPropery","_objectSpread","__typename","formData","currentId","Boolean","modalActions","textButton","callback","modifiers","editModalActions","editedFileId","updatedSelectedFiles","selectedFile","mutate","mutation","input","update","cache","updateFile","fileUpdated","writeQuery","result","e","console","error","filesPendingString","fileListSpan","createElement","className","onClick","Fragment","tooltipContent","onUnselectFile","selector","previewerId","allFiles","actionText","handleLibraryClick","enableDragAndDrop","actions","title","onClose","fileName","handleFormChange","displayForm","previewType","filesSelected","openEditInModal","propTypes","func","isRequired","string","oneOfType","array","number","bool","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileUploadAdapter.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport FileUpload from '@blaze-react/file-upload';\nimport PropTypes from 'prop-types';\nimport { useApolloClient, useQuery } from '@apollo/client';\nimport { getQuery, getMutation, ModalAdapter as Modal } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport Tooltip from '@blaze-react/tooltip';\nimport { MORE } from '../../constants';\nimport ListingContainer from '../ListingContainer';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FileList from './FileList';\nimport useLimit from './useLimit';\nimport {\n getFormat,\n formatInitialValue,\n transformToArray,\n isUnselecting,\n getButtonText,\n getNumberFilesPendingToFetch\n} from './mappers';\nimport FilePreview from '../FilePreview';\n\nconst FileUploadAdapter = ({\n onChange,\n label,\n id,\n type,\n value,\n maxItems,\n shouldRenderInPreview,\n canDragAndDrop,\n simpleLayout,\n tooltip,\n previewAllFiles,\n disableFilePreview,\n fileType,\n storeKey\n}) => {\n const { InjectPreview } = useContext(FileUploadAdapter.FormContext);\n const [currentLimit] = useLimit(maxItems);\n const [displayModal, setDisplayModal] = useState(false);\n const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n const initialValue = formatInitialValue({ value, type });\n const [currentValue, setCurrentValue] = useState(initialValue);\n const [selectedFiles, setSelectedFiles] = useState([]);\n const [editFile, setEditFile] = useState(null);\n const [allFilesLoaded, setAllFilesLoaded] = useState(false);\n const client = useApolloClient();\n const { addToast } = useToasts();\n\n const { data: { getEntitySchemas: [schemaData] = [] } = {} } = useQuery(\n getQuery('GET_ENTITY_SCHEMA'),\n {\n variables: { identifier: 'file' }\n }\n );\n\n const getFiles = async (offset, ids, fetchAll = previewAllFiles) => {\n const {\n data: { files: newFiles }\n } = await client.query({\n query: getQuery('GET_FILES'),\n variables: {\n limit: fetchAll ? 0 : 4,\n offset,\n where: {\n id: {\n _in: ids\n }\n }\n },\n skip: !currentValue.length,\n fetchPolicy: 'network-only'\n });\n return newFiles;\n };\n\n useEffect(\n () => {\n (async () => {\n if (allFilesLoaded) {\n const loadedFiles = await getFiles(0, currentValue, true);\n const loadedOrderedFiles = orderFiles(loadedFiles, currentValue);\n setSelectedFiles(loadedOrderedFiles);\n return;\n }\n\n const initialFiles =\n !selectedFiles.length && !previewAllFiles\n ? currentValue.filter((_, i) => i <= 3)\n : currentValue;\n\n const files = await getFiles(0, initialFiles);\n const orderedFiles = orderFiles(files, currentValue);\n setSelectedFiles(orderedFiles);\n setAllFilesLoaded(false);\n })();\n },\n [currentValue] //eslint-disable-line\n );\n\n const fetchMore = async shouldFetchAll => {\n if (selectedFiles.length === currentValue.length) return;\n const newFiles = await getFiles(0, currentValue, true);\n const newOrderedFiles = orderFiles(newFiles, currentValue);\n setSelectedFiles(newOrderedFiles);\n setAllFilesLoaded(true);\n };\n\n const handleSelectedFiles = (files, checkIsUnselecting = true) => {\n const isUnselectingFile = isUnselecting(value, checkIsUnselecting, files);\n if (isUnselectingFile) {\n const valueArray = transformToArray(value);\n const selectedFilesIds = valueArray.filter(valueId => !files.includes(valueId));\n const parsedValue = getFormat(type, { filesIds: selectedFilesIds });\n setCurrentValue(selectedFilesIds);\n return onChange({\n event: {\n target: {\n value: parsedValue,\n name: id,\n type,\n fileData: selectedFilesIds.length ? selectedFilesIds : null\n }\n },\n value: parsedValue\n });\n }\n\n setCurrentValue(files);\n };\n\n const handleReorderFiles = files => {\n const filesIds = files.map(({ id: fileId }) => fileId);\n const parsedValue = getFormat(type, { filesIds });\n setSelectedFiles(files);\n\n return onChange({\n event: {\n target: {\n value: parsedValue,\n name: id,\n type,\n fileData: filesIds\n }\n },\n value: parsedValue\n });\n };\n\n const closeModalAndSetValue = (isSaving, values, toastMessage) => {\n if (toastMessage) {\n addToast(toastMessage, {\n appearance: 'success',\n autoDismiss: true\n });\n }\n\n if (isSaving) {\n const parsedValue = getFormat(type, { filesIds: simpleLayout ? values : currentValue });\n setDisplayModal(false);\n return onChange({\n event: { target: { value: parsedValue, name: id, type, currentValue } },\n value: parsedValue\n });\n }\n\n setCurrentValue(initialValue);\n setDisplayModal(false);\n };\n\n const fileUploadButtonText = getButtonText({ maxItems, value: initialValue, fileType });\n\n const filesPending = previewAllFiles\n ? 0\n : getNumberFilesPendingToFetch(selectedFiles.length, currentValue);\n const onOpenLibrary = () => setDisplayModal(true);\n const handleEditModal = file => {\n const selectedEditFile = selectedFiles.find(({ id: _id }) => _id === file.id);\n setEditFile(selectedEditFile);\n };\n\n const handleEditFileForm = editedFile => {\n const dataValues = editedFile.valuesChecked.reduce(\n (acc, { id: formValueId, value: formValue, isDataPropery }) => {\n if (isDataPropery) {\n acc.data[formValueId] = formValue;\n } else {\n acc[formValueId] = formValue;\n }\n return acc;\n },\n { id: editFile.id, data: { ...editFile.data } }\n );\n delete dataValues.data.__typename; // Remove __typename if it exists in data to avoid issues with Apollo cache.\n\n setEditFile({\n ...editFile,\n formData: dataValues\n });\n };\n\n const orderFiles = (files, ids) =>\n ids.map(currentId => files.find(({ id: fileId }) => fileId === currentId)).filter(Boolean);\n\n const modalActions = [\n {\n textButton: 'Cancel',\n callback: () => {\n closeModalAndSetValue();\n },\n modifiers: ['cancel']\n },\n {\n textButton: 'Apply',\n callback: () => {\n closeModalAndSetValue(true);\n },\n modifiers: []\n }\n ];\n\n const editModalActions = [\n {\n textButton: 'Cancel',\n callback: () => {\n setEditFile(null);\n },\n modifiers: ['cancel']\n },\n {\n textButton: 'Apply',\n callback: async () => {\n const { name, id: editedFileId, data, formData } = editFile;\n const updatedSelectedFiles = selectedFiles.map(selectedFile => {\n if (selectedFile.id === editedFileId) {\n return { ...selectedFile, name, data };\n }\n return selectedFile;\n });\n setSelectedFiles(updatedSelectedFiles);\n\n try {\n await client.mutate({\n mutation: getMutation('UPDATE_FILE'),\n variables: {\n input: {\n ...formData,\n id: editedFileId\n }\n },\n update(cache, { data: { updateFile: fileUpdated } }) {\n cache.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id },\n data: { file: fileUpdated.result }\n });\n }\n });\n\n addToast(`File: ${editFile.name} has been updated`, {\n appearance: 'success',\n autoDismiss: true\n });\n closeModalAndSetValue(true);\n setEditFile(null);\n } catch (e) {\n addToast(`File: ${editFile.name} has not been updated`, {\n appearance: 'error',\n autoDismiss: true\n });\n console.error(e); //eslint-disable-line\n }\n },\n modifiers: []\n }\n ];\n const filesPendingString = `${filesPending} ${MORE}`;\n const fileListSpan = filesPending ? (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <span className=\"FileUploadAdapter__preview-link button button--link\" onClick={fetchMore}>\n + {filesPendingString}\n </span>\n ) : null;\n\n return (\n <>\n <div className=\"form-field form-field--button\">\n <label>\n {label} <Tooltip tooltipContent={tooltip} />\n </label>\n {selectedFiles && (\n <MediaContextProvider value={{ handleEditModal, onUnselectFile: handleSelectedFiles }}>\n {shouldRenderInPreview ? (\n <InjectPreview selector={FileUploadAdapter.previewerId}>\n <FileList\n selectedFiles={selectedFiles}\n allFiles={currentValue}\n handleReorderFiles={handleReorderFiles}\n canDragAndDrop={canDragAndDrop}\n fetchMore={fetchMore}>\n {fileListSpan}\n </FileList>\n </InjectPreview>\n ) : (\n <FileList\n selectedFiles={selectedFiles}\n handleReorderFiles={handleReorderFiles}\n fetchMore={fetchMore}\n />\n )}\n </MediaContextProvider>\n )}\n <FileUpload\n actionText={fileUploadButtonText}\n storeKey={storeKey}\n handleLibraryClick={() => {\n if (simpleLayout) {\n setDisplayFileUploadModal(true);\n } else {\n onOpenLibrary();\n }\n }}\n enableDragAndDrop={false}\n />\n </div>\n {editFile && (\n <Modal actions={editModalActions} title=\"Edit File\" onClose={() => setEditFile(null)}>\n <FilePreview\n file={editFile}\n fileName={editFile.fileName}\n handleFormChange={handleEditFileForm}\n displayForm\n previewType=\"card\"\n disableFilePreview={disableFilePreview}\n schemaData={schemaData}\n />\n </Modal>\n )}\n\n {displayFileUploadModal && simpleLayout && (\n <div className=\"file-upload-modal-wrapper\">\n <ListingContainer\n displayFileUploadModal={displayFileUploadModal}\n closeModalAndSetValue={closeModalAndSetValue}\n setDisplayFileUploadModal={setDisplayFileUploadModal}\n handleSelectedFiles={handleSelectedFiles}\n maxItems={currentLimit}\n simpleLayout={simpleLayout}\n filesSelected={currentValue.length > 1 ? currentValue : []}\n openEditInModal\n storeKey={storeKey}\n />\n </div>\n )}\n\n {displayModal && !simpleLayout && (\n <div className=\"file-upload-modal-wrapper\">\n <Modal\n actions={modalActions}\n className=\"file-upload-modal\"\n title=\"Media library\"\n onClose={() => closeModalAndSetValue()}>\n <ListingContainer\n closeModalAndSetValue={closeModalAndSetValue}\n displayFileUploadModal={displayFileUploadModal}\n setDisplayFileUploadModal={setDisplayFileUploadModal}\n handleSelectedFiles={handleSelectedFiles}\n maxItems={currentLimit}\n filesSelected={currentValue.length > 1 ? currentValue : []}\n openEditInModal\n storeKey={storeKey}\n />\n </Modal>\n </div>\n )}\n </>\n );\n};\n\nFileUploadAdapter.propTypes = {\n onChange: PropTypes.func.isRequired,\n label: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired,\n type: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n shouldRenderInPreview: PropTypes.bool,\n canDragAndDrop: PropTypes.bool,\n simpleLayout: PropTypes.bool,\n previewAllFiles: PropTypes.bool,\n tooltip: PropTypes.string,\n fileType: PropTypes.string,\n disableFilePreview: PropTypes.bool,\n storeKey: PropTypes.string\n};\n\nFileUploadAdapter.defaultProps = {\n value: '',\n maxItems: false,\n shouldRenderInPreview: false,\n canDragAndDrop: false,\n simpleLayout: false,\n previewAllFiles: false,\n tooltip: '',\n fileType: 'file',\n disableFilePreview: true,\n storeKey: null\n};\n\nexport default FileUploadAdapter;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"FileUploadAdapter.js","names":["React","useState","useContext","useEffect","FileUpload","PropTypes","useApolloClient","useQuery","getQuery","getMutation","ModalAdapter","Modal","useToasts","Tooltip","MORE","ListingContainer","MediaContextProvider","FileList","useLimit","getFormat","formatInitialValue","transformToArray","isUnselecting","getButtonText","getNumberFilesPendingToFetch","FilePreview","FileUploadAdapter","onChange","label","id","type","value","maxItems","shouldRenderInPreview","canDragAndDrop","simpleLayout","tooltip","previewAllFiles","disableFilePreview","fileType","storeKey","InjectPreview","FormContext","currentLimit","displayModal","setDisplayModal","displayFileUploadModal","setDisplayFileUploadModal","initialValue","currentValue","setCurrentValue","selectedFiles","setSelectedFiles","editFile","setEditFile","allFilesLoaded","setAllFilesLoaded","client","addToast","data","getEntitySchemas","schemaData","variables","identifier","getFiles","offset","ids","fetchAll","files","newFiles","query","limit","where","_in","skip","length","fetchPolicy","loadedFiles","loadedOrderedFiles","orderFiles","initialFiles","filter","_","i","orderedFiles","fetchMore","shouldFetchAll","newOrderedFiles","handleSelectedFiles","checkIsUnselecting","isUnselectingFile","valueArray","selectedFilesIds","valueId","includes","parsedValue","filesIds","event","target","name","fileData","handleReorderFiles","map","fileId","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","fileUploadButtonText","filesPending","onOpenLibrary","handleEditModal","file","selectedEditFile","find","_id","handleEditFileForm","editedFile","dataValues","valuesChecked","reduce","acc","formValueId","formValue","isDataPropery","_objectSpread","__typename","formData","currentId","Boolean","modalActions","textButton","callback","modifiers","editModalActions","editedFileId","updatedSelectedFiles","selectedFile","mutate","mutation","input","update","cache","updateFile","fileUpdated","writeQuery","result","e","console","error","filesPendingString","fileListSpan","createElement","className","onClick","Fragment","tooltipContent","onUnselectFile","selector","previewerId","allFiles","actionText","handleLibraryClick","enableDragAndDrop","actions","title","onClose","fileName","handleFormChange","displayForm","previewType","filesSelected","openEditInModal","propTypes","func","isRequired","string","oneOfType","array","number","bool","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileUploadAdapter.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport FileUpload from '@blaze-react/file-upload';\nimport PropTypes from 'prop-types';\nimport { useApolloClient, useQuery } from '@apollo/client';\nimport { getQuery, getMutation, ModalAdapter as Modal } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport Tooltip from '@blaze-react/tooltip';\nimport { MORE } from '../../constants';\nimport ListingContainer from '../ListingContainer';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FileList from './FileList';\nimport useLimit from './useLimit';\nimport {\n getFormat,\n formatInitialValue,\n transformToArray,\n isUnselecting,\n getButtonText,\n getNumberFilesPendingToFetch\n} from './mappers';\nimport FilePreview from '../FilePreview';\n\nconst FileUploadAdapter = ({\n onChange,\n label,\n id,\n type,\n value,\n maxItems,\n shouldRenderInPreview,\n canDragAndDrop,\n simpleLayout,\n tooltip,\n previewAllFiles,\n disableFilePreview,\n fileType,\n storeKey\n}) => {\n const { InjectPreview } = useContext(FileUploadAdapter.FormContext);\n const [currentLimit] = useLimit(maxItems);\n const [displayModal, setDisplayModal] = useState(false);\n const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n const initialValue = formatInitialValue({ value, type });\n const [currentValue, setCurrentValue] = useState(initialValue);\n const [selectedFiles, setSelectedFiles] = useState([]);\n const [editFile, setEditFile] = useState(null);\n const [allFilesLoaded, setAllFilesLoaded] = useState(false);\n const client = useApolloClient();\n const { addToast } = useToasts();\n\n const { data: { getEntitySchemas: [schemaData] = [] } = {} } = useQuery(\n getQuery('GET_ENTITY_SCHEMA'),\n {\n variables: { identifier: 'file' }\n }\n );\n\n const getFiles = async (offset, ids, fetchAll = previewAllFiles) => {\n const {\n data: { files: newFiles }\n } = await client.query({\n query: getQuery('GET_FILES'),\n variables: {\n limit: fetchAll ? 0 : 4,\n offset,\n where: {\n id: {\n _in: ids\n }\n }\n },\n skip: !currentValue.length,\n fetchPolicy: 'network-only'\n });\n return newFiles;\n };\n\n useEffect(\n () => {\n (async () => {\n if (allFilesLoaded) {\n const loadedFiles = await getFiles(0, currentValue, true);\n const loadedOrderedFiles = orderFiles(loadedFiles, currentValue);\n setSelectedFiles(loadedOrderedFiles);\n return;\n }\n\n const initialFiles =\n !selectedFiles.length && !previewAllFiles\n ? currentValue.filter((_, i) => i <= 3)\n : currentValue;\n\n const files = await getFiles(0, initialFiles);\n const orderedFiles = orderFiles(files, currentValue);\n setSelectedFiles(orderedFiles);\n setAllFilesLoaded(false);\n })();\n },\n [currentValue] //eslint-disable-line\n );\n\n const fetchMore = async shouldFetchAll => {\n if (selectedFiles.length === currentValue.length) return;\n const newFiles = await getFiles(0, currentValue, true);\n const newOrderedFiles = orderFiles(newFiles, currentValue);\n setSelectedFiles(newOrderedFiles);\n setAllFilesLoaded(true);\n };\n\n const handleSelectedFiles = (files, checkIsUnselecting = true) => {\n const isUnselectingFile = isUnselecting(value, checkIsUnselecting, files);\n if (isUnselectingFile) {\n const valueArray = transformToArray(value);\n const selectedFilesIds = valueArray.filter(valueId => !files.includes(valueId));\n const parsedValue = getFormat(type, { filesIds: selectedFilesIds });\n setCurrentValue(selectedFilesIds);\n return onChange({\n event: {\n target: {\n value: parsedValue,\n name: id,\n type,\n fileData: selectedFilesIds.length ? selectedFilesIds : null\n }\n },\n value: parsedValue\n });\n }\n\n setCurrentValue(files);\n };\n\n const handleReorderFiles = files => {\n const filesIds = files.map(({ id: fileId }) => fileId);\n const parsedValue = getFormat(type, { filesIds });\n setSelectedFiles(files);\n\n return onChange({\n event: {\n target: {\n value: parsedValue,\n name: id,\n type,\n fileData: filesIds\n }\n },\n value: parsedValue\n });\n };\n\n const closeModalAndSetValue = (isSaving, values, toastMessage) => {\n if (toastMessage) {\n addToast(toastMessage, {\n appearance: 'success',\n autoDismiss: true\n });\n }\n\n if (isSaving) {\n const parsedValue = getFormat(type, { filesIds: simpleLayout ? values : currentValue });\n setDisplayModal(false);\n return onChange({\n event: { target: { value: parsedValue, name: id, type, currentValue } },\n value: parsedValue\n });\n }\n\n setCurrentValue(initialValue);\n setDisplayModal(false);\n };\n\n const fileUploadButtonText = getButtonText({ maxItems, value: initialValue, fileType });\n\n const filesPending = previewAllFiles\n ? 0\n : getNumberFilesPendingToFetch(selectedFiles.length, currentValue);\n const onOpenLibrary = () => setDisplayModal(true);\n const handleEditModal = file => {\n const selectedEditFile = selectedFiles.find(({ id: _id }) => _id === file.id);\n setEditFile(selectedEditFile);\n };\n\n const handleEditFileForm = editedFile => {\n const dataValues = editedFile.valuesChecked.reduce(\n (acc, { id: formValueId, value: formValue, isDataPropery }) => {\n if (isDataPropery) {\n acc.data[formValueId] = formValue;\n } else {\n acc[formValueId] = formValue;\n }\n return acc;\n },\n { id: editFile.id, data: { ...editFile.data } }\n );\n delete dataValues.data.__typename; // Remove __typename if it exists in data to avoid issues with Apollo cache.\n\n setEditFile({\n ...editFile,\n formData: dataValues\n });\n };\n\n const orderFiles = (files, ids) =>\n ids.map(currentId => files.find(({ id: fileId }) => fileId === currentId)).filter(Boolean);\n\n const modalActions = [\n {\n textButton: 'Cancel',\n callback: () => {\n closeModalAndSetValue();\n },\n modifiers: ['cancel']\n },\n {\n textButton: 'Apply',\n callback: () => {\n closeModalAndSetValue(true);\n },\n modifiers: []\n }\n ];\n\n const editModalActions = [\n {\n textButton: 'Cancel',\n callback: () => {\n setEditFile(null);\n },\n modifiers: ['cancel']\n },\n {\n textButton: 'Apply',\n callback: async () => {\n const { name, id: editedFileId, data, formData } = editFile;\n const updatedSelectedFiles = selectedFiles.map(selectedFile => {\n if (selectedFile.id === editedFileId) {\n return { ...selectedFile, name, data };\n }\n return selectedFile;\n });\n setSelectedFiles(updatedSelectedFiles);\n\n try {\n await client.mutate({\n mutation: getMutation('UPDATE_FILE'),\n variables: {\n input: {\n ...formData,\n id: editedFileId\n }\n },\n update(cache, { data: { updateFile: fileUpdated } }) {\n cache.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id },\n data: { file: fileUpdated.result }\n });\n }\n });\n\n addToast(`File: ${editFile.name} has been updated`, {\n appearance: 'success',\n autoDismiss: true\n });\n closeModalAndSetValue(true);\n setEditFile(null);\n } catch (e) {\n addToast(`File: ${editFile.name} has not been updated`, {\n appearance: 'error',\n autoDismiss: true\n });\n console.error(e); //eslint-disable-line\n }\n },\n modifiers: []\n }\n ];\n const filesPendingString = `${filesPending} ${MORE}`;\n const fileListSpan = filesPending ? (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <span className=\"FileUploadAdapter__preview-link button button--link\" onClick={fetchMore}>\n + {filesPendingString}\n </span>\n ) : null;\n\n return (\n <>\n <div className=\"form-field form-field--button\">\n <label>\n {label} <Tooltip tooltipContent={tooltip} />\n </label>\n {selectedFiles && (\n <MediaContextProvider value={{ handleEditModal, onUnselectFile: handleSelectedFiles }}>\n {shouldRenderInPreview ? (\n <InjectPreview selector={FileUploadAdapter.previewerId}>\n <FileList\n selectedFiles={selectedFiles}\n allFiles={currentValue}\n handleReorderFiles={handleReorderFiles}\n canDragAndDrop={canDragAndDrop}\n fetchMore={fetchMore}>\n {fileListSpan}\n </FileList>\n </InjectPreview>\n ) : (\n <FileList\n selectedFiles={selectedFiles}\n handleReorderFiles={handleReorderFiles}\n fetchMore={fetchMore}\n />\n )}\n </MediaContextProvider>\n )}\n <FileUpload\n actionText={fileUploadButtonText}\n storeKey={storeKey}\n handleLibraryClick={() => {\n if (simpleLayout) {\n setDisplayFileUploadModal(true);\n } else {\n onOpenLibrary();\n }\n }}\n enableDragAndDrop={false}\n />\n </div>\n {editFile && (\n <Modal actions={editModalActions} title=\"Edit File\" onClose={() => setEditFile(null)}>\n <FilePreview\n file={editFile}\n fileName={editFile.fileName}\n handleFormChange={handleEditFileForm}\n displayForm\n previewType=\"card\"\n disableFilePreview={disableFilePreview}\n schemaData={schemaData}\n />\n </Modal>\n )}\n\n {displayFileUploadModal && simpleLayout && (\n <div className=\"file-upload-modal-wrapper\">\n <ListingContainer\n displayFileUploadModal={displayFileUploadModal}\n closeModalAndSetValue={closeModalAndSetValue}\n setDisplayFileUploadModal={setDisplayFileUploadModal}\n handleSelectedFiles={handleSelectedFiles}\n maxItems={currentLimit}\n simpleLayout={simpleLayout}\n filesSelected={currentValue.length > 1 ? currentValue : []}\n openEditInModal\n storeKey={storeKey}\n />\n </div>\n )}\n\n {displayModal && !simpleLayout && (\n <div className=\"file-upload-modal-wrapper\">\n <Modal\n actions={modalActions}\n className=\"file-upload-modal\"\n title=\"Media library\"\n onClose={() => closeModalAndSetValue()}>\n <ListingContainer\n closeModalAndSetValue={closeModalAndSetValue}\n displayFileUploadModal={displayFileUploadModal}\n setDisplayFileUploadModal={setDisplayFileUploadModal}\n handleSelectedFiles={handleSelectedFiles}\n maxItems={currentLimit}\n filesSelected={currentValue.length > 1 ? currentValue : []}\n openEditInModal\n storeKey={storeKey}\n />\n </Modal>\n </div>\n )}\n </>\n );\n};\n\nFileUploadAdapter.propTypes = {\n onChange: PropTypes.func.isRequired,\n label: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired,\n type: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n shouldRenderInPreview: PropTypes.bool,\n canDragAndDrop: PropTypes.bool,\n simpleLayout: PropTypes.bool,\n previewAllFiles: PropTypes.bool,\n tooltip: PropTypes.string,\n fileType: PropTypes.string,\n disableFilePreview: PropTypes.bool,\n storeKey: PropTypes.string\n};\n\nFileUploadAdapter.defaultProps = {\n value: '',\n maxItems: false,\n shouldRenderInPreview: false,\n canDragAndDrop: false,\n simpleLayout: false,\n previewAllFiles: false,\n tooltip: '',\n fileType: 'file',\n disableFilePreview: true,\n storeKey: null\n};\n\nexport default FileUploadAdapter;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-button-text.js","names":["getButtonText","maxItems","value","fileType","pluralSuffix","fileLabel","length"],"sources":["../../../../src/components/FileUploadAdapter/mappers/get-button-text.js"],"sourcesContent":["const getButtonText = ({ maxItems, value, fileType = 'file' }) => {\n const pluralSuffix = maxItems > 1 ? 's' : '';\n const fileLabel = `Add ${fileType}${pluralSuffix}`;\n return value && value.length > 0 ? `Change ${fileType}${pluralSuffix}` : fileLabel;\n};\n\nexport { getButtonText };\n"],"mappings":"AAAA,MAAMA,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ,GAAG;AAAO,CAAC,KAAK;EAChE,MAAMC,YAAY,GAAGH,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE;EAC5C,MAAMI,SAAS,
|
|
1
|
+
{"version":3,"file":"get-button-text.js","names":["getButtonText","maxItems","value","fileType","pluralSuffix","fileLabel","length"],"sources":["../../../../src/components/FileUploadAdapter/mappers/get-button-text.js"],"sourcesContent":["const getButtonText = ({ maxItems, value, fileType = 'file' }) => {\n const pluralSuffix = maxItems > 1 ? 's' : '';\n const fileLabel = `Add ${fileType}${pluralSuffix}`;\n return value && value.length > 0 ? `Change ${fileType}${pluralSuffix}` : fileLabel;\n};\n\nexport { getButtonText };\n"],"mappings":"AAAA,MAAMA,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ,GAAG;AAAO,CAAC,KAAK;EAChE,MAAMC,YAAY,GAAGH,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE;EAC5C,MAAMI,SAAS,GAAG,OAAOF,QAAQ,GAAGC,YAAY,EAAE;EAClD,OAAOF,KAAK,IAAIA,KAAK,CAACI,MAAM,GAAG,CAAC,GAAG,UAAUH,QAAQ,GAAGC,YAAY,EAAE,GAAGC,SAAS;AACpF,CAAC;AAED,SAASL,aAAa","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploadModal.js","names":["React","useState","useMemo","ModalAdapter","Modal","getMutation","getQuery","FileUpload","getFormBuilderLookup","PropTypes","useToasts","useApolloClient","useQuery","useFileList","FileUploadModal","onClose","getSelectedFiles","closeModalAndSetValue","simpleLayout","fileId","storeKey","selectedStoreKey","files","setFiles","addToast","client","addNewFile","data","getEntitySchemas","schemaData","loading","schemaLoading","variables","identifier","customFields","properties","_schemaData$propertie","name","_name","_storeKey","restProperties","_objectWithoutProperties","_excluded","Object","entries","filter","field","showInForm","map","key","Component","getFormField","formFieldType","label","component","props","createElement","_extends","onChange","args","event","value","target","id","fileStoresType","getFileStores","storeType","storeLoading","visibleInAdmin","handleFiles","filesToUpload","length","uploadFiles","filesToProcess","response","Promise","all","fileData","file","dataProperties","fileStoreKey","customProperties","customPropertyName","otherProperties","reduce","acc","includes","fileProperties","payload","_objectSpread","filename","mutate","mutation","input","catch","error","message","appearance","autoDismiss","parsedResponse","_ref","result","rest","_excluded2","fileNames","_parsedResponse$","updatedFile","_excluded3","writeQuery","query","e","console","updateMessage","filesToSelect","uploadMessage","join","toastMessage","handleOnSave","storeOptions","type","title","actions","textButton","callback","modifiers","upload","selectOptions","propTypes","string","func","isRequired","bool","defaultProps"],"sources":["../../../src/components/FileUploadModal/FileUploadModal.js"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { ModalAdapter as Modal, getMutation, getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileUpload from '@blaze-react/file-upload';\nimport { getFormBuilderLookup } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { useToasts } from '@blaze-react/toaster';\nimport { useApolloClient, useQuery } from '@apollo/client';\nimport useFileList from '../FileList/useFileList';\n\nconst FileUploadModal = ({\n onClose,\n getSelectedFiles,\n closeModalAndSetValue,\n simpleLayout,\n fileId,\n storeKey,\n selectedStoreKey\n}) => {\n const [files, setFiles] = useState([]);\n const { addToast } = useToasts();\n const client = useApolloClient();\n const { addNewFile } = useFileList();\n\n const { data: { getEntitySchemas: [schemaData] = [] } = {}, loading: schemaLoading } = useQuery(\n getQuery('GET_ENTITY_SCHEMA'),\n {\n variables: { identifier: 'file' }\n }\n );\n\n const customFields = useMemo(() => {\n if (schemaData && schemaData.properties) {\n const { name: _name, storeKey: _storeKey, ...restProperties } = schemaData.properties;\n return Object.entries(restProperties)\n .filter(([, field]) => field && field.showInForm === true)\n .map(([key, field]) => {\n const Component = getFormBuilderLookup.getFormField(field.formFieldType);\n return {\n name: key,\n label: field.label || key,\n component: props => (\n <Component\n {...field}\n {...props}\n onChange={(...args) => {\n const [event] = args;\n if (!event.value) {\n event.value = event.event.target ? event.event.target.value : event.value;\n }\n if (event.event.target && !event.event.target.id) {\n event.event.target.id = props.id || key;\n }\n if (event.event.target) {\n event.event.target.name = key;\n }\n return props.onChange(...args);\n }}\n />\n )\n };\n });\n }\n return [];\n }, [schemaData]);\n\n const fileStoresType = getQuery('GET_FILE_STORES');\n const { data: { getFileStores: storeType = [] } = {}, loading: storeLoading } = useQuery(\n fileStoresType,\n {\n variables: { visibleInAdmin: true }\n }\n );\n\n if (schemaLoading || storeLoading) return null;\n\n const handleFiles = filesToUpload => {\n if (fileId && filesToUpload && filesToUpload.length) {\n setFiles([filesToUpload[0]]);\n return;\n }\n setFiles(filesToUpload);\n };\n\n const uploadFiles = async () => {\n const filesToProcess = fileId && files.length ? [files[0]] : files;\n\n const response = await Promise.all(\n filesToProcess.map(fileData => {\n const { file, name, data: dataProperties = {}, storeKey: fileStoreKey } = fileData;\n const customProperties = customFields.map(\n ({ name: customPropertyName }) => customPropertyName\n );\n const otherProperties = Object.entries(dataProperties).reduce(\n (acc, [key, value]) => {\n if (customProperties.includes(key)) {\n acc.fileProperties[key] = value;\n } else {\n acc.data[key] = value;\n }\n return acc;\n },\n { data: {}, fileProperties: {} }\n );\n const payload = {\n name,\n storeKey: fileStoreKey || selectedStoreKey || storeKey,\n ...otherProperties\n };\n\n if (fileId) {\n payload.id = fileId;\n } else if (!name) {\n payload.name = file.filename;\n }\n return client.mutate({\n mutation: getMutation('UPLOAD_FILE'),\n variables: { input: { file, ...payload } }\n });\n })\n ).catch(error => {\n addToast(error.message, {\n appearance: 'error',\n autoDismiss: true\n });\n return [];\n });\n\n const parsedResponse = response.map(({ data: { file } }) => {\n const { message, ...rest } = file.result || {};\n return rest;\n });\n\n const fileNames = files.map(({ file }) => file.name);\n\n if (simpleLayout) {\n if (fileId && parsedResponse && parsedResponse.length) {\n const { message, ...updatedFile } = parsedResponse[0];\n try {\n client.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id: fileId },\n data: { file: updatedFile }\n });\n } catch (e) {\n console.error(e); //eslint-disable-line\n }\n const updateMessage = `Updated: ${updatedFile.filename || fileNames[0]}`;\n closeModalAndSetValue(simpleLayout, updatedFile, updateMessage);\n return;\n }\n const filesToSelect = parsedResponse.map(({ id }) => id);\n const uploadMessage = `Uploaded: ${fileNames.join(', ')}`;\n getSelectedFiles(null, filesToSelect);\n closeModalAndSetValue(simpleLayout, filesToSelect, uploadMessage);\n return;\n }\n\n addNewFile && addNewFile(parsedResponse);\n const toastMessage = fileId ? `Updated: ${fileNames[0]}` : `Uploaded: ${fileNames.join(', ')}`;\n\n addToast(toastMessage, {\n appearance: 'success',\n autoDismiss: true\n });\n };\n\n const handleOnSave = async () => {\n if (files.length) await uploadFiles();\n onClose();\n };\n\n let storeOptions = storeType.map(type => [type.key, type.name]);\n storeOptions = storeKey ? storeOptions.filter(([key]) => key === storeKey) : storeOptions;\n\n return (\n <Modal\n onClose={onClose}\n title=\"Add media\"\n actions={[\n {\n textButton: 'Cancel',\n callback: onClose,\n modifiers: ['cancel']\n },\n {\n textButton: 'Upload',\n callback: handleOnSave,\n modifiers: []\n }\n ]}\n upload>\n <FileUpload\n storeKey={selectedStoreKey || storeKey}\n onChange={handleFiles}\n selectOptions={storeOptions}\n customFields={customFields}\n />\n </Modal>\n );\n};\n\nFileUploadModal.propTypes = {\n fileId: PropTypes.string,\n getSelectedFiles: PropTypes.func.isRequired,\n onClose: PropTypes.func,\n simpleLayout: PropTypes.bool,\n closeModalAndSetValue: PropTypes.func,\n storeKey: PropTypes.string,\n selectedStoreKey: PropTypes.string\n};\n\nFileUploadModal.defaultProps = {\n onClose: () => {},\n closeModalAndSetValue: () => {},\n simpleLayout: false,\n fileId: null,\n storeKey: null,\n selectedStoreKey: null\n};\n\nexport default FileUploadModal;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"FileUploadModal.js","names":["React","useState","useMemo","ModalAdapter","Modal","getMutation","getQuery","FileUpload","getFormBuilderLookup","PropTypes","useToasts","useApolloClient","useQuery","useFileList","FileUploadModal","onClose","getSelectedFiles","closeModalAndSetValue","simpleLayout","fileId","storeKey","selectedStoreKey","files","setFiles","addToast","client","addNewFile","data","getEntitySchemas","schemaData","loading","schemaLoading","variables","identifier","customFields","properties","_schemaData$propertie","name","_name","_storeKey","restProperties","_objectWithoutProperties","_excluded","Object","entries","filter","field","showInForm","map","key","Component","getFormField","formFieldType","label","component","props","createElement","_extends","onChange","args","event","value","target","id","fileStoresType","getFileStores","storeType","storeLoading","visibleInAdmin","handleFiles","filesToUpload","length","uploadFiles","filesToProcess","response","Promise","all","fileData","file","dataProperties","fileStoreKey","customProperties","customPropertyName","otherProperties","reduce","acc","includes","fileProperties","payload","_objectSpread","filename","mutate","mutation","input","catch","error","message","appearance","autoDismiss","parsedResponse","_ref","result","rest","_excluded2","fileNames","_parsedResponse$","updatedFile","_excluded3","writeQuery","query","e","console","updateMessage","filesToSelect","uploadMessage","join","toastMessage","handleOnSave","storeOptions","type","title","actions","textButton","callback","modifiers","upload","selectOptions","propTypes","string","func","isRequired","bool","defaultProps"],"sources":["../../../src/components/FileUploadModal/FileUploadModal.js"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { ModalAdapter as Modal, getMutation, getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileUpload from '@blaze-react/file-upload';\nimport { getFormBuilderLookup } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { useToasts } from '@blaze-react/toaster';\nimport { useApolloClient, useQuery } from '@apollo/client';\nimport useFileList from '../FileList/useFileList';\n\nconst FileUploadModal = ({\n onClose,\n getSelectedFiles,\n closeModalAndSetValue,\n simpleLayout,\n fileId,\n storeKey,\n selectedStoreKey\n}) => {\n const [files, setFiles] = useState([]);\n const { addToast } = useToasts();\n const client = useApolloClient();\n const { addNewFile } = useFileList();\n\n const { data: { getEntitySchemas: [schemaData] = [] } = {}, loading: schemaLoading } = useQuery(\n getQuery('GET_ENTITY_SCHEMA'),\n {\n variables: { identifier: 'file' }\n }\n );\n\n const customFields = useMemo(() => {\n if (schemaData && schemaData.properties) {\n const { name: _name, storeKey: _storeKey, ...restProperties } = schemaData.properties;\n return Object.entries(restProperties)\n .filter(([, field]) => field && field.showInForm === true)\n .map(([key, field]) => {\n const Component = getFormBuilderLookup.getFormField(field.formFieldType);\n return {\n name: key,\n label: field.label || key,\n component: props => (\n <Component\n {...field}\n {...props}\n onChange={(...args) => {\n const [event] = args;\n if (!event.value) {\n event.value = event.event.target ? event.event.target.value : event.value;\n }\n if (event.event.target && !event.event.target.id) {\n event.event.target.id = props.id || key;\n }\n if (event.event.target) {\n event.event.target.name = key;\n }\n return props.onChange(...args);\n }}\n />\n )\n };\n });\n }\n return [];\n }, [schemaData]);\n\n const fileStoresType = getQuery('GET_FILE_STORES');\n const { data: { getFileStores: storeType = [] } = {}, loading: storeLoading } = useQuery(\n fileStoresType,\n {\n variables: { visibleInAdmin: true }\n }\n );\n\n if (schemaLoading || storeLoading) return null;\n\n const handleFiles = filesToUpload => {\n if (fileId && filesToUpload && filesToUpload.length) {\n setFiles([filesToUpload[0]]);\n return;\n }\n setFiles(filesToUpload);\n };\n\n const uploadFiles = async () => {\n const filesToProcess = fileId && files.length ? [files[0]] : files;\n\n const response = await Promise.all(\n filesToProcess.map(fileData => {\n const { file, name, data: dataProperties = {}, storeKey: fileStoreKey } = fileData;\n const customProperties = customFields.map(\n ({ name: customPropertyName }) => customPropertyName\n );\n const otherProperties = Object.entries(dataProperties).reduce(\n (acc, [key, value]) => {\n if (customProperties.includes(key)) {\n acc.fileProperties[key] = value;\n } else {\n acc.data[key] = value;\n }\n return acc;\n },\n { data: {}, fileProperties: {} }\n );\n const payload = {\n name,\n storeKey: fileStoreKey || selectedStoreKey || storeKey,\n ...otherProperties\n };\n\n if (fileId) {\n payload.id = fileId;\n } else if (!name) {\n payload.name = file.filename;\n }\n return client.mutate({\n mutation: getMutation('UPLOAD_FILE'),\n variables: { input: { file, ...payload } }\n });\n })\n ).catch(error => {\n addToast(error.message, {\n appearance: 'error',\n autoDismiss: true\n });\n return [];\n });\n\n const parsedResponse = response.map(({ data: { file } }) => {\n const { message, ...rest } = file.result || {};\n return rest;\n });\n\n const fileNames = files.map(({ file }) => file.name);\n\n if (simpleLayout) {\n if (fileId && parsedResponse && parsedResponse.length) {\n const { message, ...updatedFile } = parsedResponse[0];\n try {\n client.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id: fileId },\n data: { file: updatedFile }\n });\n } catch (e) {\n console.error(e); //eslint-disable-line\n }\n const updateMessage = `Updated: ${updatedFile.filename || fileNames[0]}`;\n closeModalAndSetValue(simpleLayout, updatedFile, updateMessage);\n return;\n }\n const filesToSelect = parsedResponse.map(({ id }) => id);\n const uploadMessage = `Uploaded: ${fileNames.join(', ')}`;\n getSelectedFiles(null, filesToSelect);\n closeModalAndSetValue(simpleLayout, filesToSelect, uploadMessage);\n return;\n }\n\n addNewFile && addNewFile(parsedResponse);\n const toastMessage = fileId ? `Updated: ${fileNames[0]}` : `Uploaded: ${fileNames.join(', ')}`;\n\n addToast(toastMessage, {\n appearance: 'success',\n autoDismiss: true\n });\n };\n\n const handleOnSave = async () => {\n if (files.length) await uploadFiles();\n onClose();\n };\n\n let storeOptions = storeType.map(type => [type.key, type.name]);\n storeOptions = storeKey ? storeOptions.filter(([key]) => key === storeKey) : storeOptions;\n\n return (\n <Modal\n onClose={onClose}\n title=\"Add media\"\n actions={[\n {\n textButton: 'Cancel',\n callback: onClose,\n modifiers: ['cancel']\n },\n {\n textButton: 'Upload',\n callback: handleOnSave,\n modifiers: []\n }\n ]}\n upload>\n <FileUpload\n storeKey={selectedStoreKey || storeKey}\n onChange={handleFiles}\n selectOptions={storeOptions}\n customFields={customFields}\n />\n </Modal>\n );\n};\n\nFileUploadModal.propTypes = {\n fileId: PropTypes.string,\n getSelectedFiles: PropTypes.func.isRequired,\n onClose: PropTypes.func,\n simpleLayout: PropTypes.bool,\n closeModalAndSetValue: PropTypes.func,\n storeKey: PropTypes.string,\n selectedStoreKey: PropTypes.string\n};\n\nFileUploadModal.defaultProps = {\n onClose: () => {},\n closeModalAndSetValue: () => {},\n simpleLayout: false,\n fileId: null,\n storeKey: null,\n selectedStoreKey: null\n};\n\nexport default FileUploadModal;\n"],"mappings":"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","ignoreList":[]}
|
package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaFileList.js","names":["React","useState","useEffect","PropTypes","CardPrompt","Button","VirtualList","useMediaContext","MediaContext","CardMedia","existPrevious","useFileList","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","AVAILABLE_FILTER_TYPES","MediaFileList","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","openEditInModal","currentListIndex","setCurrentListIndex","verifiedRanges","setVerifiedRanges","listHeight","setListHeight","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","hasFiles","files","length","_objectSpread","where","filter","storeKey","isSearch","searchTerm","esFilters","handleRenderedItems","startIndex","rowsLength","loadIndex","Math","floor","includes","offset","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","createElement","Fragment","className","width","height","itemCount","itemSize","overscanCount","scrollToIndex","onItemsRendered","renderItem","index","style","name","url","mimetype","id","fileData","updated","isSelected","key","latestQueryToRefetchParams","onSelected","selected","onClick","propTypes","func","isRequired","bool","string","object","defaultProps"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { CardPrompt } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { useMediaContext, MediaContext } from '../../../../../utils/media-context';\nimport CardMedia from '../../../../CardMedia';\nimport { existPrevious } from '../../../mappers';\nimport useFileList from '../../../../FileList/useFileList';\nimport {\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n AVAILABLE_FILTER_TYPES\n} from '../../../../../constants';\n\nconst MediaFileList = ({\n displayCardPrompt,\n setDisplayCardPrompt,\n displayLayout,\n wrapperRef,\n modalTargetRef,\n openEditInModal\n}) => {\n const [currentListIndex, setCurrentListIndex] = useState(1);\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [listHeight, setListHeight] = useState(null);\n const { queryParams, data, loading, setQueryParams, clearList, removeFile, updateFile } =\n useFileList();\n\n const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } =\n useMediaContext(MediaContext);\n\n const hasFiles = !!data.files && !!data.files.length;\n\n useEffect(() => {\n if (!loading && !hasFiles) setDisplayCardPrompt(true);\n }, [loading, hasFiles, setDisplayCardPrompt]);\n\n useEffect(\n () => {\n setVerifiedRanges([]);\n setCurrentListIndex(0);\n setQueryParams({\n ...selectedFilter,\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n selectedFilter.filter,\n selectedFilter.storeKey,\n selectedFilter.isSearch,\n selectedFilter.searchTerm,\n selectedFilter.esFilters\n ]\n );\n\n const handleRenderedItems = ({ startIndex }) => {\n const rowsLength = data.files.length;\n const loadIndex = Math.floor(rowsLength / 3) - MEDIA_OVER_SCAN_COUNT;\n\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({\n offset: data.files.length,\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm,\n esFilters: selectedFilter.esFilters\n });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n }\n };\n\n useEffect(() => {\n const handleListHeight = () => {\n setListHeight(wrapperRef.current.clientHeight - 40);\n };\n\n if (wrapperRef.current) {\n handleListHeight();\n window.addEventListener('resize', handleListHeight);\n }\n return () => {\n window.removeEventListener('resize', handleListHeight);\n };\n }, [listHeight, wrapperRef]);\n\n const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n return (\n <>\n {hasFiles && (\n <>\n <p className=\"media__fileList-counter\">\n {searchedTerm} {data[selectedFilter.filter]} items\n </p>\n <VirtualList\n width=\"100%\"\n height={listHeight}\n itemCount={data.files.length}\n itemSize={MEDIA_LIST_ITEM_SIZE}\n overscanCount={MEDIA_OVER_SCAN_COUNT}\n scrollToIndex={currentListIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const { name, url, mimetype, id, data: fileData, updated } = data.files[index];\n const isSelected = existPrevious(selectedFiles, id);\n return (\n <div key={index} style={style} className=\"list__item--resultWrapper\">\n <CardMedia\n updateFile={updateFile}\n clearList={clearList}\n latestQueryToRefetchParams={queryParams}\n modalTargetRef={modalTargetRef}\n onSelected={getSelectedFiles}\n key={id}\n displayLayout={displayLayout}\n selected={!!isSelected}\n name={name}\n url={url}\n mimetype={mimetype}\n id={id}\n index={index}\n removeFile={removeFile}\n openEditInModal={openEditInModal}\n data={fileData}\n updated={updated}\n />\n </div>\n );\n }}\n />\n </>\n )}\n {displayCardPrompt && (\n <CardPrompt>\n <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n Upload\n </Button>\n </CardPrompt>\n )}\n </>\n );\n};\n\nMediaFileList.propTypes = {\n setDisplayCardPrompt: PropTypes.func.isRequired,\n displayCardPrompt: PropTypes.bool,\n displayLayout: PropTypes.string.isRequired,\n wrapperRef: PropTypes.object.isRequired,\n modalTargetRef: PropTypes.object.isRequired,\n openEditInModal: PropTypes.bool\n};\n\nMediaFileList.defaultProps = {\n displayCardPrompt: true,\n openEditInModal: false\n};\n\nexport default MediaFileList;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"MediaFileList.js","names":["React","useState","useEffect","PropTypes","CardPrompt","Button","VirtualList","useMediaContext","MediaContext","CardMedia","existPrevious","useFileList","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","AVAILABLE_FILTER_TYPES","MediaFileList","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","openEditInModal","currentListIndex","setCurrentListIndex","verifiedRanges","setVerifiedRanges","listHeight","setListHeight","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","hasFiles","files","length","_objectSpread","where","filter","storeKey","isSearch","searchTerm","esFilters","handleRenderedItems","startIndex","rowsLength","loadIndex","Math","floor","includes","offset","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","createElement","Fragment","className","width","height","itemCount","itemSize","overscanCount","scrollToIndex","onItemsRendered","renderItem","index","style","name","url","mimetype","id","fileData","updated","isSelected","key","latestQueryToRefetchParams","onSelected","selected","onClick","propTypes","func","isRequired","bool","string","object","defaultProps"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { CardPrompt } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { useMediaContext, MediaContext } from '../../../../../utils/media-context';\nimport CardMedia from '../../../../CardMedia';\nimport { existPrevious } from '../../../mappers';\nimport useFileList from '../../../../FileList/useFileList';\nimport {\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n AVAILABLE_FILTER_TYPES\n} from '../../../../../constants';\n\nconst MediaFileList = ({\n displayCardPrompt,\n setDisplayCardPrompt,\n displayLayout,\n wrapperRef,\n modalTargetRef,\n openEditInModal\n}) => {\n const [currentListIndex, setCurrentListIndex] = useState(1);\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [listHeight, setListHeight] = useState(null);\n const { queryParams, data, loading, setQueryParams, clearList, removeFile, updateFile } =\n useFileList();\n\n const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } =\n useMediaContext(MediaContext);\n\n const hasFiles = !!data.files && !!data.files.length;\n\n useEffect(() => {\n if (!loading && !hasFiles) setDisplayCardPrompt(true);\n }, [loading, hasFiles, setDisplayCardPrompt]);\n\n useEffect(\n () => {\n setVerifiedRanges([]);\n setCurrentListIndex(0);\n setQueryParams({\n ...selectedFilter,\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n selectedFilter.filter,\n selectedFilter.storeKey,\n selectedFilter.isSearch,\n selectedFilter.searchTerm,\n selectedFilter.esFilters\n ]\n );\n\n const handleRenderedItems = ({ startIndex }) => {\n const rowsLength = data.files.length;\n const loadIndex = Math.floor(rowsLength / 3) - MEDIA_OVER_SCAN_COUNT;\n\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({\n offset: data.files.length,\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm,\n esFilters: selectedFilter.esFilters\n });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n }\n };\n\n useEffect(() => {\n const handleListHeight = () => {\n setListHeight(wrapperRef.current.clientHeight - 40);\n };\n\n if (wrapperRef.current) {\n handleListHeight();\n window.addEventListener('resize', handleListHeight);\n }\n return () => {\n window.removeEventListener('resize', handleListHeight);\n };\n }, [listHeight, wrapperRef]);\n\n const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n return (\n <>\n {hasFiles && (\n <>\n <p className=\"media__fileList-counter\">\n {searchedTerm} {data[selectedFilter.filter]} items\n </p>\n <VirtualList\n width=\"100%\"\n height={listHeight}\n itemCount={data.files.length}\n itemSize={MEDIA_LIST_ITEM_SIZE}\n overscanCount={MEDIA_OVER_SCAN_COUNT}\n scrollToIndex={currentListIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const { name, url, mimetype, id, data: fileData, updated } = data.files[index];\n const isSelected = existPrevious(selectedFiles, id);\n return (\n <div key={index} style={style} className=\"list__item--resultWrapper\">\n <CardMedia\n updateFile={updateFile}\n clearList={clearList}\n latestQueryToRefetchParams={queryParams}\n modalTargetRef={modalTargetRef}\n onSelected={getSelectedFiles}\n key={id}\n displayLayout={displayLayout}\n selected={!!isSelected}\n name={name}\n url={url}\n mimetype={mimetype}\n id={id}\n index={index}\n removeFile={removeFile}\n openEditInModal={openEditInModal}\n data={fileData}\n updated={updated}\n />\n </div>\n );\n }}\n />\n </>\n )}\n {displayCardPrompt && (\n <CardPrompt>\n <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n Upload\n </Button>\n </CardPrompt>\n )}\n </>\n );\n};\n\nMediaFileList.propTypes = {\n setDisplayCardPrompt: PropTypes.func.isRequired,\n displayCardPrompt: PropTypes.bool,\n displayLayout: PropTypes.string.isRequired,\n wrapperRef: PropTypes.object.isRequired,\n modalTargetRef: PropTypes.object.isRequired,\n openEditInModal: PropTypes.bool\n};\n\nMediaFileList.defaultProps = {\n displayCardPrompt: true,\n openEditInModal: false\n};\n\nexport default MediaFileList;\n"],"mappings":"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","ignoreList":[]}
|
package/lib-es/index.js
CHANGED
|
@@ -4,9 +4,9 @@ import EditorAdapter from './components/EditorAdapter';
|
|
|
4
4
|
import { MediaLibraryIcon } from './icons';
|
|
5
5
|
import pkg from '../package.json';
|
|
6
6
|
import { PLUGIN_NAME } from './constants';
|
|
7
|
-
export const FilePreviewReadOnly = React.lazy(() => import(
|
|
8
|
-
const MediaListing = React.lazy(() => import(
|
|
9
|
-
const EditMediaFilePage = React.lazy(() => import(
|
|
7
|
+
export const FilePreviewReadOnly = React.lazy(() => import(/* webpackChunkName: 'MediaFilePreviewReadOnly' */'./components/FilePreviewReadOnly'));
|
|
8
|
+
const MediaListing = React.lazy(() => import(/* webpackChunkName: 'MediaListingContainer' */'./components/MediaListing'));
|
|
9
|
+
const EditMediaFilePage = React.lazy(() => import(/* webpackChunkName: 'EditMediaFilePage' */'./components/EditMediaFile/EditMediaFilePage'));
|
|
10
10
|
export default async function load(app) {
|
|
11
11
|
app.events.once('admin:menu:config:load', ({
|
|
12
12
|
addConfig
|
package/lib-es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","FileUploadAdapter","EditorAdapter","MediaLibraryIcon","pkg","PLUGIN_NAME","FilePreviewReadOnly","lazy","MediaListing","EditMediaFilePage","load","app","events","once","addConfig","main","items","media","label","uri","icon","order","addFieldType","type","component","mediaRoute","path","key","exact","editMediaFileRoute","addRoute","name","version","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport FileUploadAdapter from './components/FileUploadAdapter';\nimport EditorAdapter from './components/EditorAdapter';\nimport { MediaLibraryIcon } from './icons';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nexport const FilePreviewReadOnly = React.lazy(\n () =>\n import(/* webpackChunkName: 'MediaFilePreviewReadOnly' */ './components/FilePreviewReadOnly')\n);\n\nconst MediaListing = React.lazy(\n () => import(/* webpackChunkName: 'MediaListingContainer' */ './components/MediaListing')\n);\n\nconst EditMediaFilePage = React.lazy(\n () =>\n import(\n /* webpackChunkName: 'EditMediaFilePage' */ './components/EditMediaFile/EditMediaFilePage'\n )\n);\nexport default async function load(app) {\n app.events.once('admin:menu:config:load', ({ addConfig }) => {\n addConfig({\n main: {\n items: {\n media: {\n label: 'Media',\n uri: '/media',\n icon: MediaLibraryIcon,\n order: 30\n }\n }\n }\n });\n });\n\n app.events.once('load:custom:field:type', addFieldType => {\n addFieldType({ type: 'fileUpload', component: FileUploadAdapter });\n addFieldType({ type: 'filePreview', component: FilePreviewReadOnly });\n addFieldType({ type: 'editor', component: EditorAdapter });\n });\n\n const mediaRoute = {\n path: '/media',\n key: 'media',\n component: MediaListing,\n exact: true\n };\n\n const editMediaFileRoute = {\n path: '/media/edit/:fileId',\n key: 'editMedia',\n component: EditMediaFilePage,\n exact: true\n };\n\n app.addRoute(mediaRoute);\n app.addRoute(editMediaFileRoute);\n\n return {\n name: PLUGIN_NAME,\n version: pkg.version\n };\n}\n\nload.pluginName = PLUGIN_NAME;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SAASC,gBAAgB,QAAQ,SAAS;AAC1C,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAASC,WAAW,QAAQ,aAAa;AAEzC,OAAO,MAAMC,mBAAmB,GAAGN,KAAK,CAACO,IAAI,CAC3C,MACE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","FileUploadAdapter","EditorAdapter","MediaLibraryIcon","pkg","PLUGIN_NAME","FilePreviewReadOnly","lazy","MediaListing","EditMediaFilePage","load","app","events","once","addConfig","main","items","media","label","uri","icon","order","addFieldType","type","component","mediaRoute","path","key","exact","editMediaFileRoute","addRoute","name","version","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport FileUploadAdapter from './components/FileUploadAdapter';\nimport EditorAdapter from './components/EditorAdapter';\nimport { MediaLibraryIcon } from './icons';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nexport const FilePreviewReadOnly = React.lazy(\n () =>\n import(/* webpackChunkName: 'MediaFilePreviewReadOnly' */ './components/FilePreviewReadOnly')\n);\n\nconst MediaListing = React.lazy(\n () => import(/* webpackChunkName: 'MediaListingContainer' */ './components/MediaListing')\n);\n\nconst EditMediaFilePage = React.lazy(\n () =>\n import(\n /* webpackChunkName: 'EditMediaFilePage' */ './components/EditMediaFile/EditMediaFilePage'\n )\n);\nexport default async function load(app) {\n app.events.once('admin:menu:config:load', ({ addConfig }) => {\n addConfig({\n main: {\n items: {\n media: {\n label: 'Media',\n uri: '/media',\n icon: MediaLibraryIcon,\n order: 30\n }\n }\n }\n });\n });\n\n app.events.once('load:custom:field:type', addFieldType => {\n addFieldType({ type: 'fileUpload', component: FileUploadAdapter });\n addFieldType({ type: 'filePreview', component: FilePreviewReadOnly });\n addFieldType({ type: 'editor', component: EditorAdapter });\n });\n\n const mediaRoute = {\n path: '/media',\n key: 'media',\n component: MediaListing,\n exact: true\n };\n\n const editMediaFileRoute = {\n path: '/media/edit/:fileId',\n key: 'editMedia',\n component: EditMediaFilePage,\n exact: true\n };\n\n app.addRoute(mediaRoute);\n app.addRoute(editMediaFileRoute);\n\n return {\n name: PLUGIN_NAME,\n version: pkg.version\n };\n}\n\nload.pluginName = PLUGIN_NAME;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SAASC,gBAAgB,QAAQ,SAAS;AAC1C,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAASC,WAAW,QAAQ,aAAa;AAEzC,OAAO,MAAMC,mBAAmB,GAAGN,KAAK,CAACO,IAAI,CAC3C,MACE,MAAM,CAAC,kDAAmD,kCAAkC,CAChG,CAAC;AAED,MAAMC,YAAY,GAAGR,KAAK,CAACO,IAAI,CAC7B,MAAM,MAAM,CAAC,+CAAgD,2BAA2B,CAC1F,CAAC;AAED,MAAME,iBAAiB,GAAGT,KAAK,CAACO,IAAI,CAClC,MACE,MAAM,CACJ,2CAA4C,8CAC9C,CACJ,CAAC;AACD,eAAe,eAAeG,IAAIA,CAACC,GAAG,EAAE;EACtCA,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAAEC;EAAU,CAAC,KAAK;IAC3DA,SAAS,CAAC;MACRC,IAAI,EAAE;QACJC,KAAK,EAAE;UACLC,KAAK,EAAE;YACLC,KAAK,EAAE,OAAO;YACdC,GAAG,EAAE,QAAQ;YACbC,IAAI,EAAEjB,gBAAgB;YACtBkB,KAAK,EAAE;UACT;QACF;MACF;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFV,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,wBAAwB,EAAES,YAAY,IAAI;IACxDA,YAAY,CAAC;MAAEC,IAAI,EAAE,YAAY;MAAEC,SAAS,EAAEvB;IAAkB,CAAC,CAAC;IAClEqB,YAAY,CAAC;MAAEC,IAAI,EAAE,aAAa;MAAEC,SAAS,EAAElB;IAAoB,CAAC,CAAC;IACrEgB,YAAY,CAAC;MAAEC,IAAI,EAAE,QAAQ;MAAEC,SAAS,EAAEtB;IAAc,CAAC,CAAC;EAC5D,CAAC,CAAC;EAEF,MAAMuB,UAAU,GAAG;IACjBC,IAAI,EAAE,QAAQ;IACdC,GAAG,EAAE,OAAO;IACZH,SAAS,EAAEhB,YAAY;IACvBoB,KAAK,EAAE;EACT,CAAC;EAED,MAAMC,kBAAkB,GAAG;IACzBH,IAAI,EAAE,qBAAqB;IAC3BC,GAAG,EAAE,WAAW;IAChBH,SAAS,EAAEf,iBAAiB;IAC5BmB,KAAK,EAAE;EACT,CAAC;EAEDjB,GAAG,CAACmB,QAAQ,CAACL,UAAU,CAAC;EACxBd,GAAG,CAACmB,QAAQ,CAACD,kBAAkB,CAAC;EAEhC,OAAO;IACLE,IAAI,EAAE1B,WAAW;IACjB2B,OAAO,EAAE5B,GAAG,CAAC4B;EACf,CAAC;AACH;AAEAtB,IAAI,CAACuB,UAAU,GAAG5B,WAAW","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bustUrl.js","names":["bustUrl","url","updated","separator","includes","version","Date","now"],"sources":["../../src/utils/bustUrl.js"],"sourcesContent":["export default function bustUrl(url, updated) {\n if (!url) return url;\n const separator = url.includes('?') ? '&' : '?';\n const version = updated || Date.now();\n return `${url}${separator}v=${version}`;\n}\n"],"mappings":"AAAA,eAAe,SAASA,OAAOA,CAACC,GAAG,EAAEC,OAAO,EAAE;EAC5C,IAAI,CAACD,GAAG,EAAE,OAAOA,GAAG;EACpB,MAAME,SAAS,GAAGF,GAAG,CAACG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG;EAC/C,MAAMC,OAAO,GAAGH,OAAO,IAAII,IAAI,CAACC,GAAG,CAAC,CAAC;EACrC,
|
|
1
|
+
{"version":3,"file":"bustUrl.js","names":["bustUrl","url","updated","separator","includes","version","Date","now"],"sources":["../../src/utils/bustUrl.js"],"sourcesContent":["export default function bustUrl(url, updated) {\n if (!url) return url;\n const separator = url.includes('?') ? '&' : '?';\n const version = updated || Date.now();\n return `${url}${separator}v=${version}`;\n}\n"],"mappings":"AAAA,eAAe,SAASA,OAAOA,CAACC,GAAG,EAAEC,OAAO,EAAE;EAC5C,IAAI,CAACD,GAAG,EAAE,OAAOA,GAAG;EACpB,MAAME,SAAS,GAAGF,GAAG,CAACG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG;EAC/C,MAAMC,OAAO,GAAGH,OAAO,IAAII,IAAI,CAACC,GAAG,CAAC,CAAC;EACrC,OAAO,GAAGN,GAAG,GAAGE,SAAS,KAAKE,OAAO,EAAE;AACzC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-media-ui",
|
|
3
|
-
"version": "0.146.0-node18-
|
|
3
|
+
"version": "0.146.0-node18-tooltips.49",
|
|
4
4
|
"description": "Blaze plugin media ui",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-es/index.js",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
},
|
|
28
28
|
"license": "GPL-3.0",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@blaze-cms/admin-ui-utils": "0.146.0-node18-
|
|
31
|
-
"@blaze-cms/core-errors": "0.146.0-node18-
|
|
32
|
-
"@blaze-cms/plugin-search-ui": "0.146.0-node18-
|
|
33
|
-
"@blaze-cms/react-form-builder": "0.146.0-node18-
|
|
34
|
-
"@blaze-cms/setup-ui": "0.146.0-node18-
|
|
30
|
+
"@blaze-cms/admin-ui-utils": "0.146.0-node18-tooltips.44",
|
|
31
|
+
"@blaze-cms/core-errors": "0.146.0-node18-tooltips.0",
|
|
32
|
+
"@blaze-cms/plugin-search-ui": "0.146.0-node18-tooltips.44",
|
|
33
|
+
"@blaze-cms/react-form-builder": "0.146.0-node18-tooltips.49",
|
|
34
|
+
"@blaze-cms/setup-ui": "0.146.0-node18-tooltips.0",
|
|
35
35
|
"@blaze-react/button": "0.8.0-alpha.82",
|
|
36
36
|
"@blaze-react/dnd": "^0.7.0",
|
|
37
37
|
"@blaze-react/drafteditor": "0.7.0",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"react-tiny-virtual-list": "2.2.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@blaze-cms/core-ui": "0.146.0-node18-
|
|
51
|
+
"@blaze-cms/core-ui": "0.146.0-node18-tooltips.44"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"@apollo/client": "3.x",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"lib/*",
|
|
62
62
|
"lib-es/*"
|
|
63
63
|
],
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "fda5819600b133737153e8775db35aa0819beecc"
|
|
65
65
|
}
|
|
@@ -126,7 +126,7 @@ const EditMediaFile = ({
|
|
|
126
126
|
const fileToRender = formValues || file;
|
|
127
127
|
const fileWithStoreType = getFileWithStoreType(fileToRender);
|
|
128
128
|
|
|
129
|
-
return (
|
|
129
|
+
return !loading ? (
|
|
130
130
|
<>
|
|
131
131
|
{!!file && (
|
|
132
132
|
<FilePreview
|
|
@@ -150,6 +150,8 @@ const EditMediaFile = ({
|
|
|
150
150
|
</div>
|
|
151
151
|
)}
|
|
152
152
|
</>
|
|
153
|
+
) : (
|
|
154
|
+
<div>loading...</div>
|
|
153
155
|
);
|
|
154
156
|
};
|
|
155
157
|
|