@blaze-cms/plugin-media-ui 0.146.0-translations.8 → 0.147.0-rc-eagle.4
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/lib/components/CardMedia/CardMedia.js +230 -250
- package/lib/components/CardMedia/CardMedia.js.map +1 -1
- package/lib/components/CardMedia/index.js +2 -3
- package/lib/components/CardMedia/index.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFile.js +138 -165
- package/lib/components/EditMediaFile/EditMediaFile.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFilePage.js +86 -96
- package/lib/components/EditMediaFile/EditMediaFilePage.js.map +1 -1
- package/lib/components/EditMediaFile/index.js +2 -3
- package/lib/components/EditMediaFile/index.js.map +1 -1
- package/lib/components/EditorAdapter/EditorAdapter.js +43 -22
- package/lib/components/EditorAdapter/EditorAdapter.js.map +1 -1
- package/lib/components/EditorAdapter/index.js +2 -3
- package/lib/components/EditorAdapter/index.js.map +1 -1
- package/lib/components/FileList/FilesListContext/index.js +3 -4
- package/lib/components/FileList/FilesListContext/index.js.map +1 -1
- package/lib/components/FileList/FilesListProvider/index.js +27 -29
- package/lib/components/FileList/FilesListProvider/index.js.map +1 -1
- package/lib/components/FileList/useFileList/index.js +3 -6
- package/lib/components/FileList/useFileList/index.js.map +1 -1
- package/lib/components/FileList/useGetFiles/getFiles.js +167 -184
- package/lib/components/FileList/useGetFiles/getFiles.js.map +1 -1
- package/lib/components/FileList/useGetFiles/index.js +2 -3
- package/lib/components/FileList/useGetFiles/index.js.map +1 -1
- package/lib/components/FileList/useGetFiles/useGetFiles.js +93 -132
- package/lib/components/FileList/useGetFiles/useGetFiles.js.map +1 -1
- package/lib/components/FileList/useGetFilesList/getCounters.js +10 -30
- package/lib/components/FileList/useGetFilesList/getCounters.js.map +1 -1
- package/lib/components/FileList/useGetFilesList/index.js +2 -3
- package/lib/components/FileList/useGetFilesList/index.js.map +1 -1
- package/lib/components/FileList/useGetFilesList/useGetFilesList.js +92 -109
- package/lib/components/FileList/useGetFilesList/useGetFilesList.js.map +1 -1
- package/lib/components/FilePreview/Actions/index.js +24 -38
- package/lib/components/FilePreview/Actions/index.js.map +1 -1
- package/lib/components/FilePreview/Image/Image.js +31 -33
- package/lib/components/FilePreview/Image/Image.js.map +1 -1
- package/lib/components/FilePreview/Image/RawImage.js +25 -27
- package/lib/components/FilePreview/Image/RawImage.js.map +1 -1
- package/lib/components/FilePreview/Image/imageSchema.js +9 -6
- package/lib/components/FilePreview/Image/imageSchema.js.map +1 -1
- package/lib/components/FilePreview/Image/index.js +1 -2
- package/lib/components/FilePreview/Image/index.js.map +1 -1
- package/lib/components/FilePreview/ModalContext.js +1 -2
- package/lib/components/FilePreview/ModalContext.js.map +1 -1
- package/lib/components/FilePreview/PDF/PDF.js +44 -31
- package/lib/components/FilePreview/PDF/PDF.js.map +1 -1
- package/lib/components/FilePreview/PDF/RawPDF.js +27 -29
- package/lib/components/FilePreview/PDF/RawPDF.js.map +1 -1
- package/lib/components/FilePreview/PDF/index.js +1 -2
- package/lib/components/FilePreview/PDF/index.js.map +1 -1
- package/lib/components/FilePreview/PDF/schema.js +3 -3
- package/lib/components/FilePreview/PDF/schema.js.map +1 -1
- package/lib/components/FilePreview/get-preview.js +12 -10
- package/lib/components/FilePreview/get-preview.js.map +1 -1
- package/lib/components/FilePreview/index.js +104 -63
- package/lib/components/FilePreview/index.js.map +1 -1
- package/lib/components/FilePreview/previewDefault/PreviewDefault.js +35 -23
- package/lib/components/FilePreview/previewDefault/PreviewDefault.js.map +1 -1
- package/lib/components/FilePreview/previewDefault/RawPreviewDefault.js +33 -35
- package/lib/components/FilePreview/previewDefault/RawPreviewDefault.js.map +1 -1
- package/lib/components/FilePreview/previewDefault/icons/DefaultIcon.js +120 -123
- package/lib/components/FilePreview/previewDefault/icons/DefaultIcon.js.map +1 -1
- package/lib/components/FilePreview/previewDefault/icons/index.js +2 -3
- package/lib/components/FilePreview/previewDefault/icons/index.js.map +1 -1
- package/lib/components/FilePreview/previewDefault/index.js +1 -2
- package/lib/components/FilePreview/previewDefault/index.js.map +1 -1
- package/lib/components/FilePreview/previewDefault/previewDefaultSchema.js +3 -3
- package/lib/components/FilePreview/previewDefault/previewDefaultSchema.js.map +1 -1
- package/lib/components/FilePreviewReadOnly/FileList.js +10 -12
- package/lib/components/FilePreviewReadOnly/FileList.js.map +1 -1
- package/lib/components/FilePreviewReadOnly/FilePreviewList.js +14 -19
- package/lib/components/FilePreviewReadOnly/FilePreviewList.js.map +1 -1
- package/lib/components/FilePreviewReadOnly/FilePreviewReadOnly.js +52 -98
- package/lib/components/FilePreviewReadOnly/FilePreviewReadOnly.js.map +1 -1
- package/lib/components/FilePreviewReadOnly/index.js +2 -3
- package/lib/components/FilePreviewReadOnly/index.js.map +1 -1
- package/lib/components/FilePreviewReadOnly/mappers/format-initial-value.js +7 -8
- package/lib/components/FilePreviewReadOnly/mappers/format-initial-value.js.map +1 -1
- package/lib/components/FilePreviewReadOnly/mappers/index.js +1 -2
- package/lib/components/FilePreviewReadOnly/mappers/index.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileList.js +26 -39
- package/lib/components/FileUploadAdapter/FileList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FilePreviewList.js +14 -19
- package/lib/components/FileUploadAdapter/FilePreviewList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileReorderList.js +18 -21
- package/lib/components/FileUploadAdapter/FileReorderList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileReorderListItem.js +20 -23
- package/lib/components/FileUploadAdapter/FileReorderListItem.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileUploadAdapter.js +234 -346
- package/lib/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -1
- package/lib/components/FileUploadAdapter/index.js +2 -3
- package/lib/components/FileUploadAdapter/index.js.map +1 -1
- package/lib/components/FileUploadAdapter/mappers/format-initial-value.js +7 -8
- package/lib/components/FileUploadAdapter/mappers/format-initial-value.js.map +1 -1
- package/lib/components/FileUploadAdapter/mappers/get-button-text.js +9 -10
- package/lib/components/FileUploadAdapter/mappers/get-button-text.js.map +1 -1
- package/lib/components/FileUploadAdapter/mappers/get-format.js +7 -13
- package/lib/components/FileUploadAdapter/mappers/get-format.js.map +1 -1
- package/lib/components/FileUploadAdapter/mappers/get-number-files-pending-to-fetch.js +2 -2
- package/lib/components/FileUploadAdapter/mappers/get-number-files-pending-to-fetch.js.map +1 -1
- package/lib/components/FileUploadAdapter/mappers/index.js +6 -7
- package/lib/components/FileUploadAdapter/mappers/index.js.map +1 -1
- package/lib/components/FileUploadAdapter/mappers/is-unselecting.js +2 -10
- package/lib/components/FileUploadAdapter/mappers/is-unselecting.js.map +1 -1
- package/lib/components/FileUploadAdapter/mappers/transform-to-array.js +2 -5
- package/lib/components/FileUploadAdapter/mappers/transform-to-array.js.map +1 -1
- package/lib/components/FileUploadAdapter/useLimit.js +4 -10
- package/lib/components/FileUploadAdapter/useLimit.js.map +1 -1
- package/lib/components/FileUploadModal/FileUploadModal.js +142 -169
- package/lib/components/FileUploadModal/FileUploadModal.js.map +1 -1
- package/lib/components/FileUploadModal/index.js +2 -3
- package/lib/components/FileUploadModal/index.js.map +1 -1
- package/lib/components/FilterPanel/FilterPanel.js +49 -151
- package/lib/components/FilterPanel/FilterPanel.js.map +1 -1
- package/lib/components/FilterPanel/MediaSearchFilter.js +41 -0
- package/lib/components/FilterPanel/MediaSearchFilter.js.map +1 -0
- package/lib/components/FilterPanel/index.js +2 -3
- package/lib/components/FilterPanel/index.js.map +1 -1
- package/lib/components/ListingContainer/Listing/Listing.js +55 -57
- package/lib/components/ListingContainer/Listing/Listing.js.map +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +76 -96
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js +2 -3
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js.map +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaListing.js +14 -26
- package/lib/components/ListingContainer/Listing/MediaListing/MediaListing.js.map +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/index.js +2 -3
- package/lib/components/ListingContainer/Listing/MediaListing/index.js.map +1 -1
- package/lib/components/ListingContainer/Listing/index.js +2 -3
- package/lib/components/ListingContainer/Listing/index.js.map +1 -1
- package/lib/components/ListingContainer/ListingContainer.js +66 -95
- package/lib/components/ListingContainer/ListingContainer.js.map +1 -1
- package/lib/components/ListingContainer/index.js +2 -3
- package/lib/components/ListingContainer/index.js.map +1 -1
- package/lib/components/ListingContainer/mappers/exist-previous.js +3 -10
- package/lib/components/ListingContainer/mappers/exist-previous.js.map +1 -1
- package/lib/components/ListingContainer/mappers/index.js +2 -3
- package/lib/components/ListingContainer/mappers/index.js.map +1 -1
- package/lib/components/MediaListing.js +14 -26
- package/lib/components/MediaListing.js.map +1 -1
- package/lib/constants.js +17 -17
- package/lib/constants.js.map +1 -1
- package/lib/icons/MediaLibraryIcon.js +17 -20
- package/lib/icons/MediaLibraryIcon.js.map +1 -1
- package/lib/icons/index.js +2 -3
- package/lib/icons/index.js.map +1 -1
- package/lib/index.js +67 -92
- package/lib/index.js.map +1 -1
- package/lib/utils/available-filters/available-filters.js +1 -2
- package/lib/utils/available-filters/available-filters.js.map +1 -1
- package/lib/utils/bustUrl.js +13 -0
- package/lib/utils/bustUrl.js.map +1 -0
- package/lib/utils/media-context/index.js +4 -5
- package/lib/utils/media-context/index.js.map +1 -1
- package/lib/utils/media-context/media-context.js +3 -4
- package/lib/utils/media-context/media-context.js.map +1 -1
- package/lib/utils/media-context/useMediaContext.js +2 -4
- package/lib/utils/media-context/useMediaContext.js.map +1 -1
- package/lib-es/components/CardMedia/CardMedia.js +102 -55
- package/lib-es/components/CardMedia/CardMedia.js.map +1 -1
- package/lib-es/components/EditMediaFile/EditMediaFile.js +77 -58
- package/lib-es/components/EditMediaFile/EditMediaFile.js.map +1 -1
- package/lib-es/components/EditMediaFile/EditMediaFilePage.js +43 -14
- package/lib-es/components/EditMediaFile/EditMediaFilePage.js.map +1 -1
- package/lib-es/components/EditorAdapter/EditorAdapter.js +26 -6
- package/lib-es/components/EditorAdapter/EditorAdapter.js.map +1 -1
- package/lib-es/components/FileList/useGetFiles/getFiles.js +6 -3
- package/lib-es/components/FileList/useGetFiles/getFiles.js.map +1 -1
- package/lib-es/components/FileList/useGetFiles/useGetFiles.js +7 -2
- package/lib-es/components/FileList/useGetFiles/useGetFiles.js.map +1 -1
- package/lib-es/components/FileList/useGetFilesList/useGetFilesList.js +4 -1
- package/lib-es/components/FileList/useGetFilesList/useGetFilesList.js.map +1 -1
- package/lib-es/components/FilePreview/Actions/index.js +2 -2
- package/lib-es/components/FilePreview/Actions/index.js.map +1 -1
- package/lib-es/components/FilePreview/Image/imageSchema.js +8 -4
- package/lib-es/components/FilePreview/Image/imageSchema.js.map +1 -1
- package/lib-es/components/FilePreview/PDF/PDF.js +19 -4
- package/lib-es/components/FilePreview/PDF/PDF.js.map +1 -1
- package/lib-es/components/FilePreview/PDF/schema.js +2 -1
- package/lib-es/components/FilePreview/PDF/schema.js.map +1 -1
- package/lib-es/components/FilePreview/index.js +56 -5
- package/lib-es/components/FilePreview/index.js.map +1 -1
- package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js +18 -4
- package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js.map +1 -1
- package/lib-es/components/FilePreview/previewDefault/previewDefaultSchema.js +2 -1
- package/lib-es/components/FilePreview/previewDefault/previewDefaultSchema.js.map +1 -1
- package/lib-es/components/FilePreviewReadOnly/FileList.js +2 -2
- package/lib-es/components/FilePreviewReadOnly/FileList.js.map +1 -1
- package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js +14 -12
- package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js.map +1 -1
- package/lib-es/components/FileUploadAdapter/FileList.js.map +1 -1
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js +42 -25
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -1
- package/lib-es/components/FileUploadAdapter/mappers/get-button-text.js.map +1 -1
- package/lib-es/components/FileUploadAdapter/useLimit.js.map +1 -1
- package/lib-es/components/FileUploadModal/FileUploadModal.js +51 -9
- package/lib-es/components/FileUploadModal/FileUploadModal.js.map +1 -1
- package/lib-es/components/FilterPanel/FilterPanel.js +43 -123
- package/lib-es/components/FilterPanel/FilterPanel.js.map +1 -1
- package/lib-es/components/FilterPanel/MediaSearchFilter.js +34 -0
- package/lib-es/components/FilterPanel/MediaSearchFilter.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +11 -6
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -1
- package/lib-es/components/ListingContainer/ListingContainer.js +4 -1
- package/lib-es/components/ListingContainer/ListingContainer.js.map +1 -1
- package/lib-es/constants.js +2 -1
- package/lib-es/constants.js.map +1 -1
- package/lib-es/index.js +20 -4
- package/lib-es/index.js.map +1 -1
- package/lib-es/utils/bustUrl.js +7 -0
- package/lib-es/utils/bustUrl.js.map +1 -0
- package/package.json +25 -18
- package/src/components/CardMedia/CardMedia.js +126 -97
- package/src/components/EditMediaFile/EditMediaFile.js +85 -59
- package/src/components/EditMediaFile/EditMediaFilePage.js +39 -14
- package/src/components/EditorAdapter/EditorAdapter.js +31 -4
- package/src/components/FileList/useGetFiles/getFiles.js +12 -4
- package/src/components/FileList/useGetFiles/useGetFiles.js +3 -4
- package/src/components/FileList/useGetFilesList/useGetFilesList.js +17 -15
- package/src/components/FilePreview/Actions/index.js +25 -27
- package/src/components/FilePreview/Image/imageSchema.js +8 -4
- package/src/components/FilePreview/PDF/PDF.js +17 -4
- package/src/components/FilePreview/PDF/schema.js +2 -1
- package/src/components/FilePreview/index.js +43 -3
- package/src/components/FilePreview/previewDefault/PreviewDefault.js +16 -3
- package/src/components/FilePreview/previewDefault/previewDefaultSchema.js +2 -1
- package/src/components/FilePreviewReadOnly/FileList.js +1 -3
- package/src/components/FilePreviewReadOnly/FilePreviewReadOnly.js +17 -29
- package/src/components/FileUploadAdapter/FileUploadAdapter.js +76 -69
- package/src/components/FileUploadAdapter/useLimit.js +5 -8
- package/src/components/FileUploadModal/FileUploadModal.js +57 -38
- package/src/components/FilterPanel/FilterPanel.js +38 -128
- package/src/components/FilterPanel/MediaSearchFilter.js +32 -0
- package/src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +27 -36
- package/src/components/ListingContainer/ListingContainer.js +4 -1
- package/src/constants.js +15 -1
- package/src/index.js +17 -10
- package/src/utils/bustUrl.js +6 -0
- package/CHANGELOG.md +0 -1243
- package/babel.config.js +0 -3
- package/jest.config.js +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardMedia.js","names":["_react","_interopRequireWildcard","require","_more","_interopRequireDefault","_button","_admin","_propTypes","_adminUiUtils","_client","_classnames2","_toaster","_modal","_reactDom","_reactRouterDom","_EditMediaFile","_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","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","deleteFileById","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","variables","input","concat","appearance","autoDismiss","t0","message","stop","apply","arguments","handleClick","cardMediaClassNames","classnames","_defineProperty2","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","_ref3","_callee2","_yield$client$mutate","updatedFile","_callee2$","_context2","mutate","mutation","update","cache","_ref4","fileUpdated","writeQuery","query","getQuery","result","sent","console","error","createElement","Fragment","createPortal","title","actions","onClose","onChange","fileId","current","className","role","onClick","DeleteAction","deleteAction","itemName","src","alt","xmlns","width","height","viewBox","d","displayBg","Avatar","isMoreMenu","Content","event","preventDefault","stopPropagation","Link","to","propTypes","PropTypes","string","isRequired","object","func","bool","number","defaultProps","_default","exports"],"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 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 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: 'Apply',\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 {openEditInModal ? (\n <Button\n onClick={event => {\n event.preventDefault();\n event.stopPropagation();\n setDisplayEditModal(true);\n }}\n className=\"more-menu__link\">\n Edit\n </Button>\n ) : (\n <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n Edit\n </Link>\n )}\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 openEditInModal: PropTypes.bool\n};\n\nCardMedia.defaultProps = {\n onSelected: () => {},\n selected: false,\n data: {},\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","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","updated","modalTargetRef","updateFile","removeFile","index","openEditInModal","displayDeleteModal","setDisplayDeleteModal","useState","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","useToasts","deleteFile","useMutation","getMutation","type","extension","split","client","useApolloClient","getEntitySchemas","schemaData","loading","schemaLoading","useQuery","getQuery","variables","identifier","deleteFileById","input","appearance","autoDismiss","error","message","handleRowClick","handleCheckboxToggle","useCallback","preventDefault","stopPropagation","handleKeyDown","key","cardMediaClassNames","classnames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","handleStopPropagation","updatedFile","mutate","mutation","formData","update","cache","fileUpdated","writeQuery","query","result","console","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":[]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _CardMedia = _interopRequireDefault(require("./CardMedia"));
|
|
10
|
-
var _default = exports
|
|
9
|
+
var _default = exports.default = _CardMedia.default;
|
|
11
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_CardMedia","_interopRequireDefault","require","_default","exports","CardMedia"],"sources":["../../../src/components/CardMedia/index.js"],"sourcesContent":["import CardMedia from './CardMedia';\n\nexport default CardMedia;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_CardMedia","_interopRequireDefault","require","_default","exports","default","CardMedia"],"sources":["../../../src/components/CardMedia/index.js"],"sourcesContent":["import CardMedia from './CardMedia';\n\nexport default CardMedia;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErBC,kBAAS","ignoreList":[]}
|
|
@@ -1,35 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.symbol.js");
|
|
4
|
-
require("core-js/modules/es.array.for-each.js");
|
|
5
|
-
require("core-js/modules/es.array.iterator.js");
|
|
6
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
7
|
-
require("core-js/modules/es.object.define-property.js");
|
|
8
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
9
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
10
|
-
require("core-js/modules/es.object.keys.js");
|
|
11
|
-
require("core-js/modules/es.string.iterator.js");
|
|
12
|
-
require("core-js/modules/es.weak-map.js");
|
|
13
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
14
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
15
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
16
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
17
4
|
Object.defineProperty(exports, "__esModule", {
|
|
18
5
|
value: true
|
|
19
6
|
});
|
|
20
|
-
exports
|
|
21
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
22
|
-
require("core-js/modules/es.array.filter.js");
|
|
23
|
-
require("core-js/modules/es.array.find.js");
|
|
24
|
-
require("core-js/modules/es.array.map.js");
|
|
25
|
-
require("core-js/modules/es.array.reduce.js");
|
|
26
|
-
require("core-js/modules/es.date.now.js");
|
|
27
|
-
require("core-js/modules/es.date.to-string.js");
|
|
28
|
-
require("core-js/modules/es.function.name.js");
|
|
29
|
-
require("core-js/modules/es.object.to-string.js");
|
|
30
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
7
|
+
exports.default = void 0;
|
|
31
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
32
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
33
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
34
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
35
11
|
var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
|
|
@@ -38,169 +14,166 @@ var _toaster = require("@blaze-react/toaster");
|
|
|
38
14
|
var _FilePreview = _interopRequireDefault(require("../FilePreview"));
|
|
39
15
|
var _FileUploadModal = _interopRequireDefault(require("../FileUploadModal"));
|
|
40
16
|
var _constants = require("../../constants");
|
|
41
|
-
function
|
|
42
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
43
18
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
44
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
_useQuery2$data = _useQuery2.data,
|
|
80
|
-
_useQuery2$data2 = _useQuery2$data === void 0 ? {} : _useQuery2$data,
|
|
81
|
-
_useQuery2$data2$getF = _useQuery2$data2.getFileStores,
|
|
82
|
-
storeType = _useQuery2$data2$getF === void 0 ? [] : _useQuery2$data2$getF;
|
|
83
|
-
(0, _react.useEffect)(function () {
|
|
84
|
-
if (!formValues && file) {
|
|
85
|
-
setFormValues(file);
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
+
const EditMediaFile = ({
|
|
21
|
+
onChange,
|
|
22
|
+
handleSaveButtonStatus,
|
|
23
|
+
fileId,
|
|
24
|
+
showChangeButton,
|
|
25
|
+
fileUpdated,
|
|
26
|
+
schemaData
|
|
27
|
+
}) => {
|
|
28
|
+
const [formValues, setFormValues] = (0, _react.useState)(null);
|
|
29
|
+
const [displayFileUploadModal, setDisplayFileUploadModal] = (0, _react.useState)(false);
|
|
30
|
+
const {
|
|
31
|
+
addToast
|
|
32
|
+
} = (0, _toaster.useToasts)();
|
|
33
|
+
const fileQuery = (0, _adminUiUtils.getDynamicQuery)('DATA_QUERY')(schemaData, fileId, null, _constants.FILE_DEFAULT_PROPS);
|
|
34
|
+
const {
|
|
35
|
+
loading,
|
|
36
|
+
data: {
|
|
37
|
+
entityData: file
|
|
38
|
+
} = {},
|
|
39
|
+
refetch: refetchFile
|
|
40
|
+
} = (0, _client.useQuery)(fileQuery, {
|
|
41
|
+
variables: {
|
|
42
|
+
id: fileId
|
|
43
|
+
},
|
|
44
|
+
fetchPolicy: 'cache-and-network'
|
|
45
|
+
});
|
|
46
|
+
const fileStoresType = (0, _adminUiUtils.getQuery)('GET_FILE_STORES');
|
|
47
|
+
const {
|
|
48
|
+
data: {
|
|
49
|
+
getFileStores: storeType = []
|
|
50
|
+
} = {}
|
|
51
|
+
} = (0, _client.useQuery)(fileStoresType, {
|
|
52
|
+
variables: {
|
|
53
|
+
visibleInAdmin: true
|
|
86
54
|
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
var dataValues = valuesCheckedWithoutName.reduce(function (acc, _ref4) {
|
|
97
|
-
var id = _ref4.id,
|
|
98
|
-
value = _ref4.value;
|
|
99
|
-
acc[id] = value;
|
|
100
|
-
return acc;
|
|
101
|
-
}, {});
|
|
102
|
-
var _ref5 = valuesChecked.find(function (_ref6) {
|
|
103
|
-
var id = _ref6.id;
|
|
104
|
-
return id === _constants.NAME;
|
|
105
|
-
}) || {},
|
|
106
|
-
newFileName = _ref5.value;
|
|
107
|
-
var _ref7 = valuesChecked.find(function (_ref8) {
|
|
108
|
-
var id = _ref8.id;
|
|
109
|
-
return id === _constants.STORE_KEY;
|
|
110
|
-
}) || {},
|
|
111
|
-
storeKey = _ref7.value;
|
|
112
|
-
var shouldEnableSaveButton = isNewValueSet && isValid;
|
|
113
|
-
handleSaveButtonStatus(false);
|
|
114
|
-
if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {
|
|
115
|
-
handleSaveButtonStatus(shouldEnableSaveButton);
|
|
55
|
+
});
|
|
56
|
+
(0, _react.useEffect)(() => {
|
|
57
|
+
if (file) {
|
|
58
|
+
setFormValues(prevFormValues => {
|
|
59
|
+
if (!prevFormValues || prevFormValues.updated !== file.updated) {
|
|
60
|
+
return file;
|
|
61
|
+
}
|
|
62
|
+
return prevFormValues;
|
|
63
|
+
});
|
|
116
64
|
}
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
65
|
+
}, [file]);
|
|
66
|
+
(0, _react.useEffect)(() => {
|
|
67
|
+
if (fileUpdated && fileUpdated.updated) {
|
|
68
|
+
setFormValues(fileUpdated);
|
|
69
|
+
}
|
|
70
|
+
}, [fileUpdated]);
|
|
71
|
+
const handleFormChange = ({
|
|
72
|
+
isValid,
|
|
73
|
+
isNewValueSet,
|
|
74
|
+
valuesChecked
|
|
75
|
+
}) => {
|
|
76
|
+
const baseFile = formValues || file;
|
|
77
|
+
const dataValues = valuesChecked.reduce((acc, {
|
|
78
|
+
id,
|
|
79
|
+
value,
|
|
80
|
+
isDataPropery
|
|
81
|
+
}) => {
|
|
82
|
+
if (isDataPropery) {
|
|
83
|
+
acc.data[id] = value;
|
|
84
|
+
} else {
|
|
85
|
+
acc[id] = value;
|
|
86
|
+
}
|
|
87
|
+
return acc;
|
|
88
|
+
}, {
|
|
89
|
+
id: baseFile.id,
|
|
90
|
+
data: _objectSpread({}, baseFile.data)
|
|
91
|
+
});
|
|
92
|
+
delete dataValues.data.__typename; // Remove __typename if it exists in data to avoid issues with Apollo cache.
|
|
93
|
+
|
|
94
|
+
const shouldEnableSaveButton = isNewValueSet && isValid;
|
|
95
|
+
handleSaveButtonStatus(shouldEnableSaveButton);
|
|
96
|
+
const updatedFile = _objectSpread(_objectSpread({}, baseFile), dataValues);
|
|
123
97
|
setFormValues(updatedFile);
|
|
124
|
-
onChange(updatedFile)
|
|
98
|
+
onChange(_objectSpread(_objectSpread({}, updatedFile), {}, {
|
|
99
|
+
formData: dataValues
|
|
100
|
+
}));
|
|
125
101
|
};
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
return type.isDefault;
|
|
133
|
-
}) || null;
|
|
134
|
-
return _objectSpread(_objectSpread({}, file), {}, {
|
|
102
|
+
const getFileWithStoreType = sourceFile => {
|
|
103
|
+
const base = sourceFile || file;
|
|
104
|
+
if (storeType && base) {
|
|
105
|
+
const storeOptions = storeType.map(type => [type.key, type.name]);
|
|
106
|
+
const defaultStore = storeType.find(type => type.isDefault) || null;
|
|
107
|
+
return _objectSpread(_objectSpread({}, base), {}, {
|
|
135
108
|
store: {
|
|
136
|
-
defaultStore
|
|
137
|
-
storeOptions
|
|
109
|
+
defaultStore,
|
|
110
|
+
storeOptions
|
|
138
111
|
}
|
|
139
112
|
});
|
|
140
113
|
}
|
|
141
|
-
return
|
|
114
|
+
return base;
|
|
142
115
|
};
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
setDisplayFileUploadModal(
|
|
116
|
+
const closeModalAndSetValue = async (isSaving, values, toastMessage) => {
|
|
117
|
+
if (toastMessage) {
|
|
118
|
+
addToast(toastMessage, {
|
|
119
|
+
appearance: 'success',
|
|
120
|
+
autoDismiss: true
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
if (values) {
|
|
124
|
+
const updated = values.id === fileId ? values : _objectSpread(_objectSpread(_objectSpread({}, formValues || file), values), {}, {
|
|
125
|
+
url: values.url || (formValues || file).url
|
|
126
|
+
});
|
|
127
|
+
setFormValues(updated);
|
|
128
|
+
onChange(updated);
|
|
129
|
+
handleSaveButtonStatus(true);
|
|
130
|
+
} else {
|
|
131
|
+
const {
|
|
132
|
+
data: {
|
|
133
|
+
file: refreshedFile
|
|
134
|
+
} = {}
|
|
135
|
+
} = await refetchFile({
|
|
136
|
+
id: fileId,
|
|
137
|
+
timestamp: Date.now()
|
|
138
|
+
});
|
|
139
|
+
if (refreshedFile) {
|
|
140
|
+
setFormValues(refreshedFile);
|
|
141
|
+
onChange(refreshedFile);
|
|
142
|
+
handleSaveButtonStatus(true);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
setDisplayFileUploadModal(false);
|
|
173
146
|
};
|
|
174
|
-
if (loading) return /*#__PURE__*/_react
|
|
175
|
-
|
|
176
|
-
|
|
147
|
+
if (loading) return /*#__PURE__*/_react.default.createElement("div", null, "loading...");
|
|
148
|
+
const fileToRender = formValues || file;
|
|
149
|
+
const fileWithStoreType = getFileWithStoreType(fileToRender);
|
|
150
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !!file && /*#__PURE__*/_react.default.createElement(_FilePreview.default, {
|
|
177
151
|
file: fileWithStoreType,
|
|
178
152
|
handleFormChange: handleFormChange,
|
|
179
|
-
handleChangeFile:
|
|
153
|
+
handleChangeFile: () => setDisplayFileUploadModal(true),
|
|
180
154
|
displayForm: true,
|
|
181
155
|
showChangeButton: showChangeButton
|
|
182
|
-
}), displayFileUploadModal && /*#__PURE__*/_react
|
|
156
|
+
}), displayFileUploadModal && /*#__PURE__*/_react.default.createElement("div", {
|
|
183
157
|
className: "file-upload-modal-wrapper"
|
|
184
|
-
}, /*#__PURE__*/_react
|
|
185
|
-
onClose:
|
|
186
|
-
setDisplayFileUploadModal(false);
|
|
187
|
-
},
|
|
158
|
+
}, /*#__PURE__*/_react.default.createElement(_FileUploadModal.default, {
|
|
159
|
+
onClose: () => setDisplayFileUploadModal(false),
|
|
188
160
|
closeModalAndSetValue: closeModalAndSetValue,
|
|
189
161
|
simpleLayout: true,
|
|
190
162
|
fileId: fileId,
|
|
191
|
-
|
|
163
|
+
storeKey: file && file.storeKey,
|
|
164
|
+
getSelectedFiles: () => {}
|
|
192
165
|
})));
|
|
193
166
|
};
|
|
194
167
|
EditMediaFile.propTypes = {
|
|
195
|
-
fileId: _propTypes
|
|
196
|
-
onChange: _propTypes
|
|
197
|
-
handleSaveButtonStatus: _propTypes
|
|
198
|
-
|
|
199
|
-
|
|
168
|
+
fileId: _propTypes.default.string.isRequired,
|
|
169
|
+
onChange: _propTypes.default.func.isRequired,
|
|
170
|
+
handleSaveButtonStatus: _propTypes.default.func.isRequired,
|
|
171
|
+
showChangeButton: _propTypes.default.bool,
|
|
172
|
+
fileUpdated: _propTypes.default.object
|
|
200
173
|
};
|
|
201
174
|
EditMediaFile.defaultProps = {
|
|
202
|
-
|
|
203
|
-
|
|
175
|
+
showChangeButton: false,
|
|
176
|
+
fileUpdated: null
|
|
204
177
|
};
|
|
205
|
-
var _default = exports
|
|
178
|
+
var _default = exports.default = EditMediaFile;
|
|
206
179
|
//# sourceMappingURL=EditMediaFile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditMediaFile.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_adminUiUtils","_client","_toaster","_FilePreview","_FileUploadModal","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","EditMediaFile","_ref","onChange","handleSaveButtonStatus","enableSaveButton","fileId","showChangeButton","_useState","useState","_useState2","_slicedToArray2","formValues","setFormValues","_useState3","_useState4","displayFileUploadModal","setDisplayFileUploadModal","_useToasts","useToasts","addToast","fileQuery","getQuery","_useQuery","useQuery","variables","id","fetchPolicy","loading","_useQuery$data","data","_useQuery$data2","file","refetchFile","refetch","fileStoresType","_useQuery2","visibleInAdmin","_useQuery2$data","_useQuery2$data2","_useQuery2$data2$getF","getFileStores","storeType","useEffect","handleFormChange","_ref2","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","_ref3","NAME","STORE_KEY","dataValues","reduce","acc","_ref4","value","_ref5","find","_ref6","newFileName","_ref7","_ref8","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","closeModalAndSetValue","_ref9","_asyncToGenerator2","_regenerator","mark","_callee","isSaving","values","toastMessage","wrap","_callee$","_context","prev","next","appearance","autoDismiss","timestamp","Date","now","stop","_x","_x2","_x3","handleChangeFile","createElement","fileWithStoreType","Fragment","displayForm","className","onClose","simpleLayout","getSelectedFiles","propTypes","PropTypes","string","isRequired","func","bool","defaultProps","_default","exports"],"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 { useToasts } from '@blaze-react/toaster';\nimport FilePreview from '../FilePreview';\nimport FileUploadModal from '../FileUploadModal';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({\n onChange,\n handleSaveButtonStatus,\n enableSaveButton,\n fileId,\n showChangeButton\n}) => {\n const [formValues, setFormValues] = useState(null);\n const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n const { addToast } = useToasts();\n\n const fileQuery = getQuery('GET_FILE_BY_ID');\n const { loading, data: { file } = {}, refetch: refetchFile } = useQuery(fileQuery, {\n variables: { id: fileId },\n fetchPolicy: 'network-only'\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(\n ({ id }) => id !== NAME && id !== STORE_KEY\n );\n\n const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n acc[id] = value;\n return acc;\n }, {});\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 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\n setFormValues(updatedFile);\n onChange(updatedFile);\n };\n\n const getFileWithStoreType = () => {\n if (storeType && file) {\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 return file;\n };\n\n const closeModalAndSetValue = async (isSaving, values, toastMessage) => {\n if (toastMessage) {\n addToast(toastMessage, {\n appearance: 'success',\n autoDismiss: true\n });\n }\n await refetchFile({\n id: fileId,\n timestamp: Date.now()\n });\n setDisplayFileUploadModal(false);\n };\n\n const handleChangeFile = () => {\n setDisplayFileUploadModal(true);\n };\n\n if (loading) return <div>loading...</div>;\n\n const fileWithStoreType = getFileWithStoreType();\n\n return (\n <>\n {!!file && (\n <FilePreview\n file={fileWithStoreType}\n handleFormChange={handleFormChange}\n handleChangeFile={handleChangeFile}\n displayForm\n showChangeButton={showChangeButton}\n />\n )}\n {displayFileUploadModal && (\n <div className=\"file-upload-modal-wrapper\">\n <FileUploadModal\n onClose={() => {\n setDisplayFileUploadModal(false);\n }}\n closeModalAndSetValue={closeModalAndSetValue}\n simpleLayout\n fileId={fileId}\n getSelectedFiles={() => {}}\n />\n </div>\n )}\n </>\n );\n};\n\nEditMediaFile.propTypes = {\n fileId: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n handleSaveButtonStatus: PropTypes.func.isRequired,\n enableSaveButton: PropTypes.bool,\n showChangeButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n enableSaveButton: false,\n showChangeButton: false\n};\n\nexport default EditMediaFile;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"EditMediaFile.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_adminUiUtils","_client","_toaster","_FilePreview","_FileUploadModal","_constants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","EditMediaFile","onChange","handleSaveButtonStatus","fileId","showChangeButton","fileUpdated","schemaData","formValues","setFormValues","useState","displayFileUploadModal","setDisplayFileUploadModal","addToast","useToasts","fileQuery","getDynamicQuery","FILE_DEFAULT_PROPS","loading","data","entityData","file","refetch","refetchFile","useQuery","variables","id","fetchPolicy","fileStoresType","getQuery","getFileStores","storeType","visibleInAdmin","useEffect","prevFormValues","updated","handleFormChange","isValid","isNewValueSet","valuesChecked","baseFile","dataValues","reduce","acc","value","isDataPropery","__typename","shouldEnableSaveButton","updatedFile","formData","getFileWithStoreType","sourceFile","base","storeOptions","map","type","key","name","defaultStore","find","isDefault","store","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","url","refreshedFile","timestamp","Date","now","createElement","fileToRender","fileWithStoreType","Fragment","handleChangeFile","displayForm","className","onClose","simpleLayout","storeKey","getSelectedFiles","propTypes","PropTypes","string","isRequired","func","bool","object","defaultProps","_default","exports"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery, getDynamicQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport { useToasts } from '@blaze-react/toaster';\nimport FilePreview from '../FilePreview';\nimport FileUploadModal from '../FileUploadModal';\nimport { FILE_DEFAULT_PROPS } from '../../constants';\n\nconst EditMediaFile = ({\n onChange,\n handleSaveButtonStatus,\n fileId,\n showChangeButton,\n fileUpdated,\n schemaData\n}) => {\n const [formValues, setFormValues] = useState(null);\n const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n const { addToast } = useToasts();\n\n const fileQuery = getDynamicQuery('DATA_QUERY')(schemaData, fileId, null, FILE_DEFAULT_PROPS);\n const {\n loading,\n data: { entityData: file } = {},\n refetch: refetchFile\n } = useQuery(fileQuery, {\n variables: { id: fileId },\n fetchPolicy: 'cache-and-network'\n });\n\n const fileStoresType = getQuery('GET_FILE_STORES');\n const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n variables: { visibleInAdmin: true }\n });\n\n useEffect(() => {\n if (file) {\n setFormValues(prevFormValues => {\n if (!prevFormValues || prevFormValues.updated !== file.updated) {\n return file;\n }\n return prevFormValues;\n });\n }\n }, [file]);\n\n useEffect(() => {\n if (fileUpdated && fileUpdated.updated) {\n setFormValues(fileUpdated);\n }\n }, [fileUpdated]);\n\n const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n const baseFile = formValues || file;\n\n const dataValues = valuesChecked.reduce(\n (acc, { id, value, isDataPropery }) => {\n if (isDataPropery) {\n acc.data[id] = value;\n } else {\n acc[id] = value;\n }\n return acc;\n },\n { id: baseFile.id, data: { ...baseFile.data } }\n );\n delete dataValues.data.__typename; // Remove __typename if it exists in data to avoid issues with Apollo cache.\n\n const shouldEnableSaveButton = isNewValueSet && isValid;\n handleSaveButtonStatus(shouldEnableSaveButton);\n\n const updatedFile = {\n ...baseFile,\n ...dataValues\n };\n\n setFormValues(updatedFile);\n onChange({ ...updatedFile, formData: dataValues });\n };\n\n const getFileWithStoreType = sourceFile => {\n const base = sourceFile || file;\n if (storeType && base) {\n const storeOptions = storeType.map(type => [type.key, type.name]);\n const defaultStore = storeType.find(type => type.isDefault) || null;\n return { ...base, store: { defaultStore, storeOptions } };\n }\n return base;\n };\n\n const closeModalAndSetValue = async (isSaving, values, toastMessage) => {\n if (toastMessage) {\n addToast(toastMessage, { appearance: 'success', autoDismiss: true });\n }\n\n if (values) {\n const updated =\n values.id === fileId\n ? values\n : {\n ...(formValues || file),\n ...values,\n url: values.url || (formValues || file).url\n };\n setFormValues(updated);\n onChange(updated);\n handleSaveButtonStatus(true);\n } else {\n const { data: { file: refreshedFile } = {} } = await refetchFile({\n id: fileId,\n timestamp: Date.now()\n });\n if (refreshedFile) {\n setFormValues(refreshedFile);\n onChange(refreshedFile);\n handleSaveButtonStatus(true);\n }\n }\n\n setDisplayFileUploadModal(false);\n };\n\n if (loading) return <div>loading...</div>;\n\n const fileToRender = formValues || file;\n const fileWithStoreType = getFileWithStoreType(fileToRender);\n\n return (\n <>\n {!!file && (\n <FilePreview\n file={fileWithStoreType}\n handleFormChange={handleFormChange}\n handleChangeFile={() => setDisplayFileUploadModal(true)}\n displayForm\n showChangeButton={showChangeButton}\n />\n )}\n {displayFileUploadModal && (\n <div className=\"file-upload-modal-wrapper\">\n <FileUploadModal\n onClose={() => setDisplayFileUploadModal(false)}\n closeModalAndSetValue={closeModalAndSetValue}\n simpleLayout\n fileId={fileId}\n storeKey={file && file.storeKey}\n getSelectedFiles={() => { }}\n />\n </div>\n )}\n </>\n );\n};\n\nEditMediaFile.propTypes = {\n fileId: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n handleSaveButtonStatus: PropTypes.func.isRequired,\n showChangeButton: PropTypes.bool,\n fileUpdated: PropTypes.object\n};\n\nEditMediaFile.defaultProps = {\n showChangeButton: false,\n fileUpdated: null\n};\n\nexport default EditMediaFile;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,gBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAAqD,SAAAD,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,QAAAnB,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAe,MAAA,CAAAI,IAAA,CAAApB,CAAA,OAAAgB,MAAA,CAAAK,qBAAA,QAAAf,CAAA,GAAAU,MAAA,CAAAK,qBAAA,CAAArB,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAgB,MAAA,WAAAnB,CAAA,WAAAa,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAoB,UAAA,OAAAtB,CAAA,CAAAuB,IAAA,CAAAC,KAAA,CAAAxB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAAyB,cAAA1B,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAwB,SAAA,CAAAC,MAAA,EAAAzB,CAAA,UAAAF,CAAA,WAAA0B,SAAA,CAAAxB,CAAA,IAAAwB,SAAA,CAAAxB,CAAA,QAAAA,CAAA,OAAAgB,OAAA,CAAAH,MAAA,CAAAf,CAAA,OAAA4B,OAAA,WAAA1B,CAAA,QAAA2B,gBAAA,CAAApB,OAAA,EAAAV,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAa,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAhC,CAAA,EAAAgB,MAAA,CAAAe,yBAAA,CAAA9B,CAAA,KAAAkB,OAAA,CAAAH,MAAA,CAAAf,CAAA,GAAA4B,OAAA,WAAA1B,CAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAjB,CAAA,EAAAG,CAAA,EAAAa,MAAA,CAAAE,wBAAA,CAAAjB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAErD,MAAMiC,aAAa,GAAGA,CAAC;EACrBC,QAAQ;EACRC,sBAAsB;EACtBC,MAAM;EACNC,gBAAgB;EAChBC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAClD,MAAM,CAACC,sBAAsB,EAAEC,yBAAyB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAC3E,MAAM;IAAEG;EAAS,CAAC,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAEhC,MAAMC,SAAS,GAAG,IAAAC,6BAAe,EAAC,YAAY,CAAC,CAACT,UAAU,EAAEH,MAAM,EAAE,IAAI,EAAEa,6BAAkB,CAAC;EAC7F,MAAM;IACJC,OAAO;IACPC,IAAI,EAAE;MAAEC,UAAU,EAAEC;IAAK,CAAC,GAAG,CAAC,CAAC;IAC/BC,OAAO,EAAEC;EACX,CAAC,GAAG,IAAAC,gBAAQ,EAACT,SAAS,EAAE;IACtBU,SAAS,EAAE;MAAEC,EAAE,EAAEtB;IAAO,CAAC;IACzBuB,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAG,IAAAC,sBAAQ,EAAC,iBAAiB,CAAC;EAClD,MAAM;IAAEV,IAAI,EAAE;MAAEW,aAAa,EAAEC,SAAS,GAAG;IAAG,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAP,gBAAQ,EAACI,cAAc,EAAE;IAChFH,SAAS,EAAE;MAAEO,cAAc,EAAE;IAAK;EACpC,CAAC,CAAC;EAEF,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIZ,IAAI,EAAE;MACRZ,aAAa,CAACyB,cAAc,IAAI;QAC9B,IAAI,CAACA,cAAc,IAAIA,cAAc,CAACC,OAAO,KAAKd,IAAI,CAACc,OAAO,EAAE;UAC9D,OAAOd,IAAI;QACb;QACA,OAAOa,cAAc;MACvB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACb,IAAI,CAAC,CAAC;EAEV,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAI3B,WAAW,IAAIA,WAAW,CAAC6B,OAAO,EAAE;MACtC1B,aAAa,CAACH,WAAW,CAAC;IAC5B;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAM8B,gBAAgB,GAAGA,CAAC;IAAEC,OAAO;IAAEC,aAAa;IAAEC;EAAc,CAAC,KAAK;IACtE,MAAMC,QAAQ,GAAGhC,UAAU,IAAIa,IAAI;IAEnC,MAAMoB,UAAU,GAAGF,aAAa,CAACG,MAAM,CACrC,CAACC,GAAG,EAAE;MAAEjB,EAAE;MAAEkB,KAAK;MAAEC;IAAc,CAAC,KAAK;MACrC,IAAIA,aAAa,EAAE;QACjBF,GAAG,CAACxB,IAAI,CAACO,EAAE,CAAC,GAAGkB,KAAK;MACtB,CAAC,MAAM;QACLD,GAAG,CAACjB,EAAE,CAAC,GAAGkB,KAAK;MACjB;MACA,OAAOD,GAAG;IACZ,CAAC,EACD;MAAEjB,EAAE,EAAEc,QAAQ,CAACd,EAAE;MAAEP,IAAI,EAAAzB,aAAA,KAAO8C,QAAQ,CAACrB,IAAI;IAAG,CAChD,CAAC;IACD,OAAOsB,UAAU,CAACtB,IAAI,CAAC2B,UAAU,CAAC,CAAC;;IAEnC,MAAMC,sBAAsB,GAAGT,aAAa,IAAID,OAAO;IACvDlC,sBAAsB,CAAC4C,sBAAsB,CAAC;IAE9C,MAAMC,WAAW,GAAAtD,aAAA,CAAAA,aAAA,KACZ8C,QAAQ,GACRC,UAAU,CACd;IAEDhC,aAAa,CAACuC,WAAW,CAAC;IAC1B9C,QAAQ,CAAAR,aAAA,CAAAA,aAAA,KAAMsD,WAAW;MAAEC,QAAQ,EAAER;IAAU,EAAE,CAAC;EACpD,CAAC;EAED,MAAMS,oBAAoB,GAAGC,UAAU,IAAI;IACzC,MAAMC,IAAI,GAAGD,UAAU,IAAI9B,IAAI;IAC/B,IAAIU,SAAS,IAAIqB,IAAI,EAAE;MACrB,MAAMC,YAAY,GAAGtB,SAAS,CAACuB,GAAG,CAACC,IAAI,IAAI,CAACA,IAAI,CAACC,GAAG,EAAED,IAAI,CAACE,IAAI,CAAC,CAAC;MACjE,MAAMC,YAAY,GAAG3B,SAAS,CAAC4B,IAAI,CAACJ,IAAI,IAAIA,IAAI,CAACK,SAAS,CAAC,IAAI,IAAI;MACnE,OAAAlE,aAAA,CAAAA,aAAA,KAAY0D,IAAI;QAAES,KAAK,EAAE;UAAEH,YAAY;UAAEL;QAAa;MAAC;IACzD;IACA,OAAOD,IAAI;EACb,CAAC;EAED,MAAMU,qBAAqB,GAAG,MAAAA,CAAOC,QAAQ,EAAEC,MAAM,EAAEC,YAAY,KAAK;IACtE,IAAIA,YAAY,EAAE;MAChBpD,QAAQ,CAACoD,YAAY,EAAE;QAAEC,UAAU,EAAE,SAAS;QAAEC,WAAW,EAAE;MAAK,CAAC,CAAC;IACtE;IAEA,IAAIH,MAAM,EAAE;MACV,MAAM7B,OAAO,GACX6B,MAAM,CAACtC,EAAE,KAAKtB,MAAM,GAChB4D,MAAM,GAAAtE,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAEFc,UAAU,IAAIa,IAAI,GACnB2C,MAAM;QACTI,GAAG,EAAEJ,MAAM,CAACI,GAAG,IAAI,CAAC5D,UAAU,IAAIa,IAAI,EAAE+C;MAAG,EAC5C;MACL3D,aAAa,CAAC0B,OAAO,CAAC;MACtBjC,QAAQ,CAACiC,OAAO,CAAC;MACjBhC,sBAAsB,CAAC,IAAI,CAAC;IAC9B,CAAC,MAAM;MACL,MAAM;QAAEgB,IAAI,EAAE;UAAEE,IAAI,EAAEgD;QAAc,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG,MAAM9C,WAAW,CAAC;QAC/DG,EAAE,EAAEtB,MAAM;QACVkE,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC;MACtB,CAAC,CAAC;MACF,IAAIH,aAAa,EAAE;QACjB5D,aAAa,CAAC4D,aAAa,CAAC;QAC5BnE,QAAQ,CAACmE,aAAa,CAAC;QACvBlE,sBAAsB,CAAC,IAAI,CAAC;MAC9B;IACF;IAEAS,yBAAyB,CAAC,KAAK,CAAC;EAClC,CAAC;EAED,IAAIM,OAAO,EAAE,oBAAO7D,MAAA,CAAAqB,OAAA,CAAA+F,aAAA,cAAK,YAAe,CAAC;EAEzC,MAAMC,YAAY,GAAGlE,UAAU,IAAIa,IAAI;EACvC,MAAMsD,iBAAiB,GAAGzB,oBAAoB,CAACwB,YAAY,CAAC;EAE5D,oBACErH,MAAA,CAAAqB,OAAA,CAAA+F,aAAA,CAAApH,MAAA,CAAAqB,OAAA,CAAAkG,QAAA,QACG,CAAC,CAACvD,IAAI,iBACLhE,MAAA,CAAAqB,OAAA,CAAA+F,aAAA,CAAC5G,YAAA,CAAAa,OAAW;IACV2C,IAAI,EAAEsD,iBAAkB;IACxBvC,gBAAgB,EAAEA,gBAAiB;IACnCyC,gBAAgB,EAAEA,CAAA,KAAMjE,yBAAyB,CAAC,IAAI,CAAE;IACxDkE,WAAW;IACXzE,gBAAgB,EAAEA;EAAiB,CACpC,CACF,EACAM,sBAAsB,iBACrBtD,MAAA,CAAAqB,OAAA,CAAA+F,aAAA;IAAKM,SAAS,EAAC;EAA2B,gBACxC1H,MAAA,CAAAqB,OAAA,CAAA+F,aAAA,CAAC3G,gBAAA,CAAAY,OAAe;IACdsG,OAAO,EAAEA,CAAA,KAAMpE,yBAAyB,CAAC,KAAK,CAAE;IAChDkD,qBAAqB,EAAEA,qBAAsB;IAC7CmB,YAAY;IACZ7E,MAAM,EAAEA,MAAO;IACf8E,QAAQ,EAAE7D,IAAI,IAAIA,IAAI,CAAC6D,QAAS;IAChCC,gBAAgB,EAAEA,CAAA,KAAM,CAAE;EAAE,CAC7B,CACE,CAEP,CAAC;AAEP,CAAC;AAEDlF,aAAa,CAACmF,SAAS,GAAG;EACxBhF,MAAM,EAAEiF,kBAAS,CAACC,MAAM,CAACC,UAAU;EACnCrF,QAAQ,EAAEmF,kBAAS,CAACG,IAAI,CAACD,UAAU;EACnCpF,sBAAsB,EAAEkF,kBAAS,CAACG,IAAI,CAACD,UAAU;EACjDlF,gBAAgB,EAAEgF,kBAAS,CAACI,IAAI;EAChCnF,WAAW,EAAE+E,kBAAS,CAACK;AACzB,CAAC;AAEDzF,aAAa,CAAC0F,YAAY,GAAG;EAC3BtF,gBAAgB,EAAE,KAAK;EACvBC,WAAW,EAAE;AACf,CAAC;AAAC,IAAAsF,QAAA,GAAAC,OAAA,CAAAnH,OAAA,GAEauB,aAAa","ignoreList":[]}
|