@blaze-cms/plugin-media-ui 0.127.0 → 0.128.0-admin-updates.1

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

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.js","names":["React","useState","More","Button","DeleteAction","PropTypes","getQuery","getMutation","useMutation","useApolloClient","classnames","useToasts","Modal","createPortal","Link","EditMediaFile","CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","deleteFile","type","extension","split","client","deleteFileById","variables","input","appearance","autoDismiss","error","message","handleClick","cardMediaClassNames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","updatedFile","mutate","mutation","update","cache","fileUpdated","writeQuery","query","result","e","console","current","event","preventDefault","stopPropagation","propTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n  onSelected,\n  name,\n  url,\n  mimetype,\n  id,\n  selected,\n  displayLayout,\n  data,\n  modalTargetRef,\n  updateFile,\n  removeFile,\n  index\n}) => {\n  const [displayDeleteModal, setDisplayDeleteModal] = useState(false);\n  const [displayEditModal, setDisplayEditModal] = useState(false);\n  const [enableSaveButton, setEnableSaveButton] = useState(false);\n  const [fileData, setFileData] = useState(null);\n  const { addToast } = useToasts();\n  const [deleteFile] = useMutation(getMutation('DELETE_FILE_BY_ID'));\n  const [type, extension] = mimetype.split('/');\n  const client = useApolloClient();\n\n  const deleteFileById = async () => {\n    setDisplayDeleteModal(false);\n    try {\n      await deleteFile({\n        variables: { input: { id } }\n      });\n\n      removeFile({\n        index\n      });\n\n      addToast(`File: ${name} has been deleted`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (error) {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n  };\n\n  const handleClick = () => {\n    onSelected({ id, url, name, data });\n  };\n\n  const cardMediaClassNames = classnames('card card--media-list', {\n    'card--media-list--selected': selected,\n    [`card--media-${displayLayout}`]: displayLayout\n  });\n\n  const handleCloseModal = () => {\n    setDisplayEditModal(false);\n  };\n\n  const handleSaveButtonStatus = state => {\n    setEnableSaveButton(state);\n  };\n\n  const modalActions = [\n    {\n      textButton: 'Cancel',\n      callback: handleCloseModal,\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Save',\n      callback: () => handleFormSave(),\n      modifiers: enableSaveButton ? [] : ['disabled']\n    }\n  ];\n\n  const handleFileChange = file => {\n    setFileData(file);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: fileData },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      updateFile({ file: updatedFile.result, index });\n      addToast(`File: ${fileData.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${fileData.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    handleCloseModal();\n    setEnableSaveButton(false);\n  };\n\n  return (\n    <>\n      {displayEditModal &&\n        createPortal(\n          <Modal title=\"Edit\" actions={modalActions} onClose={handleCloseModal}>\n            <EditMediaFile\n              onChange={handleFileChange}\n              fileId={id}\n              handleSaveButtonStatus={handleSaveButtonStatus}\n              handleFormSave={handleFormSave}\n              enableSaveButton={enableSaveButton}\n            />\n          </Modal>,\n          modalTargetRef.current\n        )}\n      <div className={cardMediaClassNames} role=\"button\" onClick={handleClick}>\n        {displayDeleteModal &&\n          createPortal(\n            <DeleteAction\n              onClose={() => setDisplayDeleteModal(false)}\n              deleteAction={() => deleteFileById()}\n              itemName={name}\n            />,\n            modalTargetRef.current\n          )}\n\n        {type === 'image' ? (\n          <div className={`card__image card__image--media-${displayLayout}`}>\n            <img src={url} alt={name} />\n          </div>\n        ) : (\n          <div className=\"card__image card__image--media-list-document\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n              <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n            </svg>\n          </div>\n        )}\n\n        <footer className={`card__footer card__footer--media-${displayLayout}`}>\n          <div className={`card__details card__details--media-${displayLayout}`}>\n            <div className={`card__title card__title--media-${displayLayout}`}>\n              <h2>{name}</h2>\n            </div>\n            <p>\n              <span>format: {extension}</span>\n            </p>\n          </div>\n          <div className={`card__menu card__menu--${displayLayout}`}>\n            <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n              <More displayBg>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu>\n                  <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                    Edit\n                  </Link>\n                  <Button\n                    onClick={event => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                      setDisplayDeleteModal(true);\n                    }}\n                    className=\"more-menu__link\">\n                    Delete\n                  </Button>\n                </More.Content>\n              </More>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </>\n  );\n};\n\nCardMedia.propTypes = {\n  name: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  mimetype: PropTypes.string.isRequired,\n  displayLayout: PropTypes.string.isRequired,\n  data: PropTypes.object,\n  onSelected: PropTypes.func,\n  updateFile: PropTypes.func.isRequired,\n  removeFile: PropTypes.func.isRequired,\n  selected: PropTypes.bool,\n  modalTargetRef: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired\n};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {}\n};\n\nexport default CardMedia;\n"],"mappings":"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"}
+{"version":3,"file":"CardMedia.js","names":["React","useState","More","Button","DeleteAction","PropTypes","getQuery","getMutation","useMutation","useApolloClient","classnames","useToasts","Modal","createPortal","Link","EditMediaFile","CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","deleteFile","type","extension","split","client","deleteFileById","variables","input","appearance","autoDismiss","error","message","handleClick","cardMediaClassNames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","updatedFile","mutate","mutation","update","cache","fileUpdated","writeQuery","query","result","e","console","current","event","preventDefault","stopPropagation","propTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n  onSelected,\n  name,\n  url,\n  mimetype,\n  id,\n  selected,\n  displayLayout,\n  data,\n  modalTargetRef,\n  updateFile,\n  removeFile,\n  index\n}) => {\n  const [displayDeleteModal, setDisplayDeleteModal] = useState(false);\n  const [displayEditModal, setDisplayEditModal] = useState(false);\n  const [enableSaveButton, setEnableSaveButton] = useState(false);\n  const [fileData, setFileData] = useState(null);\n  const { addToast } = useToasts();\n  const [deleteFile] = useMutation(getMutation('DELETE_FILE_BY_ID'));\n  const [type, extension] = mimetype.split('/');\n  const client = useApolloClient();\n\n  const deleteFileById = async () => {\n    setDisplayDeleteModal(false);\n    try {\n      await deleteFile({\n        variables: { input: { id } }\n      });\n\n      removeFile({\n        index\n      });\n\n      addToast(`File: ${name} has been deleted`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (error) {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n  };\n\n  const handleClick = () => {\n    onSelected({ id, url, name, data });\n  };\n\n  const cardMediaClassNames = classnames('card card--media-list', {\n    'card--media-list--selected': selected,\n    [`card--media-${displayLayout}`]: displayLayout\n  });\n\n  const handleCloseModal = () => {\n    setDisplayEditModal(false);\n  };\n\n  const handleSaveButtonStatus = state => {\n    setEnableSaveButton(state);\n  };\n\n  const modalActions = [\n    {\n      textButton: 'Cancel',\n      callback: handleCloseModal,\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Save',\n      callback: () => handleFormSave(),\n      modifiers: enableSaveButton ? [] : ['disabled']\n    }\n  ];\n\n  const handleFileChange = file => {\n    setFileData(file);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: fileData },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      updateFile({ file: updatedFile.result, index });\n      addToast(`File: ${fileData.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${fileData.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    handleCloseModal();\n    setEnableSaveButton(false);\n  };\n\n  return (\n    <>\n      {displayEditModal &&\n        createPortal(\n          <Modal title=\"Edit\" actions={modalActions} onClose={handleCloseModal}>\n            <EditMediaFile\n              onChange={handleFileChange}\n              fileId={id}\n              handleSaveButtonStatus={handleSaveButtonStatus}\n              handleFormSave={handleFormSave}\n              enableSaveButton={enableSaveButton}\n            />\n          </Modal>,\n          modalTargetRef.current\n        )}\n      <div className={cardMediaClassNames} role=\"button\" onClick={handleClick}>\n        {displayDeleteModal &&\n          createPortal(\n            <DeleteAction\n              onClose={() => setDisplayDeleteModal(false)}\n              deleteAction={() => deleteFileById()}\n              itemName={name}\n            />,\n            modalTargetRef.current\n          )}\n\n        {type === 'image' ? (\n          <div className={`card__image card__image--media-${displayLayout}`}>\n            <img src={url} alt={name} />\n          </div>\n        ) : (\n          <div className=\"card__image card__image--media-list-document\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n              <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n            </svg>\n          </div>\n        )}\n\n        <footer className={`card__footer card__footer--media-${displayLayout}`}>\n          <div className={`card__details card__details--media-${displayLayout}`}>\n            <div className={`card__title card__title--media-${displayLayout}`}>\n              <h2>{name}</h2>\n            </div>\n            <p>\n              <span>format: {extension}</span>\n            </p>\n          </div>\n          <div className={`card__menu card__menu--${displayLayout}`}>\n            <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n              <More displayBg>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu>\n                  <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                    Edit\n                  </Link>\n                  <Button\n                    onClick={event => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                      setDisplayDeleteModal(true);\n                    }}\n                    className=\"more-menu__link\">\n                    Delete\n                  </Button>\n                </More.Content>\n              </More>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </>\n  );\n};\n\nCardMedia.propTypes = {\n  name: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  mimetype: PropTypes.string.isRequired,\n  displayLayout: PropTypes.string.isRequired,\n  data: PropTypes.object,\n  onSelected: PropTypes.func,\n  updateFile: PropTypes.func.isRequired,\n  removeFile: PropTypes.func.isRequired,\n  selected: PropTypes.bool,\n  modalTargetRef: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired\n};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {}\n};\n\nexport default CardMedia;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditMediaFile.js","names":["React","useState","useEffect","PropTypes","getQuery","useQuery","FilePreview","STORE_KEY","NAME","EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","formValues","setFormValues","query","loading","data","file","variables","id","fileStoresType","getFileStores","storeType","visibleInAdmin","handleFormChange","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","filter","dataValues","reduce","acc","value","newFileName","find","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","fileWithStoreType","propTypes","string","isRequired","func","bool","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport FilePreview from '../FilePreview';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n  const [formValues, setFormValues] = useState(null);\n  const query = getQuery('GET_FILE_BY_ID');\n  const { loading, data: { file } = {} } = useQuery(query, {\n    variables: { id: fileId }\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(\n    () => {\n      if (!formValues && file) {\n        setFormValues(file);\n      }\n    },\n    [file, formValues, storeType]\n  );\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const valuesCheckedWithoutName = valuesChecked.filter(({ id }) => {\n      if (id === NAME || id === STORE_KEY) return false;\n      return true;\n    });\n\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\n    const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n    const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(false);\n\n    if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n      handleSaveButtonStatus(shouldEnableSaveButton);\n    }\n\n    const updatedFile = {\n      id: file.id,\n      name: newFileName,\n      storeKey,\n      data: dataValues\n    };\n    setFormValues(updatedFile);\n    onChange(updatedFile);\n  };\n\n  const getFileWithStoreType = () => {\n    if (storeType) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...file, store: { defaultStore, storeOptions } };\n    }\n\n    return file;\n  };\n\n  const fileWithStoreType = getFileWithStoreType();\n\n  return (\n    <>\n      {!loading ? (\n        <>\n          {file ? (\n            <FilePreview file={fileWithStoreType} handleFormChange={handleFormChange} displayForm />\n          ) : null}\n        </>\n      ) : (\n        <div>loading...</div>\n      )}\n    </>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  enableSaveButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n  enableSaveButton: false\n};\n\nexport default EditMediaFile;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,WAAW,MAAM,gBAAgB;AACxC,SAASC,SAAS,EAAEC,IAAI,QAAQ,iBAAiB;AAEjD,MAAMC,aAAa,GAAG,CAAC;EAAEC,QAAQ;EAAEC,sBAAsB;EAAEC,gBAAgB;EAAEC;AAAO,CAAC,KAAK;EACxF,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGd,QAAQ,CAAC,IAAI,CAAC;EAClD,MAAMe,KAAK,GAAGZ,QAAQ,CAAC,gBAAgB,CAAC;EACxC,MAAM;IAAEa,OAAO;IAAEC,IAAI,EAAE;MAAEC;IAAK,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGd,QAAQ,CAACW,KAAK,EAAE;IACvDI,SAAS,EAAE;MAAEC,EAAE,EAAER;IAAO;EAC1B,CAAC,CAAC;EAEF,MAAMS,cAAc,GAAGlB,QAAQ,CAAC,iBAAiB,CAAC;EAClD,MAAM;IAAEc,IAAI,EAAE;MAAEK,aAAa,EAAEC,SAAS,GAAG;IAAG,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGnB,QAAQ,CAACiB,cAAc,EAAE;IAChFF,SAAS,EAAE;MAAEK,cAAc,EAAE;IAAK;EACpC,CAAC,CAAC;EAEFvB,SAAS,CACP,MAAM;IACJ,IAAI,CAACY,UAAU,IAAIK,IAAI,EAAE;MACvBJ,aAAa,CAACI,IAAI,CAAC;IACrB;EACF,CAAC,EACD,CAACA,IAAI,EAAEL,UAAU,EAAEU,SAAS,CAAC,CAC9B;EAED,MAAME,gBAAgB,GAAG,CAAC;IAAEC,OAAO;IAAEC,aAAa;IAAEC;EAAc,CAAC,KAAK;IACtE,MAAMC,wBAAwB,GAAGD,aAAa,CAACE,MAAM,CAAC,CAAC;MAAEV;IAAG,CAAC,KAAK;MAChE,IAAIA,EAAE,KAAKb,IAAI,IAAIa,EAAE,KAAKd,SAAS,EAAE,OAAO,KAAK;MACjD,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,MAAMyB,UAAU,GAAGF,wBAAwB,CAACG,MAAM,CAAC,CAACC,GAAG,EAAE;MAAEb,EAAE;MAAEc;IAAM,CAAC,KAAK;MACzED,GAAG,CAACb,EAAE,CAAC,GAAGc,KAAK;MACf,OAAOD,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IACN,MAAM;MAAEC,KAAK,EAAEC;IAAY,CAAC,GAAGP,aAAa,CAACQ,IAAI,CAAC,CAAC;MAAEhB;IAAG,CAAC,KAAKA,EAAE,KAAKb,IAAI,CAAC,IAAI,CAAC,CAAC;IAChF,MAAM;MAAE2B,KAAK,EAAEG;IAAS,CAAC,GAAGT,aAAa,CAACQ,IAAI,CAAC,CAAC;MAAEhB;IAAG,CAAC,KAAKA,EAAE,KAAKd,SAAS,CAAC,IAAI,CAAC,CAAC;IAElF,MAAMgC,sBAAsB,GAAGX,aAAa,IAAID,OAAO;IACvDhB,sBAAsB,CAAC,KAAK,CAAC;IAE7B,IAAI4B,sBAAsB,IAAIA,sBAAsB,KAAK3B,gBAAgB,EAAE;MACzED,sBAAsB,CAAC4B,sBAAsB,CAAC;IAChD;IAEA,MAAMC,WAAW,GAAG;MAClBnB,EAAE,EAAEF,IAAI,CAACE,EAAE;MACXoB,IAAI,EAAEL,WAAW;MACjBE,QAAQ;MACRpB,IAAI,EAAEc;IACR,CAAC;IACDjB,aAAa,CAACyB,WAAW,CAAC;IAC1B9B,QAAQ,CAAC8B,WAAW,CAAC;EACvB,CAAC;EAED,MAAME,oBAAoB,GAAG,MAAM;IACjC,IAAIlB,SAAS,EAAE;MACb,MAAMmB,YAAY,GAAGnB,SAAS,CAACoB,GAAG,CAACC,IAAI,IAAI,CAACA,IAAI,CAACC,GAAG,EAAED,IAAI,CAACJ,IAAI,CAAC,CAAC;MACjE,MAAMM,YAAY,GAAGvB,SAAS,CAACa,IAAI,CAACQ,IAAI,IAAIA,IAAI,CAACG,SAAS,CAAC,IAAI,IAAI;MACnE,uCAAY7B,IAAI;QAAE8B,KAAK,EAAE;UAAEF,YAAY;UAAEJ;QAAa;MAAC;IACzD;IAEA,OAAOxB,IAAI;EACb,CAAC;EAED,MAAM+B,iBAAiB,GAAGR,oBAAoB,EAAE;EAEhD,oBACE,0CACG,CAACzB,OAAO,gBACP,0CACGE,IAAI,gBACH,oBAAC,WAAW;IAAC,IAAI,EAAE+B,iBAAkB;IAAC,gBAAgB,EAAExB,gBAAiB;IAAC,WAAW;EAAA,EAAG,GACtF,IAAI,CACP,gBAEH,8CACD,CACA;AAEP,CAAC;AAEDjB,aAAa,CAAC0C,SAAS,GAAG;EACxBtC,MAAM,EAAEV,SAAS,CAACiD,MAAM,CAACC,UAAU;EACnC3C,QAAQ,EAAEP,SAAS,CAACmD,IAAI,CAACD,UAAU;EACnC1C,sBAAsB,EAAER,SAAS,CAACmD,IAAI,CAACD,UAAU;EACjDzC,gBAAgB,EAAET,SAAS,CAACoD;AAC9B,CAAC;AAED9C,aAAa,CAAC+C,YAAY,GAAG;EAC3B5C,gBAAgB,EAAE;AACpB,CAAC;AAED,eAAeH,aAAa"}
+{"version":3,"file":"EditMediaFile.js","names":["React","useState","useEffect","PropTypes","getQuery","useQuery","FilePreview","STORE_KEY","NAME","EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","formValues","setFormValues","query","loading","data","file","variables","id","fileStoresType","getFileStores","storeType","visibleInAdmin","handleFormChange","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","filter","dataValues","reduce","acc","value","newFileName","find","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","fileWithStoreType","propTypes","string","isRequired","func","bool","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport FilePreview from '../FilePreview';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n  const [formValues, setFormValues] = useState(null);\n  const query = getQuery('GET_FILE_BY_ID');\n  const { loading, data: { file } = {} } = useQuery(query, {\n    variables: { id: fileId }\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(\n    () => {\n      if (!formValues && file) {\n        setFormValues(file);\n      }\n    },\n    [file, formValues, storeType]\n  );\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const valuesCheckedWithoutName = valuesChecked.filter(({ id }) => {\n      if (id === NAME || id === STORE_KEY) return false;\n      return true;\n    });\n\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\n    const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n    const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(false);\n\n    if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n      handleSaveButtonStatus(shouldEnableSaveButton);\n    }\n\n    const updatedFile = {\n      id: file.id,\n      name: newFileName,\n      storeKey,\n      data: dataValues\n    };\n    setFormValues(updatedFile);\n    onChange(updatedFile);\n  };\n\n  const getFileWithStoreType = () => {\n    if (storeType) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...file, store: { defaultStore, storeOptions } };\n    }\n\n    return file;\n  };\n\n  const fileWithStoreType = getFileWithStoreType();\n\n  return (\n    <>\n      {!loading ? (\n        <>\n          {file ? (\n            <FilePreview file={fileWithStoreType} handleFormChange={handleFormChange} displayForm />\n          ) : null}\n        </>\n      ) : (\n        <div>loading...</div>\n      )}\n    </>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  enableSaveButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n  enableSaveButton: false\n};\n\nexport default EditMediaFile;\n"],"mappings":"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"}

package/lib-es/components/EditMediaFile/EditMediaFilePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditMediaFilePage.js","names":["React","useState","withRouter","PropTypes","Button","useApolloClient","getQuery","getMutation","useToasts","EditMediaFile","EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","mutate","mutation","variables","input","update","cache","data","updateFile","fileUpdated","writeQuery","query","id","params","fileId","result","name","appearance","autoDismiss","e","console","error","pushBack","push","buttonModifiers","propTypes","object","isRequired"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n  const [file, setFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const handleFileChange = values => setFile(values);\n\n  const handleSaveButtonStatus = value => {\n    setShouldEnableSaveButton(value);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: file },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id: match.params.fileId },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      addToast(`File: ${file.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${file.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    setShouldEnableSaveButton(false);\n  };\n\n  const pushBack = () => history.push('/media');\n\n  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n  return (\n    <div className=\"page\">\n      <div className=\"page__content\">\n        <div className=\"page__content__mediaWrapper\">\n          <EditMediaFile\n            onChange={handleFileChange}\n            fileId={match.params.fileId}\n            handleSaveButtonStatus={handleSaveButtonStatus}\n            handleFormSave={handleFormSave}\n          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Save\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEditMediaFilePage.propTypes = {\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,SAASC,QAAQ,EAAEC,WAAW,QAAQ,2BAA2B;AACjE,SAASC,SAAS,QAAQ,sBAAsB;AAChD,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,MAAMC,iBAAiB,GAAG,CAAC;EAAEC,KAAK;EAAEC;AAAQ,CAAC,KAAK;EAChD,MAAM,CAACC,sBAAsB,EAAEC,yBAAyB,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAC3E,MAAM,CAACc,IAAI,EAAEC,OAAO,CAAC,GAAGf,QAAQ,CAAC,IAAI,CAAC;EACtC,MAAMgB,MAAM,GAAGZ,eAAe,EAAE;EAChC,MAAM;IAAEa;EAAS,CAAC,GAAGV,SAAS,EAAE;EAEhC,MAAMW,gBAAgB,GAAGC,MAAM,IAAIJ,OAAO,CAACI,MAAM,CAAC;EAElD,MAAMC,sBAAsB,GAAGC,KAAK,IAAI;IACtCR,yBAAyB,CAACQ,KAAK,CAAC;EAClC,CAAC;EAED,MAAMC,cAAc,GAAG,YAAY;IACjC,IAAI;MACF,MAAMN,MAAM,CAACO,MAAM,CAAC;QAClBC,QAAQ,EAAElB,WAAW,CAAC,aAAa,CAAC;QACpCmB,SAAS,EAAE;UAAEC,KAAK,EAAEZ;QAAK,CAAC;QAC1Ba,MAAM,CACJC,KAAK,EACL;UACEC,IAAI,EAAE;YAAEC,UAAU,EAAEC;UAAY;QAClC,CAAC,EACD;UACAH,KAAK,CAACI,UAAU,CAAC;YACfC,KAAK,EAAE5B,QAAQ,CAAC,gBAAgB,CAAC;YACjCoB,SAAS,EAAE;cAAES,EAAE,EAAExB,KAAK,CAACyB,MAAM,CAACC;YAAO,CAAC;YACtCP,IAAI,EAAE;cAAEf,IAAI,EAAEiB,WAAW,CAACM;YAAO;UACnC,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;MAEFpB,QAAQ,CAAE,SAAQH,IAAI,CAACwB,IAAK,mBAAkB,EAAE;QAC9CC,UAAU,EAAE,SAAS;QACrBC,WAAW,EAAE;MACf,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOC,CAAC,EAAE;MACVxB,QAAQ,CAAE,SAAQH,IAAI,CAACwB,IAAK,uBAAsB,EAAE;QAClDC,UAAU,EAAE,OAAO;QACnBC,WAAW,EAAE;MACf,CAAC,CAAC;MACFE,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC,CAAC,CAAC;IACpB;;IACA5B,yBAAyB,CAAC,KAAK,CAAC;EAClC,CAAC;EAED,MAAM+B,QAAQ,GAAG,MAAMjC,OAAO,CAACkC,IAAI,CAAC,QAAQ,CAAC;EAE7C,MAAMC,eAAe,GAAGlC,sBAAsB,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC;EAElE,oBACE;IAAK,SAAS,EAAC;EAAM,gBACnB;IAAK,SAAS,EAAC;EAAe,gBAC5B;IAAK,SAAS,EAAC;EAA6B,gBAC1C,oBAAC,aAAa;IACZ,QAAQ,EAAEM,gBAAiB;IAC3B,MAAM,EAAER,KAAK,CAACyB,MAAM,CAACC,MAAO;IAC5B,sBAAsB,EAAEhB,sBAAuB;IAC/C,cAAc,EAAEE;EAAe,EAC/B,eACF;IAAK,SAAS,EAAC;EAAoC,gBACjD,oBAAC,MAAM;IAAC,OAAO,EAAEsB;EAAS,YAAgB,eAC1C,oBAAC,MAAM;IAAC,OAAO,EAAEtB,cAAe;IAAC,SAAS,EAAEwB;EAAgB,UAEnD,CACL,CACF,CACF,CACF;AAEV,CAAC;AAEDrC,iBAAiB,CAACsC,SAAS,GAAG;EAC5BrC,KAAK,EAAER,SAAS,CAAC8C,MAAM,CAACC,UAAU;EAClCtC,OAAO,EAAET,SAAS,CAAC8C,MAAM,CAACC;AAC5B,CAAC;AAED,eAAehD,UAAU,CAACQ,iBAAiB,CAAC"}
+{"version":3,"file":"EditMediaFilePage.js","names":["React","useState","withRouter","PropTypes","Button","useApolloClient","getQuery","getMutation","useToasts","EditMediaFile","EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","mutate","mutation","variables","input","update","cache","data","updateFile","fileUpdated","writeQuery","query","id","params","fileId","result","name","appearance","autoDismiss","e","console","error","pushBack","push","buttonModifiers","propTypes","object","isRequired"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n  const [file, setFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const handleFileChange = values => setFile(values);\n\n  const handleSaveButtonStatus = value => {\n    setShouldEnableSaveButton(value);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: file },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id: match.params.fileId },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      addToast(`File: ${file.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${file.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    setShouldEnableSaveButton(false);\n  };\n\n  const pushBack = () => history.push('/media');\n\n  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n  return (\n    <div className=\"page\">\n      <div className=\"page__content\">\n        <div className=\"page__content__mediaWrapper\">\n          <EditMediaFile\n            onChange={handleFileChange}\n            fileId={match.params.fileId}\n            handleSaveButtonStatus={handleSaveButtonStatus}\n            handleFormSave={handleFormSave}\n          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Save\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEditMediaFilePage.propTypes = {\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":"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"}

package/lib-es/components/FilePreview/Actions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useContext","PropTypes","MediaContext","Actions","file","handleEditModal","onUnselectFile","extension","mimetype","split","id","propTypes","object","isRequired"],"sources":["../../../../src/components/FilePreview/Actions/index.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MediaContext } from '../../../utils/media-context';\n\nconst Actions = ({ file }) => {\n  const { handleEditModal, onUnselectFile } = useContext(MediaContext);\n  const [, extension] = file.mimetype.split('/');\n\n  return (\n    <>\n      <div className=\"FilePreviewItem__info__actions\">\n        <div className=\"FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type\">\n          <i className=\"FilePreviewItem__info__actionsIcon material-icons\">insert_photo</i>{' '}\n          <span>{extension}</span>\n        </div>\n        <div>\n          <div\n            data-testid={`open-media-library-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons edit\"\n            aria-hidden=\"true\"\n            onClick={() => handleEditModal(file)}>\n            <i className=\"fas fa-pen fa-xs\" />\n          </div>\n          <div\n            data-testid={`unselect-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons delete\"\n            aria-hidden=\"true\"\n            onClick={() => onUnselectFile([file.id])}>\n            <i className=\"fas fa-trash fa-xs\" />\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nActions.propTypes = {\n  file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,MAAMC,OAAO,GAAG,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAM;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGN,UAAU,CAACE,YAAY,CAAC;EACpE,MAAM,GAAGK,SAAS,CAAC,GAAGH,IAAI,CAACI,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;EAE9C,oBACE,uDACE;IAAK,SAAS,EAAC;EAAgC,gBAC7C;IAAK,SAAS,EAAC;EAA2E,gBACxF;IAAG,SAAS,EAAC;EAAmD,kBAAiB,EAAC,GAAG,eACrF,kCAAOF,SAAS,CAAQ,CACpB,eACN,8CACE;IACE,eAAc,sBAAqBH,IAAI,CAACM,EAAG,EAAE;IAC7C,SAAS,EAAC,wDAAwD;IAClE,eAAY,MAAM;IAClB,OAAO,EAAE,MAAML,eAAe,CAACD,IAAI;EAAE,gBACrC;IAAG,SAAS,EAAC;EAAkB,EAAG,CAC9B,eACN;IACE,eAAc,YAAWA,IAAI,CAACM,EAAG,EAAE;IACnC,SAAS,EAAC,0DAA0D;IACpE,eAAY,MAAM;IAClB,OAAO,EAAE,MAAMJ,cAAc,CAAC,CAACF,IAAI,CAACM,EAAE,CAAC;EAAE,gBACzC;IAAG,SAAS,EAAC;EAAoB,EAAG,CAChC,CACF,CACF,CACL;AAEP,CAAC;AAEDP,OAAO,CAACQ,SAAS,GAAG;EAClBP,IAAI,EAAEH,SAAS,CAACW,MAAM,CAACC;AACzB,CAAC;AAED,eAAeV,OAAO"}
+{"version":3,"file":"index.js","names":["React","useContext","PropTypes","MediaContext","Actions","file","handleEditModal","onUnselectFile","extension","mimetype","split","id","propTypes","object","isRequired"],"sources":["../../../../src/components/FilePreview/Actions/index.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MediaContext } from '../../../utils/media-context';\n\nconst Actions = ({ file }) => {\n  const { handleEditModal, onUnselectFile } = useContext(MediaContext);\n  const [, extension] = file.mimetype.split('/');\n\n  return (\n    <>\n      <div className=\"FilePreviewItem__info__actions\">\n        <div className=\"FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type\">\n          <i className=\"FilePreviewItem__info__actionsIcon material-icons\">insert_photo</i>{' '}\n          <span>{extension}</span>\n        </div>\n        <div>\n          <div\n            data-testid={`open-media-library-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons edit\"\n            aria-hidden=\"true\"\n            onClick={() => handleEditModal(file)}>\n            <i className=\"fas fa-pen fa-xs\" />\n          </div>\n          <div\n            data-testid={`unselect-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons delete\"\n            aria-hidden=\"true\"\n            onClick={() => onUnselectFile([file.id])}>\n            <i className=\"fas fa-trash fa-xs\" />\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nActions.propTypes = {\n  file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,MAAMC,OAAO,GAAG,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAM;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGN,UAAU,CAACE,YAAY,CAAC;EACpE,MAAM,GAAGK,SAAS,CAAC,GAAGH,IAAI,CAACI,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;EAE9C,oBACE,uDACE;IAAK,SAAS,EAAC;EAAgC,gBAC7C;IAAK,SAAS,EAAC;EAA2E,gBACxF;IAAG,SAAS,EAAC;EAAmD,GAAC,cAAY,CAAI,EAAC,GAAG,eACrF,kCAAOF,SAAS,CAAQ,CACpB,eACN,8CACE;IACE,eAAc,sBAAqBH,IAAI,CAACM,EAAG,EAAE;IAC7C,SAAS,EAAC,wDAAwD;IAClE,eAAY,MAAM;IAClB,OAAO,EAAE,MAAML,eAAe,CAACD,IAAI;EAAE,gBACrC;IAAG,SAAS,EAAC;EAAkB,EAAG,CAC9B,eACN;IACE,eAAc,YAAWA,IAAI,CAACM,EAAG,EAAE;IACnC,SAAS,EAAC,0DAA0D;IACpE,eAAY,MAAM;IAClB,OAAO,EAAE,MAAMJ,cAAc,CAAC,CAACF,IAAI,CAACM,EAAE,CAAC;EAAE,gBACzC;IAAG,SAAS,EAAC;EAAoB,EAAG,CAChC,CACF,CACF,CACL;AAEP,CAAC;AAEDP,OAAO,CAACQ,SAAS,GAAG;EAClBP,IAAI,EAAEH,SAAS,CAACW,MAAM,CAACC;AACzB,CAAC;AAED,eAAeV,OAAO"}

package/lib-es/components/FilePreview/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["React","PropTypes","Image","url","name","children","propTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/Image/Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Image = ({ url, name, children }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--image\">\n      <img src={url} alt={name} />\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nImage.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { Image };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,KAAK,GAAG,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBACpC;EAAK,SAAS,EAAC;AAAS,gBACtB;EAAK,SAAS,EAAC;AAAoC,gBACjD;EAAK,GAAG,EAAEF,GAAI;EAAC,GAAG,EAAEC;AAAK,EAAG,eAC5B;EAAK,SAAS,EAAC;AAAyC,gBACtD,4CACE,mDAA6B,eAC7B;EAAG,IAAI,EAAED,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,cAEnD,CACF,CACA,CACF,EACLE,QAAQ,CAEZ;AAEDH,KAAK,CAACI,SAAS,GAAG;EAChBH,GAAG,EAAEF,SAAS,CAACM,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEH,SAAS,CAACM,MAAM,CAACC,UAAU;EACjCH,QAAQ,EAAEJ,SAAS,CAACQ,SAAS,CAAC,CAACR,SAAS,CAACS,OAAO,CAACT,SAAS,CAACU,IAAI,CAAC,EAAEV,SAAS,CAACU,IAAI,CAAC,CAAC,CAACH;AACrF,CAAC;AAED,SAASN,KAAK"}
+{"version":3,"file":"Image.js","names":["React","PropTypes","Image","url","name","children","propTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/Image/Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Image = ({ url, name, children }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--image\">\n      <img src={url} alt={name} />\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nImage.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { Image };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,KAAK,GAAG,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBACpC;EAAK,SAAS,EAAC;AAAS,gBACtB;EAAK,SAAS,EAAC;AAAoC,gBACjD;EAAK,GAAG,EAAEF,GAAI;EAAC,GAAG,EAAEC;AAAK,EAAG,eAC5B;EAAK,SAAS,EAAC;AAAyC,gBACtD,4CACE,oCAAQ,cAAY,CAAS,eAC7B;EAAG,IAAI,EAAED,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,GAAC,UAExD,CAAI,CACF,CACA,CACF,EACLE,QAAQ,CAEZ;AAEDH,KAAK,CAACI,SAAS,GAAG;EAChBH,GAAG,EAAEF,SAAS,CAACM,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEH,SAAS,CAACM,MAAM,CAACC,UAAU;EACjCH,QAAQ,EAAEJ,SAAS,CAACQ,SAAS,CAAC,CAACR,SAAS,CAACS,OAAO,CAACT,SAAS,CAACU,IAAI,CAAC,EAAEV,SAAS,CAACU,IAAI,CAAC,CAAC,CAACH;AACrF,CAAC;AAED,SAASN,KAAK"}

package/lib-es/components/FilePreview/PDF/PDF.js.map

@@ -1 +1 @@
-{"version":3,"file":"PDF.js","names":["React","PropTypes","PDF","mimetype","url","name","children","propTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/PDF/PDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst PDF = ({ mimetype, url, name, children }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--pdf\">\n      <object data={url} type={mimetype} className=\"preview__file--pdf\">\n        <p>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Download {name}\n          </a>\n        </p>\n      </object>\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nPDF.propTypes = {\n  mimetype: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { PDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,GAAG,GAAG,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBAC5C;EAAK,SAAS,EAAC;AAAS,gBACtB;EAAK,SAAS,EAAC;AAAkC,gBAC/C;EAAQ,IAAI,EAAEF,GAAI;EAAC,IAAI,EAAED,QAAS;EAAC,SAAS,EAAC;AAAoB,gBAC/D,4CACE;EAAG,IAAI,EAAEC,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,gBAC3CC,IAAI,CACZ,CACF,CACG,eACT;EAAK,SAAS,EAAC;AAAyC,gBACtD,4CACE,mDAA6B,eAC7B;EAAG,IAAI,EAAED,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,cAEnD,CACF,CACA,CACF,EACLE,QAAQ,CAEZ;AAEDJ,GAAG,CAACK,SAAS,GAAG;EACdJ,QAAQ,EAAEF,SAAS,CAACO,MAAM,CAACC,UAAU;EACrCL,GAAG,EAAEH,SAAS,CAACO,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEJ,SAAS,CAACO,MAAM,CAACC,UAAU;EACjCH,QAAQ,EAAEL,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC,CAACH;AACrF,CAAC;AAED,SAASP,GAAG"}
+{"version":3,"file":"PDF.js","names":["React","PropTypes","PDF","mimetype","url","name","children","propTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/PDF/PDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst PDF = ({ mimetype, url, name, children }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--pdf\">\n      <object data={url} type={mimetype} className=\"preview__file--pdf\">\n        <p>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Download {name}\n          </a>\n        </p>\n      </object>\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nPDF.propTypes = {\n  mimetype: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { PDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,GAAG,GAAG,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBAC5C;EAAK,SAAS,EAAC;AAAS,gBACtB;EAAK,SAAS,EAAC;AAAkC,gBAC/C;EAAQ,IAAI,EAAEF,GAAI;EAAC,IAAI,EAAED,QAAS;EAAC,SAAS,EAAC;AAAoB,gBAC/D,4CACE;EAAG,IAAI,EAAEC,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,GAAC,WAC7C,EAACC,IAAI,CACZ,CACF,CACG,eACT;EAAK,SAAS,EAAC;AAAyC,gBACtD,4CACE,oCAAQ,cAAY,CAAS,eAC7B;EAAG,IAAI,EAAED,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,GAAC,UAExD,CAAI,CACF,CACA,CACF,EACLE,QAAQ,CAEZ;AAEDJ,GAAG,CAACK,SAAS,GAAG;EACdJ,QAAQ,EAAEF,SAAS,CAACO,MAAM,CAACC,UAAU;EACrCL,GAAG,EAAEH,SAAS,CAACO,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEJ,SAAS,CAACO,MAAM,CAACC,UAAU;EACjCH,QAAQ,EAAEL,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC,CAACH;AACrF,CAAC;AAED,SAASP,GAAG"}

package/lib-es/components/FilePreview/PDF/RawPDF.js.map

@@ -1 +1 @@
-{"version":3,"file":"RawPDF.js","names":["React","PropTypes","Actions","RawPDF","mimetype","url","name","file","propTypes","string","isRequired","object"],"sources":["../../../../src/components/FilePreview/PDF/RawPDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawPDF = ({ mimetype, url, name, file }) => (\n  <div className=\"FilePreview\">\n    <object data={url} type={mimetype} className=\"preview__file--pdf\">\n      <p>\n        <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n          Download {name}\n        </a>\n      </p>\n    </object>\n    <div className=\"FilePreviewItem__info\">\n      <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n      <Actions file={file} />\n    </div>\n  </div>\n);\n\nRawPDF.propTypes = {\n  mimetype: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  file: PropTypes.object.isRequired\n};\n\nexport { RawPDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,YAAY;AAEhC,MAAMC,MAAM,GAAG,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAK,CAAC,kBAC3C;EAAK,SAAS,EAAC;AAAa,gBAC1B;EAAQ,IAAI,EAAEF,GAAI;EAAC,IAAI,EAAED,QAAS;EAAC,SAAS,EAAC;AAAoB,gBAC/D,4CACE;EAAG,IAAI,EAAEC,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,gBAC3CC,IAAI,CACZ,CACF,CACG,eACT;EAAK,SAAS,EAAC;AAAuB,gBACpC;EAAG,SAAS,EAAC;AAAiC,GAAEA,IAAI,CAAK,eACzD,oBAAC,OAAO;EAAC,IAAI,EAAEC;AAAK,EAAG,CACnB,CAET;AAEDJ,MAAM,CAACK,SAAS,GAAG;EACjBJ,QAAQ,EAAEH,SAAS,CAACQ,MAAM,CAACC,UAAU;EACrCL,GAAG,EAAEJ,SAAS,CAACQ,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEL,SAAS,CAACQ,MAAM,CAACC,UAAU;EACjCH,IAAI,EAAEN,SAAS,CAACU,MAAM,CAACD;AACzB,CAAC;AAED,SAASP,MAAM"}
+{"version":3,"file":"RawPDF.js","names":["React","PropTypes","Actions","RawPDF","mimetype","url","name","file","propTypes","string","isRequired","object"],"sources":["../../../../src/components/FilePreview/PDF/RawPDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawPDF = ({ mimetype, url, name, file }) => (\n  <div className=\"FilePreview\">\n    <object data={url} type={mimetype} className=\"preview__file--pdf\">\n      <p>\n        <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n          Download {name}\n        </a>\n      </p>\n    </object>\n    <div className=\"FilePreviewItem__info\">\n      <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n      <Actions file={file} />\n    </div>\n  </div>\n);\n\nRawPDF.propTypes = {\n  mimetype: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  file: PropTypes.object.isRequired\n};\n\nexport { RawPDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,YAAY;AAEhC,MAAMC,MAAM,GAAG,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAK,CAAC,kBAC3C;EAAK,SAAS,EAAC;AAAa,gBAC1B;EAAQ,IAAI,EAAEF,GAAI;EAAC,IAAI,EAAED,QAAS;EAAC,SAAS,EAAC;AAAoB,gBAC/D,4CACE;EAAG,IAAI,EAAEC,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,GAAC,WAC7C,EAACC,IAAI,CACZ,CACF,CACG,eACT;EAAK,SAAS,EAAC;AAAuB,gBACpC;EAAG,SAAS,EAAC;AAAiC,GAAEA,IAAI,CAAK,eACzD,oBAAC,OAAO;EAAC,IAAI,EAAEC;AAAK,EAAG,CACnB,CAET;AAEDJ,MAAM,CAACK,SAAS,GAAG;EACjBJ,QAAQ,EAAEH,SAAS,CAACQ,MAAM,CAACC,UAAU;EACrCL,GAAG,EAAEJ,SAAS,CAACQ,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEL,SAAS,CAACQ,MAAM,CAACC,UAAU;EACjCH,IAAI,EAAEN,SAAS,CAACU,MAAM,CAACD;AACzB,CAAC;AAED,SAASP,MAAM"}

package/lib-es/components/FilePreview/get-preview.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import { pdf } from './PDF';
 import { image } from './Image';
+import { previewDefault } from './previewDefault';
 const schemas = {
   'application/pdf': pdf,
   'image/gif': image,
@@ -11,10 +11,7 @@ const schemas = {
   'image/svg+xml': image,
   'image/tiff': image,
   'image/webp': image,
-  default: {
-    component: () => /*#__PURE__*/React.createElement("div", null, "Preview not available"),
-    schema: null
-  }
+  default: previewDefault
 };
 const getPreview = ({
   mimetype,

package/lib-es/components/FilePreview/get-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-preview.js","names":["React","pdf","image","schemas","default","component","schema","getPreview","mimetype","previewType","Preview"],"sources":["../../../src/components/FilePreview/get-preview.js"],"sourcesContent":["import React from 'react';\nimport { pdf } from './PDF';\nimport { image } from './Image';\n\nconst schemas = {\n  'application/pdf': pdf,\n  'image/gif': image,\n  'image/jpg': image,\n  'image/jpeg': image,\n  'image/png': image,\n  'image/bmp': image,\n  'image/svg+xml': image,\n  'image/tiff': image,\n  'image/webp': image,\n  default: {\n    component: () => <div>Preview not available</div>,\n    schema: null\n  }\n};\n\nconst getPreview = ({ mimetype, previewType }) => {\n  const { component, schema } = schemas[mimetype] || schemas.default;\n  const Preview = component[previewType] || component;\n  return [Preview, schema];\n};\n\nexport { getPreview };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,KAAK,QAAQ,SAAS;AAE/B,MAAMC,OAAO,GAAG;EACd,iBAAiB,EAAEF,GAAG;EACtB,WAAW,EAAEC,KAAK;EAClB,WAAW,EAAEA,KAAK;EAClB,YAAY,EAAEA,KAAK;EACnB,WAAW,EAAEA,KAAK;EAClB,WAAW,EAAEA,KAAK;EAClB,eAAe,EAAEA,KAAK;EACtB,YAAY,EAAEA,KAAK;EACnB,YAAY,EAAEA,KAAK;EACnBE,OAAO,EAAE;IACPC,SAAS,EAAE,mBAAM,yDAAgC;IACjDC,MAAM,EAAE;EACV;AACF,CAAC;AAED,MAAMC,UAAU,GAAG,CAAC;EAAEC,QAAQ;EAAEC;AAAY,CAAC,KAAK;EAChD,MAAM;IAAEJ,SAAS;IAAEC;EAAO,CAAC,GAAGH,OAAO,CAACK,QAAQ,CAAC,IAAIL,OAAO,CAACC,OAAO;EAClE,MAAMM,OAAO,GAAGL,SAAS,CAACI,WAAW,CAAC,IAAIJ,SAAS;EACnD,OAAO,CAACK,OAAO,EAAEJ,MAAM,CAAC;AAC1B,CAAC;AAED,SAASC,UAAU"}
+{"version":3,"file":"get-preview.js","names":["pdf","image","previewDefault","schemas","default","getPreview","mimetype","previewType","component","schema","Preview"],"sources":["../../../src/components/FilePreview/get-preview.js"],"sourcesContent":["import { pdf } from './PDF';\nimport { image } from './Image';\nimport { previewDefault } from './previewDefault';\n\nconst schemas = {\n  'application/pdf': pdf,\n  'image/gif': image,\n  'image/jpg': image,\n  'image/jpeg': image,\n  'image/png': image,\n  'image/bmp': image,\n  'image/svg+xml': image,\n  'image/tiff': image,\n  'image/webp': image,\n  default: previewDefault\n};\n\nconst getPreview = ({ mimetype, previewType }) => {\n  const { component, schema } = schemas[mimetype] || schemas.default;\n  const Preview = component[previewType] || component;\n  return [Preview, schema];\n};\n\nexport { getPreview };\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,OAAO;AAC3B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,MAAMC,OAAO,GAAG;EACd,iBAAiB,EAAEH,GAAG;EACtB,WAAW,EAAEC,KAAK;EAClB,WAAW,EAAEA,KAAK;EAClB,YAAY,EAAEA,KAAK;EACnB,WAAW,EAAEA,KAAK;EAClB,WAAW,EAAEA,KAAK;EAClB,eAAe,EAAEA,KAAK;EACtB,YAAY,EAAEA,KAAK;EACnB,YAAY,EAAEA,KAAK;EACnBG,OAAO,EAAEF;AACX,CAAC;AAED,MAAMG,UAAU,GAAG,CAAC;EAAEC,QAAQ;EAAEC;AAAY,CAAC,KAAK;EAChD,MAAM;IAAEC,SAAS;IAAEC;EAAO,CAAC,GAAGN,OAAO,CAACG,QAAQ,CAAC,IAAIH,OAAO,CAACC,OAAO;EAClE,MAAMM,OAAO,GAAGF,SAAS,CAACD,WAAW,CAAC,IAAIC,SAAS;EACnD,OAAO,CAACE,OAAO,EAAED,MAAM,CAAC;AAC1B,CAAC;AAED,SAASJ,UAAU"}

package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { DefaultIcon } from './icons';
+const PreviewDefault = ({
+  url,
+  name,
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "preview"
+}, /*#__PURE__*/React.createElement("div", {
+  className: "preview__file preview__file--default"
+}, /*#__PURE__*/React.createElement("div", {
+  className: "preview__file--icon"
+}, /*#__PURE__*/React.createElement(DefaultIcon, null), /*#__PURE__*/React.createElement("span", null, "Preview not available")), /*#__PURE__*/React.createElement("div", {
+  className: "preview__details preview__details--file"
+}, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("strong", null, "File details"), /*#__PURE__*/React.createElement("a", {
+  href: url,
+  rel: "noopener noreferrer",
+  target: "_blank"
+}, "Original")))), children);
+PreviewDefault.propTypes = {
+  url: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+};
+export { PreviewDefault };
+//# sourceMappingURL=PreviewDefault.js.map

package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewDefault.js","names":["React","PropTypes","DefaultIcon","PreviewDefault","url","name","children","propTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/previewDefault/PreviewDefault.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DefaultIcon } from './icons';\n\nconst PreviewDefault = ({ url, name, children }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--default\">\n      <div className=\"preview__file--icon\">\n        <DefaultIcon />\n        <span>Preview not available</span>\n      </div>\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nPreviewDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { PreviewDefault };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,SAAS;AAErC,MAAMC,cAAc,GAAG,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBAC7C;EAAK,SAAS,EAAC;AAAS,gBACtB;EAAK,SAAS,EAAC;AAAsC,gBACnD;EAAK,SAAS,EAAC;AAAqB,gBAClC,oBAAC,WAAW,OAAG,eACf,kCAAM,uBAAqB,CAAO,CAC9B,eACN;EAAK,SAAS,EAAC;AAAyC,gBACtD,4CACE,oCAAQ,cAAY,CAAS,eAC7B;EAAG,IAAI,EAAEF,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,GAAC,UAExD,CAAI,CACF,CACA,CACF,EACLE,QAAQ,CAEZ;AAEDH,cAAc,CAACI,SAAS,GAAG;EACzBH,GAAG,EAAEH,SAAS,CAACO,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEJ,SAAS,CAACO,MAAM,CAACC,UAAU;EACjCH,QAAQ,EAAEL,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC,CAACH;AACrF,CAAC;AAED,SAASN,cAAc"}

package/lib-es/components/FilePreview/previewDefault/RawPreviewDefault.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Actions from '../Actions';
+const RawPreviewDefault = ({
+  url,
+  name,
+  file
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "FilePreview"
+}, /*#__PURE__*/React.createElement("div", {
+  className: "FilePreviewItem"
+}, /*#__PURE__*/React.createElement("div", {
+  className: "FilePreviewItem__wrapper"
+}, /*#__PURE__*/React.createElement("img", {
+  className: "FilePreviewItem__wrapper__default",
+  src: url,
+  alt: name
+})), /*#__PURE__*/React.createElement("div", {
+  className: "FilePreviewItem__info"
+}, /*#__PURE__*/React.createElement("p", {
+  className: "FilePreviewItem__info__fileName"
+}, name), /*#__PURE__*/React.createElement(Actions, {
+  file: file
+}))));
+RawPreviewDefault.propTypes = {
+  url: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  file: PropTypes.object.isRequired
+};
+export { RawPreviewDefault };
+//# sourceMappingURL=RawPreviewDefault.js.map

package/lib-es/components/FilePreview/previewDefault/RawPreviewDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawPreviewDefault.js","names":["React","PropTypes","Actions","RawPreviewDefault","url","name","file","propTypes","string","isRequired","object"],"sources":["../../../../src/components/FilePreview/previewDefault/RawPreviewDefault.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawPreviewDefault = ({ url, name, file }) => (\n  <div className=\"FilePreview\">\n    <div className=\"FilePreviewItem\">\n      <div className=\"FilePreviewItem__wrapper\">\n        <img className=\"FilePreviewItem__wrapper__default\" src={url} alt={name} />\n      </div>\n      <div className=\"FilePreviewItem__info\">\n        <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n        <Actions file={file} />\n      </div>\n    </div>\n  </div>\n);\n\nRawPreviewDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  file: PropTypes.object.isRequired\n};\n\nexport { RawPreviewDefault };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,YAAY;AAEhC,MAAMC,iBAAiB,GAAG,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAK,CAAC,kBAC5C;EAAK,SAAS,EAAC;AAAa,gBAC1B;EAAK,SAAS,EAAC;AAAiB,gBAC9B;EAAK,SAAS,EAAC;AAA0B,gBACvC;EAAK,SAAS,EAAC,mCAAmC;EAAC,GAAG,EAAEF,GAAI;EAAC,GAAG,EAAEC;AAAK,EAAG,CACtE,eACN;EAAK,SAAS,EAAC;AAAuB,gBACpC;EAAG,SAAS,EAAC;AAAiC,GAAEA,IAAI,CAAK,eACzD,oBAAC,OAAO;EAAC,IAAI,EAAEC;AAAK,EAAG,CACnB,CACF,CAET;AAEDH,iBAAiB,CAACI,SAAS,GAAG;EAC5BH,GAAG,EAAEH,SAAS,CAACO,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEJ,SAAS,CAACO,MAAM,CAACC,UAAU;EACjCH,IAAI,EAAEL,SAAS,CAACS,MAAM,CAACD;AACzB,CAAC;AAED,SAASN,iBAAiB"}

package/lib-es/components/FilePreview/previewDefault/icons/DefaultIcon.js

@@ -0,0 +1,121 @@
+import React from 'react';
+const DefaultIcon = () => /*#__PURE__*/React.createElement("svg", {
+  width: "24px",
+  height: "24px",
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/React.createElement("title", null, "gala:file-document"), /*#__PURE__*/React.createElement("g", {
+  id: "Subscribe",
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd"
+}, /*#__PURE__*/React.createElement("g", {
+  id: "Desktop",
+  transform: "translate(-109.000000, -1998.000000)"
+}, /*#__PURE__*/React.createElement("g", {
+  id: "gala:file-document",
+  transform: "translate(109.000000, 1998.000000)"
+}, /*#__PURE__*/React.createElement("rect", {
+  id: "ViewBox",
+  x: "0",
+  y: "0",
+  width: "24",
+  height: "24"
+}), /*#__PURE__*/React.createElement("g", {
+  id: "galaFileDocument0",
+  strokeLinecap: "round",
+  transform: "translate(2.953125, 1.453125)",
+  stroke: "#7C7D7E",
+  strokeWidth: "1.5"
+}, /*#__PURE__*/React.createElement("line", {
+  x1: "0.05",
+  y1: "3.046875",
+  x2: "0.05",
+  y2: "18.0397125",
+  id: "galaFileDocument1"
+}), /*#__PURE__*/React.createElement("line", {
+  x1: "18.05",
+  y1: "7.546875",
+  x2: "18.05",
+  y2: "18.046875",
+  id: "galaFileDocument2",
+  strokeLinejoin: "round"
+}), /*#__PURE__*/React.createElement("line", {
+  x1: "3.046875",
+  y1: "0.05",
+  x2: "10.546875",
+  y2: "0.05",
+  id: "galaFileDocument3",
+  strokeLinejoin: "round"
+}), /*#__PURE__*/React.createElement("line", {
+  x1: "3.046875",
+  y1: "21.05",
+  x2: "15.046875",
+  y2: "21.05",
+  id: "galaFileDocument4"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18.046875,18.046875 C18.0550688,19.5451584 16.546875,21.046875 15.046875,21.046875",
+  id: "galaFileDocument5",
+  strokeLinejoin: "round"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.046875,18.046875 C3.046875,19.546875 1.546875,21.046875 0.046875,21.046875",
+  id: "galaFileDocument6",
+  strokeLinejoin: "round",
+  transform: "translate(1.546875, 19.546875) scale(-1, 1) translate(-1.546875, -19.546875) "
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.046875,0.0468751875 C3.046875,1.54469869 1.546875,3.0112935 0.046875,3.0446985",
+  id: "galaFileDocument7",
+  strokeLinejoin: "round",
+  transform: "translate(1.546875, 1.545787) rotate(180.000000) translate(-1.546875, -1.545787) "
+}), /*#__PURE__*/React.createElement("line", {
+  x1: "18.0386784",
+  y1: "7.55360428",
+  x2: "10.546875",
+  y2: "0.046875",
+  id: "galaFileDocument8",
+  strokeLinejoin: "round"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13.546875,4.546875 C13.5422625,6.03871181 12.0408262,7.546875 10.546875,7.546875",
+  id: "galaFileDocument9",
+  strokeLinejoin: "round",
+  transform: "translate(12.046875, 6.046875) scale(-1, 1) translate(-12.046875, -6.046875) "
+}), /*#__PURE__*/React.createElement("line", {
+  x1: "10.55",
+  y1: "4.546875",
+  x2: "10.55",
+  y2: "0.046875",
+  id: "galaFileDocumenta",
+  strokeLinejoin: "round"
+}), /*#__PURE__*/React.createElement("line", {
+  x1: "13.546875",
+  y1: "7.55",
+  x2: "18.046875",
+  y2: "7.55",
+  id: "galaFileDocumentb",
+  strokeLinejoin: "round"
+}), /*#__PURE__*/React.createElement("line", {
+  x1: "3.046875",
+  y1: "17.05",
+  x2: "7.546875",
+  y2: "17.05",
+  id: "galaFileDocumentc",
+  strokeLinejoin: "round"
+}), /*#__PURE__*/React.createElement("line", {
+  x1: "3.046875",
+  y1: "14.05",
+  x2: "10.546875",
+  y2: "14.05",
+  id: "galaFileDocumentd",
+  strokeLinejoin: "round"
+}), /*#__PURE__*/React.createElement("line", {
+  x1: "3.046875",
+  y1: "11.05",
+  x2: "7.546875",
+  y2: "11.05",
+  id: "galaFileDocumente",
+  strokeLinejoin: "round"
+}))))));
+export default DefaultIcon;
+//# sourceMappingURL=DefaultIcon.js.map

package/lib-es/components/FilePreview/previewDefault/icons/DefaultIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultIcon.js","names":["React","DefaultIcon"],"sources":["../../../../../src/components/FilePreview/previewDefault/icons/DefaultIcon.js"],"sourcesContent":["import React from 'react';\n\nconst DefaultIcon = () => (\n  <svg\n    width=\"24px\"\n    height=\"24px\"\n    viewBox=\"0 0 24 24\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\">\n    <title>gala:file-document</title>\n    <g id=\"Subscribe\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n      <g id=\"Desktop\" transform=\"translate(-109.000000, -1998.000000)\">\n        <g id=\"gala:file-document\" transform=\"translate(109.000000, 1998.000000)\">\n          <rect id=\"ViewBox\" x=\"0\" y=\"0\" width=\"24\" height=\"24\" />\n          <g\n            id=\"galaFileDocument0\"\n            strokeLinecap=\"round\"\n            transform=\"translate(2.953125, 1.453125)\"\n            stroke=\"#7C7D7E\"\n            strokeWidth=\"1.5\">\n            <line x1=\"0.05\" y1=\"3.046875\" x2=\"0.05\" y2=\"18.0397125\" id=\"galaFileDocument1\" />\n            <line\n              x1=\"18.05\"\n              y1=\"7.546875\"\n              x2=\"18.05\"\n              y2=\"18.046875\"\n              id=\"galaFileDocument2\"\n              strokeLinejoin=\"round\"\n            />\n            <line\n              x1=\"3.046875\"\n              y1=\"0.05\"\n              x2=\"10.546875\"\n              y2=\"0.05\"\n              id=\"galaFileDocument3\"\n              strokeLinejoin=\"round\"\n            />\n            <line x1=\"3.046875\" y1=\"21.05\" x2=\"15.046875\" y2=\"21.05\" id=\"galaFileDocument4\" />\n            <path\n              d=\"M18.046875,18.046875 C18.0550688,19.5451584 16.546875,21.046875 15.046875,21.046875\"\n              id=\"galaFileDocument5\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M3.046875,18.046875 C3.046875,19.546875 1.546875,21.046875 0.046875,21.046875\"\n              id=\"galaFileDocument6\"\n              strokeLinejoin=\"round\"\n              transform=\"translate(1.546875, 19.546875) scale(-1, 1) translate(-1.546875, -19.546875) \"\n            />\n            <path\n              d=\"M3.046875,0.0468751875 C3.046875,1.54469869 1.546875,3.0112935 0.046875,3.0446985\"\n              id=\"galaFileDocument7\"\n              strokeLinejoin=\"round\"\n              transform=\"translate(1.546875, 1.545787) rotate(180.000000) translate(-1.546875, -1.545787) \"\n            />\n            <line\n              x1=\"18.0386784\"\n              y1=\"7.55360428\"\n              x2=\"10.546875\"\n              y2=\"0.046875\"\n              id=\"galaFileDocument8\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M13.546875,4.546875 C13.5422625,6.03871181 12.0408262,7.546875 10.546875,7.546875\"\n              id=\"galaFileDocument9\"\n              strokeLinejoin=\"round\"\n              transform=\"translate(12.046875, 6.046875) scale(-1, 1) translate(-12.046875, -6.046875) \"\n            />\n            <line\n              x1=\"10.55\"\n              y1=\"4.546875\"\n              x2=\"10.55\"\n              y2=\"0.046875\"\n              id=\"galaFileDocumenta\"\n              strokeLinejoin=\"round\"\n            />\n            <line\n              x1=\"13.546875\"\n              y1=\"7.55\"\n              x2=\"18.046875\"\n              y2=\"7.55\"\n              id=\"galaFileDocumentb\"\n              strokeLinejoin=\"round\"\n            />\n            <line\n              x1=\"3.046875\"\n              y1=\"17.05\"\n              x2=\"7.546875\"\n              y2=\"17.05\"\n              id=\"galaFileDocumentc\"\n              strokeLinejoin=\"round\"\n            />\n            <line\n              x1=\"3.046875\"\n              y1=\"14.05\"\n              x2=\"10.546875\"\n              y2=\"14.05\"\n              id=\"galaFileDocumentd\"\n              strokeLinejoin=\"round\"\n            />\n            <line\n              x1=\"3.046875\"\n              y1=\"11.05\"\n              x2=\"7.546875\"\n              y2=\"11.05\"\n              id=\"galaFileDocumente\"\n              strokeLinejoin=\"round\"\n            />\n          </g>\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default DefaultIcon;\n"],"mappings":"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"}

package/lib-es/components/FilePreview/previewDefault/icons/index.js

@@ -0,0 +1,3 @@
+import DefaultIcon from './DefaultIcon';
+export { DefaultIcon };
+//# sourceMappingURL=index.js.map

package/lib-es/components/FilePreview/previewDefault/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DefaultIcon"],"sources":["../../../../../src/components/FilePreview/previewDefault/icons/index.js"],"sourcesContent":["import DefaultIcon from './DefaultIcon';\n\nexport { DefaultIcon };\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,eAAe;AAEvC,SAASA,WAAW"}

package/lib-es/components/FilePreview/previewDefault/index.js

@@ -0,0 +1,12 @@
+import { RawPreviewDefault } from './RawPreviewDefault';
+import { PreviewDefault } from './PreviewDefault';
+import { previewDefaultSchema } from './previewDefaultSchema';
+const previewDefault = {
+  component: {
+    card: PreviewDefault,
+    raw: RawPreviewDefault
+  },
+  schema: previewDefaultSchema
+};
+export { previewDefault };
+//# sourceMappingURL=index.js.map

package/lib-es/components/FilePreview/previewDefault/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["RawPreviewDefault","PreviewDefault","previewDefaultSchema","previewDefault","component","card","raw","schema"],"sources":["../../../../src/components/FilePreview/previewDefault/index.js"],"sourcesContent":["import { RawPreviewDefault } from './RawPreviewDefault';\nimport { PreviewDefault } from './PreviewDefault';\nimport { previewDefaultSchema } from './previewDefaultSchema';\n\nconst previewDefault = {\n  component: {\n    card: PreviewDefault,\n    raw: RawPreviewDefault\n  },\n  schema: previewDefaultSchema\n};\nexport { previewDefault };\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,MAAMC,cAAc,GAAG;EACrBC,SAAS,EAAE;IACTC,IAAI,EAAEJ,cAAc;IACpBK,GAAG,EAAEN;EACP,CAAC;EACDO,MAAM,EAAEL;AACV,CAAC;AACD,SAASC,cAAc"}

package/lib-es/components/FilePreview/previewDefault/previewDefaultSchema.js

@@ -0,0 +1,25 @@
+const previewDefaultSchema = {
+  settings: {},
+  formSchema: {
+    properties: {
+      name: {
+        type: 'string',
+        showInForm: true,
+        label: 'File name',
+        formFieldType: 'text',
+        formPriority: 1.0
+      },
+      hrefUrl: {
+        type: 'string',
+        format: 'uri-template',
+        label: 'url',
+        showInForm: true,
+        formFieldType: 'text',
+        description: 'Url format is not valid'
+      }
+    },
+    required: ['name']
+  }
+};
+export { previewDefaultSchema };
+//# sourceMappingURL=previewDefaultSchema.js.map

package/lib-es/components/FilePreview/previewDefault/previewDefaultSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewDefaultSchema.js","names":["previewDefaultSchema","settings","formSchema","properties","name","type","showInForm","label","formFieldType","formPriority","hrefUrl","format","description","required"],"sources":["../../../../src/components/FilePreview/previewDefault/previewDefaultSchema.js"],"sourcesContent":["const previewDefaultSchema = {\n  settings: {},\n  formSchema: {\n    properties: {\n      name: {\n        type: 'string',\n        showInForm: true,\n        label: 'File name',\n        formFieldType: 'text',\n        formPriority: 1.0\n      },\n      hrefUrl: {\n        type: 'string',\n        format: 'uri-template',\n        label: 'url',\n        showInForm: true,\n        formFieldType: 'text',\n        description: 'Url format is not valid'\n      }\n    },\n    required: ['name']\n  }\n};\n\nexport { previewDefaultSchema };\n"],"mappings":"AAAA,MAAMA,oBAAoB,GAAG;EAC3BC,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDC,OAAO,EAAE;QACPL,IAAI,EAAE,QAAQ;QACdM,MAAM,EAAE,cAAc;QACtBJ,KAAK,EAAE,KAAK;QACZD,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBI,WAAW,EAAE;MACf;IACF,CAAC;IACDC,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC;AAED,SAASb,oBAAoB"}

package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js

@@ -3,10 +3,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useState, useContext, useEffect } from 'react';
 import FileUpload from '@blaze-react/file-upload';
-import Modal from '@blaze-react/modal';
 import PropTypes from 'prop-types';
 import { useApolloClient } from '@apollo/client';
-import { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';
+import { getQuery, getMutation, ModalAdapter as Modal } from '@blaze-cms/admin-ui-utils';
 import { parseFormValues } from '@blaze-cms/react-form-builder';
 import useToasts from '@blaze-react/toaster/lib/Toast/useToasts';
 import { MORE } from '../../constants';