@blaze-cms/plugin-media-ui 0.124.0 → 0.125.0-admin-updates.1
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 +25 -0
- package/lib/components/CardMedia/CardMedia.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFile.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFilePage.js.map +1 -1
- package/lib/components/EditorAdapter/EditorAdapter.js.map +1 -1
- package/lib/components/FileList/FilesListContext/index.js.map +1 -1
- package/lib/components/FileList/FilesListProvider/index.js.map +1 -1
- package/lib/components/FileList/useFileList/index.js.map +1 -1
- package/lib/components/FileList/useGetFiles/getFiles.js.map +1 -1
- package/lib/components/FileList/useGetFiles/useGetFiles.js.map +1 -1
- package/lib/components/FileList/useGetFilesList/getCounters.js.map +1 -1
- package/lib/components/FileList/useGetFilesList/useGetFilesList.js.map +1 -1
- package/lib/components/FilePreview/Actions/index.js.map +1 -1
- package/lib/components/FilePreview/Image/Image.js.map +1 -1
- package/lib/components/FilePreview/Image/RawImage.js.map +1 -1
- package/lib/components/FilePreview/PDF/PDF.js.map +1 -1
- package/lib/components/FilePreview/PDF/RawPDF.js.map +1 -1
- package/lib/components/FilePreview/index.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FilePreviewList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileReorderList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileReorderListItem.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileUploadAdapter.js +2 -4
- package/lib/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -1
- package/lib/components/FileUploadAdapter/useLimit.js.map +1 -1
- package/lib/components/FileUploadModal/FileUploadModal.js.map +1 -1
- package/lib/components/FilterPanel/FilterPanel.js.map +1 -1
- package/lib/components/ListingContainer/Listing/Listing.js.map +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaListing.js.map +1 -1
- package/lib/components/ListingContainer/ListingContainer.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/utils/media-context/media-context.js.map +1 -1
- package/lib/utils/media-context/useMediaContext.js.map +1 -1
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js +1 -2
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -1
- package/package.json +5 -5
- package/src/components/FileUploadAdapter/FileUploadAdapter.js +1 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,31 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.125.0-admin-updates.1](https://github.com/thebyte9/blaze/compare/v0.125.0-admin-updates.0...v0.125.0-admin-updates.1) (2022-10-06)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/plugin-media-ui
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [0.125.0-admin-updates.0](https://github.com/thebyte9/blaze/compare/v0.124.1...v0.125.0-admin-updates.0) (2022-10-05)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* update tests ([8fd2675](https://github.com/thebyte9/blaze/commit/8fd2675624126e5a23ecc0af3202d08c46667441))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
### Features
|
|
23
|
+
|
|
24
|
+
* add updated snapshots ([a0444bd](https://github.com/thebyte9/blaze/commit/a0444bd0d4e2f78753ac069067d39f3f6e741832))
|
|
25
|
+
* delete duplicated code ([6fc900c](https://github.com/thebyte9/blaze/commit/6fc900c4e3a57664c0972c6ed739345e5d93af0b))
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
6
31
|
# [0.124.0](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.43...v0.124.0) (2022-08-08)
|
|
7
32
|
|
|
8
33
|
**Note:** Version bump only for package @blaze-cms/plugin-media-ui
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardMedia.js","names":["CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","deleteFile","split","type","extension","client","deleteFileById","variables","input","appearance","autoDismiss","message","handleClick","cardMediaClassNames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","mutate","mutation","update","cache","fileUpdated","writeQuery","query","result","updatedFile","console","error","current","event","preventDefault","stopPropagation","propTypes","PropTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n onSelected,\n name,\n url,\n mimetype,\n id,\n selected,\n displayLayout,\n data,\n modalTargetRef,\n updateFile,\n removeFile,\n index\n}) => {\n const [displayDeleteModal, setDisplayDeleteModal] = useState(false);\n const [displayEditModal, setDisplayEditModal] = useState(false);\n const [enableSaveButton, setEnableSaveButton] = useState(false);\n const [fileData, setFileData] = useState(null);\n const { addToast } = useToasts();\n const [deleteFile] = useMutation(getMutation('DELETE_FILE_BY_ID'));\n const [type, extension] = mimetype.split('/');\n const client = useApolloClient();\n\n const deleteFileById = async () => {\n setDisplayDeleteModal(false);\n try {\n await deleteFile({\n variables: { input: { id } }\n });\n\n removeFile({\n index\n });\n\n addToast(`File: ${name} has been deleted`, {\n appearance: 'success',\n autoDismiss: true\n });\n } catch (error) {\n addToast(error.message, {\n appearance: 'error',\n autoDismiss: true\n });\n }\n };\n\n const handleClick = () => {\n onSelected({ id, url, name, data });\n };\n\n const cardMediaClassNames = classnames('card card--media-list', {\n 'card--media-list--selected': selected,\n [`card--media-${displayLayout}`]: displayLayout\n });\n\n const handleCloseModal = () => {\n setDisplayEditModal(false);\n };\n\n const handleSaveButtonStatus = state => {\n setEnableSaveButton(state);\n };\n\n const modalActions = [\n {\n textButton: 'Cancel',\n callback: handleCloseModal,\n modifiers: ['cancel']\n },\n {\n textButton: 'Save',\n callback: () => handleFormSave(),\n modifiers: enableSaveButton ? [] : ['disabled']\n }\n ];\n\n const handleFileChange = file => {\n setFileData(file);\n };\n\n const handleFormSave = async () => {\n try {\n const {\n data: { updateFile: updatedFile }\n } = await client.mutate({\n mutation: getMutation('UPDATE_FILE'),\n variables: { input: fileData },\n update(\n cache,\n {\n data: { updateFile: fileUpdated }\n }\n ) {\n cache.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id },\n data: { file: fileUpdated.result }\n });\n }\n });\n\n updateFile({ file: updatedFile.result, index });\n addToast(`File: ${fileData.name} has been updated`, {\n appearance: 'success',\n autoDismiss: true\n });\n } catch (e) {\n addToast(`File: ${fileData.name} has not been updated`, {\n appearance: 'error',\n autoDismiss: true\n });\n console.error(e); //eslint-disable-line\n }\n handleCloseModal();\n setEnableSaveButton(false);\n };\n\n return (\n <>\n {displayEditModal &&\n createPortal(\n <Modal title=\"Edit\" actions={modalActions} onClose={handleCloseModal}>\n <EditMediaFile\n onChange={handleFileChange}\n fileId={id}\n handleSaveButtonStatus={handleSaveButtonStatus}\n handleFormSave={handleFormSave}\n enableSaveButton={enableSaveButton}\n />\n </Modal>,\n modalTargetRef.current\n )}\n <div className={cardMediaClassNames} role=\"button\" onClick={handleClick}>\n {displayDeleteModal &&\n createPortal(\n <DeleteAction\n onClose={() => setDisplayDeleteModal(false)}\n deleteAction={() => deleteFileById()}\n itemName={name}\n />,\n modalTargetRef.current\n )}\n\n {type === 'image' ? (\n <div className={`card__image card__image--media-${displayLayout}`}>\n <img src={url} alt={name} />\n </div>\n ) : (\n <div className=\"card__image card__image--media-list-document\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n </svg>\n </div>\n )}\n\n <footer className={`card__footer card__footer--media-${displayLayout}`}>\n <div className={`card__details card__details--media-${displayLayout}`}>\n <div className={`card__title card__title--media-${displayLayout}`}>\n <h2>{name}</h2>\n </div>\n <p>\n <span>format: {extension}</span>\n </p>\n </div>\n <div className={`card__menu card__menu--${displayLayout}`}>\n <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n <More displayBg>\n <More.Avatar isMoreMenu>\n <span className=\"material-icons\">more_vert</span>\n </More.Avatar>\n <More.Content isMoreMenu>\n <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n Edit\n </Link>\n <Button\n onClick={event => {\n event.preventDefault();\n event.stopPropagation();\n setDisplayDeleteModal(true);\n }}\n className=\"more-menu__link\">\n Delete\n </Button>\n </More.Content>\n </More>\n </div>\n </div>\n </footer>\n </div>\n </>\n );\n};\n\nCardMedia.propTypes = {\n name: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired,\n mimetype: PropTypes.string.isRequired,\n displayLayout: PropTypes.string.isRequired,\n data: PropTypes.object,\n onSelected: PropTypes.func,\n updateFile: PropTypes.func.isRequired,\n removeFile: PropTypes.func.isRequired,\n selected: PropTypes.bool,\n modalTargetRef: PropTypes.object.isRequired,\n index: PropTypes.number.isRequired\n};\n\nCardMedia.defaultProps = {\n onSelected: () => {},\n selected: false,\n data: {}\n};\n\nexport default CardMedia;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CardMedia.js","names":["CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","useState","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","useToasts","addToast","useMutation","getMutation","deleteFile","split","type","extension","client","useApolloClient","deleteFileById","variables","input","appearance","autoDismiss","message","handleClick","cardMediaClassNames","classnames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","mutate","mutation","update","cache","fileUpdated","writeQuery","query","getQuery","result","updatedFile","console","error","createPortal","current","event","preventDefault","stopPropagation","propTypes","PropTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n onSelected,\n name,\n url,\n mimetype,\n id,\n selected,\n displayLayout,\n data,\n modalTargetRef,\n updateFile,\n removeFile,\n index\n}) => {\n const [displayDeleteModal, setDisplayDeleteModal] = useState(false);\n const [displayEditModal, setDisplayEditModal] = useState(false);\n const [enableSaveButton, setEnableSaveButton] = useState(false);\n const [fileData, setFileData] = useState(null);\n const { addToast } = useToasts();\n const [deleteFile] = useMutation(getMutation('DELETE_FILE_BY_ID'));\n const [type, extension] = mimetype.split('/');\n const client = useApolloClient();\n\n const deleteFileById = async () => {\n setDisplayDeleteModal(false);\n try {\n await deleteFile({\n variables: { input: { id } }\n });\n\n removeFile({\n index\n });\n\n addToast(`File: ${name} has been deleted`, {\n appearance: 'success',\n autoDismiss: true\n });\n } catch (error) {\n addToast(error.message, {\n appearance: 'error',\n autoDismiss: true\n });\n }\n };\n\n const handleClick = () => {\n onSelected({ id, url, name, data });\n };\n\n const cardMediaClassNames = classnames('card card--media-list', {\n 'card--media-list--selected': selected,\n [`card--media-${displayLayout}`]: displayLayout\n });\n\n const handleCloseModal = () => {\n setDisplayEditModal(false);\n };\n\n const handleSaveButtonStatus = state => {\n setEnableSaveButton(state);\n };\n\n const modalActions = [\n {\n textButton: 'Cancel',\n callback: handleCloseModal,\n modifiers: ['cancel']\n },\n {\n textButton: 'Save',\n callback: () => handleFormSave(),\n modifiers: enableSaveButton ? [] : ['disabled']\n }\n ];\n\n const handleFileChange = file => {\n setFileData(file);\n };\n\n const handleFormSave = async () => {\n try {\n const {\n data: { updateFile: updatedFile }\n } = await client.mutate({\n mutation: getMutation('UPDATE_FILE'),\n variables: { input: fileData },\n update(\n cache,\n {\n data: { updateFile: fileUpdated }\n }\n ) {\n cache.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id },\n data: { file: fileUpdated.result }\n });\n }\n });\n\n updateFile({ file: updatedFile.result, index });\n addToast(`File: ${fileData.name} has been updated`, {\n appearance: 'success',\n autoDismiss: true\n });\n } catch (e) {\n addToast(`File: ${fileData.name} has not been updated`, {\n appearance: 'error',\n autoDismiss: true\n });\n console.error(e); //eslint-disable-line\n }\n handleCloseModal();\n setEnableSaveButton(false);\n };\n\n return (\n <>\n {displayEditModal &&\n createPortal(\n <Modal title=\"Edit\" actions={modalActions} onClose={handleCloseModal}>\n <EditMediaFile\n onChange={handleFileChange}\n fileId={id}\n handleSaveButtonStatus={handleSaveButtonStatus}\n handleFormSave={handleFormSave}\n enableSaveButton={enableSaveButton}\n />\n </Modal>,\n modalTargetRef.current\n )}\n <div className={cardMediaClassNames} role=\"button\" onClick={handleClick}>\n {displayDeleteModal &&\n createPortal(\n <DeleteAction\n onClose={() => setDisplayDeleteModal(false)}\n deleteAction={() => deleteFileById()}\n itemName={name}\n />,\n modalTargetRef.current\n )}\n\n {type === 'image' ? (\n <div className={`card__image card__image--media-${displayLayout}`}>\n <img src={url} alt={name} />\n </div>\n ) : (\n <div className=\"card__image card__image--media-list-document\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n </svg>\n </div>\n )}\n\n <footer className={`card__footer card__footer--media-${displayLayout}`}>\n <div className={`card__details card__details--media-${displayLayout}`}>\n <div className={`card__title card__title--media-${displayLayout}`}>\n <h2>{name}</h2>\n </div>\n <p>\n <span>format: {extension}</span>\n </p>\n </div>\n <div className={`card__menu card__menu--${displayLayout}`}>\n <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n <More displayBg>\n <More.Avatar isMoreMenu>\n <span className=\"material-icons\">more_vert</span>\n </More.Avatar>\n <More.Content isMoreMenu>\n <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n Edit\n </Link>\n <Button\n onClick={event => {\n event.preventDefault();\n event.stopPropagation();\n setDisplayDeleteModal(true);\n }}\n className=\"more-menu__link\">\n Delete\n </Button>\n </More.Content>\n </More>\n </div>\n </div>\n </footer>\n </div>\n </>\n );\n};\n\nCardMedia.propTypes = {\n name: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired,\n mimetype: PropTypes.string.isRequired,\n displayLayout: PropTypes.string.isRequired,\n data: PropTypes.object,\n onSelected: PropTypes.func,\n updateFile: PropTypes.func.isRequired,\n removeFile: PropTypes.func.isRequired,\n selected: PropTypes.bool,\n modalTargetRef: PropTypes.object.isRequired,\n index: PropTypes.number.isRequired\n};\n\nCardMedia.defaultProps = {\n onSelected: () => {},\n selected: false,\n data: {}\n};\n\nexport default CardMedia;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditMediaFile.js","names":["EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","formValues","setFormValues","query","variables","id","loading","data","file","fileStoresType","visibleInAdmin","getFileStores","storeType","handleFormChange","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","filter","NAME","STORE_KEY","dataValues","reduce","acc","value","find","newFileName","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","fileWithStoreType","propTypes","PropTypes","string","isRequired","func","bool","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport FilePreview from '../FilePreview';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n const [formValues, setFormValues] = useState(null);\n const query = getQuery('GET_FILE_BY_ID');\n const { loading, data: { file } = {} } = useQuery(query, {\n variables: { id: fileId }\n });\n\n const fileStoresType = getQuery('GET_FILE_STORES');\n const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n variables: { visibleInAdmin: true }\n });\n\n useEffect(\n () => {\n if (!formValues && file) {\n setFormValues(file);\n }\n },\n [file, formValues, storeType]\n );\n\n const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n const valuesCheckedWithoutName = valuesChecked.filter(({ id }) => {\n if (id === NAME || id === STORE_KEY) return false;\n return true;\n });\n\n const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n acc[id] = value;\n return acc;\n }, {});\n const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n const shouldEnableSaveButton = isNewValueSet && isValid;\n handleSaveButtonStatus(false);\n\n if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n handleSaveButtonStatus(shouldEnableSaveButton);\n }\n\n const updatedFile = {\n id: file.id,\n name: newFileName,\n storeKey,\n data: dataValues\n };\n setFormValues(updatedFile);\n onChange(updatedFile);\n };\n\n const getFileWithStoreType = () => {\n if (storeType) {\n const storeOptions = storeType.map(type => [type.key, type.name]);\n const defaultStore = storeType.find(type => type.isDefault) || null;\n return { ...file, store: { defaultStore, storeOptions } };\n }\n\n return file;\n };\n\n const fileWithStoreType = getFileWithStoreType();\n\n return (\n <>\n {!loading ? (\n <>\n {file ? (\n <FilePreview file={fileWithStoreType} handleFormChange={handleFormChange} displayForm />\n ) : null}\n </>\n ) : (\n <div>loading...</div>\n )}\n </>\n );\n};\n\nEditMediaFile.propTypes = {\n fileId: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n handleSaveButtonStatus: PropTypes.func.isRequired,\n enableSaveButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n enableSaveButton: false\n};\n\nexport default EditMediaFile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAAoE;EAAA,IAAjEC,QAAiE,QAAjEA,QAAiE;EAAA,IAAvDC,sBAAuD,QAAvDA,sBAAuD;EAAA,IAA/BC,gBAA+B,QAA/BA,gBAA+B;EAAA,IAAbC,MAAa,QAAbA,MAAa;;EACxF,gBAAoC,
|
|
1
|
+
{"version":3,"file":"EditMediaFile.js","names":["EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","useState","formValues","setFormValues","query","getQuery","useQuery","variables","id","loading","data","file","fileStoresType","visibleInAdmin","getFileStores","storeType","useEffect","handleFormChange","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","filter","NAME","STORE_KEY","dataValues","reduce","acc","value","find","newFileName","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","fileWithStoreType","propTypes","PropTypes","string","isRequired","func","bool","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport FilePreview from '../FilePreview';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n const [formValues, setFormValues] = useState(null);\n const query = getQuery('GET_FILE_BY_ID');\n const { loading, data: { file } = {} } = useQuery(query, {\n variables: { id: fileId }\n });\n\n const fileStoresType = getQuery('GET_FILE_STORES');\n const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n variables: { visibleInAdmin: true }\n });\n\n useEffect(\n () => {\n if (!formValues && file) {\n setFormValues(file);\n }\n },\n [file, formValues, storeType]\n );\n\n const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n const valuesCheckedWithoutName = valuesChecked.filter(({ id }) => {\n if (id === NAME || id === STORE_KEY) return false;\n return true;\n });\n\n const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n acc[id] = value;\n return acc;\n }, {});\n const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n const shouldEnableSaveButton = isNewValueSet && isValid;\n handleSaveButtonStatus(false);\n\n if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n handleSaveButtonStatus(shouldEnableSaveButton);\n }\n\n const updatedFile = {\n id: file.id,\n name: newFileName,\n storeKey,\n data: dataValues\n };\n setFormValues(updatedFile);\n onChange(updatedFile);\n };\n\n const getFileWithStoreType = () => {\n if (storeType) {\n const storeOptions = storeType.map(type => [type.key, type.name]);\n const defaultStore = storeType.find(type => type.isDefault) || null;\n return { ...file, store: { defaultStore, storeOptions } };\n }\n\n return file;\n };\n\n const fileWithStoreType = getFileWithStoreType();\n\n return (\n <>\n {!loading ? (\n <>\n {file ? (\n <FilePreview file={fileWithStoreType} handleFormChange={handleFormChange} displayForm />\n ) : null}\n </>\n ) : (\n <div>loading...</div>\n )}\n </>\n );\n};\n\nEditMediaFile.propTypes = {\n fileId: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n handleSaveButtonStatus: PropTypes.func.isRequired,\n enableSaveButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n enableSaveButton: false\n};\n\nexport default EditMediaFile;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditMediaFilePage.js","names":["EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","mutate","mutation","variables","input","update","cache","fileUpdated","data","updateFile","writeQuery","query","id","params","fileId","result","name","appearance","autoDismiss","console","error","pushBack","push","buttonModifiers","propTypes","PropTypes","object","isRequired"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n const [file, setFile] = useState(null);\n const client = useApolloClient();\n const { addToast } = useToasts();\n\n const handleFileChange = values => setFile(values);\n\n const handleSaveButtonStatus = value => {\n setShouldEnableSaveButton(value);\n };\n\n const handleFormSave = async () => {\n try {\n await client.mutate({\n mutation: getMutation('UPDATE_FILE'),\n variables: { input: file },\n update(\n cache,\n {\n data: { updateFile: fileUpdated }\n }\n ) {\n cache.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id: match.params.fileId },\n data: { file: fileUpdated.result }\n });\n }\n });\n\n addToast(`File: ${file.name} has been updated`, {\n appearance: 'success',\n autoDismiss: true\n });\n } catch (e) {\n addToast(`File: ${file.name} has not been updated`, {\n appearance: 'error',\n autoDismiss: true\n });\n console.error(e); //eslint-disable-line\n }\n setShouldEnableSaveButton(false);\n };\n\n const pushBack = () => history.push('/media');\n\n const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n return (\n <div className=\"page\">\n <div className=\"page__content\">\n <div className=\"page__content__mediaWrapper\">\n <EditMediaFile\n onChange={handleFileChange}\n fileId={match.params.fileId}\n handleSaveButtonStatus={handleSaveButtonStatus}\n handleFormSave={handleFormSave}\n />\n <div className=\"page__content__mediaWrapperActions\">\n <Button onClick={pushBack}>Cancel</Button>\n <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n Save\n </Button>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nEditMediaFilePage.propTypes = {\n match: PropTypes.object.isRequired,\n history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAwB;EAAA,IAArBC,KAAqB,QAArBA,KAAqB;EAAA,IAAdC,OAAc,QAAdA,OAAc;;EAChD,gBAA4D,
|
|
1
|
+
{"version":3,"file":"EditMediaFilePage.js","names":["EditMediaFilePage","match","history","useState","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","useApolloClient","useToasts","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","mutate","mutation","getMutation","variables","input","update","cache","fileUpdated","data","updateFile","writeQuery","query","getQuery","id","params","fileId","result","name","appearance","autoDismiss","console","error","pushBack","push","buttonModifiers","propTypes","PropTypes","object","isRequired","withRouter"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n const [file, setFile] = useState(null);\n const client = useApolloClient();\n const { addToast } = useToasts();\n\n const handleFileChange = values => setFile(values);\n\n const handleSaveButtonStatus = value => {\n setShouldEnableSaveButton(value);\n };\n\n const handleFormSave = async () => {\n try {\n await client.mutate({\n mutation: getMutation('UPDATE_FILE'),\n variables: { input: file },\n update(\n cache,\n {\n data: { updateFile: fileUpdated }\n }\n ) {\n cache.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id: match.params.fileId },\n data: { file: fileUpdated.result }\n });\n }\n });\n\n addToast(`File: ${file.name} has been updated`, {\n appearance: 'success',\n autoDismiss: true\n });\n } catch (e) {\n addToast(`File: ${file.name} has not been updated`, {\n appearance: 'error',\n autoDismiss: true\n });\n console.error(e); //eslint-disable-line\n }\n setShouldEnableSaveButton(false);\n };\n\n const pushBack = () => history.push('/media');\n\n const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n return (\n <div className=\"page\">\n <div className=\"page__content\">\n <div className=\"page__content__mediaWrapper\">\n <EditMediaFile\n onChange={handleFileChange}\n fileId={match.params.fileId}\n handleSaveButtonStatus={handleSaveButtonStatus}\n handleFormSave={handleFormSave}\n />\n <div className=\"page__content__mediaWrapperActions\">\n <Button onClick={pushBack}>Cancel</Button>\n <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n Save\n </Button>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nEditMediaFilePage.propTypes = {\n match: PropTypes.object.isRequired,\n history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditorAdapter.js","names":["DraftEditorAdapter","id","value","onChange","error","validationMessage","label","props","propTypes","PropTypes","string","isRequired","func","bool","defaultProps","undefined"],"sources":["../../../src/components/EditorAdapter/EditorAdapter.js"],"sourcesContent":["import React from 'react';\nimport DraftEditor from '@blaze-react/drafteditor';\nimport PropTypes from 'prop-types';\n\nconst DraftEditorAdapter = ({ id, value, onChange, error, validationMessage, label, ...props }) => (\n <div className=\"form-field form-field--full-width\">\n <label>{label}</label>\n <DraftEditor\n name={id}\n value={value}\n onChange={onChange}\n error={error}\n validationMessage={validationMessage}\n />\n </div>\n);\n\nDraftEditorAdapter.propTypes = {\n id: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n error: PropTypes.bool,\n validationMessage: PropTypes.string,\n label: PropTypes.string.isRequired\n};\n\nDraftEditorAdapter.defaultProps = {\n error: false,\n validationMessage: undefined\n};\n\nexport default DraftEditorAdapter;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,IAAGC,EAAH,QAAGA,EAAH;EAAA,IAAOC,KAAP,QAAOA,KAAP;EAAA,IAAcC,QAAd,QAAcA,QAAd;EAAA,IAAwBC,KAAxB,QAAwBA,KAAxB;EAAA,IAA+BC,iBAA/B,QAA+BA,iBAA/B;EAAA,IAAkDC,KAAlD,QAAkDA,KAAlD;EAAA,IAA4DC,KAA5D;EAAA,oBACzB;IAAK,SAAS,EAAC;EAAf,gBACE,+CAAQD,KAAR,CADF,eAEE,gCAAC,uBAAD;IACE,IAAI,EAAEL,EADR;IAEE,KAAK,EAAEC,KAFT;IAGE,QAAQ,EAAEC,QAHZ;IAIE,KAAK,EAAEC,KAJT;IAKE,iBAAiB,EAAEC;EALrB,EAFF,CADyB;AAAA,CAA3B;;AAaAL,kBAAkB,CAACQ,SAAnB,GAA+B;EAC7BP,EAAE,EAAEQ,
|
|
1
|
+
{"version":3,"file":"EditorAdapter.js","names":["DraftEditorAdapter","id","value","onChange","error","validationMessage","label","props","propTypes","PropTypes","string","isRequired","func","bool","defaultProps","undefined"],"sources":["../../../src/components/EditorAdapter/EditorAdapter.js"],"sourcesContent":["import React from 'react';\nimport DraftEditor from '@blaze-react/drafteditor';\nimport PropTypes from 'prop-types';\n\nconst DraftEditorAdapter = ({ id, value, onChange, error, validationMessage, label, ...props }) => (\n <div className=\"form-field form-field--full-width\">\n <label>{label}</label>\n <DraftEditor\n name={id}\n value={value}\n onChange={onChange}\n error={error}\n validationMessage={validationMessage}\n />\n </div>\n);\n\nDraftEditorAdapter.propTypes = {\n id: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n error: PropTypes.bool,\n validationMessage: PropTypes.string,\n label: PropTypes.string.isRequired\n};\n\nDraftEditorAdapter.defaultProps = {\n error: false,\n validationMessage: undefined\n};\n\nexport default DraftEditorAdapter;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,IAAGC,EAAH,QAAGA,EAAH;EAAA,IAAOC,KAAP,QAAOA,KAAP;EAAA,IAAcC,QAAd,QAAcA,QAAd;EAAA,IAAwBC,KAAxB,QAAwBA,KAAxB;EAAA,IAA+BC,iBAA/B,QAA+BA,iBAA/B;EAAA,IAAkDC,KAAlD,QAAkDA,KAAlD;EAAA,IAA4DC,KAA5D;EAAA,oBACzB;IAAK,SAAS,EAAC;EAAf,gBACE,+CAAQD,KAAR,CADF,eAEE,gCAAC,uBAAD;IACE,IAAI,EAAEL,EADR;IAEE,KAAK,EAAEC,KAFT;IAGE,QAAQ,EAAEC,QAHZ;IAIE,KAAK,EAAEC,KAJT;IAKE,iBAAiB,EAAEC;EALrB,EAFF,CADyB;AAAA,CAA3B;;AAaAL,kBAAkB,CAACQ,SAAnB,GAA+B;EAC7BP,EAAE,EAAEQ,qBAAA,CAAUC,MAAV,CAAiBC,UADQ;EAE7BT,KAAK,EAAEO,qBAAA,CAAUC,MAAV,CAAiBC,UAFK;EAG7BR,QAAQ,EAAEM,qBAAA,CAAUG,IAAV,CAAeD,UAHI;EAI7BP,KAAK,EAAEK,qBAAA,CAAUI,IAJY;EAK7BR,iBAAiB,EAAEI,qBAAA,CAAUC,MALA;EAM7BJ,KAAK,EAAEG,qBAAA,CAAUC,MAAV,CAAiBC;AANK,CAA/B;AASAX,kBAAkB,CAACc,YAAnB,GAAkC;EAChCV,KAAK,EAAE,KADyB;EAEhCC,iBAAiB,EAAEU;AAFa,CAAlC;eAKef,kB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["FilesListContext","React","createContext"],"sources":["../../../../src/components/FileList/FilesListContext/index.js"],"sourcesContent":["import React from 'react';\n\nconst FilesListContext = React.createContext({});\n\nexport default FilesListContext;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA,IAAMA,gBAAgB,gBAAGC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["FilesListContext","React","createContext"],"sources":["../../../../src/components/FileList/FilesListContext/index.js"],"sourcesContent":["import React from 'react';\n\nconst FilesListContext = React.createContext({});\n\nexport default FilesListContext;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA,IAAMA,gBAAgB,gBAAGC,iBAAA,CAAMC,aAAN,CAAoB,EAApB,CAAzB;;eAEeF,gB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["FilesListProvider","children","queryParams","data","loading","setQueryParams","clearList","removeFile","addNewFile","updateFile","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../../src/components/FileList/FilesListProvider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport useGetFilesList from '../useGetFilesList/useGetFilesList';\nimport FilesListContext from '../FilesListContext';\n\nconst FilesListProvider = ({ children }) => {\n const [\n { queryParams, data, loading },\n { setQueryParams, clearList, removeFile, addNewFile, updateFile }\n ] = useGetFilesList();\n return (\n <FilesListContext.Provider\n value={{\n queryParams,\n data,\n loading,\n setQueryParams,\n clearList,\n removeFile,\n addNewFile,\n updateFile\n }}>\n {children}\n </FilesListContext.Provider>\n );\n};\n\nFilesListProvider.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default FilesListProvider;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC1C,uBAGI,
|
|
1
|
+
{"version":3,"file":"index.js","names":["FilesListProvider","children","useGetFilesList","queryParams","data","loading","setQueryParams","clearList","removeFile","addNewFile","updateFile","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../../src/components/FileList/FilesListProvider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport useGetFilesList from '../useGetFilesList/useGetFilesList';\nimport FilesListContext from '../FilesListContext';\n\nconst FilesListProvider = ({ children }) => {\n const [\n { queryParams, data, loading },\n { setQueryParams, clearList, removeFile, addNewFile, updateFile }\n ] = useGetFilesList();\n return (\n <FilesListContext.Provider\n value={{\n queryParams,\n data,\n loading,\n setQueryParams,\n clearList,\n removeFile,\n addNewFile,\n updateFile\n }}>\n {children}\n </FilesListContext.Provider>\n );\n};\n\nFilesListProvider.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default FilesListProvider;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC1C,uBAGI,IAAAC,4BAAA,GAHJ;EAAA;EAAA;EAAA,IACIC,WADJ,sBACIA,WADJ;EAAA,IACiBC,IADjB,sBACiBA,IADjB;EAAA,IACuBC,OADvB,sBACuBA,OADvB;EAAA;EAAA,IAEIC,cAFJ,uBAEIA,cAFJ;EAAA,IAEoBC,SAFpB,uBAEoBA,SAFpB;EAAA,IAE+BC,UAF/B,uBAE+BA,UAF/B;EAAA,IAE2CC,UAF3C,uBAE2CA,UAF3C;EAAA,IAEuDC,UAFvD,uBAEuDA,UAFvD;;EAIA,oBACE,gCAAC,4BAAD,CAAkB,QAAlB;IACE,KAAK,EAAE;MACLP,WAAW,EAAXA,WADK;MAELC,IAAI,EAAJA,IAFK;MAGLC,OAAO,EAAPA,OAHK;MAILC,cAAc,EAAdA,cAJK;MAKLC,SAAS,EAATA,SALK;MAMLC,UAAU,EAAVA,UANK;MAOLC,UAAU,EAAVA,UAPK;MAQLC,UAAU,EAAVA;IARK;EADT,GAWGT,QAXH,CADF;AAeD,CApBD;;AAsBAD,iBAAiB,CAACW,SAAlB,GAA8B;EAC5BV,QAAQ,EAAEW,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,OAAV,CAAkBF,qBAAA,CAAUG,IAA5B,CAAD,EAAoCH,qBAAA,CAAUG,IAA9C,CAApB,EAAyEC;AADvD,CAA9B;eAIehB,iB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["useFileList","FilesListContext"],"sources":["../../../../src/components/FileList/useFileList/index.js"],"sourcesContent":["import { useContext } from 'react';\nimport FilesListContext from '../FilesListContext';\n\nconst useFileList = () => useContext(FilesListContext);\n\nexport default useFileList;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc;EAAA,OAAM,
|
|
1
|
+
{"version":3,"file":"index.js","names":["useFileList","useContext","FilesListContext"],"sources":["../../../../src/components/FileList/useFileList/index.js"],"sourcesContent":["import { useContext } from 'react';\nimport FilesListContext from '../FilesListContext';\n\nconst useFileList = () => useContext(FilesListContext);\n\nexport default useFileList;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc;EAAA,OAAM,IAAAC,iBAAA,EAAWC,4BAAX,CAAN;AAAA,CAApB;;eAEeF,W"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getFiles.js","names":["getFromSearch","searchTerm","offset","limit","where","client","allTypesMatches","match","type","matchSpecificType","ALL","mustMatch","push","query_string","query","fields","minimum_should_match","storeKey","INVALID_STORE_KEY_VALUES","includes","fetchPolicy","variables","sort","rawQuery","bool","must","should","rawQueryAllResults","rawQueryImages","rawQueryVideos","rawQueryDocs","data","files","results","all","image","video","text","getFiles"],"sources":["../../../../src/components/FileList/useGetFiles/getFiles.js"],"sourcesContent":["import { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ALL, INVALID_STORE_KEY_VALUES } from '../../../constants';\n\nconst getFromSearch = async ({ searchTerm, offset, limit, where, client }) => {\n const allTypesMatches = [\n {\n match: { type: 'image' }\n },\n {\n match: { type: 'video' }\n },\n {\n match: { type: 'text' }\n }\n ];\n const matchSpecificType = [\n {\n match: { type: where.type }\n }\n ];\n const match = !where.type || where.type === ALL ? allTypesMatches : matchSpecificType;\n const mustMatch = [];\n\n if (searchTerm) {\n mustMatch.push({\n query_string: {\n query: `${searchTerm}*`,\n fields: [],\n minimum_should_match: 2,\n type: 'cross_fields'\n }\n });\n }\n\n if (where.storeKey && !INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {\n mustMatch.push({\n match: { storeKey: where.storeKey }\n });\n }\n\n const {\n data: {\n files: { results: files },\n all,\n image,\n video,\n text\n }\n } = await client.query({\n query: getQuery('SEARCH_ADMIN_MEDIA'),\n fetchPolicy: 'network-only',\n variables: {\n offset,\n limit,\n sort: searchTerm ? null : 'updated:desc',\n rawQuery: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: match\n }\n }\n ]\n }\n }\n },\n rawQueryAllResults: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'image' }\n },\n {\n match: { type: 'video' }\n },\n {\n match: { type: 'text' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryImages: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'image' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryVideos: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'video' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryDocs: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'text' }\n }\n ]\n }\n }\n ]\n }\n }\n }\n }\n });\n\n return { files, all, image, video, text };\n};\n\nconst getFiles = ({ offset, limit, where, searchTerm }, client) =>\n getFromSearch({ searchTerm, offset, limit, where, client });\n\nexport default getFiles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,aAAa;EAAA,0FAAG;IAAA;;IAAA;MAAA;QAAA;UAAA;YAASC,UAAT,QAASA,UAAT,EAAqBC,MAArB,QAAqBA,MAArB,EAA6BC,KAA7B,QAA6BA,KAA7B,EAAoCC,KAApC,QAAoCA,KAApC,EAA2CC,MAA3C,QAA2CA,MAA3C;YACdC,eADc,GACI,CACtB;cACEC,KAAK,EAAE;gBAAEC,IAAI,EAAE;cAAR;YADT,CADsB,EAItB;cACED,KAAK,EAAE;gBAAEC,IAAI,EAAE;cAAR;YADT,CAJsB,EAOtB;cACED,KAAK,EAAE;gBAAEC,IAAI,EAAE;cAAR;YADT,CAPsB,CADJ;YAYdC,iBAZc,GAYM,CACxB;cACEF,KAAK,EAAE;gBAAEC,IAAI,EAAEJ,KAAK,CAACI;cAAd;YADT,CADwB,CAZN;YAiBdD,KAjBc,GAiBN,CAACH,KAAK,CAACI,IAAP,IAAeJ,KAAK,CAACI,IAAN,KAAeE,cAA9B,GAAoCJ,eAApC,GAAsDG,iBAjBhD;YAkBdE,SAlBc,GAkBF,EAlBE;;YAoBpB,IAAIV,UAAJ,EAAgB;cACdU,SAAS,CAACC,IAAV,CAAe;gBACbC,YAAY,EAAE;kBACZC,KAAK,YAAKb,UAAL,MADO;kBAEZc,MAAM,EAAE,EAFI;kBAGZC,oBAAoB,EAAE,CAHV;kBAIZR,IAAI,EAAE;gBAJM;cADD,CAAf;YAQD;;YAED,IAAIJ,KAAK,CAACa,QAAN,IAAkB,CAACC,
|
|
1
|
+
{"version":3,"file":"getFiles.js","names":["getFromSearch","searchTerm","offset","limit","where","client","allTypesMatches","match","type","matchSpecificType","ALL","mustMatch","push","query_string","query","fields","minimum_should_match","storeKey","INVALID_STORE_KEY_VALUES","includes","getQuery","fetchPolicy","variables","sort","rawQuery","bool","must","should","rawQueryAllResults","rawQueryImages","rawQueryVideos","rawQueryDocs","data","files","results","all","image","video","text","getFiles"],"sources":["../../../../src/components/FileList/useGetFiles/getFiles.js"],"sourcesContent":["import { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ALL, INVALID_STORE_KEY_VALUES } from '../../../constants';\n\nconst getFromSearch = async ({ searchTerm, offset, limit, where, client }) => {\n const allTypesMatches = [\n {\n match: { type: 'image' }\n },\n {\n match: { type: 'video' }\n },\n {\n match: { type: 'text' }\n }\n ];\n const matchSpecificType = [\n {\n match: { type: where.type }\n }\n ];\n const match = !where.type || where.type === ALL ? allTypesMatches : matchSpecificType;\n const mustMatch = [];\n\n if (searchTerm) {\n mustMatch.push({\n query_string: {\n query: `${searchTerm}*`,\n fields: [],\n minimum_should_match: 2,\n type: 'cross_fields'\n }\n });\n }\n\n if (where.storeKey && !INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {\n mustMatch.push({\n match: { storeKey: where.storeKey }\n });\n }\n\n const {\n data: {\n files: { results: files },\n all,\n image,\n video,\n text\n }\n } = await client.query({\n query: getQuery('SEARCH_ADMIN_MEDIA'),\n fetchPolicy: 'network-only',\n variables: {\n offset,\n limit,\n sort: searchTerm ? null : 'updated:desc',\n rawQuery: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: match\n }\n }\n ]\n }\n }\n },\n rawQueryAllResults: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'image' }\n },\n {\n match: { type: 'video' }\n },\n {\n match: { type: 'text' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryImages: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'image' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryVideos: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'video' }\n }\n ]\n }\n }\n ]\n }\n }\n },\n rawQueryDocs: {\n query: {\n bool: {\n must: [\n ...mustMatch,\n {\n bool: {\n should: [\n {\n match: { type: 'text' }\n }\n ]\n }\n }\n ]\n }\n }\n }\n }\n });\n\n return { files, all, image, video, text };\n};\n\nconst getFiles = ({ offset, limit, where, searchTerm }, client) =>\n getFromSearch({ searchTerm, offset, limit, where, client });\n\nexport default getFiles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,aAAa;EAAA,0FAAG;IAAA;;IAAA;MAAA;QAAA;UAAA;YAASC,UAAT,QAASA,UAAT,EAAqBC,MAArB,QAAqBA,MAArB,EAA6BC,KAA7B,QAA6BA,KAA7B,EAAoCC,KAApC,QAAoCA,KAApC,EAA2CC,MAA3C,QAA2CA,MAA3C;YACdC,eADc,GACI,CACtB;cACEC,KAAK,EAAE;gBAAEC,IAAI,EAAE;cAAR;YADT,CADsB,EAItB;cACED,KAAK,EAAE;gBAAEC,IAAI,EAAE;cAAR;YADT,CAJsB,EAOtB;cACED,KAAK,EAAE;gBAAEC,IAAI,EAAE;cAAR;YADT,CAPsB,CADJ;YAYdC,iBAZc,GAYM,CACxB;cACEF,KAAK,EAAE;gBAAEC,IAAI,EAAEJ,KAAK,CAACI;cAAd;YADT,CADwB,CAZN;YAiBdD,KAjBc,GAiBN,CAACH,KAAK,CAACI,IAAP,IAAeJ,KAAK,CAACI,IAAN,KAAeE,cAA9B,GAAoCJ,eAApC,GAAsDG,iBAjBhD;YAkBdE,SAlBc,GAkBF,EAlBE;;YAoBpB,IAAIV,UAAJ,EAAgB;cACdU,SAAS,CAACC,IAAV,CAAe;gBACbC,YAAY,EAAE;kBACZC,KAAK,YAAKb,UAAL,MADO;kBAEZc,MAAM,EAAE,EAFI;kBAGZC,oBAAoB,EAAE,CAHV;kBAIZR,IAAI,EAAE;gBAJM;cADD,CAAf;YAQD;;YAED,IAAIJ,KAAK,CAACa,QAAN,IAAkB,CAACC,mCAAA,CAAyBC,QAAzB,CAAkCf,KAAK,CAACa,QAAxC,CAAvB,EAA0E;cACxEN,SAAS,CAACC,IAAV,CAAe;gBACbL,KAAK,EAAE;kBAAEU,QAAQ,EAAEb,KAAK,CAACa;gBAAlB;cADM,CAAf;YAGD;;YAnCmB;YAAA,OA6CVZ,MAAM,CAACS,KAAP,CAAa;cACrBA,KAAK,EAAE,IAAAM,sBAAA,EAAS,oBAAT,CADc;cAErBC,WAAW,EAAE,cAFQ;cAGrBC,SAAS,EAAE;gBACTpB,MAAM,EAANA,MADS;gBAETC,KAAK,EAALA,KAFS;gBAGToB,IAAI,EAAEtB,UAAU,GAAG,IAAH,GAAU,cAHjB;gBAITuB,QAAQ,EAAE;kBACRV,KAAK,EAAE;oBACLW,IAAI,EAAE;sBACJC,IAAI,YACCf,SADD,GAEF;wBACEc,IAAI,EAAE;0BACJE,MAAM,EAAEpB;wBADJ;sBADR,CAFE;oBADA;kBADD;gBADC,CAJD;gBAkBTqB,kBAAkB,EAAE;kBAClBd,KAAK,EAAE;oBACLW,IAAI,EAAE;sBACJC,IAAI,YACCf,SADD,GAEF;wBACEc,IAAI,EAAE;0BACJE,MAAM,EAAE,CACN;4BACEpB,KAAK,EAAE;8BAAEC,IAAI,EAAE;4BAAR;0BADT,CADM,EAIN;4BACED,KAAK,EAAE;8BAAEC,IAAI,EAAE;4BAAR;0BADT,CAJM,EAON;4BACED,KAAK,EAAE;8BAAEC,IAAI,EAAE;4BAAR;0BADT,CAPM;wBADJ;sBADR,CAFE;oBADA;kBADD;gBADW,CAlBX;gBA0CTqB,cAAc,EAAE;kBACdf,KAAK,EAAE;oBACLW,IAAI,EAAE;sBACJC,IAAI,YACCf,SADD,GAEF;wBACEc,IAAI,EAAE;0BACJE,MAAM,EAAE,CACN;4BACEpB,KAAK,EAAE;8BAAEC,IAAI,EAAE;4BAAR;0BADT,CADM;wBADJ;sBADR,CAFE;oBADA;kBADD;gBADO,CA1CP;gBA4DTsB,cAAc,EAAE;kBACdhB,KAAK,EAAE;oBACLW,IAAI,EAAE;sBACJC,IAAI,YACCf,SADD,GAEF;wBACEc,IAAI,EAAE;0BACJE,MAAM,EAAE,CACN;4BACEpB,KAAK,EAAE;8BAAEC,IAAI,EAAE;4BAAR;0BADT,CADM;wBADJ;sBADR,CAFE;oBADA;kBADD;gBADO,CA5DP;gBA8ETuB,YAAY,EAAE;kBACZjB,KAAK,EAAE;oBACLW,IAAI,EAAE;sBACJC,IAAI,YACCf,SADD,GAEF;wBACEc,IAAI,EAAE;0BACJE,MAAM,EAAE,CACN;4BACEpB,KAAK,EAAE;8BAAEC,IAAI,EAAE;4BAAR;0BADT,CADM;wBADJ;sBADR,CAFE;oBADA;kBADD;gBADK;cA9EL;YAHU,CAAb,CA7CU;;UAAA;YAAA;YAAA,4CAsClBwB,IAtCkB;YAuCEC,KAvCF,yBAuChBA,KAvCgB,CAuCPC,OAvCO;YAwChBC,GAxCgB,yBAwChBA,GAxCgB;YAyChBC,KAzCgB,yBAyChBA,KAzCgB;YA0ChBC,KA1CgB,yBA0ChBA,KA1CgB;YA2ChBC,IA3CgB,yBA2ChBA,IA3CgB;YAAA,iCAmJb;cAAEL,KAAK,EAALA,KAAF;cAASE,GAAG,EAAHA,GAAT;cAAcC,KAAK,EAALA,KAAd;cAAqBC,KAAK,EAALA,KAArB;cAA4BC,IAAI,EAAJA;YAA5B,CAnJa;;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CAAH;;EAAA,gBAAbtC,aAAa;IAAA;EAAA;AAAA,GAAnB;;AAsJA,IAAMuC,QAAQ,GAAG,SAAXA,QAAW,QAAuClC,MAAvC;EAAA,IAAGH,MAAH,SAAGA,MAAH;EAAA,IAAWC,KAAX,SAAWA,KAAX;EAAA,IAAkBC,KAAlB,SAAkBA,KAAlB;EAAA,IAAyBH,UAAzB,SAAyBA,UAAzB;EAAA,OACfD,aAAa,CAAC;IAAEC,UAAU,EAAVA,UAAF;IAAcC,MAAM,EAANA,MAAd;IAAsBC,KAAK,EAALA,KAAtB;IAA6BC,KAAK,EAALA,KAA7B;IAAoCC,MAAM,EAANA;EAApC,CAAD,CADE;AAAA,CAAjB;;eAGekC,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGetFiles.js","names":["useGetFiles","limit","offset","where","sort","property","direction","queryParams","setQueryParams","previousFilter","setPreviousFilter","previousOffset","setPreviousOffset","previousSearchTerm","setPreviousSearchTerm","files","total","data","setData","isLoading","setIsLoading","client","setParams","newQueryParams","searchTerm","isSearch","newFilter","JSON","stringify","isNewFilterSet","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","length","all","image","video","text","then","loading"],"sources":["../../../../src/components/FileList/useGetFiles/useGetFiles.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApolloClient } from '@apollo/client';\nimport getFiles from './getFiles';\n\nfunction useGetFiles() {\n const [queryParams, setQueryParams] = useState({\n limit: 20,\n offset: 0,\n where: null,\n sort: [\n {\n property: 'updated',\n direction: 'desc'\n }\n ]\n });\n const [previousFilter, setPreviousFilter] = useState(null);\n const [previousOffset, setPreviousOffset] = useState(null);\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const [data, setData] = useState({ files: [], total: 0 });\n const [isLoading, setIsLoading] = useState(false);\n const client = useApolloClient();\n\n const setParams = newQueryParams => {\n setQueryParams({ ...queryParams, ...newQueryParams });\n };\n\n useEffect(\n () => {\n const { offset, limit, where, sort, searchTerm, isSearch } = queryParams;\n const newFilter = JSON.stringify(where);\n const isNewFilterSet = newFilter !== previousFilter;\n const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;\n const isResetSearch = searchTerm === null && !isSearch && previousFilter;\n const shouldRequest =\n where && (isNewOffsetSet || isNewFilterSet || isNewSearchTermSet || isResetSearch);\n async function fetchData() {\n if (data.files.length) {\n setData({ files: [] });\n }\n\n const { files, total, all, image, video, text } = await getFiles(\n { offset, limit, where, sort, searchTerm, isSearch },\n client\n );\n setData({ files, total, all, image, video, text });\n }\n\n if (shouldRequest) {\n setIsLoading(true);\n fetchData().then(() => {\n setIsLoading(false);\n });\n setPreviousFilter(newFilter);\n setPreviousOffset(offset);\n setPreviousSearchTerm(searchTerm);\n }\n },\n [queryParams, previousOffset, previousFilter] //eslint-disable-line\n );\n\n const { files, total, all, image, video, text } = data;\n return [\n {\n queryParams,\n previousFilter,\n previousSearchTerm,\n loading: isLoading,\n data: { files, total, all, image, video, text }\n },\n setParams\n ];\n}\n\nexport default useGetFiles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,SAASA,WAAT,GAAuB;EACrB,gBAAsC,
|
|
1
|
+
{"version":3,"file":"useGetFiles.js","names":["useGetFiles","useState","limit","offset","where","sort","property","direction","queryParams","setQueryParams","previousFilter","setPreviousFilter","previousOffset","setPreviousOffset","previousSearchTerm","setPreviousSearchTerm","files","total","data","setData","isLoading","setIsLoading","client","useApolloClient","setParams","newQueryParams","useEffect","searchTerm","isSearch","newFilter","JSON","stringify","isNewFilterSet","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","length","getFiles","all","image","video","text","then","loading"],"sources":["../../../../src/components/FileList/useGetFiles/useGetFiles.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApolloClient } from '@apollo/client';\nimport getFiles from './getFiles';\n\nfunction useGetFiles() {\n const [queryParams, setQueryParams] = useState({\n limit: 20,\n offset: 0,\n where: null,\n sort: [\n {\n property: 'updated',\n direction: 'desc'\n }\n ]\n });\n const [previousFilter, setPreviousFilter] = useState(null);\n const [previousOffset, setPreviousOffset] = useState(null);\n const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n const [data, setData] = useState({ files: [], total: 0 });\n const [isLoading, setIsLoading] = useState(false);\n const client = useApolloClient();\n\n const setParams = newQueryParams => {\n setQueryParams({ ...queryParams, ...newQueryParams });\n };\n\n useEffect(\n () => {\n const { offset, limit, where, sort, searchTerm, isSearch } = queryParams;\n const newFilter = JSON.stringify(where);\n const isNewFilterSet = newFilter !== previousFilter;\n const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;\n const isResetSearch = searchTerm === null && !isSearch && previousFilter;\n const shouldRequest =\n where && (isNewOffsetSet || isNewFilterSet || isNewSearchTermSet || isResetSearch);\n async function fetchData() {\n if (data.files.length) {\n setData({ files: [] });\n }\n\n const { files, total, all, image, video, text } = await getFiles(\n { offset, limit, where, sort, searchTerm, isSearch },\n client\n );\n setData({ files, total, all, image, video, text });\n }\n\n if (shouldRequest) {\n setIsLoading(true);\n fetchData().then(() => {\n setIsLoading(false);\n });\n setPreviousFilter(newFilter);\n setPreviousOffset(offset);\n setPreviousSearchTerm(searchTerm);\n }\n },\n [queryParams, previousOffset, previousFilter] //eslint-disable-line\n );\n\n const { files, total, all, image, video, text } = data;\n return [\n {\n queryParams,\n previousFilter,\n previousSearchTerm,\n loading: isLoading,\n data: { files, total, all, image, video, text }\n },\n setParams\n ];\n}\n\nexport default useGetFiles;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getCounters.js","names":["getCounters","client","query","data"],"sources":["../../../../src/components/FileList/useGetFilesList/getCounters.js"],"sourcesContent":["import { getQuery } from '@blaze-cms/admin-ui-utils';\n\nconst getCounters = async client => {\n const { data } = await client.query({ query: getQuery('GET_COUNT_ALL_FILES') });\n return data;\n};\n\nexport default getCounters;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,WAAW;EAAA,yFAAG,iBAAMC,MAAN;IAAA;;IAAA;MAAA;QAAA;UAAA;YAAA;YAAA,OACKA,MAAM,CAACC,KAAP,CAAa;cAAEA,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"getCounters.js","names":["getCounters","client","query","getQuery","data"],"sources":["../../../../src/components/FileList/useGetFilesList/getCounters.js"],"sourcesContent":["import { getQuery } from '@blaze-cms/admin-ui-utils';\n\nconst getCounters = async client => {\n const { data } = await client.query({ query: getQuery('GET_COUNT_ALL_FILES') });\n return data;\n};\n\nexport default getCounters;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,WAAW;EAAA,yFAAG,iBAAMC,MAAN;IAAA;;IAAA;MAAA;QAAA;UAAA;YAAA;YAAA,OACKA,MAAM,CAACC,KAAP,CAAa;cAAEA,KAAK,EAAE,IAAAC,sBAAA,EAAS,qBAAT;YAAT,CAAb,CADL;;UAAA;YAAA;YACVC,IADU,uBACVA,IADU;YAAA,iCAEXA,IAFW;;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CAAH;;EAAA,gBAAXJ,WAAW;IAAA;EAAA;AAAA,GAAjB;;eAKeA,W"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGetFilesList.js","names":["useGetFilesList","queryParams","previousFilter","previousSearchTerm","loading","data","results","files","all","image","video","text","setParams","currentResults","setCurrentResults","allResults","setAllResults","currentFilter","setCurrentFilter","allFilesCounter","setAllFilesCounter","counters","setCounters","total","isContentDifferent","isEqual","length","shouldSetContentIfListIsVoid","removeFile","index","resultsToUpdate","splice","currentFileType","type","updatedFileTypeCounterValue","updateAllFilesCounter","isSearch","updatedCounters","updateFile","file","addNewFile","newFiles","reduce","acc","_image","_video","_text","searchTerm","clearList","params","offset","setQueryParams","isNewSearchTerm","hasDeletedSearchTerm","newFilter","JSON","stringify","where","isNewFilter","shouldClearList","parsedQueryParams","formatCounterNumber","images","videos","documents","n"],"sources":["../../../../src/components/FileList/useGetFilesList/useGetFilesList.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport differenceWith from 'lodash.differencewith';\nimport isEqual from 'lodash.isequal';\nimport useGetFiles from '../useGetFiles';\n\nfunction useGetFilesList() {\n const [\n {\n queryParams,\n previousFilter,\n previousSearchTerm,\n loading,\n data: { files: results, all, image, video, text }\n },\n setParams\n ] = useGetFiles();\n const [currentResults, setCurrentResults] = useState([]);\n const [allResults, setAllResults] = useState([]);\n const [currentFilter, setCurrentFilter] = useState(null);\n const [allFilesCounter, setAllFilesCounter] = useState({ all: 0, text: 0, image: 0, video: 0 });\n const [counters, setCounters] = useState(null);\n\n useEffect(\n () => {\n if (all && image && video && text) {\n setCounters({\n all: all.total,\n image: image.total,\n video: video.total,\n text: text.total\n });\n }\n },\n [all, image, video, text]\n );\n\n useEffect(\n () => {\n if (!currentFilter && previousFilter) {\n setCurrentFilter(previousFilter);\n }\n\n if (currentFilter !== previousFilter) {\n setAllResults([]);\n setCurrentResults([]);\n return;\n }\n\n const isContentDifferent = !!differenceWith(results, currentResults, isEqual).length;\n if (isContentDifferent) {\n setAllResults([...allResults, ...results]);\n setCurrentResults(results);\n }\n\n const shouldSetContentIfListIsVoid =\n !isContentDifferent && !allResults.length && results.length;\n\n if (shouldSetContentIfListIsVoid) {\n setAllResults(results);\n setCurrentResults(results);\n }\n },\n [currentFilter, currentResults, currentResults.length, previousFilter, results] //eslint-disable-line\n );\n\n const removeFile = ({ index }) => {\n const resultsToUpdate = [...allResults];\n resultsToUpdate.splice(index, 1);\n const currentFileType = resultsToUpdate[index].type;\n const updatedFileTypeCounterValue = allFilesCounter[currentFileType] - 1;\n const updateAllFilesCounter = allFilesCounter.all - 1;\n if (queryParams.isSearch) {\n setCounters({\n ...counters,\n [currentFileType]: counters[currentFileType] - 1,\n all: counters.all - 1\n });\n setAllFilesCounter({\n ...allFilesCounter,\n [currentFileType]: updatedFileTypeCounterValue,\n all: updateAllFilesCounter\n });\n }\n\n if (!queryParams.isSearch) {\n const updatedCounters = {\n ...allFilesCounter,\n [currentFileType]: updatedFileTypeCounterValue,\n all: updateAllFilesCounter\n };\n\n setCounters(updatedCounters);\n setAllFilesCounter(updatedCounters);\n }\n setAllResults(resultsToUpdate);\n };\n\n const updateFile = ({ file, index }) => {\n const resultsToUpdate = [...allResults];\n resultsToUpdate[index] = file;\n setAllResults(resultsToUpdate);\n };\n\n const addNewFile = newFiles => {\n const { image: _image, video: _video, text: _text } = newFiles.reduce(\n (acc, { type }) => {\n acc[type] += 1;\n return acc;\n },\n { image: 0, video: 0, text: 0 }\n );\n\n if (queryParams.isSearch) {\n setAllResults([]);\n setParams({ queryParams, isSearch: false, searchTerm: null });\n }\n\n const updatedCounters = {\n all: allFilesCounter.all + _image + _video + _text,\n image: allFilesCounter.image + _image,\n video: allFilesCounter.video + _video,\n text: allFilesCounter.text + _text\n };\n\n setCounters(updatedCounters);\n setAllFilesCounter(updatedCounters);\n setAllResults([...newFiles, ...allResults]);\n };\n\n const clearList = params => {\n setAllResults([]);\n setParams({ ...params, offset: 0 });\n setCounters(allFilesCounter);\n };\n\n const setQueryParams = params => {\n const isNewSearchTerm = params.isSearch && previousSearchTerm !== params.searchTerm;\n const hasDeletedSearchTerm = previousSearchTerm && params.searchTerm === null;\n const newFilter = JSON.stringify(params.where);\n const isNewFilter = newFilter !== previousFilter;\n const shouldClearList = hasDeletedSearchTerm || isNewFilter || isNewSearchTerm;\n shouldClearList ? clearList(params) : setParams(params);\n setCurrentFilter(newFilter);\n };\n\n const parsedQueryParams = {\n ...queryParams,\n where: { ...queryParams.where }\n };\n\n if (parsedQueryParams.where.type === 'all') delete parsedQueryParams.where.type;\n\n return [\n {\n queryParams: parsedQueryParams,\n loading,\n data: {\n files: allResults,\n all: counters ? formatCounterNumber(counters.all) : 0,\n images: counters ? formatCounterNumber(counters.image) : 0,\n videos: counters ? formatCounterNumber(counters.video) : 0,\n documents: counters ? formatCounterNumber(counters.text) : 0\n }\n },\n { setQueryParams, clearList, removeFile, addNewFile, updateFile }\n ];\n}\n\nconst formatCounterNumber = n => (n === 10000 ? '10000+' : n);\n\nexport default useGetFilesList;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useGetFilesList.js","names":["useGetFilesList","useGetFiles","queryParams","previousFilter","previousSearchTerm","loading","data","results","files","all","image","video","text","setParams","useState","currentResults","setCurrentResults","allResults","setAllResults","currentFilter","setCurrentFilter","allFilesCounter","setAllFilesCounter","counters","setCounters","useEffect","total","isContentDifferent","differenceWith","isEqual","length","shouldSetContentIfListIsVoid","removeFile","index","resultsToUpdate","splice","currentFileType","type","updatedFileTypeCounterValue","updateAllFilesCounter","isSearch","updatedCounters","updateFile","file","addNewFile","newFiles","reduce","acc","_image","_video","_text","searchTerm","clearList","params","offset","setQueryParams","isNewSearchTerm","hasDeletedSearchTerm","newFilter","JSON","stringify","where","isNewFilter","shouldClearList","parsedQueryParams","formatCounterNumber","images","videos","documents","n"],"sources":["../../../../src/components/FileList/useGetFilesList/useGetFilesList.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport differenceWith from 'lodash.differencewith';\nimport isEqual from 'lodash.isequal';\nimport useGetFiles from '../useGetFiles';\n\nfunction useGetFilesList() {\n const [\n {\n queryParams,\n previousFilter,\n previousSearchTerm,\n loading,\n data: { files: results, all, image, video, text }\n },\n setParams\n ] = useGetFiles();\n const [currentResults, setCurrentResults] = useState([]);\n const [allResults, setAllResults] = useState([]);\n const [currentFilter, setCurrentFilter] = useState(null);\n const [allFilesCounter, setAllFilesCounter] = useState({ all: 0, text: 0, image: 0, video: 0 });\n const [counters, setCounters] = useState(null);\n\n useEffect(\n () => {\n if (all && image && video && text) {\n setCounters({\n all: all.total,\n image: image.total,\n video: video.total,\n text: text.total\n });\n }\n },\n [all, image, video, text]\n );\n\n useEffect(\n () => {\n if (!currentFilter && previousFilter) {\n setCurrentFilter(previousFilter);\n }\n\n if (currentFilter !== previousFilter) {\n setAllResults([]);\n setCurrentResults([]);\n return;\n }\n\n const isContentDifferent = !!differenceWith(results, currentResults, isEqual).length;\n if (isContentDifferent) {\n setAllResults([...allResults, ...results]);\n setCurrentResults(results);\n }\n\n const shouldSetContentIfListIsVoid =\n !isContentDifferent && !allResults.length && results.length;\n\n if (shouldSetContentIfListIsVoid) {\n setAllResults(results);\n setCurrentResults(results);\n }\n },\n [currentFilter, currentResults, currentResults.length, previousFilter, results] //eslint-disable-line\n );\n\n const removeFile = ({ index }) => {\n const resultsToUpdate = [...allResults];\n resultsToUpdate.splice(index, 1);\n const currentFileType = resultsToUpdate[index].type;\n const updatedFileTypeCounterValue = allFilesCounter[currentFileType] - 1;\n const updateAllFilesCounter = allFilesCounter.all - 1;\n if (queryParams.isSearch) {\n setCounters({\n ...counters,\n [currentFileType]: counters[currentFileType] - 1,\n all: counters.all - 1\n });\n setAllFilesCounter({\n ...allFilesCounter,\n [currentFileType]: updatedFileTypeCounterValue,\n all: updateAllFilesCounter\n });\n }\n\n if (!queryParams.isSearch) {\n const updatedCounters = {\n ...allFilesCounter,\n [currentFileType]: updatedFileTypeCounterValue,\n all: updateAllFilesCounter\n };\n\n setCounters(updatedCounters);\n setAllFilesCounter(updatedCounters);\n }\n setAllResults(resultsToUpdate);\n };\n\n const updateFile = ({ file, index }) => {\n const resultsToUpdate = [...allResults];\n resultsToUpdate[index] = file;\n setAllResults(resultsToUpdate);\n };\n\n const addNewFile = newFiles => {\n const { image: _image, video: _video, text: _text } = newFiles.reduce(\n (acc, { type }) => {\n acc[type] += 1;\n return acc;\n },\n { image: 0, video: 0, text: 0 }\n );\n\n if (queryParams.isSearch) {\n setAllResults([]);\n setParams({ queryParams, isSearch: false, searchTerm: null });\n }\n\n const updatedCounters = {\n all: allFilesCounter.all + _image + _video + _text,\n image: allFilesCounter.image + _image,\n video: allFilesCounter.video + _video,\n text: allFilesCounter.text + _text\n };\n\n setCounters(updatedCounters);\n setAllFilesCounter(updatedCounters);\n setAllResults([...newFiles, ...allResults]);\n };\n\n const clearList = params => {\n setAllResults([]);\n setParams({ ...params, offset: 0 });\n setCounters(allFilesCounter);\n };\n\n const setQueryParams = params => {\n const isNewSearchTerm = params.isSearch && previousSearchTerm !== params.searchTerm;\n const hasDeletedSearchTerm = previousSearchTerm && params.searchTerm === null;\n const newFilter = JSON.stringify(params.where);\n const isNewFilter = newFilter !== previousFilter;\n const shouldClearList = hasDeletedSearchTerm || isNewFilter || isNewSearchTerm;\n shouldClearList ? clearList(params) : setParams(params);\n setCurrentFilter(newFilter);\n };\n\n const parsedQueryParams = {\n ...queryParams,\n where: { ...queryParams.where }\n };\n\n if (parsedQueryParams.where.type === 'all') delete parsedQueryParams.where.type;\n\n return [\n {\n queryParams: parsedQueryParams,\n loading,\n data: {\n files: allResults,\n all: counters ? formatCounterNumber(counters.all) : 0,\n images: counters ? formatCounterNumber(counters.image) : 0,\n videos: counters ? formatCounterNumber(counters.video) : 0,\n documents: counters ? formatCounterNumber(counters.text) : 0\n }\n },\n { setQueryParams, clearList, removeFile, addNewFile, updateFile }\n ];\n}\n\nconst formatCounterNumber = n => (n === 10000 ? '10000+' : n);\n\nexport default useGetFilesList;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Actions","file","MediaContext","handleEditModal","onUnselectFile","mimetype","split","extension","id","propTypes","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 <>\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 <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 <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 </div>\n </div>\n </>\n );\n};\n\nActions.propTypes = {\n file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAc;EAAA,IAAXC,IAAW,QAAXA,IAAW;;EAC5B,kBAA4C,
|
|
1
|
+
{"version":3,"file":"index.js","names":["Actions","file","useContext","MediaContext","handleEditModal","onUnselectFile","mimetype","split","extension","id","propTypes","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 <>\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 <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 <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 </div>\n </div>\n </>\n );\n};\n\nActions.propTypes = {\n file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAc;EAAA,IAAXC,IAAW,QAAXA,IAAW;;EAC5B,kBAA4C,IAAAC,iBAAA,EAAWC,0BAAX,CAA5C;EAAA,IAAQC,eAAR,eAAQA,eAAR;EAAA,IAAyBC,cAAzB,eAAyBA,cAAzB;;EACA,2BAAsBJ,IAAI,CAACK,QAAL,CAAcC,KAAd,CAAoB,GAApB,CAAtB;EAAA;EAAA,IAASC,SAAT;;EAEA,oBACE,+EACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAG,SAAS,EAAC;EAAb,kBADF,EACoF,GADpF,eAEE,8CAAOA,SAAP,CAFF,CADF,eAKE,0DACE;IACE,4CAAmCP,IAAI,CAACQ,EAAxC,CADF;IAEE,SAAS,EAAC,wDAFZ;IAGE,eAAY,MAHd;IAIE,OAAO,EAAE;MAAA,OAAML,eAAe,CAACH,IAAD,CAArB;IAAA;EAJX,gBAKE;IAAG,SAAS,EAAC;EAAb,EALF,CADF,eAQE;IACE,kCAAyBA,IAAI,CAACQ,EAA9B,CADF;IAEE,SAAS,EAAC,0DAFZ;IAGE,eAAY,MAHd;IAIE,OAAO,EAAE;MAAA,OAAMJ,cAAc,CAAC,CAACJ,IAAI,CAACQ,EAAN,CAAD,CAApB;IAAA;EAJX,gBAKE;IAAG,SAAS,EAAC;EAAb,EALF,CARF,CALF,CADF,CADF;AA0BD,CA9BD;;AAgCAT,OAAO,CAACU,SAAR,GAAoB;EAClBT,IAAI,EAAEU,qBAAA,CAAUC,MAAV,CAAiBC;AADL,CAApB;eAIeb,O"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","names":["Image","url","name","children","propTypes","PropTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/Image/Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Image = ({ url, name, children }) => (\n <div className=\"preview\">\n <div className=\"preview__file preview__file--image\">\n <img src={url} alt={name} />\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 </div>\n </div>\n {children}\n </div>\n);\n\nImage.propTypes = {\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { Image };\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ;EAAA,IAAGC,GAAH,QAAGA,GAAH;EAAA,IAAQC,IAAR,QAAQA,IAAR;EAAA,IAAcC,QAAd,QAAcA,QAAd;EAAA,oBACZ;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,GAAG,EAAEF,GAAV;IAAe,GAAG,EAAEC;EAApB,EADF,eAEE;IAAK,SAAS,EAAC;EAAf,gBACE,wDACE,+DADF,eAEE;IAAG,IAAI,EAAED,GAAT;IAAc,GAAG,EAAC,qBAAlB;IAAwC,MAAM,EAAC;EAA/C,cAFF,CADF,CAFF,CADF,EAYGE,QAZH,CADY;AAAA,CAAd;;;AAiBAH,KAAK,CAACI,SAAN,GAAkB;EAChBH,GAAG,EAAEI,
|
|
1
|
+
{"version":3,"file":"Image.js","names":["Image","url","name","children","propTypes","PropTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/Image/Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Image = ({ url, name, children }) => (\n <div className=\"preview\">\n <div className=\"preview__file preview__file--image\">\n <img src={url} alt={name} />\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 </div>\n </div>\n {children}\n </div>\n);\n\nImage.propTypes = {\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { Image };\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ;EAAA,IAAGC,GAAH,QAAGA,GAAH;EAAA,IAAQC,IAAR,QAAQA,IAAR;EAAA,IAAcC,QAAd,QAAcA,QAAd;EAAA,oBACZ;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,GAAG,EAAEF,GAAV;IAAe,GAAG,EAAEC;EAApB,EADF,eAEE;IAAK,SAAS,EAAC;EAAf,gBACE,wDACE,+DADF,eAEE;IAAG,IAAI,EAAED,GAAT;IAAc,GAAG,EAAC,qBAAlB;IAAwC,MAAM,EAAC;EAA/C,cAFF,CADF,CAFF,CADF,EAYGE,QAZH,CADY;AAAA,CAAd;;;AAiBAH,KAAK,CAACI,SAAN,GAAkB;EAChBH,GAAG,EAAEI,qBAAA,CAAUC,MAAV,CAAiBC,UADN;EAEhBL,IAAI,EAAEG,qBAAA,CAAUC,MAAV,CAAiBC,UAFP;EAGhBJ,QAAQ,EAAEE,qBAAA,CAAUG,SAAV,CAAoB,CAACH,qBAAA,CAAUI,OAAV,CAAkBJ,qBAAA,CAAUK,IAA5B,CAAD,EAAoCL,qBAAA,CAAUK,IAA9C,CAApB,EAAyEH;AAHnE,CAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RawImage.js","names":["RawImage","url","name","file","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../src/components/FilePreview/Image/RawImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawImage = ({ url, name, file }) => (\n <div className=\"FilePreview\">\n <div className=\"FilePreviewItem\">\n <div className=\"FilePreviewItem__wrapper\">\n <img className=\"FilePreviewItem__wrapper__image\" src={url} alt={name} />\n </div>\n <div className=\"FilePreviewItem__info\">\n <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n <Actions file={file} />\n </div>\n </div>\n </div>\n);\n\nRawImage.propTypes = {\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n file: PropTypes.object.isRequired\n};\n\nexport { RawImage };\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;EAAA,IAAGC,GAAH,QAAGA,GAAH;EAAA,IAAQC,IAAR,QAAQA,IAAR;EAAA,IAAcC,IAAd,QAAcA,IAAd;EAAA,oBACf;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC,iCAAf;IAAiD,GAAG,EAAEF,GAAtD;IAA2D,GAAG,EAAEC;EAAhE,EADF,CADF,eAIE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAG,SAAS,EAAC;EAAb,GAAgDA,IAAhD,CADF,eAEE,gCAAC,mBAAD;IAAS,IAAI,EAAEC;EAAf,EAFF,CAJF,CADF,CADe;AAAA,CAAjB;;;AAcAH,QAAQ,CAACI,SAAT,GAAqB;EACnBH,GAAG,EAAEI,
|
|
1
|
+
{"version":3,"file":"RawImage.js","names":["RawImage","url","name","file","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../src/components/FilePreview/Image/RawImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawImage = ({ url, name, file }) => (\n <div className=\"FilePreview\">\n <div className=\"FilePreviewItem\">\n <div className=\"FilePreviewItem__wrapper\">\n <img className=\"FilePreviewItem__wrapper__image\" src={url} alt={name} />\n </div>\n <div className=\"FilePreviewItem__info\">\n <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n <Actions file={file} />\n </div>\n </div>\n </div>\n);\n\nRawImage.propTypes = {\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n file: PropTypes.object.isRequired\n};\n\nexport { RawImage };\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;EAAA,IAAGC,GAAH,QAAGA,GAAH;EAAA,IAAQC,IAAR,QAAQA,IAAR;EAAA,IAAcC,IAAd,QAAcA,IAAd;EAAA,oBACf;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC,iCAAf;IAAiD,GAAG,EAAEF,GAAtD;IAA2D,GAAG,EAAEC;EAAhE,EADF,CADF,eAIE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAG,SAAS,EAAC;EAAb,GAAgDA,IAAhD,CADF,eAEE,gCAAC,mBAAD;IAAS,IAAI,EAAEC;EAAf,EAFF,CAJF,CADF,CADe;AAAA,CAAjB;;;AAcAH,QAAQ,CAACI,SAAT,GAAqB;EACnBH,GAAG,EAAEI,qBAAA,CAAUC,MAAV,CAAiBC,UADH;EAEnBL,IAAI,EAAEG,qBAAA,CAAUC,MAAV,CAAiBC,UAFJ;EAGnBJ,IAAI,EAAEE,qBAAA,CAAUG,MAAV,CAAiBD;AAHJ,CAArB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDF.js","names":["PDF","mimetype","url","name","children","propTypes","PropTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/PDF/PDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst PDF = ({ mimetype, url, name, children }) => (\n <div className=\"preview\">\n <div className=\"preview__file preview__file--pdf\">\n <object 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 </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};\n\nexport { PDF };\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,GAAG,GAAG,SAANA,GAAM;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,GAAb,QAAaA,GAAb;EAAA,IAAkBC,IAAlB,QAAkBA,IAAlB;EAAA,IAAwBC,QAAxB,QAAwBA,QAAxB;EAAA,oBACV;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAQ,IAAI,EAAEF,GAAd;IAAmB,IAAI,EAAED,QAAzB;IAAmC,SAAS,EAAC;EAA7C,gBACE,wDACE;IAAG,IAAI,EAAEC,GAAT;IAAc,GAAG,EAAC,qBAAlB;IAAwC,MAAM,EAAC;EAA/C,gBACYC,IADZ,CADF,CADF,CADF,eAQE;IAAK,SAAS,EAAC;EAAf,gBACE,wDACE,+DADF,eAEE;IAAG,IAAI,EAAED,GAAT;IAAc,GAAG,EAAC,qBAAlB;IAAwC,MAAM,EAAC;EAA/C,cAFF,CADF,CARF,CADF,EAkBGE,QAlBH,CADU;AAAA,CAAZ;;;AAuBAJ,GAAG,CAACK,SAAJ,GAAgB;EACdJ,QAAQ,EAAEK,
|
|
1
|
+
{"version":3,"file":"PDF.js","names":["PDF","mimetype","url","name","children","propTypes","PropTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/PDF/PDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst PDF = ({ mimetype, url, name, children }) => (\n <div className=\"preview\">\n <div className=\"preview__file preview__file--pdf\">\n <object 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 </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};\n\nexport { PDF };\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,GAAG,GAAG,SAANA,GAAM;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,GAAb,QAAaA,GAAb;EAAA,IAAkBC,IAAlB,QAAkBA,IAAlB;EAAA,IAAwBC,QAAxB,QAAwBA,QAAxB;EAAA,oBACV;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAQ,IAAI,EAAEF,GAAd;IAAmB,IAAI,EAAED,QAAzB;IAAmC,SAAS,EAAC;EAA7C,gBACE,wDACE;IAAG,IAAI,EAAEC,GAAT;IAAc,GAAG,EAAC,qBAAlB;IAAwC,MAAM,EAAC;EAA/C,gBACYC,IADZ,CADF,CADF,CADF,eAQE;IAAK,SAAS,EAAC;EAAf,gBACE,wDACE,+DADF,eAEE;IAAG,IAAI,EAAED,GAAT;IAAc,GAAG,EAAC,qBAAlB;IAAwC,MAAM,EAAC;EAA/C,cAFF,CADF,CARF,CADF,EAkBGE,QAlBH,CADU;AAAA,CAAZ;;;AAuBAJ,GAAG,CAACK,SAAJ,GAAgB;EACdJ,QAAQ,EAAEK,qBAAA,CAAUC,MAAV,CAAiBC,UADb;EAEdN,GAAG,EAAEI,qBAAA,CAAUC,MAAV,CAAiBC,UAFR;EAGdL,IAAI,EAAEG,qBAAA,CAAUC,MAAV,CAAiBC,UAHT;EAIdJ,QAAQ,EAAEE,qBAAA,CAAUG,SAAV,CAAoB,CAACH,qBAAA,CAAUI,OAAV,CAAkBJ,qBAAA,CAAUK,IAA5B,CAAD,EAAoCL,qBAAA,CAAUK,IAA9C,CAApB,EAAyEH;AAJrE,CAAhB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RawPDF.js","names":["RawPDF","mimetype","url","name","file","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../src/components/FilePreview/PDF/RawPDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawPDF = ({ mimetype, url, name, file }) => (\n <div className=\"FilePreview\">\n <object 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=\"FilePreviewItem__info\">\n <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n <Actions file={file} />\n </div>\n </div>\n);\n\nRawPDF.propTypes = {\n mimetype: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n file: PropTypes.object.isRequired\n};\n\nexport { RawPDF };\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,GAAb,QAAaA,GAAb;EAAA,IAAkBC,IAAlB,QAAkBA,IAAlB;EAAA,IAAwBC,IAAxB,QAAwBA,IAAxB;EAAA,oBACb;IAAK,SAAS,EAAC;EAAf,gBACE;IAAQ,IAAI,EAAEF,GAAd;IAAmB,IAAI,EAAED,QAAzB;IAAmC,SAAS,EAAC;EAA7C,gBACE,wDACE;IAAG,IAAI,EAAEC,GAAT;IAAc,GAAG,EAAC,qBAAlB;IAAwC,MAAM,EAAC;EAA/C,gBACYC,IADZ,CADF,CADF,CADF,eAQE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAG,SAAS,EAAC;EAAb,GAAgDA,IAAhD,CADF,eAEE,gCAAC,mBAAD;IAAS,IAAI,EAAEC;EAAf,EAFF,CARF,CADa;AAAA,CAAf;;;AAgBAJ,MAAM,CAACK,SAAP,GAAmB;EACjBJ,QAAQ,EAAEK,
|
|
1
|
+
{"version":3,"file":"RawPDF.js","names":["RawPDF","mimetype","url","name","file","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../src/components/FilePreview/PDF/RawPDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawPDF = ({ mimetype, url, name, file }) => (\n <div className=\"FilePreview\">\n <object 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=\"FilePreviewItem__info\">\n <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n <Actions file={file} />\n </div>\n </div>\n);\n\nRawPDF.propTypes = {\n mimetype: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n file: PropTypes.object.isRequired\n};\n\nexport { RawPDF };\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,GAAb,QAAaA,GAAb;EAAA,IAAkBC,IAAlB,QAAkBA,IAAlB;EAAA,IAAwBC,IAAxB,QAAwBA,IAAxB;EAAA,oBACb;IAAK,SAAS,EAAC;EAAf,gBACE;IAAQ,IAAI,EAAEF,GAAd;IAAmB,IAAI,EAAED,QAAzB;IAAmC,SAAS,EAAC;EAA7C,gBACE,wDACE;IAAG,IAAI,EAAEC,GAAT;IAAc,GAAG,EAAC,qBAAlB;IAAwC,MAAM,EAAC;EAA/C,gBACYC,IADZ,CADF,CADF,CADF,eAQE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAG,SAAS,EAAC;EAAb,GAAgDA,IAAhD,CADF,eAEE,gCAAC,mBAAD;IAAS,IAAI,EAAEC;EAAf,EAFF,CARF,CADa;AAAA,CAAf;;;AAgBAJ,MAAM,CAACK,SAAP,GAAmB;EACjBJ,QAAQ,EAAEK,qBAAA,CAAUC,MAAV,CAAiBC,UADV;EAEjBN,GAAG,EAAEI,qBAAA,CAAUC,MAAV,CAAiBC,UAFL;EAGjBL,IAAI,EAAEG,qBAAA,CAAUC,MAAV,CAAiBC,UAHN;EAIjBJ,IAAI,EAAEE,qBAAA,CAAUG,MAAV,CAAiBD;AAJN,CAAnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["FilePreview","file","handleFormChange","displayForm","previewType","children","name","url","mimetype","data","store","Preview","schema","shouldRenderForm","defaultStore","storeOptions","formSchema","properties","storeKey","options","key","selected","formBuilderData","values","filename","availablePreviewTypes","card","raw","propTypes","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 { getPreview } from './get-preview';\n\nconst FilePreview = ({ file, handleFormChange, displayForm, previewType, children }) => {\n const { name, url, mimetype, data, store } = file;\n const [Preview, schema] = getPreview({ mimetype, previewType });\n const shouldRenderForm = schema && displayForm;\n\n if (shouldRenderForm && store) {\n const { defaultStore = {}, storeOptions = [] } = store;\n if (schema.formSchema.properties.storeKey) {\n schema.formSchema.properties.storeKey.options = storeOptions;\n if (defaultStore) {\n const { key } = defaultStore;\n schema.formSchema.properties.storeKey.selected = key;\n }\n }\n }\n\n const formBuilderData = { values: { ...file, ...data } };\n\n return (\n <>\n <Preview mimetype={mimetype} url={url} name={name} {...data} file={file}>\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 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};\n\nFilePreview.defaultProps = {\n displayForm: false,\n fileName: '',\n handlers: {},\n previewType: FilePreview.availablePreviewTypes.card,\n handleFormChange: () => {},\n children: []\n};\n\nexport default FilePreview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAAoE;EAAA,IAAjEC,IAAiE,QAAjEA,IAAiE;EAAA,IAA3DC,gBAA2D,QAA3DA,gBAA2D;EAAA,IAAzCC,WAAyC,QAAzCA,WAAyC;EAAA,IAA5BC,WAA4B,QAA5BA,WAA4B;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACtF,IAAQC,IAAR,GAA6CL,IAA7C,CAAQK,IAAR;EAAA,IAAcC,GAAd,GAA6CN,IAA7C,CAAcM,GAAd;EAAA,IAAmBC,QAAnB,GAA6CP,IAA7C,CAAmBO,QAAnB;EAAA,IAA6BC,IAA7B,GAA6CR,IAA7C,CAA6BQ,IAA7B;EAAA,IAAmCC,KAAnC,GAA6CT,IAA7C,CAAmCS,KAAnC;;EACA,kBAA0B,
|
|
1
|
+
{"version":3,"file":"index.js","names":["FilePreview","file","handleFormChange","displayForm","previewType","children","name","url","mimetype","data","store","getPreview","Preview","schema","shouldRenderForm","defaultStore","storeOptions","formSchema","properties","storeKey","options","key","selected","formBuilderData","values","filename","availablePreviewTypes","card","raw","propTypes","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 { getPreview } from './get-preview';\n\nconst FilePreview = ({ file, handleFormChange, displayForm, previewType, children }) => {\n const { name, url, mimetype, data, store } = file;\n const [Preview, schema] = getPreview({ mimetype, previewType });\n const shouldRenderForm = schema && displayForm;\n\n if (shouldRenderForm && store) {\n const { defaultStore = {}, storeOptions = [] } = store;\n if (schema.formSchema.properties.storeKey) {\n schema.formSchema.properties.storeKey.options = storeOptions;\n if (defaultStore) {\n const { key } = defaultStore;\n schema.formSchema.properties.storeKey.selected = key;\n }\n }\n }\n\n const formBuilderData = { values: { ...file, ...data } };\n\n return (\n <>\n <Preview mimetype={mimetype} url={url} name={name} {...data} file={file}>\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 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};\n\nFilePreview.defaultProps = {\n displayForm: false,\n fileName: '',\n handlers: {},\n previewType: FilePreview.availablePreviewTypes.card,\n handleFormChange: () => {},\n children: []\n};\n\nexport default FilePreview;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileList.js","names":["FileList","selectedFiles","allFiles","handleReorderFiles","canDragAndDrop","fetchMore","children","isReorderActive","setIsReorderActive","toggleMode","length","totalImagesString","IMAGES","PREVIEW","REORDER","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAOX;EAAA,IANJC,aAMI,QANJA,aAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,IAJJC,kBAII,QAJJA,kBAII;EAAA,IAHJC,cAGI,QAHJA,cAGI;EAAA,IAFJC,SAEI,QAFJA,SAEI;EAAA,IADJC,QACI,QADJA,QACI;;EACJ,gBAA8C,
|
|
1
|
+
{"version":3,"file":"FileList.js","names":["FileList","selectedFiles","allFiles","handleReorderFiles","canDragAndDrop","fetchMore","children","useState","isReorderActive","setIsReorderActive","toggleMode","useEffect","length","totalImagesString","IMAGES","PREVIEW","REORDER","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAOX;EAAA,IANJC,aAMI,QANJA,aAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,IAJJC,kBAII,QAJJA,kBAII;EAAA,IAHJC,cAGI,QAHJA,cAGI;EAAA,IAFJC,SAEI,QAFJA,SAEI;EAAA,IADJC,QACI,QADJA,QACI;;EACJ,gBAA8C,IAAAC,eAAA,EAAS,KAAT,CAA9C;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,kBAAxB;;EACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;IACvBL,SAAS,CAAC,IAAD,CAAT;IACAI,kBAAkB,CAAC,CAACD,eAAF,CAAlB;EACD,CAHD;;EAKA,IAAAG,gBAAA,EACE,YAAM;IACJ,IAAIH,eAAe,IAAIP,aAAa,CAACW,MAAd,GAAuBV,QAAQ,CAACU,MAAvD,EAA+DP,SAAS,CAAC,IAAD,CAAT;EAChE,CAHH,EAIE,CAACJ,aAAD,CAJF,CAIkB;EAJlB;EAMA,IAAMY,iBAAiB,aAAMZ,aAAa,CAACW,MAApB,cAA8BE,iBAA9B,CAAvB;EAEA,oBACE,+EACE;IAAK,SAAS,EAAC;EAAf,GACGb,aAAa,CAACW,MAAd,GAAuB,CAAvB,iBACC;IAAG,SAAS,EAAC;EAAb,GACGC,iBADH,CAFJ,EAMGT,cAAc,iBACb,gCAAC,kBAAD;IAAQ,OAAO,EAAEM;EAAjB,GAA8BF,eAAe,GAAGO,kBAAH,GAAaC,kBAA1D,CAPJ,CADF,EAYGZ,cAAc,IAAII,eAAlB,gBACC,gCAAC,2BAAD;IAAiB,aAAa,EAAEP,aAAhC;IAA+C,kBAAkB,EAAEE;EAAnE,EADD,gBAGC,gCAAC,2BAAD;IAAiB,aAAa,EAAEF;EAAhC,GAAgDK,QAAhD,CAfJ,CADF;AAoBD,CA1CD;;AA4CAN,QAAQ,CAACiB,SAAT,GAAqB;EACnBhB,aAAa,EAAEiB,qBAAA,CAAUC,KAAV,CAAgBC,UADZ;EAEnBf,SAAS,EAAEa,qBAAA,CAAUG,IAAV,CAAeD,UAFP;EAGnBjB,kBAAkB,EAAEe,qBAAA,CAAUG,IAAV,CAAeD,UAHhB;EAInBlB,QAAQ,EAAEgB,qBAAA,CAAUC,KAJD;EAKnBf,cAAc,EAAEc,qBAAA,CAAUI,IALP;EAMnBhB,QAAQ,EAAEY,qBAAA,CAAUK,SAAV,CAAoB,CAACL,qBAAA,CAAUC,KAAX,EAAkBD,qBAAA,CAAUM,MAA5B,EAAoCN,qBAAA,CAAUO,MAA9C,CAApB;AANS,CAArB;AASAzB,QAAQ,CAAC0B,YAAT,GAAwB;EACtBpB,QAAQ,EAAE,EADY;EAEtBJ,QAAQ,EAAE,EAFY;EAGtBE,cAAc,EAAE;AAHM,CAAxB;eAMeJ,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilePreviewList.js","names":["FilePreviewList","selectedFiles","children","map","file","id","FilePreview","availablePreviewTypes","raw","propTypes","PropTypes","array","isRequired","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FilePreviewList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport FilePreview from '../FilePreview';\n\nconst FilePreviewList = ({ selectedFiles, children }) => (\n <div className=\"FileUploadAdapter__preview\">\n {selectedFiles.map(file => (\n <FilePreview key={file.id} file={file} previewType={FilePreview.availablePreviewTypes.raw} />\n ))}\n {children}\n </div>\n);\n\nFilePreviewList.propTypes = {\n selectedFiles: PropTypes.array.isRequired,\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFilePreviewList.defaultProps = {\n children: []\n};\n\nexport default FilePreviewList;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB;EAAA,IAAGC,aAAH,QAAGA,aAAH;EAAA,IAAkBC,QAAlB,QAAkBA,QAAlB;EAAA,oBACtB;IAAK,SAAS,EAAC;EAAf,GACGD,aAAa,CAACE,GAAd,CAAkB,UAAAC,IAAI;IAAA,oBACrB,gCAAC,uBAAD;MAAa,GAAG,EAAEA,IAAI,CAACC,EAAvB;MAA2B,IAAI,EAAED,IAAjC;MAAuC,WAAW,EAAEE,
|
|
1
|
+
{"version":3,"file":"FilePreviewList.js","names":["FilePreviewList","selectedFiles","children","map","file","id","FilePreview","availablePreviewTypes","raw","propTypes","PropTypes","array","isRequired","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FilePreviewList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport FilePreview from '../FilePreview';\n\nconst FilePreviewList = ({ selectedFiles, children }) => (\n <div className=\"FileUploadAdapter__preview\">\n {selectedFiles.map(file => (\n <FilePreview key={file.id} file={file} previewType={FilePreview.availablePreviewTypes.raw} />\n ))}\n {children}\n </div>\n);\n\nFilePreviewList.propTypes = {\n selectedFiles: PropTypes.array.isRequired,\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFilePreviewList.defaultProps = {\n children: []\n};\n\nexport default FilePreviewList;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB;EAAA,IAAGC,aAAH,QAAGA,aAAH;EAAA,IAAkBC,QAAlB,QAAkBA,QAAlB;EAAA,oBACtB;IAAK,SAAS,EAAC;EAAf,GACGD,aAAa,CAACE,GAAd,CAAkB,UAAAC,IAAI;IAAA,oBACrB,gCAAC,uBAAD;MAAa,GAAG,EAAEA,IAAI,CAACC,EAAvB;MAA2B,IAAI,EAAED,IAAjC;MAAuC,WAAW,EAAEE,uBAAA,CAAYC,qBAAZ,CAAkCC;IAAtF,EADqB;EAAA,CAAtB,CADH,EAIGN,QAJH,CADsB;AAAA,CAAxB;;AASAF,eAAe,CAACS,SAAhB,GAA4B;EAC1BR,aAAa,EAAES,qBAAA,CAAUC,KAAV,CAAgBC,UADL;EAE1BV,QAAQ,EAAEQ,qBAAA,CAAUG,SAAV,CAAoB,CAACH,qBAAA,CAAUC,KAAX,EAAkBD,qBAAA,CAAUI,MAA5B,EAAoCJ,qBAAA,CAAUK,MAA9C,CAApB;AAFgB,CAA5B;AAKAf,eAAe,CAACgB,YAAhB,GAA+B;EAC7Bd,QAAQ,EAAE;AADmB,CAA/B;eAIeF,e"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileReorderList.js","names":["FileReorderList","selectedFiles","handleReorderFiles","handleOnChange","newOrder","item","DragHandler","propTypes","PropTypes","array","isRequired","func"],"sources":["../../../src/components/FileUploadAdapter/FileReorderList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Nestable from '@blaze-react/dnd';\nimport FileReorderListItem from './FileReorderListItem';\n\nconst FileReorderList = ({ selectedFiles, handleReorderFiles }) => {\n const handleOnChange = newOrder => {\n handleReorderFiles(newOrder);\n };\n\n return (\n <div className=\"FileUploadAdapter__reorder\">\n <Nestable\n onChange={newOrder => handleOnChange(newOrder)}\n childrenWrapperClassName=\"add\"\n items={selectedFiles}\n childrenProp=\"selectedFiles\"\n renderItem={({ item, DragHandler }) => (\n <div className=\"file-reorder\">\n <DragHandler />\n <FileReorderListItem {...item} />\n </div>\n )}\n />\n </div>\n );\n};\n\nFileReorderList.propTypes = {\n selectedFiles: PropTypes.array.isRequired,\n handleReorderFiles: PropTypes.func.isRequired\n};\n\nexport default FileReorderList;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAA2C;EAAA,IAAxCC,aAAwC,QAAxCA,aAAwC;EAAA,IAAzBC,kBAAyB,QAAzBA,kBAAyB;;EACjE,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,QAAQ,EAAI;IACjCF,kBAAkB,CAACE,QAAD,CAAlB;EACD,CAFD;;EAIA,oBACE;IAAK,SAAS,EAAC;EAAf,gBACE,gCAAC,eAAD;IACE,QAAQ,EAAE,kBAAAA,QAAQ;MAAA,OAAID,cAAc,CAACC,QAAD,CAAlB;IAAA,CADpB;IAEE,wBAAwB,EAAC,KAF3B;IAGE,KAAK,EAAEH,aAHT;IAIE,YAAY,EAAC,eAJf;IAKE,UAAU,EAAE;MAAA,IAAGI,IAAH,SAAGA,IAAH;MAAA,IAASC,WAAT,SAASA,WAAT;MAAA,oBACV;QAAK,SAAS,EAAC;MAAf,gBACE,gCAAC,WAAD,OADF,eAEE,gCAAC,+BAAD,EAAyBD,IAAzB,CAFF,CADU;IAAA;EALd,EADF,CADF;AAgBD,CArBD;;AAuBAL,eAAe,CAACO,SAAhB,GAA4B;EAC1BN,aAAa,EAAEO,
|
|
1
|
+
{"version":3,"file":"FileReorderList.js","names":["FileReorderList","selectedFiles","handleReorderFiles","handleOnChange","newOrder","item","DragHandler","propTypes","PropTypes","array","isRequired","func"],"sources":["../../../src/components/FileUploadAdapter/FileReorderList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Nestable from '@blaze-react/dnd';\nimport FileReorderListItem from './FileReorderListItem';\n\nconst FileReorderList = ({ selectedFiles, handleReorderFiles }) => {\n const handleOnChange = newOrder => {\n handleReorderFiles(newOrder);\n };\n\n return (\n <div className=\"FileUploadAdapter__reorder\">\n <Nestable\n onChange={newOrder => handleOnChange(newOrder)}\n childrenWrapperClassName=\"add\"\n items={selectedFiles}\n childrenProp=\"selectedFiles\"\n renderItem={({ item, DragHandler }) => (\n <div className=\"file-reorder\">\n <DragHandler />\n <FileReorderListItem {...item} />\n </div>\n )}\n />\n </div>\n );\n};\n\nFileReorderList.propTypes = {\n selectedFiles: PropTypes.array.isRequired,\n handleReorderFiles: PropTypes.func.isRequired\n};\n\nexport default FileReorderList;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAA2C;EAAA,IAAxCC,aAAwC,QAAxCA,aAAwC;EAAA,IAAzBC,kBAAyB,QAAzBA,kBAAyB;;EACjE,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,QAAQ,EAAI;IACjCF,kBAAkB,CAACE,QAAD,CAAlB;EACD,CAFD;;EAIA,oBACE;IAAK,SAAS,EAAC;EAAf,gBACE,gCAAC,eAAD;IACE,QAAQ,EAAE,kBAAAA,QAAQ;MAAA,OAAID,cAAc,CAACC,QAAD,CAAlB;IAAA,CADpB;IAEE,wBAAwB,EAAC,KAF3B;IAGE,KAAK,EAAEH,aAHT;IAIE,YAAY,EAAC,eAJf;IAKE,UAAU,EAAE;MAAA,IAAGI,IAAH,SAAGA,IAAH;MAAA,IAASC,WAAT,SAASA,WAAT;MAAA,oBACV;QAAK,SAAS,EAAC;MAAf,gBACE,gCAAC,WAAD,OADF,eAEE,gCAAC,+BAAD,EAAyBD,IAAzB,CAFF,CADU;IAAA;EALd,EADF,CADF;AAgBD,CArBD;;AAuBAL,eAAe,CAACO,SAAhB,GAA4B;EAC1BN,aAAa,EAAEO,qBAAA,CAAUC,KAAV,CAAgBC,UADL;EAE1BR,kBAAkB,EAAEM,qBAAA,CAAUG,IAAV,CAAeD;AAFT,CAA5B;eAKeV,e"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileReorderListItem.js","names":["FileReorderListItem","url","name","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/components/FileUploadAdapter/FileReorderListItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst FileReorderListItem = ({ url, name }) => (\n <div className=\"file-reorder-item\">\n <div className=\"file-reorder-item__wrapper\">\n <img className=\"file-reorder-item__image\" src={url} alt={name} />\n </div>\n <div className=\"file-reorder-item__info\">\n <p className=\"file-reorder-item__filename\">{name}</p>\n </div>\n </div>\n);\n\nFileReorderListItem.propTypes = {\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired\n};\n\nexport default FileReorderListItem;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB;EAAA,IAAGC,GAAH,QAAGA,GAAH;EAAA,IAAQC,IAAR,QAAQA,IAAR;EAAA,oBAC1B;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC,0BAAf;IAA0C,GAAG,EAAED,GAA/C;IAAoD,GAAG,EAAEC;EAAzD,EADF,CADF,eAIE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAG,SAAS,EAAC;EAAb,GAA4CA,IAA5C,CADF,CAJF,CAD0B;AAAA,CAA5B;;AAWAF,mBAAmB,CAACG,SAApB,GAAgC;EAC9BF,GAAG,EAAEG,
|
|
1
|
+
{"version":3,"file":"FileReorderListItem.js","names":["FileReorderListItem","url","name","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/components/FileUploadAdapter/FileReorderListItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst FileReorderListItem = ({ url, name }) => (\n <div className=\"file-reorder-item\">\n <div className=\"file-reorder-item__wrapper\">\n <img className=\"file-reorder-item__image\" src={url} alt={name} />\n </div>\n <div className=\"file-reorder-item__info\">\n <p className=\"file-reorder-item__filename\">{name}</p>\n </div>\n </div>\n);\n\nFileReorderListItem.propTypes = {\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired\n};\n\nexport default FileReorderListItem;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB;EAAA,IAAGC,GAAH,QAAGA,GAAH;EAAA,IAAQC,IAAR,QAAQA,IAAR;EAAA,oBAC1B;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC,0BAAf;IAA0C,GAAG,EAAED,GAA/C;IAAoD,GAAG,EAAEC;EAAzD,EADF,CADF,eAIE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAG,SAAS,EAAC;EAAb,GAA4CA,IAA5C,CADF,CAJF,CAD0B;AAAA,CAA5B;;AAWAF,mBAAmB,CAACG,SAApB,GAAgC;EAC9BF,GAAG,EAAEG,qBAAA,CAAUC,MAAV,CAAiBC,UADQ;EAE9BJ,IAAI,EAAEE,qBAAA,CAAUC,MAAV,CAAiBC;AAFO,CAAhC;eAKeN,mB"}
|
|
@@ -63,8 +63,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
63
63
|
|
|
64
64
|
var _fileUpload = _interopRequireDefault(require("@blaze-react/file-upload"));
|
|
65
65
|
|
|
66
|
-
var _modal = _interopRequireDefault(require("@blaze-react/modal"));
|
|
67
|
-
|
|
68
66
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
69
67
|
|
|
70
68
|
var _client = require("@apollo/client");
|
|
@@ -511,7 +509,7 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
|
|
|
511
509
|
actionText: fileUploadButtonText,
|
|
512
510
|
handleLibraryClick: onOpenLibrary,
|
|
513
511
|
enableDragAndDrop: false
|
|
514
|
-
})), editFile && /*#__PURE__*/_react["default"].createElement(
|
|
512
|
+
})), editFile && /*#__PURE__*/_react["default"].createElement(_adminUiUtils.ModalAdapter, {
|
|
515
513
|
actions: editModalActions,
|
|
516
514
|
title: "Edit File",
|
|
517
515
|
onClose: function onClose() {
|
|
@@ -525,7 +523,7 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
|
|
|
525
523
|
previewType: "card"
|
|
526
524
|
})), displayModal && /*#__PURE__*/_react["default"].createElement("div", {
|
|
527
525
|
className: "file-upload-modal-wrapper"
|
|
528
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
526
|
+
}, /*#__PURE__*/_react["default"].createElement(_adminUiUtils.ModalAdapter, {
|
|
529
527
|
actions: modalActions,
|
|
530
528
|
className: "file-upload-modal",
|
|
531
529
|
title: "Media library",
|