npm - @blaze-cms/plugin-media-ui - Versions diffs - 0.147.0-rc-eagle.4 → 0.147.0-rc-eagle.6 - Mend

@blaze-cms/plugin-media-ui 0.147.0-rc-eagle.4 → 0.147.0-rc-eagle.6

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.

Files changed (22) hide show

package/lib-es/components/CardMedia/CardMedia.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardMedia.js","names":["React","useState","useCallback","DeleteAction","PropTypes","getQuery","getMutation","useMutation","useApolloClient","useQuery","classnames","useToasts","Modal","createPortal","Link","DeleteIcon","EditIcon","EditMediaFile","bustUrl","CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","updated","modalTargetRef","updateFile","removeFile","index","openEditInModal","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","deleteFile","type","extension","split","client","getEntitySchemas","schemaData","loading","schemaLoading","variables","identifier","deleteFileById","input","appearance","autoDismiss","error","message","handleRowClick","handleCheckboxToggle","e","preventDefault","stopPropagation","handleKeyDown","key","cardMediaClassNames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","handleStopPropagation","updatedFile","mutate","mutation","formData","update","cache","fileUpdated","writeQuery","query","result","console","createElement","Fragment","title","actions","onClose","onChange","fileId","current","deleteAction","itemName","className","role","tabIndex","onClick","onKeyDown","checked","src","alt","xmlns","width","height","viewBox","d","to","propTypes","string","isRequired","object","oneOfType","number","func","bool","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient, useQuery } 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 { DeleteIcon, EditIcon } from '@blaze-cms/plugin-page-builder-ui';\nimport EditMediaFile from '../EditMediaFile';\nimport bustUrl from '../../utils/bustUrl';\n\nconst CardMedia = ({\n onSelected,\n name,\n url,\n mimetype,\n id,\n selected,\n displayLayout,\n data,\n updated,\n modalTargetRef,\n updateFile,\n removeFile,\n index,\n openEditInModal\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 { data: { getEntitySchemas: [schemaData] = [] } = {}, loading: schemaLoading } = useQuery(\n getQuery('GET_ENTITY_SCHEMA'),\n {\n variables: { identifier: 'file' }\n }\n );\n\n const deleteFileById = async () => {\n setDisplayDeleteModal(false);\n try {\n await deleteFile({ variables: { input: { id } } });\n removeFile({ index });\n addToast(`File: ${name} has been deleted`, { appearance: 'success', autoDismiss: true });\n } catch (error) {\n addToast(error.message, { appearance: 'error', autoDismiss: true });\n }\n };\n\n const handleRowClick = () => onSelected({ id, url, name, data });\n\n const handleCheckboxToggle = useCallback(\n e => {\n e.preventDefault();\n e.stopPropagation();\n onSelected({ id, url, name, data });\n },\n [id, url, name, data, onSelected]\n );\n\n const handleKeyDown = e => {\n if (e.key === ' ' \|\| e.key === 'Enter') {\n e.preventDefault();\n handleRowClick();\n }\n };\n\n const cardMediaClassNames = classnames(\n 'card card--media-list card--media-list-row',\n `card--media-${displayLayout}`,\n { 'card--media-list--selected': selected }\n );\n\n const handleCloseModal = () => setDisplayEditModal(false);\n const handleSaveButtonStatus = state => setEnableSaveButton(state);\n\n const modalActions = [\n { textButton: 'Cancel', callback: handleCloseModal, modifiers: ['cancel'] },\n {\n textButton: 'Apply',\n callback: () => handleFormSave(),\n modifiers: enableSaveButton ? [] : ['disabled']\n }\n ];\n\n const handleFileChange = file => setFileData(file);\n\n const handleStopPropagation = e => e.stopPropagation();\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.formData },\n update(cache, { data: { updateFile: fileUpdated } }) {\n cache.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id },\n data: { file: fileUpdated.result }\n });\n }\n });\n\n 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 if (schemaLoading) return null;\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 schemaData={schemaData}\n />\n </Modal>,\n modalTargetRef.current\n )}\n\n {displayDeleteModal &&\n createPortal(\n <DeleteAction\n onClose={() => setDisplayDeleteModal(false)}\n deleteAction={() => deleteFileById()}\n itemName={name}\n />,\n modalTargetRef.current\n )}\n\n <div\n className={cardMediaClassNames}\n role=\"option\"\n aria-selected={selected}\n tabIndex={0}\n onClick={handleRowClick}\n onKeyDown={handleKeyDown}>\n {openEditInModal && (\n <div className=\"card__select\">\n <input\n type=\"checkbox\"\n aria-label={`Select ${name}`}\n checked={!!selected}\n onChange={handleCheckboxToggle}\n onClick={handleStopPropagation}\n />\n </div>\n )}\n {type === 'image' ? (\n <div className={`card__image card__image--media-${displayLayout}`}>\n <img src={bustUrl(url, updated)} alt={name} />\n </div>\n ) : (\n <div className=\"card__image card__image--media-list-document\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"100\"\n height=\"100\"\n viewBox=\"0 0 8 8\"\n aria-hidden=\"true\">\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 className=\"card__file-name\">{name}</h2>\n </div>\n <p className=\"card__meta\">\n <span>Format: {extension}</span>\n </p>\n </div>\n\n <div className={`card__menu card__menu--icons card__menu--${displayLayout}`}>\n {openEditInModal ? (\n <button\n type=\"button\"\n className=\"card__icon-btn\"\n title=\"Edit\"\n aria-label=\"Edit\"\n onClick={e => {\n e.preventDefault();\n e.stopPropagation();\n setDisplayEditModal(true);\n }}>\n <EditIcon width=\"20px\" height=\"20px\" />\n </button>\n ) : (\n <Link\n to={`/media/edit/${id}`}\n className=\"card__icon-btn\"\n title=\"Edit\"\n aria-label=\"Edit\"\n onClick={e => e.stopPropagation()}>\n <EditIcon width=\"20px\" height=\"20px\" />\n </Link>\n )}\n\n <button\n type=\"button\"\n className=\"card__icon-btn\"\n title=\"Delete\"\n aria-label=\"Delete\"\n onClick={e => {\n e.preventDefault();\n e.stopPropagation();\n setDisplayDeleteModal(true);\n }}>\n <DeleteIcon width=\"18px\" height=\"18px\" />\n </button>\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 updated: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\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 openEditInModal: PropTypes.bool\n};\n\nCardMedia.defaultProps = {\n onSelected: () => { },\n selected: false,\n data: {},\n updated: null,\n openEditInModal: false\n};\n\nexport default CardMedia;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"CardMedia.js","names":["React","useState","useCallback","DeleteAction","PropTypes","getQuery","getMutation","useMutation","useApolloClient","useQuery","classnames","useToasts","Modal","createPortal","Link","DeleteIcon","EditIcon","EditMediaFile","bustUrl","CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","updated","modalTargetRef","updateFile","removeFile","index","openEditInModal","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","deleteFile","type","extension","split","client","getEntitySchemas","schemaData","loading","schemaLoading","variables","identifier","deleteFileById","input","appearance","autoDismiss","error","message","handleRowClick","handleCheckboxToggle","e","preventDefault","stopPropagation","handleKeyDown","key","cardMediaClassNames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","handleStopPropagation","updatedFile","mutate","mutation","formData","update","cache","fileUpdated","writeQuery","query","result","console","createElement","Fragment","title","actions","onClose","onChange","fileId","current","deleteAction","itemName","className","role","tabIndex","onClick","onKeyDown","checked","src","alt","xmlns","width","height","viewBox","d","to","propTypes","string","isRequired","object","oneOfType","number","func","bool","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient, useQuery } 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 { DeleteIcon, EditIcon } from '@blaze-cms/plugin-page-builder-ui';\nimport EditMediaFile from '../EditMediaFile';\nimport bustUrl from '../../utils/bustUrl';\n\nconst CardMedia = ({\n onSelected,\n name,\n url,\n mimetype,\n id,\n selected,\n displayLayout,\n data,\n updated,\n modalTargetRef,\n updateFile,\n removeFile,\n index,\n openEditInModal\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 { data: { getEntitySchemas: [schemaData] = [] } = {}, loading: schemaLoading } = useQuery(\n getQuery('GET_ENTITY_SCHEMA'),\n {\n variables: { identifier: 'file' }\n }\n );\n\n const deleteFileById = async () => {\n setDisplayDeleteModal(false);\n try {\n await deleteFile({ variables: { input: { id } } });\n removeFile({ index });\n addToast(`File: ${name} has been deleted`, { appearance: 'success', autoDismiss: true });\n } catch (error) {\n addToast(error.message, { appearance: 'error', autoDismiss: true });\n }\n };\n\n const handleRowClick = () => onSelected({ id, url, name, data });\n\n const handleCheckboxToggle = useCallback(\n e => {\n e.preventDefault();\n e.stopPropagation();\n onSelected({ id, url, name, data });\n },\n [id, url, name, data, onSelected]\n );\n\n const handleKeyDown = e => {\n if (e.key === ' ' \|\| e.key === 'Enter') {\n e.preventDefault();\n handleRowClick();\n }\n };\n\n const cardMediaClassNames = classnames(\n 'card card--media-list card--media-list-row',\n `card--media-${displayLayout}`,\n { 'card--media-list--selected': selected }\n );\n\n const handleCloseModal = () => setDisplayEditModal(false);\n const handleSaveButtonStatus = state => setEnableSaveButton(state);\n\n const modalActions = [\n { textButton: 'Cancel', callback: handleCloseModal, modifiers: ['cancel'] },\n {\n textButton: 'Apply',\n callback: () => handleFormSave(),\n modifiers: enableSaveButton ? [] : ['disabled']\n }\n ];\n\n const handleFileChange = file => setFileData(file);\n\n const handleStopPropagation = e => e.stopPropagation();\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.formData },\n update(cache, { data: { updateFile: fileUpdated } }) {\n cache.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id },\n data: { file: fileUpdated.result }\n });\n }\n });\n\n 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 if (schemaLoading) return null;\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 schemaData={schemaData}\n />\n </Modal>,\n modalTargetRef.current\n )}\n\n {displayDeleteModal &&\n createPortal(\n <DeleteAction\n onClose={() => setDisplayDeleteModal(false)}\n deleteAction={() => deleteFileById()}\n itemName={name}\n />,\n modalTargetRef.current\n )}\n\n <div\n className={cardMediaClassNames}\n role=\"option\"\n aria-selected={selected}\n tabIndex={0}\n onClick={handleRowClick}\n onKeyDown={handleKeyDown}>\n {openEditInModal && (\n <div className=\"card__select\">\n <input\n type=\"checkbox\"\n aria-label={`Select ${name}`}\n checked={!!selected}\n onChange={handleCheckboxToggle}\n onClick={handleStopPropagation}\n />\n </div>\n )}\n {type === 'image' ? (\n <div className={`card__image card__image--media-${displayLayout}`}>\n <img src={bustUrl(url, updated)} alt={name} />\n </div>\n ) : (\n <div className=\"card__image card__image--media-list-document\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"100\"\n height=\"100\"\n viewBox=\"0 0 8 8\"\n aria-hidden=\"true\">\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 className=\"card__file-name\">{name}</h2>\n </div>\n <p className=\"card__meta\">\n <span>Format: {extension}</span>\n </p>\n </div>\n\n <div className={`card__menu card__menu--icons card__menu--${displayLayout}`}>\n {openEditInModal ? (\n <button\n type=\"button\"\n className=\"card__icon-btn\"\n title=\"Edit\"\n aria-label=\"Edit\"\n onClick={e => {\n e.preventDefault();\n e.stopPropagation();\n setDisplayEditModal(true);\n }}>\n <EditIcon width=\"20px\" height=\"20px\" />\n </button>\n ) : (\n <Link\n to={`/media/edit/${id}`}\n className=\"card__icon-btn\"\n title=\"Edit\"\n aria-label=\"Edit\"\n onClick={e => e.stopPropagation()}>\n <EditIcon width=\"20px\" height=\"20px\" />\n </Link>\n )}\n\n <button\n type=\"button\"\n className=\"card__icon-btn\"\n title=\"Delete\"\n aria-label=\"Delete\"\n onClick={e => {\n e.preventDefault();\n e.stopPropagation();\n setDisplayDeleteModal(true);\n }}>\n <DeleteIcon width=\"18px\" height=\"18px\" />\n </button>\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 updated: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\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 openEditInModal: PropTypes.bool\n};\n\nCardMedia.defaultProps = {\n onSelected: () => {},\n selected: false,\n data: {},\n updated: null,\n openEditInModal: false\n};\n\nexport default CardMedia;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/EditMediaFile/EditMediaFile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditMediaFile.js","names":["React","useState","useEffect","PropTypes","getQuery","getDynamicQuery","useQuery","useToasts","FilePreview","FileUploadModal","FILE_DEFAULT_PROPS","EditMediaFile","onChange","handleSaveButtonStatus","fileId","showChangeButton","fileUpdated","schemaData","formValues","setFormValues","displayFileUploadModal","setDisplayFileUploadModal","addToast","fileQuery","loading","data","entityData","file","refetch","refetchFile","variables","id","fetchPolicy","fileStoresType","getFileStores","storeType","visibleInAdmin","prevFormValues","updated","handleFormChange","isValid","isNewValueSet","valuesChecked","baseFile","dataValues","reduce","acc","value","isDataPropery","_objectSpread","__typename","shouldEnableSaveButton","updatedFile","formData","getFileWithStoreType","sourceFile","base","storeOptions","map","type","key","name","defaultStore","find","isDefault","store","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","url","refreshedFile","timestamp","Date","now","createElement","fileToRender","fileWithStoreType","Fragment","handleChangeFile","displayForm","className","onClose","simpleLayout","storeKey","getSelectedFiles","propTypes","string","isRequired","func","bool","object","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery, getDynamicQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport { useToasts } from '@blaze-react/toaster';\nimport FilePreview from '../FilePreview';\nimport FileUploadModal from '../FileUploadModal';\nimport { FILE_DEFAULT_PROPS } from '../../constants';\n\nconst EditMediaFile = ({\n onChange,\n handleSaveButtonStatus,\n fileId,\n showChangeButton,\n fileUpdated,\n schemaData\n}) => {\n const [formValues, setFormValues] = useState(null);\n const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n const { addToast } = useToasts();\n\n const fileQuery = getDynamicQuery('DATA_QUERY')(schemaData, fileId, null, FILE_DEFAULT_PROPS);\n const {\n loading,\n data: { entityData: file } = {},\n refetch: refetchFile\n } = useQuery(fileQuery, {\n variables: { id: fileId },\n fetchPolicy: 'cache-and-network'\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 if (file) {\n setFormValues(prevFormValues => {\n if (!prevFormValues \|\| prevFormValues.updated !== file.updated) {\n return file;\n }\n return prevFormValues;\n });\n }\n }, [file]);\n\n useEffect(() => {\n if (fileUpdated && fileUpdated.updated) {\n setFormValues(fileUpdated);\n }\n }, [fileUpdated]);\n\n const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n const baseFile = formValues \|\| file;\n\n const dataValues = valuesChecked.reduce(\n (acc, { id, value, isDataPropery }) => {\n if (isDataPropery) {\n acc.data[id] = value;\n } else {\n acc[id] = value;\n }\n return acc;\n },\n { id: baseFile.id, data: { ...baseFile.data } }\n );\n delete dataValues.data.__typename; // Remove __typename if it exists in data to avoid issues with Apollo cache.\n\n const shouldEnableSaveButton = isNewValueSet && isValid;\n handleSaveButtonStatus(shouldEnableSaveButton);\n\n const updatedFile = {\n ...baseFile,\n ...dataValues\n };\n\n setFormValues(updatedFile);\n onChange({ ...updatedFile, formData: dataValues });\n };\n\n const getFileWithStoreType = sourceFile => {\n const base = sourceFile \|\| file;\n if (storeType && base) {\n const storeOptions = storeType.map(type => [type.key, type.name]);\n const defaultStore = storeType.find(type => type.isDefault) \|\| null;\n return { ...base, store: { defaultStore, storeOptions } };\n }\n return base;\n };\n\n const closeModalAndSetValue = async (isSaving, values, toastMessage) => {\n if (toastMessage) {\n addToast(toastMessage, { appearance: 'success', autoDismiss: true });\n }\n\n if (values) {\n const updated =\n values.id === fileId\n ? values\n : {\n ...(formValues \|\| file),\n ...values,\n url: values.url \|\| (formValues \|\| file).url\n };\n setFormValues(updated);\n onChange(updated);\n handleSaveButtonStatus(true);\n } else {\n const { data: { file: refreshedFile } = {} } = await refetchFile({\n id: fileId,\n timestamp: Date.now()\n });\n if (refreshedFile) {\n setFormValues(refreshedFile);\n onChange(refreshedFile);\n handleSaveButtonStatus(true);\n }\n }\n\n setDisplayFileUploadModal(false);\n };\n\n if (loading) return <div>loading...</div>;\n\n const fileToRender = formValues \|\| file;\n const fileWithStoreType = getFileWithStoreType(fileToRender);\n\n return (\n <>\n {!!file && (\n <FilePreview\n file={fileWithStoreType}\n handleFormChange={handleFormChange}\n handleChangeFile={() => setDisplayFileUploadModal(true)}\n displayForm\n showChangeButton={showChangeButton}\n />\n )}\n {displayFileUploadModal && (\n <div className=\"file-upload-modal-wrapper\">\n <FileUploadModal\n onClose={() => setDisplayFileUploadModal(false)}\n closeModalAndSetValue={closeModalAndSetValue}\n simpleLayout\n fileId={fileId}\n storeKey={file && file.storeKey}\n getSelectedFiles={() => { }}\n />\n </div>\n )}\n </>\n );\n};\n\nEditMediaFile.propTypes = {\n fileId: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n handleSaveButtonStatus: PropTypes.func.isRequired,\n showChangeButton: PropTypes.bool,\n fileUpdated: PropTypes.object\n};\n\nEditMediaFile.defaultProps = {\n showChangeButton: false,\n fileUpdated: null\n};\n\nexport default EditMediaFile;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"EditMediaFile.js","names":["React","useState","useEffect","PropTypes","getQuery","getDynamicQuery","useQuery","useToasts","FilePreview","FileUploadModal","FILE_DEFAULT_PROPS","EditMediaFile","onChange","handleSaveButtonStatus","fileId","showChangeButton","fileUpdated","schemaData","formValues","setFormValues","displayFileUploadModal","setDisplayFileUploadModal","addToast","fileQuery","loading","data","entityData","file","refetch","refetchFile","variables","id","fetchPolicy","fileStoresType","getFileStores","storeType","visibleInAdmin","prevFormValues","updated","handleFormChange","isValid","isNewValueSet","valuesChecked","baseFile","dataValues","reduce","acc","value","isDataPropery","_objectSpread","__typename","shouldEnableSaveButton","updatedFile","formData","getFileWithStoreType","sourceFile","base","storeOptions","map","type","key","name","defaultStore","find","isDefault","store","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","url","refreshedFile","timestamp","Date","now","createElement","fileToRender","fileWithStoreType","Fragment","handleChangeFile","displayForm","className","onClose","simpleLayout","storeKey","getSelectedFiles","propTypes","string","isRequired","func","bool","object","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery, getDynamicQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport { useToasts } from '@blaze-react/toaster';\nimport FilePreview from '../FilePreview';\nimport FileUploadModal from '../FileUploadModal';\nimport { FILE_DEFAULT_PROPS } from '../../constants';\n\nconst EditMediaFile = ({\n onChange,\n handleSaveButtonStatus,\n fileId,\n showChangeButton,\n fileUpdated,\n schemaData\n}) => {\n const [formValues, setFormValues] = useState(null);\n const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n const { addToast } = useToasts();\n\n const fileQuery = getDynamicQuery('DATA_QUERY')(schemaData, fileId, null, FILE_DEFAULT_PROPS);\n const {\n loading,\n data: { entityData: file } = {},\n refetch: refetchFile\n } = useQuery(fileQuery, {\n variables: { id: fileId },\n fetchPolicy: 'cache-and-network'\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 if (file) {\n setFormValues(prevFormValues => {\n if (!prevFormValues \|\| prevFormValues.updated !== file.updated) {\n return file;\n }\n return prevFormValues;\n });\n }\n }, [file]);\n\n useEffect(() => {\n if (fileUpdated && fileUpdated.updated) {\n setFormValues(fileUpdated);\n }\n }, [fileUpdated]);\n\n const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n const baseFile = formValues \|\| file;\n\n const dataValues = valuesChecked.reduce(\n (acc, { id, value, isDataPropery }) => {\n if (isDataPropery) {\n acc.data[id] = value;\n } else {\n acc[id] = value;\n }\n return acc;\n },\n { id: baseFile.id, data: { ...baseFile.data } }\n );\n delete dataValues.data.__typename; // Remove __typename if it exists in data to avoid issues with Apollo cache.\n\n const shouldEnableSaveButton = isNewValueSet && isValid;\n handleSaveButtonStatus(shouldEnableSaveButton);\n\n const updatedFile = {\n ...baseFile,\n ...dataValues\n };\n\n setFormValues(updatedFile);\n onChange({ ...updatedFile, formData: dataValues });\n };\n\n const getFileWithStoreType = sourceFile => {\n const base = sourceFile \|\| file;\n if (storeType && base) {\n const storeOptions = storeType.map(type => [type.key, type.name]);\n const defaultStore = storeType.find(type => type.isDefault) \|\| null;\n return { ...base, store: { defaultStore, storeOptions } };\n }\n return base;\n };\n\n const closeModalAndSetValue = async (isSaving, values, toastMessage) => {\n if (toastMessage) {\n addToast(toastMessage, { appearance: 'success', autoDismiss: true });\n }\n\n if (values) {\n const updated =\n values.id === fileId\n ? values\n : {\n ...(formValues \|\| file),\n ...values,\n url: values.url \|\| (formValues \|\| file).url\n };\n setFormValues(updated);\n onChange(updated);\n handleSaveButtonStatus(true);\n } else {\n const { data: { file: refreshedFile } = {} } = await refetchFile({\n id: fileId,\n timestamp: Date.now()\n });\n if (refreshedFile) {\n setFormValues(refreshedFile);\n onChange(refreshedFile);\n handleSaveButtonStatus(true);\n }\n }\n\n setDisplayFileUploadModal(false);\n };\n\n if (loading) return <div>loading...</div>;\n\n const fileToRender = formValues \|\| file;\n const fileWithStoreType = getFileWithStoreType(fileToRender);\n\n return (\n <>\n {!!file && (\n <FilePreview\n file={fileWithStoreType}\n handleFormChange={handleFormChange}\n handleChangeFile={() => setDisplayFileUploadModal(true)}\n displayForm\n showChangeButton={showChangeButton}\n />\n )}\n {displayFileUploadModal && (\n <div className=\"file-upload-modal-wrapper\">\n <FileUploadModal\n onClose={() => setDisplayFileUploadModal(false)}\n closeModalAndSetValue={closeModalAndSetValue}\n simpleLayout\n fileId={fileId}\n storeKey={file && file.storeKey}\n getSelectedFiles={() => {}}\n />\n </div>\n )}\n </>\n );\n};\n\nEditMediaFile.propTypes = {\n fileId: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n handleSaveButtonStatus: PropTypes.func.isRequired,\n showChangeButton: PropTypes.bool,\n fileUpdated: PropTypes.object\n};\n\nEditMediaFile.defaultProps = {\n showChangeButton: false,\n fileUpdated: null\n};\n\nexport default EditMediaFile;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/FileUploadModal/FileUploadModal.js CHANGED Viewed

@@ -1,12 +1,15 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["message"],
-  _excluded2 = ["message"];
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["name", "storeKey"],
+  _excluded2 = ["message"],
+  _excluded3 = ["message"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useState } from 'react';
+import React, { useState, useMemo } from 'react';
 import { ModalAdapter as Modal, getMutation, getQuery } from '@blaze-cms/admin-ui-utils';
 import FileUpload from '@blaze-react/file-upload';
+import { getFormBuilderLookup } from '@blaze-cms/react-form-builder';
 import PropTypes from 'prop-types';
 import { useToasts } from '@blaze-react/toaster';
 import { useApolloClient, useQuery } from '@apollo/client';
@@ -28,16 +31,61 @@ const FileUploadModal = ({
   const {
     addNewFile
   } = useFileList();
+  const {
+    data: {
+      getEntitySchemas: [schemaData] = []
+    } = {},
+    loading: schemaLoading
+  } = useQuery(getQuery('GET_ENTITY_SCHEMA'), {
+    variables: {
+      identifier: 'file'
+    }
+  });
+  const customFields = useMemo(() => {
+    if (schemaData && schemaData.properties) {
+      const _schemaData$propertie = schemaData.properties,
+        {
+          name: _name,
+          storeKey: _storeKey
+        } = _schemaData$propertie,
+        restProperties = _objectWithoutProperties(_schemaData$propertie, _excluded);
+      return Object.entries(restProperties).filter(([, field]) => field && field.showInForm === true).map(([key, field]) => {
+        const Component = getFormBuilderLookup.getFormField(field.formFieldType);
+        return {
+          name: key,
+          label: field.label || key,
+          component: props => /*#__PURE__*/React.createElement(Component, _extends({}, field, props, {
+            onChange: (...args) => {
+              const [event] = args;
+              if (!event.value) {
+                event.value = event.event.target ? event.event.target.value : event.value;
+              }
+              if (event.event.target && !event.event.target.id) {
+                event.event.target.id = props.id || key;
+              }
+              if (event.event.target) {
+                event.event.target.name = key;
+              }
+              return props.onChange(...args);
+            }
+          }))
+        };
+      });
+    }
+    return [];
+  }, [schemaData]);
   const fileStoresType = getQuery('GET_FILE_STORES');
   const {
     data: {
       getFileStores: storeType = []
-    } = {}
+    } = {},
+    loading: storeLoading
   } = useQuery(fileStoresType, {
     variables: {
       visibleInAdmin: true
     }
   });
+  if (schemaLoading || storeLoading) return null;
   const handleFiles = filesToUpload => {
     if (fileId && filesToUpload && filesToUpload.length) {
       setFiles([filesToUpload[0]]);
@@ -47,17 +95,31 @@ const FileUploadModal = ({
   };
   const uploadFiles = async () => {
     const filesToProcess = fileId && files.length ? [files[0]] : files;
-    const response = await Promise.all(filesToProcess.map(({
-      file,
-      name,
-      data,
-      storeKey: fileStoreKey
-    }) => {
-      const payload = {
+    const response = await Promise.all(filesToProcess.map(fileData => {
+      const {
+        file,
+        name,
+        data: dataProperties = {},
+        storeKey: fileStoreKey
+      } = fileData;
+      const customProperties = customFields.map(({
+        name: customPropertyName
+      }) => customPropertyName);
+      const otherProperties = Object.entries(dataProperties).reduce((acc, [key, value]) => {
+        if (customProperties.includes(key)) {
+          acc.fileProperties[key] = value;
+        } else {
+          acc.data[key] = value;
+        }
+        return acc;
+      }, {
+        data: {},
+        fileProperties: {}
+      });
+      const payload = _objectSpread({
         name,
-        storeKey: fileStoreKey || selectedStoreKey || storeKey,
-        data
-      };
+        storeKey: fileStoreKey || selectedStoreKey || storeKey
+      }, otherProperties);
       if (fileId) {
         payload.id = fileId;
       } else if (!name) {
@@ -87,7 +149,7 @@ const FileUploadModal = ({
         {
           message
         } = _ref,
-        rest = _objectWithoutProperties(_ref, _excluded);
+        rest = _objectWithoutProperties(_ref, _excluded2);
       return rest;
     });
     const fileNames = files.map(({
@@ -99,7 +161,7 @@ const FileUploadModal = ({
           {
             message
           } = _parsedResponse$,
-          updatedFile = _objectWithoutProperties(_parsedResponse$, _excluded2);
+          updatedFile = _objectWithoutProperties(_parsedResponse$, _excluded3);
         try {
           client.writeQuery({
             query: getQuery('GET_FILE_BY_ID'),
@@ -154,7 +216,8 @@ const FileUploadModal = ({
   }, /*#__PURE__*/React.createElement(FileUpload, {
     storeKey: selectedStoreKey || storeKey,
     onChange: handleFiles,
-    selectOptions: storeOptions
+    selectOptions: storeOptions,
+    customFields: customFields
   }));
 };
 FileUploadModal.propTypes = {

package/lib-es/components/FileUploadModal/FileUploadModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploadModal.js","names":["React","useState","ModalAdapter","Modal","getMutation","getQuery","FileUpload","PropTypes","useToasts","useApolloClient","useQuery","useFileList","FileUploadModal","onClose","getSelectedFiles","closeModalAndSetValue","simpleLayout","fileId","storeKey","selectedStoreKey","files","setFiles","addToast","client","addNewFile","fileStoresType","data","getFileStores","storeType","variables","visibleInAdmin","handleFiles","filesToUpload","length","uploadFiles","filesToProcess","response","Promise","all","map","file","name","fileStoreKey","payload","id","filename","mutate","mutation","input","_objectSpread","catch","error","message","appearance","autoDismiss","parsedResponse","_ref","result","rest","_objectWithoutProperties","_excluded","fileNames","_parsedResponse$","updatedFile","_excluded2","writeQuery","query","e","console","updateMessage","filesToSelect","uploadMessage","join","toastMessage","handleOnSave","storeOptions","type","key","filter","createElement","title","actions","textButton","callback","modifiers","upload","onChange","selectOptions","propTypes","string","func","isRequired","bool","defaultProps"],"sources":["../../../src/components/FileUploadModal/FileUploadModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { ModalAdapter as Modal, getMutation, getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileUpload from '@blaze-react/file-upload';\nimport PropTypes from 'prop-types';\nimport { useToasts } from '@blaze-react/toaster';\nimport { useApolloClient, useQuery } from '@apollo/client';\nimport useFileList from '../FileList/useFileList';\n\nconst FileUploadModal = ({\n onClose,\n getSelectedFiles,\n closeModalAndSetValue,\n simpleLayout,\n fileId,\n storeKey,\n selectedStoreKey\n}) => {\n const [files, setFiles] = useState([]);\n const { addToast } = useToasts();\n const client = useApolloClient();\n const { addNewFile } = useFileList();\n\n const fileStoresType = getQuery('GET_FILE_STORES');\n const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n variables: { visibleInAdmin: true }\n });\n\n const handleFiles = filesToUpload => {\n if (fileId && filesToUpload && filesToUpload.length) {\n setFiles([filesToUpload[0]]);\n return;\n }\n setFiles(filesToUpload);\n };\n\n const uploadFiles = async () => {\n const filesToProcess = fileId && files.length ? [files[0]] : files;\n\n const response = await Promise.all(\n filesToProcess.map(({ file, name, data, storeKey: fileStoreKey }) => {\n const payload = {\n name,\n storeKey: fileStoreKey \|\| selectedStoreKey \|\| storeKey,\n data\n };\n if (fileId) {\n payload.id = fileId;\n } else if (!name) {\n payload.name = file.filename;\n }\n return client.mutate({\n mutation: getMutation('UPLOAD_FILE'),\n variables: { input: { file, ...payload } }\n });\n })\n ).catch(error => {\n addToast(error.message, {\n appearance: 'error',\n autoDismiss: true\n });\n return [];\n });\n\n const parsedResponse = response.map(({ data: { file } }) => {\n const { message, ...rest } = file.result \|\| {};\n return rest;\n });\n\n const fileNames = files.map(({ file }) => file.name);\n\n if (simpleLayout) {\n if (fileId && parsedResponse && parsedResponse.length) {\n const { message, ...updatedFile } = parsedResponse[0];\n try {\n client.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id: fileId },\n data: { file: updatedFile }\n });\n } catch (e) {\n console.error(e); //eslint-disable-line\n }\n const updateMessage = `Updated: ${updatedFile.filename \|\| fileNames[0]}`;\n closeModalAndSetValue(simpleLayout, updatedFile, updateMessage);\n return;\n }\n const filesToSelect = parsedResponse.map(({ id }) => id);\n const uploadMessage = `Uploaded: ${fileNames.join(', ')}`;\n getSelectedFiles(null, filesToSelect);\n closeModalAndSetValue(simpleLayout, filesToSelect, uploadMessage);\n return;\n }\n\n addNewFile && addNewFile(parsedResponse);\n const toastMessage = fileId ? `Updated: ${fileNames[0]}` : `Uploaded: ${fileNames.join(', ')}`;\n\n addToast(toastMessage, {\n appearance: 'success',\n autoDismiss: true\n });\n };\n\n const handleOnSave = async () => {\n if (files.length) await uploadFiles();\n onClose();\n };\n\n let storeOptions = storeType.map(type => [type.key, type.name]);\n storeOptions = storeKey ? storeOptions.filter(([key]) => key === storeKey) : storeOptions;\n\n return (\n <Modal\n onClose={onClose}\n title=\"Add media\"\n actions={[\n {\n textButton: 'Cancel',\n callback: onClose,\n modifiers: ['cancel']\n },\n {\n textButton: 'Upload',\n callback: handleOnSave,\n modifiers: []\n }\n ]}\n upload>\n <FileUpload\n storeKey={selectedStoreKey \|\| storeKey}\n onChange={handleFiles}\n selectOptions={storeOptions}\n />\n </Modal>\n );\n};\n\nFileUploadModal.propTypes = {\n fileId: PropTypes.string,\n getSelectedFiles: PropTypes.func.isRequired,\n onClose: PropTypes.func,\n simpleLayout: PropTypes.bool,\n closeModalAndSetValue: PropTypes.func,\n storeKey: PropTypes.string,\n selectedStoreKey: PropTypes.string\n};\n\nFileUploadModal.defaultProps = {\n onClose: () => {},\n closeModalAndSetValue: () => {},\n simpleLayout: false,\n fileId: null,\n storeKey: null,\n selectedStoreKey: null\n};\n\nexport default FileUploadModal;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"FileUploadModal.js","names":["React","useState","useMemo","ModalAdapter","Modal","getMutation","getQuery","FileUpload","getFormBuilderLookup","PropTypes","useToasts","useApolloClient","useQuery","useFileList","FileUploadModal","onClose","getSelectedFiles","closeModalAndSetValue","simpleLayout","fileId","storeKey","selectedStoreKey","files","setFiles","addToast","client","addNewFile","data","getEntitySchemas","schemaData","loading","schemaLoading","variables","identifier","customFields","properties","_schemaData$propertie","name","_name","_storeKey","restProperties","_objectWithoutProperties","_excluded","Object","entries","filter","field","showInForm","map","key","Component","getFormField","formFieldType","label","component","props","createElement","_extends","onChange","args","event","value","target","id","fileStoresType","getFileStores","storeType","storeLoading","visibleInAdmin","handleFiles","filesToUpload","length","uploadFiles","filesToProcess","response","Promise","all","fileData","file","dataProperties","fileStoreKey","customProperties","customPropertyName","otherProperties","reduce","acc","includes","fileProperties","payload","_objectSpread","filename","mutate","mutation","input","catch","error","message","appearance","autoDismiss","parsedResponse","_ref","result","rest","_excluded2","fileNames","_parsedResponse$","updatedFile","_excluded3","writeQuery","query","e","console","updateMessage","filesToSelect","uploadMessage","join","toastMessage","handleOnSave","storeOptions","type","title","actions","textButton","callback","modifiers","upload","selectOptions","propTypes","string","func","isRequired","bool","defaultProps"],"sources":["../../../src/components/FileUploadModal/FileUploadModal.js"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { ModalAdapter as Modal, getMutation, getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileUpload from '@blaze-react/file-upload';\nimport { getFormBuilderLookup } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { useToasts } from '@blaze-react/toaster';\nimport { useApolloClient, useQuery } from '@apollo/client';\nimport useFileList from '../FileList/useFileList';\n\nconst FileUploadModal = ({\n onClose,\n getSelectedFiles,\n closeModalAndSetValue,\n simpleLayout,\n fileId,\n storeKey,\n selectedStoreKey\n}) => {\n const [files, setFiles] = useState([]);\n const { addToast } = useToasts();\n const client = useApolloClient();\n const { addNewFile } = useFileList();\n\n const { data: { getEntitySchemas: [schemaData] = [] } = {}, loading: schemaLoading } = useQuery(\n getQuery('GET_ENTITY_SCHEMA'),\n {\n variables: { identifier: 'file' }\n }\n );\n\n const customFields = useMemo(() => {\n if (schemaData && schemaData.properties) {\n const { name: _name, storeKey: _storeKey, ...restProperties } = schemaData.properties;\n return Object.entries(restProperties)\n .filter(([, field]) => field && field.showInForm === true)\n .map(([key, field]) => {\n const Component = getFormBuilderLookup.getFormField(field.formFieldType);\n return {\n name: key,\n label: field.label \|\| key,\n component: props => (\n <Component\n {...field}\n {...props}\n onChange={(...args) => {\n const [event] = args;\n if (!event.value) {\n event.value = event.event.target ? event.event.target.value : event.value;\n }\n if (event.event.target && !event.event.target.id) {\n event.event.target.id = props.id \|\| key;\n }\n if (event.event.target) {\n event.event.target.name = key;\n }\n return props.onChange(...args);\n }}\n />\n )\n };\n });\n }\n return [];\n }, [schemaData]);\n\n const fileStoresType = getQuery('GET_FILE_STORES');\n const { data: { getFileStores: storeType = [] } = {}, loading: storeLoading } = useQuery(\n fileStoresType,\n {\n variables: { visibleInAdmin: true }\n }\n );\n\n if (schemaLoading \|\| storeLoading) return null;\n\n const handleFiles = filesToUpload => {\n if (fileId && filesToUpload && filesToUpload.length) {\n setFiles([filesToUpload[0]]);\n return;\n }\n setFiles(filesToUpload);\n };\n\n const uploadFiles = async () => {\n const filesToProcess = fileId && files.length ? [files[0]] : files;\n\n const response = await Promise.all(\n filesToProcess.map(fileData => {\n const { file, name, data: dataProperties = {}, storeKey: fileStoreKey } = fileData;\n const customProperties = customFields.map(\n ({ name: customPropertyName }) => customPropertyName\n );\n const otherProperties = Object.entries(dataProperties).reduce(\n (acc, [key, value]) => {\n if (customProperties.includes(key)) {\n acc.fileProperties[key] = value;\n } else {\n acc.data[key] = value;\n }\n return acc;\n },\n { data: {}, fileProperties: {} }\n );\n const payload = {\n name,\n storeKey: fileStoreKey \|\| selectedStoreKey \|\| storeKey,\n ...otherProperties\n };\n\n if (fileId) {\n payload.id = fileId;\n } else if (!name) {\n payload.name = file.filename;\n }\n return client.mutate({\n mutation: getMutation('UPLOAD_FILE'),\n variables: { input: { file, ...payload } }\n });\n })\n ).catch(error => {\n addToast(error.message, {\n appearance: 'error',\n autoDismiss: true\n });\n return [];\n });\n\n const parsedResponse = response.map(({ data: { file } }) => {\n const { message, ...rest } = file.result \|\| {};\n return rest;\n });\n\n const fileNames = files.map(({ file }) => file.name);\n\n if (simpleLayout) {\n if (fileId && parsedResponse && parsedResponse.length) {\n const { message, ...updatedFile } = parsedResponse[0];\n try {\n client.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id: fileId },\n data: { file: updatedFile }\n });\n } catch (e) {\n console.error(e); //eslint-disable-line\n }\n const updateMessage = `Updated: ${updatedFile.filename \|\| fileNames[0]}`;\n closeModalAndSetValue(simpleLayout, updatedFile, updateMessage);\n return;\n }\n const filesToSelect = parsedResponse.map(({ id }) => id);\n const uploadMessage = `Uploaded: ${fileNames.join(', ')}`;\n getSelectedFiles(null, filesToSelect);\n closeModalAndSetValue(simpleLayout, filesToSelect, uploadMessage);\n return;\n }\n\n addNewFile && addNewFile(parsedResponse);\n const toastMessage = fileId ? `Updated: ${fileNames[0]}` : `Uploaded: ${fileNames.join(', ')}`;\n\n addToast(toastMessage, {\n appearance: 'success',\n autoDismiss: true\n });\n };\n\n const handleOnSave = async () => {\n if (files.length) await uploadFiles();\n onClose();\n };\n\n let storeOptions = storeType.map(type => [type.key, type.name]);\n storeOptions = storeKey ? storeOptions.filter(([key]) => key === storeKey) : storeOptions;\n\n return (\n <Modal\n onClose={onClose}\n title=\"Add media\"\n actions={[\n {\n textButton: 'Cancel',\n callback: onClose,\n modifiers: ['cancel']\n },\n {\n textButton: 'Upload',\n callback: handleOnSave,\n modifiers: []\n }\n ]}\n upload>\n <FileUpload\n storeKey={selectedStoreKey \|\| storeKey}\n onChange={handleFiles}\n selectOptions={storeOptions}\n customFields={customFields}\n />\n </Modal>\n );\n};\n\nFileUploadModal.propTypes = {\n fileId: PropTypes.string,\n getSelectedFiles: PropTypes.func.isRequired,\n onClose: PropTypes.func,\n simpleLayout: PropTypes.bool,\n closeModalAndSetValue: PropTypes.func,\n storeKey: PropTypes.string,\n selectedStoreKey: PropTypes.string\n};\n\nFileUploadModal.defaultProps = {\n onClose: () => {},\n closeModalAndSetValue: () => {},\n simpleLayout: false,\n fileId: null,\n storeKey: null,\n selectedStoreKey: null\n};\n\nexport default FileUploadModal;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js CHANGED Viewed

@@ -40,6 +40,8 @@ const MediaFileList = ({
   const hasFiles = !!data.files && !!data.files.length;
   useEffect(() => {
     if (!loading && !hasFiles) setDisplayCardPrompt(true);
+    if (!loading) setDisplayCardPrompt(false);
+    if (hasFiles) setDisplayCardPrompt(false);
   }, [loading, hasFiles, setDisplayCardPrompt]);
   useEffect(() => {
     setVerifiedRanges([]);

package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MediaFileList.js","names":["React","useState","useEffect","PropTypes","CardPrompt","Button","VirtualList","useMediaContext","MediaContext","CardMedia","existPrevious","useFileList","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","AVAILABLE_FILTER_TYPES","MediaFileList","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","openEditInModal","currentListIndex","setCurrentListIndex","verifiedRanges","setVerifiedRanges","listHeight","setListHeight","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","hasFiles","files","length","_objectSpread","where","filter","storeKey","isSearch","searchTerm","esFilters","handleRenderedItems","startIndex","rowsLength","loadIndex","Math","floor","includes","offset","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","createElement","Fragment","className","width","height","itemCount","itemSize","overscanCount","scrollToIndex","onItemsRendered","renderItem","index","style","name","url","mimetype","id","fileData","updated","isSelected","key","latestQueryToRefetchParams","onSelected","selected","onClick","propTypes","func","isRequired","bool","string","object","defaultProps"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { CardPrompt } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { useMediaContext, MediaContext } from '../../../../../utils/media-context';\nimport CardMedia from '../../../../CardMedia';\nimport { existPrevious } from '../../../mappers';\nimport useFileList from '../../../../FileList/useFileList';\nimport {\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n AVAILABLE_FILTER_TYPES\n} from '../../../../../constants';\n\nconst MediaFileList = ({\n displayCardPrompt,\n setDisplayCardPrompt,\n displayLayout,\n wrapperRef,\n modalTargetRef,\n openEditInModal\n}) => {\n const [currentListIndex, setCurrentListIndex] = useState(1);\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [listHeight, setListHeight] = useState(null);\n const { queryParams, data, loading, setQueryParams, clearList, removeFile, updateFile } =\n useFileList();\n\n const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } =\n useMediaContext(MediaContext);\n\n const hasFiles = !!data.files && !!data.files.length;\n\n useEffect(() => {\n if (!loading && !hasFiles) setDisplayCardPrompt(true);\n }, [loading, hasFiles, setDisplayCardPrompt]);\n\n useEffect(\n () => {\n setVerifiedRanges([]);\n setCurrentListIndex(0);\n setQueryParams({\n ...selectedFilter,\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n selectedFilter.filter,\n selectedFilter.storeKey,\n selectedFilter.isSearch,\n selectedFilter.searchTerm,\n selectedFilter.esFilters\n ]\n );\n\n const handleRenderedItems = ({ startIndex }) => {\n const rowsLength = data.files.length;\n const loadIndex = Math.floor(rowsLength / 3) - MEDIA_OVER_SCAN_COUNT;\n\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({\n offset: data.files.length,\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm,\n esFilters: selectedFilter.esFilters\n });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n }\n };\n\n useEffect(() => {\n const handleListHeight = () => {\n setListHeight(wrapperRef.current.clientHeight - 40);\n };\n\n if (wrapperRef.current) {\n handleListHeight();\n window.addEventListener('resize', handleListHeight);\n }\n return () => {\n window.removeEventListener('resize', handleListHeight);\n };\n }, [listHeight, wrapperRef]);\n\n const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n return (\n <>\n {hasFiles && (\n <>\n <p className=\"media__fileList-counter\">\n {searchedTerm} {data[selectedFilter.filter]} items\n </p>\n <VirtualList\n width=\"100%\"\n height={listHeight}\n itemCount={data.files.length}\n itemSize={MEDIA_LIST_ITEM_SIZE}\n overscanCount={MEDIA_OVER_SCAN_COUNT}\n scrollToIndex={currentListIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const { name, url, mimetype, id, data: fileData, updated } = data.files[index];\n const isSelected = existPrevious(selectedFiles, id);\n return (\n <div key={index} style={style} className=\"list__item--resultWrapper\">\n <CardMedia\n updateFile={updateFile}\n clearList={clearList}\n latestQueryToRefetchParams={queryParams}\n modalTargetRef={modalTargetRef}\n onSelected={getSelectedFiles}\n key={id}\n displayLayout={displayLayout}\n selected={!!isSelected}\n name={name}\n url={url}\n mimetype={mimetype}\n id={id}\n index={index}\n removeFile={removeFile}\n openEditInModal={openEditInModal}\n data={fileData}\n updated={updated}\n />\n </div>\n );\n }}\n />\n </>\n )}\n {displayCardPrompt && (\n <CardPrompt>\n <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n Upload\n </Button>\n </CardPrompt>\n )}\n </>\n );\n};\n\nMediaFileList.propTypes = {\n setDisplayCardPrompt: PropTypes.func.isRequired,\n displayCardPrompt: PropTypes.bool,\n displayLayout: PropTypes.string.isRequired,\n wrapperRef: PropTypes.object.isRequired,\n modalTargetRef: PropTypes.object.isRequired,\n openEditInModal: PropTypes.bool\n};\n\nMediaFileList.defaultProps = {\n displayCardPrompt: true,\n openEditInModal: false\n};\n\nexport default MediaFileList;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"MediaFileList.js","names":["React","useState","useEffect","PropTypes","CardPrompt","Button","VirtualList","useMediaContext","MediaContext","CardMedia","existPrevious","useFileList","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","AVAILABLE_FILTER_TYPES","MediaFileList","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","openEditInModal","currentListIndex","setCurrentListIndex","verifiedRanges","setVerifiedRanges","listHeight","setListHeight","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","hasFiles","files","length","_objectSpread","where","filter","storeKey","isSearch","searchTerm","esFilters","handleRenderedItems","startIndex","rowsLength","loadIndex","Math","floor","includes","offset","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","createElement","Fragment","className","width","height","itemCount","itemSize","overscanCount","scrollToIndex","onItemsRendered","renderItem","index","style","name","url","mimetype","id","fileData","updated","isSelected","key","latestQueryToRefetchParams","onSelected","selected","onClick","propTypes","func","isRequired","bool","string","object","defaultProps"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { CardPrompt } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { useMediaContext, MediaContext } from '../../../../../utils/media-context';\nimport CardMedia from '../../../../CardMedia';\nimport { existPrevious } from '../../../mappers';\nimport useFileList from '../../../../FileList/useFileList';\nimport {\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n AVAILABLE_FILTER_TYPES\n} from '../../../../../constants';\n\nconst MediaFileList = ({\n displayCardPrompt,\n setDisplayCardPrompt,\n displayLayout,\n wrapperRef,\n modalTargetRef,\n openEditInModal\n}) => {\n const [currentListIndex, setCurrentListIndex] = useState(1);\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [listHeight, setListHeight] = useState(null);\n const { queryParams, data, loading, setQueryParams, clearList, removeFile, updateFile } =\n useFileList();\n\n const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } =\n useMediaContext(MediaContext);\n\n const hasFiles = !!data.files && !!data.files.length;\n\n useEffect(() => {\n if (!loading && !hasFiles) setDisplayCardPrompt(true);\n if (!loading) setDisplayCardPrompt(false);\n if (hasFiles) setDisplayCardPrompt(false);\n }, [loading, hasFiles, setDisplayCardPrompt]);\n\n useEffect(\n () => {\n setVerifiedRanges([]);\n setCurrentListIndex(0);\n setQueryParams({\n ...selectedFilter,\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n selectedFilter.filter,\n selectedFilter.storeKey,\n selectedFilter.isSearch,\n selectedFilter.searchTerm,\n selectedFilter.esFilters\n ]\n );\n\n const handleRenderedItems = ({ startIndex }) => {\n const rowsLength = data.files.length;\n const loadIndex = Math.floor(rowsLength / 3) - MEDIA_OVER_SCAN_COUNT;\n\n if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n setQueryParams({\n offset: data.files.length,\n where: {\n ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n storeKey: selectedFilter.storeKey\n },\n isSearch: selectedFilter.isSearch,\n searchTerm: selectedFilter.searchTerm,\n esFilters: selectedFilter.esFilters\n });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n }\n };\n\n useEffect(() => {\n const handleListHeight = () => {\n setListHeight(wrapperRef.current.clientHeight - 40);\n };\n\n if (wrapperRef.current) {\n handleListHeight();\n window.addEventListener('resize', handleListHeight);\n }\n return () => {\n window.removeEventListener('resize', handleListHeight);\n };\n }, [listHeight, wrapperRef]);\n\n const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n return (\n <>\n {hasFiles && (\n <>\n <p className=\"media__fileList-counter\">\n {searchedTerm} {data[selectedFilter.filter]} items\n </p>\n <VirtualList\n width=\"100%\"\n height={listHeight}\n itemCount={data.files.length}\n itemSize={MEDIA_LIST_ITEM_SIZE}\n overscanCount={MEDIA_OVER_SCAN_COUNT}\n scrollToIndex={currentListIndex}\n onItemsRendered={handleRenderedItems}\n renderItem={({ index, style }) => {\n const { name, url, mimetype, id, data: fileData, updated } = data.files[index];\n const isSelected = existPrevious(selectedFiles, id);\n return (\n <div key={index} style={style} className=\"list__item--resultWrapper\">\n <CardMedia\n updateFile={updateFile}\n clearList={clearList}\n latestQueryToRefetchParams={queryParams}\n modalTargetRef={modalTargetRef}\n onSelected={getSelectedFiles}\n key={id}\n displayLayout={displayLayout}\n selected={!!isSelected}\n name={name}\n url={url}\n mimetype={mimetype}\n id={id}\n index={index}\n removeFile={removeFile}\n openEditInModal={openEditInModal}\n data={fileData}\n updated={updated}\n />\n </div>\n );\n }}\n />\n </>\n )}\n {displayCardPrompt && (\n <CardPrompt>\n <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n Upload\n </Button>\n </CardPrompt>\n )}\n </>\n );\n};\n\nMediaFileList.propTypes = {\n setDisplayCardPrompt: PropTypes.func.isRequired,\n displayCardPrompt: PropTypes.bool,\n displayLayout: PropTypes.string.isRequired,\n wrapperRef: PropTypes.object.isRequired,\n modalTargetRef: PropTypes.object.isRequired,\n openEditInModal: PropTypes.bool\n};\n\nMediaFileList.defaultProps = {\n displayCardPrompt: true,\n openEditInModal: false\n};\n\nexport default MediaFileList;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/constants.js CHANGED Viewed

@@ -15,7 +15,7 @@ const AVAILABLE_FILTER_TYPES = {
   }
 };
 const MEDIA_LIST_ITEM_SIZE = 97;
-const MEDIA_OVER_SCAN_COUNT = 0;
+const MEDIA_OVER_SCAN_COUNT = 3;
 const ICON_SIZE = {
   WIDTH: '25px',
   HEIGHT: '25px'

package/lib-es/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","names":["PLUGIN_NAME","ONE_FILE_AS_LIMIT","AVAILABLE_FILTER_TYPES","all","type","images","videos","documents","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","ICON_SIZE","WIDTH","HEIGHT","ICON_COLOR","STROKE","FILL","STORE_KEY","NAME","ALL","INVALID_STORE_KEY_VALUES","PREVIEW","REORDER","IMAGES","MORE","FILE_DEFAULT_PROPS"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'media-ui';\nconst ONE_FILE_AS_LIMIT = 1;\nconst AVAILABLE_FILTER_TYPES = {\n all: {\n type: 'all'\n },\n images: {\n type: 'image'\n },\n videos: {\n type: 'video'\n },\n documents: {\n type: 'text'\n }\n};\n\nconst MEDIA_LIST_ITEM_SIZE = 97;\nconst MEDIA_OVER_SCAN_COUNT = 0;\n\nconst ICON_SIZE = {\n WIDTH: '25px',\n HEIGHT: '25px'\n};\n\nconst ICON_COLOR = {\n STROKE: '#63779C',\n FILL: '#63779C'\n};\n\nconst STORE_KEY = 'storeKey';\nconst NAME = 'name';\n\nconst ALL = 'all';\nconst INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];\nconst PREVIEW = 'Preview';\nconst REORDER = 'Reorder';\nconst IMAGES = 'Images';\nconst MORE = 'more ...';\n\nconst FILE_DEFAULT_PROPS = [\n 'id',\n 'location',\n 'mimetype',\n 'url',\n 'data',\n 'name',\n 'storeKey',\n 'filename',\n 'type',\n 'updated'\n];\n\nexport {\n ALL,\n AVAILABLE_FILTER_TYPES,\n IMAGES,\n INVALID_STORE_KEY_VALUES,\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n MORE,\n NAME,\n ONE_FILE_AS_LIMIT,\n PLUGIN_NAME,\n PREVIEW,\n REORDER,\n STORE_KEY,\n ICON_SIZE,\n ICON_COLOR,\n FILE_DEFAULT_PROPS\n};\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,UAAU;AAC9B,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,sBAAsB,GAAG;EAC7BC,GAAG,EAAE;IACHC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACND,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE;IACNF,IAAI,EAAE;EACR,CAAC;EACDG,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC;AAED,MAAMI,oBAAoB,GAAG,EAAE;AAC/B,MAAMC,qBAAqB,GAAG,CAAC;AAE/B,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,UAAU,GAAG;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,SAAS,GAAG,UAAU;AAC5B,MAAMC,IAAI,GAAG,MAAM;AAEnB,MAAMC,GAAG,GAAG,KAAK;AACjB,MAAMC,wBAAwB,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,CAAC;AACtE,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,MAAM,GAAG,QAAQ;AACvB,MAAMC,IAAI,GAAG,UAAU;AAEvB,MAAMC,kBAAkB,GAAG,CACzB,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,MAAM,EACN,SAAS,CACV;AAED,SACEN,GAAG,EACHhB,sBAAsB,EACtBoB,MAAM,EACNH,wBAAwB,EACxBX,oBAAoB,EACpBC,qBAAqB,EACrBc,IAAI,EACJN,IAAI,EACJhB,iBAAiB,EACjBD,WAAW,EACXoB,OAAO,EACPC,OAAO,EACPL,SAAS,EACTN,SAAS,EACTG,UAAU,EACVW,kBAAkB","ignoreList":[]}
1	+ {"version":3,"file":"constants.js","names":["PLUGIN_NAME","ONE_FILE_AS_LIMIT","AVAILABLE_FILTER_TYPES","all","type","images","videos","documents","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","ICON_SIZE","WIDTH","HEIGHT","ICON_COLOR","STROKE","FILL","STORE_KEY","NAME","ALL","INVALID_STORE_KEY_VALUES","PREVIEW","REORDER","IMAGES","MORE","FILE_DEFAULT_PROPS"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'media-ui';\nconst ONE_FILE_AS_LIMIT = 1;\nconst AVAILABLE_FILTER_TYPES = {\n all: {\n type: 'all'\n },\n images: {\n type: 'image'\n },\n videos: {\n type: 'video'\n },\n documents: {\n type: 'text'\n }\n};\n\nconst MEDIA_LIST_ITEM_SIZE = 97;\nconst MEDIA_OVER_SCAN_COUNT = 3;\n\nconst ICON_SIZE = {\n WIDTH: '25px',\n HEIGHT: '25px'\n};\n\nconst ICON_COLOR = {\n STROKE: '#63779C',\n FILL: '#63779C'\n};\n\nconst STORE_KEY = 'storeKey';\nconst NAME = 'name';\n\nconst ALL = 'all';\nconst INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];\nconst PREVIEW = 'Preview';\nconst REORDER = 'Reorder';\nconst IMAGES = 'Images';\nconst MORE = 'more ...';\n\nconst FILE_DEFAULT_PROPS = [\n 'id',\n 'location',\n 'mimetype',\n 'url',\n 'data',\n 'name',\n 'storeKey',\n 'filename',\n 'type',\n 'updated'\n];\n\nexport {\n ALL,\n AVAILABLE_FILTER_TYPES,\n IMAGES,\n INVALID_STORE_KEY_VALUES,\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n MORE,\n NAME,\n ONE_FILE_AS_LIMIT,\n PLUGIN_NAME,\n PREVIEW,\n REORDER,\n STORE_KEY,\n ICON_SIZE,\n ICON_COLOR,\n FILE_DEFAULT_PROPS\n};\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,UAAU;AAC9B,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,sBAAsB,GAAG;EAC7BC,GAAG,EAAE;IACHC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACND,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE;IACNF,IAAI,EAAE;EACR,CAAC;EACDG,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC;AAED,MAAMI,oBAAoB,GAAG,EAAE;AAC/B,MAAMC,qBAAqB,GAAG,CAAC;AAE/B,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,UAAU,GAAG;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,SAAS,GAAG,UAAU;AAC5B,MAAMC,IAAI,GAAG,MAAM;AAEnB,MAAMC,GAAG,GAAG,KAAK;AACjB,MAAMC,wBAAwB,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,CAAC;AACtE,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,MAAM,GAAG,QAAQ;AACvB,MAAMC,IAAI,GAAG,UAAU;AAEvB,MAAMC,kBAAkB,GAAG,CACzB,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,MAAM,EACN,SAAS,CACV;AAED,SACEN,GAAG,EACHhB,sBAAsB,EACtBoB,MAAM,EACNH,wBAAwB,EACxBX,oBAAoB,EACpBC,qBAAqB,EACrBc,IAAI,EACJN,IAAI,EACJhB,iBAAiB,EACjBD,WAAW,EACXoB,OAAO,EACPC,OAAO,EACPL,SAAS,EACTN,SAAS,EACTG,UAAU,EACVW,kBAAkB","ignoreList":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-media-ui",
-  "version": "0.147.0-rc-eagle.4",
+  "version": "0.147.0-rc-eagle.6",
   "description": "Blaze plugin media ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -32,15 +32,16 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-utils": "0.147.0-rc-eagle.4",
+    "@blaze-cms/admin-ui-utils": "0.147.0-rc-eagle.6",
     "@blaze-cms/core-errors": "0.147.0-rc-eagle.4",
-    "@blaze-cms/plugin-search-ui": "0.147.0-rc-eagle.4",
-    "@blaze-cms/react-form-builder": "0.147.0-rc-eagle.4",
+    "@blaze-cms/plugin-search-ui": "0.147.0-rc-eagle.6",
+    "@blaze-cms/react-form-builder": "0.147.0-rc-eagle.6",
     "@blaze-cms/setup-ui": "0.147.0-rc-eagle.4",
     "@blaze-react/button": "0.8.0-alpha.82",
     "@blaze-react/dnd": "^0.7.0",
     "@blaze-react/drafteditor": "0.7.0",
-    "@blaze-react/file-upload": "0.8.0-alpha.109",
+    "@blaze-react/file-upload": "0.8.0-alpha.118",
+    "@blaze-react/input": "0.8.0-alpha.112",
     "@blaze-react/modal": "0.5.19",
     "@blaze-react/more": "0.5.19",
     "@blaze-react/select": "0.8.0-alpha.100",
@@ -64,5 +65,6 @@
   "eslintIgnore": [
     "lib/*",
     "lib-es/*"
-  ]
+  ],
+  "gitHead": "bcec507f4cd89a2573e960c326852e44b103feb0"
 }

package/src/components/CardMedia/CardMedia.js CHANGED Viewed

@@ -263,7 +263,7 @@ CardMedia.propTypes = {
 };
 CardMedia.defaultProps = {
-  onSelected: () => { },
+  onSelected: () => {},
   selected: false,
   data: {},
   updated: null,

package/src/components/EditMediaFile/EditMediaFile.js CHANGED Viewed

@@ -99,10 +99,10 @@ const EditMediaFile = ({
         values.id === fileId
           ? values
           : {
-            ...(formValues || file),
-            ...values,
-            url: values.url || (formValues || file).url
-          };
+              ...(formValues || file),
+              ...values,
+              url: values.url || (formValues || file).url
+            };
       setFormValues(updated);
       onChange(updated);
       handleSaveButtonStatus(true);
@@ -145,7 +145,7 @@ const EditMediaFile = ({
             simpleLayout
             fileId={fileId}
             storeKey={file && file.storeKey}
-            getSelectedFiles={() => { }}
+            getSelectedFiles={() => {}}
           />
         </div>
       )}