@blaze-cms/plugin-media-ui 0.146.0-node18-tooltips.44 → 0.146.0-node18-tooltips.45
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 +8 -0
- package/lib/components/CardMedia/CardMedia.js +1 -1
- package/lib/components/CardMedia/CardMedia.js.map +1 -1
- package/lib/components/FilePreview/index.js +1 -2
- package/lib/components/FilePreview/index.js.map +1 -1
- package/lib-es/components/CardMedia/CardMedia.js +1 -1
- package/lib-es/components/CardMedia/CardMedia.js.map +1 -1
- package/lib-es/components/FilePreview/index.js +1 -2
- package/lib-es/components/FilePreview/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/CardMedia/CardMedia.js +11 -10
- package/src/components/FilePreview/index.js +1 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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.146.0-node18-tooltips.45](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.44...v0.146.0-node18-tooltips.45) (2026-05-13)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/plugin-media-ui
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# [0.146.0-node18-tooltips.44](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.43...v0.146.0-node18-tooltips.44) (2026-05-13)
|
|
7
15
|
|
|
8
16
|
|
|
@@ -264,7 +264,7 @@ var CardMedia = function CardMedia(_ref) {
|
|
|
264
264
|
tabIndex: 0,
|
|
265
265
|
onClick: handleRowClick,
|
|
266
266
|
onKeyDown: handleKeyDown
|
|
267
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
267
|
+
}, openEditInModal && /*#__PURE__*/_react["default"].createElement("div", {
|
|
268
268
|
className: "card__select"
|
|
269
269
|
}, /*#__PURE__*/_react["default"].createElement("input", {
|
|
270
270
|
type: "checkbox",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardMedia.js","names":["_react","_interopRequireWildcard","require","_admin","_propTypes","_interopRequireDefault","_adminUiUtils","_client","_classnames","_toaster","_modal","_reactDom","_reactRouterDom","_pluginPageBuilderUi","_EditMediaFile","_bustUrl","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CardMedia","_ref","onSelected","name","url","mimetype","id","selected","displayLayout","data","updated","modalTargetRef","updateFile","removeFile","index","openEditInModal","_useState","useState","_useState2","_slicedToArray2","displayDeleteModal","setDisplayDeleteModal","_useState3","_useState4","displayEditModal","setDisplayEditModal","_useState5","_useState6","enableSaveButton","setEnableSaveButton","_useState7","_useState8","fileData","setFileData","_useToasts","useToasts","addToast","_useMutation","useMutation","getMutation","_useMutation2","deleteFile","_mimetype$split","split","_mimetype$split2","type","extension","client","useApolloClient","_useQuery","useQuery","getQuery","variables","identifier","_useQuery$data","_useQuery$data2","_useQuery$data2$getEn","getEntitySchemas","_useQuery$data2$getEn2","_useQuery$data2$getEn3","schemaData","schemaLoading","loading","deleteFileById","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","input","concat","appearance","autoDismiss","t0","message","stop","apply","arguments","handleRowClick","handleCheckboxToggle","useCallback","preventDefault","stopPropagation","handleKeyDown","key","cardMediaClassNames","classnames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","handleStopPropagation","_ref3","_callee2","_yield$client$mutate","updatedFile","_callee2$","_context2","mutate","mutation","formData","update","cache","_ref4","fileUpdated","writeQuery","query","result","sent","console","error","createElement","Fragment","createPortal","title","actions","onClose","onChange","fileId","current","DeleteAction","deleteAction","itemName","className","role","tabIndex","onClick","onKeyDown","checked","src","bustUrl","alt","xmlns","width","height","viewBox","d","EditIcon","Link","to","DeleteIcon","propTypes","PropTypes","string","isRequired","object","oneOfType","number","func","bool","defaultProps","_default","exports"],"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 <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","_interopRequireWildcard","require","_admin","_propTypes","_interopRequireDefault","_adminUiUtils","_client","_classnames","_toaster","_modal","_reactDom","_reactRouterDom","_pluginPageBuilderUi","_EditMediaFile","_bustUrl","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CardMedia","_ref","onSelected","name","url","mimetype","id","selected","displayLayout","data","updated","modalTargetRef","updateFile","removeFile","index","openEditInModal","_useState","useState","_useState2","_slicedToArray2","displayDeleteModal","setDisplayDeleteModal","_useState3","_useState4","displayEditModal","setDisplayEditModal","_useState5","_useState6","enableSaveButton","setEnableSaveButton","_useState7","_useState8","fileData","setFileData","_useToasts","useToasts","addToast","_useMutation","useMutation","getMutation","_useMutation2","deleteFile","_mimetype$split","split","_mimetype$split2","type","extension","client","useApolloClient","_useQuery","useQuery","getQuery","variables","identifier","_useQuery$data","_useQuery$data2","_useQuery$data2$getEn","getEntitySchemas","_useQuery$data2$getEn2","_useQuery$data2$getEn3","schemaData","schemaLoading","loading","deleteFileById","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","input","concat","appearance","autoDismiss","t0","message","stop","apply","arguments","handleRowClick","handleCheckboxToggle","useCallback","preventDefault","stopPropagation","handleKeyDown","key","cardMediaClassNames","classnames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","handleStopPropagation","_ref3","_callee2","_yield$client$mutate","updatedFile","_callee2$","_context2","mutate","mutation","formData","update","cache","_ref4","fileUpdated","writeQuery","query","result","sent","console","error","createElement","Fragment","createPortal","title","actions","onClose","onChange","fileId","current","DeleteAction","deleteAction","itemName","className","role","tabIndex","onClick","onKeyDown","checked","src","bustUrl","alt","xmlns","width","height","viewBox","d","EditIcon","Link","to","DeleteIcon","propTypes","PropTypes","string","isRequired","object","oneOfType","number","func","bool","defaultProps","_default","exports"],"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":[]}
|
|
@@ -47,8 +47,7 @@ var FilePreview = function FilePreview(_ref) {
|
|
|
47
47
|
var _useQuery = (0, _client.useQuery)((0, _adminUiUtils.getQuery)('GET_ENTITY_SCHEMA'), {
|
|
48
48
|
variables: {
|
|
49
49
|
identifier: 'file'
|
|
50
|
-
}
|
|
51
|
-
skip: schemaData
|
|
50
|
+
}
|
|
52
51
|
}),
|
|
53
52
|
_useQuery$data = _useQuery.data,
|
|
54
53
|
schemaData = _useQuery$data === void 0 ? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactFormBuilder","_propTypes","_client","_adminUiUtils","_getPreview3","_constants","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","FilePreview","_ref","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","_useQuery","useQuery","getQuery","variables","identifier","skip","schemaData","_useQuery$data","data","getEntitySchemas","properties","actions","get","schemaLoading","loading","_ref2","_ref3","_slicedToArray2","fileSchema","fileQuery","getDynamicQuery","id","FILE_DEFAULT_PROPS","_useQuery2","fetchPolicy","_useQuery2$data","_useQuery2$data2","fileData","entityData","name","url","mimetype","store","updated","bustUrl","srcUrl","version","sep","includes","concat","Date","now","displayUrl","_getPreview","getPreview","_getPreview2","Preview","schema","shouldRenderForm","nameProp","storeKeyProp","storeKey","restProperties","_objectWithoutProperties2","_extends2","formSchema","_store$defaultStore","defaultStore","_store$storeOptions","storeOptions","options","key","selected","formBuilderData","values","createElement","Fragment","className","filename","FormBuilder","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","PropTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","oneOfType","array","defaultProps","_default","exports"],"sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import React from 'react';\nimport { FormBuilder } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getQuery, getDynamicQuery } from '@blaze-cms/admin-ui-utils';\nimport { getPreview } from './get-preview';\nimport { FILE_DEFAULT_PROPS } from '../../constants';\n\nconst FilePreview = ({\n file,\n handleFormChange,\n displayForm,\n previewType,\n children,\n handleChangeFile,\n showChangeButton,\n disableFilePreview\n}) => {\n const {\n data: schemaData = {\n getEntitySchemas: [\n {\n properties: {},\n actions: {\n get: 'getFile'\n }\n }\n ]\n },\n loading: schemaLoading\n } = useQuery(getQuery('GET_ENTITY_SCHEMA'), {\n variables: { identifier: 'file' },\n skip: schemaData\n });\n\n const [fileSchema] = schemaData && schemaData.getEntitySchemas ? schemaData.getEntitySchemas : [];\n\n const fileQuery = getDynamicQuery('DATA_QUERY')(fileSchema, file.id, null, FILE_DEFAULT_PROPS);\n const { loading, data: { entityData: fileData } = {} } = useQuery(fileQuery, {\n variables: { id: file.id },\n fetchPolicy: 'cache-and-network',\n skip: !fileSchema || !fileSchema.id\n });\n\n if (!fileSchema || schemaLoading || loading) return null;\n\n const { name, url, mimetype, data, store, updated } = fileData;\n const bustUrl = (srcUrl, version) => {\n if (!srcUrl) return srcUrl;\n const sep = srcUrl.includes('?') ? '&' : '?';\n return `${srcUrl}${sep}v=${version || Date.now()}`;\n };\n const displayUrl = bustUrl(url, updated);\n const [Preview, schema] = getPreview({ mimetype, previewType });\n const shouldRenderForm = schema && displayForm;\n\n const { properties } = fileSchema;\n const { name: nameProp, storeKey: storeKeyProp, ...restProperties } = properties;\n Object.assign(schema.formSchema.properties, restProperties);\n\n if (shouldRenderForm && store) {\n const { defaultStore = {}, storeOptions = [] } = store;\n if (schema.formSchema.properties.storeKey) {\n schema.formSchema.properties.storeKey.options = storeOptions;\n if (defaultStore) {\n const { key } = defaultStore;\n schema.formSchema.properties.storeKey.selected = key;\n }\n }\n }\n\n const formBuilderData = { values: { ...data, ...fileData } };\n\n return (\n <>\n <Preview\n mimetype={mimetype}\n url={displayUrl}\n name={name}\n {...data}\n file={file}\n handleChangeFile={handleChangeFile}\n disableFilePreview={disableFilePreview}\n showChangeButton={showChangeButton}>\n {shouldRenderForm && (\n <div className=\"preview__details\">\n <div className=\"preview__filename\">{file.filename}</div>\n <FormBuilder\n formClassName=\"preview__form\"\n onChange={handleFormChange}\n data={formBuilderData}\n schema={schema.formSchema}\n />\n </div>\n )}\n </Preview>\n {children}\n </>\n );\n};\n\nFilePreview.availablePreviewTypes = {\n card: 'card',\n raw: 'raw'\n};\n\nFilePreview.propTypes = {\n file: PropTypes.object.isRequired,\n fileName: PropTypes.string,\n handleFormChange: PropTypes.func,\n handleChangeFile: PropTypes.func,\n displayForm: PropTypes.bool,\n handlers: PropTypes.object,\n previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),\n showChangeButton: PropTypes.bool,\n disableFilePreview: PropTypes.bool\n};\n\nFilePreview.defaultProps = {\n displayForm: false,\n fileName: '',\n handlers: {},\n previewType: FilePreview.availablePreviewTypes.card,\n handleFormChange: () => {},\n handleChangeFile: () => {},\n children: [],\n showChangeButton: false,\n disableFilePreview: true\n};\n\nexport default FilePreview;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactFormBuilder","_propTypes","_client","_adminUiUtils","_getPreview3","_constants","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","FilePreview","_ref","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","_useQuery","useQuery","getQuery","variables","identifier","_useQuery$data","data","schemaData","getEntitySchemas","properties","actions","get","schemaLoading","loading","_ref2","_ref3","_slicedToArray2","fileSchema","fileQuery","getDynamicQuery","id","FILE_DEFAULT_PROPS","_useQuery2","fetchPolicy","skip","_useQuery2$data","_useQuery2$data2","fileData","entityData","name","url","mimetype","store","updated","bustUrl","srcUrl","version","sep","includes","concat","Date","now","displayUrl","_getPreview","getPreview","_getPreview2","Preview","schema","shouldRenderForm","nameProp","storeKeyProp","storeKey","restProperties","_objectWithoutProperties2","_extends2","formSchema","_store$defaultStore","defaultStore","_store$storeOptions","storeOptions","options","key","selected","formBuilderData","values","createElement","Fragment","className","filename","FormBuilder","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","PropTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","oneOfType","array","defaultProps","_default","exports"],"sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import React from 'react';\nimport { FormBuilder } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getQuery, getDynamicQuery } from '@blaze-cms/admin-ui-utils';\nimport { getPreview } from './get-preview';\nimport { FILE_DEFAULT_PROPS } from '../../constants';\n\nconst FilePreview = ({\n file,\n handleFormChange,\n displayForm,\n previewType,\n children,\n handleChangeFile,\n showChangeButton,\n disableFilePreview\n}) => {\n const {\n data: schemaData = {\n getEntitySchemas: [\n {\n properties: {},\n actions: {\n get: 'getFile'\n }\n }\n ]\n },\n loading: schemaLoading\n } = useQuery(getQuery('GET_ENTITY_SCHEMA'), {\n variables: { identifier: 'file' }\n });\n\n const [fileSchema] = schemaData && schemaData.getEntitySchemas ? schemaData.getEntitySchemas : [];\n\n const fileQuery = getDynamicQuery('DATA_QUERY')(fileSchema, file.id, null, FILE_DEFAULT_PROPS);\n const { loading, data: { entityData: fileData } = {} } = useQuery(fileQuery, {\n variables: { id: file.id },\n fetchPolicy: 'cache-and-network',\n skip: !fileSchema || !fileSchema.id\n });\n\n if (!fileSchema || schemaLoading || loading) return null;\n\n const { name, url, mimetype, data, store, updated } = fileData;\n const bustUrl = (srcUrl, version) => {\n if (!srcUrl) return srcUrl;\n const sep = srcUrl.includes('?') ? '&' : '?';\n return `${srcUrl}${sep}v=${version || Date.now()}`;\n };\n const displayUrl = bustUrl(url, updated);\n const [Preview, schema] = getPreview({ mimetype, previewType });\n const shouldRenderForm = schema && displayForm;\n\n const { properties } = fileSchema;\n const { name: nameProp, storeKey: storeKeyProp, ...restProperties } = properties;\n Object.assign(schema.formSchema.properties, restProperties);\n\n if (shouldRenderForm && store) {\n const { defaultStore = {}, storeOptions = [] } = store;\n if (schema.formSchema.properties.storeKey) {\n schema.formSchema.properties.storeKey.options = storeOptions;\n if (defaultStore) {\n const { key } = defaultStore;\n schema.formSchema.properties.storeKey.selected = key;\n }\n }\n }\n\n const formBuilderData = { values: { ...data, ...fileData } };\n\n return (\n <>\n <Preview\n mimetype={mimetype}\n url={displayUrl}\n name={name}\n {...data}\n file={file}\n handleChangeFile={handleChangeFile}\n disableFilePreview={disableFilePreview}\n showChangeButton={showChangeButton}>\n {shouldRenderForm && (\n <div className=\"preview__details\">\n <div className=\"preview__filename\">{file.filename}</div>\n <FormBuilder\n formClassName=\"preview__form\"\n onChange={handleFormChange}\n data={formBuilderData}\n schema={schema.formSchema}\n />\n </div>\n )}\n </Preview>\n {children}\n </>\n );\n};\n\nFilePreview.availablePreviewTypes = {\n card: 'card',\n raw: 'raw'\n};\n\nFilePreview.propTypes = {\n file: PropTypes.object.isRequired,\n fileName: PropTypes.string,\n handleFormChange: PropTypes.func,\n handleChangeFile: PropTypes.func,\n displayForm: PropTypes.bool,\n handlers: PropTypes.object,\n previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),\n showChangeButton: PropTypes.bool,\n disableFilePreview: PropTypes.bool\n};\n\nFilePreview.defaultProps = {\n displayForm: false,\n fileName: '',\n handlers: {},\n previewType: FilePreview.availablePreviewTypes.card,\n handleFormChange: () => {},\n handleChangeFile: () => {},\n children: [],\n showChangeButton: false,\n disableFilePreview: true\n};\n\nexport default FilePreview;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -177,7 +177,7 @@ const CardMedia = ({
|
|
|
177
177
|
tabIndex: 0,
|
|
178
178
|
onClick: handleRowClick,
|
|
179
179
|
onKeyDown: handleKeyDown
|
|
180
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
180
|
+
}, openEditInModal && /*#__PURE__*/React.createElement("div", {
|
|
181
181
|
className: "card__select"
|
|
182
182
|
}, /*#__PURE__*/React.createElement("input", {
|
|
183
183
|
type: "checkbox",
|
|
@@ -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 <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":[]}
|
|
@@ -34,8 +34,7 @@ const FilePreview = ({
|
|
|
34
34
|
} = useQuery(getQuery('GET_ENTITY_SCHEMA'), {
|
|
35
35
|
variables: {
|
|
36
36
|
identifier: 'file'
|
|
37
|
-
}
|
|
38
|
-
skip: schemaData
|
|
37
|
+
}
|
|
39
38
|
});
|
|
40
39
|
const [fileSchema] = schemaData && schemaData.getEntitySchemas ? schemaData.getEntitySchemas : [];
|
|
41
40
|
const fileQuery = getDynamicQuery('DATA_QUERY')(fileSchema, file.id, null, FILE_DEFAULT_PROPS);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","FormBuilder","PropTypes","useQuery","getQuery","getDynamicQuery","getPreview","FILE_DEFAULT_PROPS","FilePreview","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","data","schemaData","getEntitySchemas","properties","actions","get","loading","schemaLoading","variables","identifier","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","FormBuilder","PropTypes","useQuery","getQuery","getDynamicQuery","getPreview","FILE_DEFAULT_PROPS","FilePreview","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","data","schemaData","getEntitySchemas","properties","actions","get","loading","schemaLoading","variables","identifier","fileSchema","fileQuery","id","entityData","fileData","fetchPolicy","skip","name","url","mimetype","store","updated","bustUrl","srcUrl","version","sep","includes","Date","now","displayUrl","Preview","schema","shouldRenderForm","nameProp","storeKey","storeKeyProp","restProperties","_objectWithoutProperties","_excluded","_extends","formSchema","defaultStore","storeOptions","options","key","selected","formBuilderData","values","_objectSpread","createElement","Fragment","className","filename","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","Object","keys","oneOfType","array","defaultProps"],"sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import React from 'react';\nimport { FormBuilder } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getQuery, getDynamicQuery } from '@blaze-cms/admin-ui-utils';\nimport { getPreview } from './get-preview';\nimport { FILE_DEFAULT_PROPS } from '../../constants';\n\nconst FilePreview = ({\n file,\n handleFormChange,\n displayForm,\n previewType,\n children,\n handleChangeFile,\n showChangeButton,\n disableFilePreview\n}) => {\n const {\n data: schemaData = {\n getEntitySchemas: [\n {\n properties: {},\n actions: {\n get: 'getFile'\n }\n }\n ]\n },\n loading: schemaLoading\n } = useQuery(getQuery('GET_ENTITY_SCHEMA'), {\n variables: { identifier: 'file' }\n });\n\n const [fileSchema] = schemaData && schemaData.getEntitySchemas ? schemaData.getEntitySchemas : [];\n\n const fileQuery = getDynamicQuery('DATA_QUERY')(fileSchema, file.id, null, FILE_DEFAULT_PROPS);\n const { loading, data: { entityData: fileData } = {} } = useQuery(fileQuery, {\n variables: { id: file.id },\n fetchPolicy: 'cache-and-network',\n skip: !fileSchema || !fileSchema.id\n });\n\n if (!fileSchema || schemaLoading || loading) return null;\n\n const { name, url, mimetype, data, store, updated } = fileData;\n const bustUrl = (srcUrl, version) => {\n if (!srcUrl) return srcUrl;\n const sep = srcUrl.includes('?') ? '&' : '?';\n return `${srcUrl}${sep}v=${version || Date.now()}`;\n };\n const displayUrl = bustUrl(url, updated);\n const [Preview, schema] = getPreview({ mimetype, previewType });\n const shouldRenderForm = schema && displayForm;\n\n const { properties } = fileSchema;\n const { name: nameProp, storeKey: storeKeyProp, ...restProperties } = properties;\n Object.assign(schema.formSchema.properties, restProperties);\n\n if (shouldRenderForm && store) {\n const { defaultStore = {}, storeOptions = [] } = store;\n if (schema.formSchema.properties.storeKey) {\n schema.formSchema.properties.storeKey.options = storeOptions;\n if (defaultStore) {\n const { key } = defaultStore;\n schema.formSchema.properties.storeKey.selected = key;\n }\n }\n }\n\n const formBuilderData = { values: { ...data, ...fileData } };\n\n return (\n <>\n <Preview\n mimetype={mimetype}\n url={displayUrl}\n name={name}\n {...data}\n file={file}\n handleChangeFile={handleChangeFile}\n disableFilePreview={disableFilePreview}\n showChangeButton={showChangeButton}>\n {shouldRenderForm && (\n <div className=\"preview__details\">\n <div className=\"preview__filename\">{file.filename}</div>\n <FormBuilder\n formClassName=\"preview__form\"\n onChange={handleFormChange}\n data={formBuilderData}\n schema={schema.formSchema}\n />\n </div>\n )}\n </Preview>\n {children}\n </>\n );\n};\n\nFilePreview.availablePreviewTypes = {\n card: 'card',\n raw: 'raw'\n};\n\nFilePreview.propTypes = {\n file: PropTypes.object.isRequired,\n fileName: PropTypes.string,\n handleFormChange: PropTypes.func,\n handleChangeFile: PropTypes.func,\n displayForm: PropTypes.bool,\n handlers: PropTypes.object,\n previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),\n showChangeButton: PropTypes.bool,\n disableFilePreview: PropTypes.bool\n};\n\nFilePreview.defaultProps = {\n displayForm: false,\n fileName: '',\n handlers: {},\n previewType: FilePreview.availablePreviewTypes.card,\n handleFormChange: () => {},\n handleChangeFile: () => {},\n children: [],\n showChangeButton: false,\n disableFilePreview: true\n};\n\nexport default FilePreview;\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-media-ui",
|
|
3
|
-
"version": "0.146.0-node18-tooltips.
|
|
3
|
+
"version": "0.146.0-node18-tooltips.45",
|
|
4
4
|
"description": "Blaze plugin media ui",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-es/index.js",
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
"lib/*",
|
|
61
61
|
"lib-es/*"
|
|
62
62
|
],
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "d983c39cb34146e7a9aa6605792041038df519f9"
|
|
64
64
|
}
|
|
@@ -163,16 +163,17 @@ const CardMedia = ({
|
|
|
163
163
|
tabIndex={0}
|
|
164
164
|
onClick={handleRowClick}
|
|
165
165
|
onKeyDown={handleKeyDown}>
|
|
166
|
-
|
|
167
|
-
<
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
166
|
+
{openEditInModal && (
|
|
167
|
+
<div className="card__select">
|
|
168
|
+
<input
|
|
169
|
+
type="checkbox"
|
|
170
|
+
aria-label={`Select ${name}`}
|
|
171
|
+
checked={!!selected}
|
|
172
|
+
onChange={handleCheckboxToggle}
|
|
173
|
+
onClick={handleStopPropagation}
|
|
174
|
+
/>
|
|
175
|
+
</div>
|
|
176
|
+
)}
|
|
176
177
|
{type === 'image' ? (
|
|
177
178
|
<div className={`card__image card__image--media-${displayLayout}`}>
|
|
178
179
|
<img src={bustUrl(url, updated)} alt={name} />
|
|
@@ -29,8 +29,7 @@ const FilePreview = ({
|
|
|
29
29
|
},
|
|
30
30
|
loading: schemaLoading
|
|
31
31
|
} = useQuery(getQuery('GET_ENTITY_SCHEMA'), {
|
|
32
|
-
variables: { identifier: 'file' }
|
|
33
|
-
skip: schemaData
|
|
32
|
+
variables: { identifier: 'file' }
|
|
34
33
|
});
|
|
35
34
|
|
|
36
35
|
const [fileSchema] = schemaData && schemaData.getEntitySchemas ? schemaData.getEntitySchemas : [];
|