@blaze-cms/plugin-media-ui 0.146.0-node18-core-styles-tooltips.45 → 0.146.0-node18-tooltips.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -66
- package/lib/components/EditMediaFile/EditMediaFile.js +2 -2
- package/lib/components/EditMediaFile/EditMediaFile.js.map +1 -1
- package/lib/components/EditorAdapter/EditorAdapter.js +12 -1
- package/lib/components/EditorAdapter/EditorAdapter.js.map +1 -1
- package/lib-es/components/CardMedia/CardMedia.js +233 -0
- package/lib-es/components/CardMedia/CardMedia.js.map +1 -0
- package/lib-es/components/CardMedia/index.js +3 -0
- package/lib-es/components/CardMedia/index.js.map +1 -0
- package/lib-es/components/EditMediaFile/EditMediaFile.js +187 -0
- package/lib-es/components/EditMediaFile/EditMediaFile.js.map +1 -0
- package/lib-es/components/EditMediaFile/EditMediaFilePage.js +109 -0
- package/lib-es/components/EditMediaFile/EditMediaFilePage.js.map +1 -0
- package/lib-es/components/EditMediaFile/index.js +3 -0
- package/lib-es/components/EditMediaFile/index.js.map +1 -0
- package/lib-es/components/EditorAdapter/EditorAdapter.js +59 -0
- package/lib-es/components/EditorAdapter/EditorAdapter.js.map +1 -0
- package/lib-es/components/EditorAdapter/index.js +3 -0
- package/lib-es/components/EditorAdapter/index.js.map +1 -0
- package/lib-es/components/FileList/FilesListContext/index.js +4 -0
- package/lib-es/components/FileList/FilesListContext/index.js.map +1 -0
- package/lib-es/components/FileList/FilesListProvider/index.js +36 -0
- package/lib-es/components/FileList/FilesListProvider/index.js.map +1 -0
- package/lib-es/components/FileList/useFileList/index.js +5 -0
- package/lib-es/components/FileList/useFileList/index.js.map +1 -0
- package/lib-es/components/FileList/useGetFiles/getFiles.js +179 -0
- package/lib-es/components/FileList/useGetFiles/getFiles.js.map +1 -0
- package/lib-es/components/FileList/useGetFiles/index.js +3 -0
- package/lib-es/components/FileList/useGetFiles/index.js.map +1 -0
- package/lib-es/components/FileList/useGetFiles/useGetFiles.js +114 -0
- package/lib-es/components/FileList/useGetFiles/useGetFiles.js.map +1 -0
- package/lib-es/components/FileList/useGetFilesList/getCounters.js +11 -0
- package/lib-es/components/FileList/useGetFilesList/getCounters.js.map +1 -0
- package/lib-es/components/FileList/useGetFilesList/index.js +3 -0
- package/lib-es/components/FileList/useGetFilesList/index.js.map +1 -0
- package/lib-es/components/FileList/useGetFilesList/useGetFilesList.js +172 -0
- package/lib-es/components/FileList/useGetFilesList/useGetFilesList.js.map +1 -0
- package/lib-es/components/FilePreview/Actions/index.js +38 -0
- package/lib-es/components/FilePreview/Actions/index.js.map +1 -0
- package/lib-es/components/FilePreview/Image/Image.js +40 -0
- package/lib-es/components/FilePreview/Image/Image.js.map +1 -0
- package/lib-es/components/FilePreview/Image/RawImage.js +31 -0
- package/lib-es/components/FilePreview/Image/RawImage.js.map +1 -0
- package/lib-es/components/FilePreview/Image/imageSchema.js +53 -0
- package/lib-es/components/FilePreview/Image/imageSchema.js.map +1 -0
- package/lib-es/components/FilePreview/Image/index.js +12 -0
- package/lib-es/components/FilePreview/Image/index.js.map +1 -0
- package/lib-es/components/FilePreview/ModalContext.js +3 -0
- package/lib-es/components/FilePreview/ModalContext.js.map +1 -0
- package/lib-es/components/FilePreview/PDF/PDF.js +49 -0
- package/lib-es/components/FilePreview/PDF/PDF.js.map +1 -0
- package/lib-es/components/FilePreview/PDF/RawPDF.js +33 -0
- package/lib-es/components/FilePreview/PDF/RawPDF.js.map +1 -0
- package/lib-es/components/FilePreview/PDF/index.js +12 -0
- package/lib-es/components/FilePreview/PDF/index.js.map +1 -0
- package/lib-es/components/FilePreview/PDF/schema.js +21 -0
- package/lib-es/components/FilePreview/PDF/schema.js.map +1 -0
- package/lib-es/components/FilePreview/get-preview.js +28 -0
- package/lib-es/components/FilePreview/get-preview.js.map +1 -0
- package/lib-es/components/FilePreview/index.js +104 -0
- package/lib-es/components/FilePreview/index.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js +41 -0
- package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/RawPreviewDefault.js +39 -0
- package/lib-es/components/FilePreview/previewDefault/RawPreviewDefault.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/icons/DefaultIcon.js +121 -0
- package/lib-es/components/FilePreview/previewDefault/icons/DefaultIcon.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/icons/index.js +3 -0
- package/lib-es/components/FilePreview/previewDefault/icons/index.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/index.js +12 -0
- package/lib-es/components/FilePreview/previewDefault/index.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/previewDefaultSchema.js +25 -0
- package/lib-es/components/FilePreview/previewDefault/previewDefaultSchema.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/FileList.js +18 -0
- package/lib-es/components/FilePreviewReadOnly/FileList.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/FilePreviewList.js +22 -0
- package/lib-es/components/FilePreviewReadOnly/FilePreviewList.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js +68 -0
- package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/index.js +3 -0
- package/lib-es/components/FilePreviewReadOnly/index.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/mappers/format-initial-value.js +11 -0
- package/lib-es/components/FilePreviewReadOnly/mappers/format-initial-value.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/mappers/index.js +3 -0
- package/lib-es/components/FilePreviewReadOnly/mappers/index.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/FileList.js +52 -0
- package/lib-es/components/FileUploadAdapter/FileList.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/FilePreviewList.js +22 -0
- package/lib-es/components/FileUploadAdapter/FilePreviewList.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/FileReorderList.js +32 -0
- package/lib-es/components/FileUploadAdapter/FileReorderList.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/FileReorderListItem.js +24 -0
- package/lib-es/components/FileUploadAdapter/FileReorderListItem.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js +391 -0
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/index.js +3 -0
- package/lib-es/components/FileUploadAdapter/index.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/format-initial-value.js +11 -0
- package/lib-es/components/FileUploadAdapter/mappers/format-initial-value.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-button-text.js +11 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-button-text.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-format.js +12 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-format.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-number-files-pending-to-fetch.js +7 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-number-files-pending-to-fetch.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/index.js +8 -0
- package/lib-es/components/FileUploadAdapter/mappers/index.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/is-unselecting.js +2 -0
- package/lib-es/components/FileUploadAdapter/mappers/is-unselecting.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/transform-to-array.js +2 -0
- package/lib-es/components/FileUploadAdapter/mappers/transform-to-array.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/useLimit.js +13 -0
- package/lib-es/components/FileUploadAdapter/useLimit.js.map +1 -0
- package/lib-es/components/FileUploadModal/FileUploadModal.js +178 -0
- package/lib-es/components/FileUploadModal/FileUploadModal.js.map +1 -0
- package/lib-es/components/FileUploadModal/index.js +3 -0
- package/lib-es/components/FileUploadModal/index.js.map +1 -0
- package/lib-es/components/FilterPanel/FilterPanel.js +135 -0
- package/lib-es/components/FilterPanel/FilterPanel.js.map +1 -0
- package/lib-es/components/FilterPanel/index.js +3 -0
- package/lib-es/components/FilterPanel/index.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/Listing.js +70 -0
- package/lib-es/components/ListingContainer/Listing/Listing.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +153 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js +3 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaListing.js +33 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaListing.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/index.js +3 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/index.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/index.js +3 -0
- package/lib-es/components/ListingContainer/Listing/index.js.map +1 -0
- package/lib-es/components/ListingContainer/ListingContainer.js +115 -0
- package/lib-es/components/ListingContainer/ListingContainer.js.map +1 -0
- package/lib-es/components/ListingContainer/index.js +3 -0
- package/lib-es/components/ListingContainer/index.js.map +1 -0
- package/lib-es/components/ListingContainer/mappers/exist-previous.js +3 -0
- package/lib-es/components/ListingContainer/mappers/exist-previous.js.map +1 -0
- package/lib-es/components/ListingContainer/mappers/index.js +3 -0
- package/lib-es/components/ListingContainer/mappers/index.js.map +1 -0
- package/lib-es/components/MediaListing.js +29 -0
- package/lib-es/components/MediaListing.js.map +1 -0
- package/lib-es/constants.js +36 -0
- package/lib-es/constants.js.map +1 -0
- package/lib-es/icons/MediaLibraryIcon.js +70 -0
- package/lib-es/icons/MediaLibraryIcon.js.map +1 -0
- package/lib-es/icons/index.js +3 -0
- package/lib-es/icons/index.js.map +1 -0
- package/lib-es/index.js +61 -0
- package/lib-es/index.js.map +1 -0
- package/lib-es/utils/available-filters/available-filters.js +26 -0
- package/lib-es/utils/available-filters/available-filters.js.map +1 -0
- package/lib-es/utils/bustUrl.js +7 -0
- package/lib-es/utils/bustUrl.js.map +1 -0
- package/lib-es/utils/media-context/index.js +4 -0
- package/lib-es/utils/media-context/index.js.map +1 -0
- package/lib-es/utils/media-context/media-context.js +6 -0
- package/lib-es/utils/media-context/media-context.js.map +1 -0
- package/lib-es/utils/media-context/useMediaContext.js +4 -0
- package/lib-es/utils/media-context/useMediaContext.js.map +1 -0
- package/package.json +9 -8
- package/src/components/EditMediaFile/EditMediaFile.js +3 -1
- package/src/components/EditorAdapter/EditorAdapter.js +12 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import React, { useState, useRef } from 'react';
|
|
3
|
+
import MediaFileList from './MediaFileList';
|
|
4
|
+
const MediaListing = ({
|
|
5
|
+
openEditInModal
|
|
6
|
+
}) => {
|
|
7
|
+
const [displayCardPrompt, setDisplayCardPrompt] = useState(false);
|
|
8
|
+
const mediaFileListWrapperRef = useRef();
|
|
9
|
+
const modalTargetRef = useRef();
|
|
10
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
11
|
+
className: "listing listing--media"
|
|
12
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
13
|
+
className: "media",
|
|
14
|
+
ref: mediaFileListWrapperRef
|
|
15
|
+
}, /*#__PURE__*/React.createElement(MediaFileList, {
|
|
16
|
+
modalTargetRef: modalTargetRef,
|
|
17
|
+
wrapperRef: mediaFileListWrapperRef,
|
|
18
|
+
displayCardPrompt: displayCardPrompt,
|
|
19
|
+
setDisplayCardPrompt: setDisplayCardPrompt,
|
|
20
|
+
displayLayout: "list",
|
|
21
|
+
openEditInModal: openEditInModal
|
|
22
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
23
|
+
ref: modalTargetRef
|
|
24
|
+
}));
|
|
25
|
+
};
|
|
26
|
+
MediaListing.propTypes = {
|
|
27
|
+
openEditInModal: PropTypes.bool
|
|
28
|
+
};
|
|
29
|
+
MediaListing.defaultProps = {
|
|
30
|
+
openEditInModal: false
|
|
31
|
+
};
|
|
32
|
+
export default MediaListing;
|
|
33
|
+
//# sourceMappingURL=MediaListing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaListing.js","names":["PropTypes","React","useState","useRef","MediaFileList","MediaListing","openEditInModal","displayCardPrompt","setDisplayCardPrompt","mediaFileListWrapperRef","modalTargetRef","createElement","className","ref","wrapperRef","displayLayout","propTypes","bool","defaultProps"],"sources":["../../../../../src/components/ListingContainer/Listing/MediaListing/MediaListing.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState, useRef } from 'react';\nimport MediaFileList from './MediaFileList';\n\nconst MediaListing = ({ openEditInModal }) => {\n const [displayCardPrompt, setDisplayCardPrompt] = useState(false);\n const mediaFileListWrapperRef = useRef();\n const modalTargetRef = useRef();\n\n return (\n <div className=\"listing listing--media\">\n <div className=\"media\" ref={mediaFileListWrapperRef}>\n <MediaFileList\n modalTargetRef={modalTargetRef}\n wrapperRef={mediaFileListWrapperRef}\n displayCardPrompt={displayCardPrompt}\n setDisplayCardPrompt={setDisplayCardPrompt}\n displayLayout=\"list\"\n openEditInModal={openEditInModal}\n />\n </div>\n {/* render edit card modal outside of the virtual list */}\n <div ref={modalTargetRef} />\n </div>\n );\n};\n\nMediaListing.propTypes = {\n openEditInModal: PropTypes.bool\n};\n\nMediaListing.defaultProps = {\n openEditInModal: false\n};\n\nexport default MediaListing;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,IAAIC,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAC/C,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAgB,CAAC,KAAK;EAC5C,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;EACjE,MAAMO,uBAAuB,GAAGN,MAAM,CAAC,CAAC;EACxC,MAAMO,cAAc,GAAGP,MAAM,CAAC,CAAC;EAE/B,oBACEF,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrCX,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC,OAAO;IAACC,GAAG,EAAEJ;EAAwB,gBAClDR,KAAA,CAAAU,aAAA,CAACP,aAAa;IACZM,cAAc,EAAEA,cAAe;IAC/BI,UAAU,EAAEL,uBAAwB;IACpCF,iBAAiB,EAAEA,iBAAkB;IACrCC,oBAAoB,EAAEA,oBAAqB;IAC3CO,aAAa,EAAC,MAAM;IACpBT,eAAe,EAAEA;EAAgB,CAClC,CACE,CAAC,eAENL,KAAA,CAAAU,aAAA;IAAKE,GAAG,EAAEH;EAAe,CAAE,CACxB,CAAC;AAEV,CAAC;AAEDL,YAAY,CAACW,SAAS,GAAG;EACvBV,eAAe,EAAEN,SAAS,CAACiB;AAC7B,CAAC;AAEDZ,YAAY,CAACa,YAAY,GAAG;EAC1BZ,eAAe,EAAE;AACnB,CAAC;AAED,eAAeD,YAAY","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["MediaListing"],"sources":["../../../../../src/components/ListingContainer/Listing/MediaListing/index.js"],"sourcesContent":["import MediaListing from './MediaListing';\n\nexport default MediaListing;\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AAEzC,eAAeA,YAAY","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["Listing"],"sources":["../../../../src/components/ListingContainer/Listing/index.js"],"sourcesContent":["import Listing from './Listing';\n\nexport default Listing;\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,WAAW;AAE/B,eAAeA,OAAO","ignoreList":[]}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
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; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
import React, { useState } from 'react';
|
|
5
|
+
import PropTypes from 'prop-types';
|
|
6
|
+
import { useQuery } from '@apollo/client';
|
|
7
|
+
import { getQuery } from '@blaze-cms/admin-ui-utils';
|
|
8
|
+
import { ToastProvider } from '@blaze-react/toaster';
|
|
9
|
+
import Listing from './Listing';
|
|
10
|
+
import { availableFilters } from '../../utils/available-filters/available-filters';
|
|
11
|
+
import { MediaContextProvider } from '../../utils/media-context';
|
|
12
|
+
import FilesListProvider from '../FileList/FilesListProvider';
|
|
13
|
+
import { existPrevious } from './mappers';
|
|
14
|
+
const ListingContainer = ({
|
|
15
|
+
handleSelectedFiles,
|
|
16
|
+
maxItems,
|
|
17
|
+
filesSelected,
|
|
18
|
+
displayFileUploadModal,
|
|
19
|
+
setDisplayFileUploadModal,
|
|
20
|
+
closeModalAndSetValue,
|
|
21
|
+
simpleLayout,
|
|
22
|
+
openEditInModal,
|
|
23
|
+
storeKey
|
|
24
|
+
}) => {
|
|
25
|
+
const [selectedFiles, setSelectedFiles] = useState(filesSelected || []);
|
|
26
|
+
const [selectedFilter, setSelectedFilter] = useState({
|
|
27
|
+
filter: 'all',
|
|
28
|
+
isSearch: false,
|
|
29
|
+
searchTerm: null,
|
|
30
|
+
storeKey
|
|
31
|
+
});
|
|
32
|
+
const fileStoresType = getQuery('GET_FILE_STORES');
|
|
33
|
+
const {
|
|
34
|
+
loading,
|
|
35
|
+
data: {
|
|
36
|
+
getFileStores: fileStores = []
|
|
37
|
+
} = {}
|
|
38
|
+
} = useQuery(fileStoresType, {
|
|
39
|
+
variables: {
|
|
40
|
+
visibleInAdmin: true
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
if (loading) return null;
|
|
44
|
+
const getSelectedFiles = (file, files) => {
|
|
45
|
+
if (simpleLayout) {
|
|
46
|
+
handleSelectedFiles(files, false);
|
|
47
|
+
setSelectedFiles(files);
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
const {
|
|
51
|
+
id
|
|
52
|
+
} = file;
|
|
53
|
+
const existPreviousFile = existPrevious(selectedFiles, id);
|
|
54
|
+
if (maxItems === selectedFiles.length && !existPreviousFile) {
|
|
55
|
+
handleSelectedFiles([id], false);
|
|
56
|
+
setSelectedFiles([id]);
|
|
57
|
+
} else {
|
|
58
|
+
const allSelectedFiles = existPreviousFile ? selectedFiles.filter(fileId => fileId !== existPreviousFile) : [...selectedFiles, id];
|
|
59
|
+
handleSelectedFiles(allSelectedFiles, false);
|
|
60
|
+
setSelectedFiles(allSelectedFiles);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
const handleDisplayFileUploadModal = param => setDisplayFileUploadModal(param);
|
|
64
|
+
const defaultFileStore = (fileStores.find(({
|
|
65
|
+
isDefault
|
|
66
|
+
}) => isDefault) || {}).key;
|
|
67
|
+
return /*#__PURE__*/React.createElement(ToastProvider, null, /*#__PURE__*/React.createElement(MediaContextProvider, {
|
|
68
|
+
value: {
|
|
69
|
+
fileStores,
|
|
70
|
+
defaultFileStore,
|
|
71
|
+
changeSelectedFilter: value => setSelectedFilter(value),
|
|
72
|
+
selectedFilter: _objectSpread(_objectSpread({}, selectedFilter), {}, {
|
|
73
|
+
storeKey: selectedFilter.storeKey || defaultFileStore
|
|
74
|
+
}),
|
|
75
|
+
selectedFiles,
|
|
76
|
+
getSelectedFiles,
|
|
77
|
+
filters: availableFilters,
|
|
78
|
+
onClickPrompt: () => handleDisplayFileUploadModal(true)
|
|
79
|
+
}
|
|
80
|
+
}, /*#__PURE__*/React.createElement(FilesListProvider, null, /*#__PURE__*/React.createElement(Listing, {
|
|
81
|
+
closeModalAndSetValue: closeModalAndSetValue,
|
|
82
|
+
simpleLayout: simpleLayout,
|
|
83
|
+
getSelectedFiles: getSelectedFiles,
|
|
84
|
+
setDisplayFileUploadModal: setDisplayFileUploadModal,
|
|
85
|
+
displayFileUploadModal: displayFileUploadModal,
|
|
86
|
+
handleDisplayFileUploadModal: handleDisplayFileUploadModal,
|
|
87
|
+
setSelectedFiles: setSelectedFiles,
|
|
88
|
+
handleSelectedFiles: handleSelectedFiles,
|
|
89
|
+
openEditInModal: openEditInModal,
|
|
90
|
+
selectedStoreKey: selectedFilter.storeKey || defaultFileStore,
|
|
91
|
+
storeKey: storeKey
|
|
92
|
+
}))));
|
|
93
|
+
};
|
|
94
|
+
ListingContainer.propTypes = {
|
|
95
|
+
handleSelectedFiles: PropTypes.func,
|
|
96
|
+
maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
|
|
97
|
+
filesSelected: PropTypes.arrayOf(PropTypes.string),
|
|
98
|
+
simpleLayout: PropTypes.bool,
|
|
99
|
+
setDisplayFileUploadModal: PropTypes.func.isRequired,
|
|
100
|
+
displayFileUploadModal: PropTypes.bool.isRequired,
|
|
101
|
+
closeModalAndSetValue: PropTypes.func,
|
|
102
|
+
openEditInModal: PropTypes.bool,
|
|
103
|
+
storeKey: PropTypes.string
|
|
104
|
+
};
|
|
105
|
+
ListingContainer.defaultProps = {
|
|
106
|
+
closeModalAndSetValue: () => {},
|
|
107
|
+
handleSelectedFiles: () => {},
|
|
108
|
+
maxItems: false,
|
|
109
|
+
filesSelected: [],
|
|
110
|
+
simpleLayout: false,
|
|
111
|
+
openEditInModal: false,
|
|
112
|
+
storeKey: 'default'
|
|
113
|
+
};
|
|
114
|
+
export default ListingContainer;
|
|
115
|
+
//# sourceMappingURL=ListingContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListingContainer.js","names":["React","useState","PropTypes","useQuery","getQuery","ToastProvider","Listing","availableFilters","MediaContextProvider","FilesListProvider","existPrevious","ListingContainer","handleSelectedFiles","maxItems","filesSelected","displayFileUploadModal","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","openEditInModal","storeKey","selectedFiles","setSelectedFiles","selectedFilter","setSelectedFilter","filter","isSearch","searchTerm","fileStoresType","loading","data","getFileStores","fileStores","variables","visibleInAdmin","getSelectedFiles","file","files","id","existPreviousFile","length","allSelectedFiles","fileId","handleDisplayFileUploadModal","param","defaultFileStore","find","isDefault","key","createElement","value","changeSelectedFilter","_objectSpread","filters","onClickPrompt","selectedStoreKey","propTypes","func","oneOfType","number","bool","arrayOf","string","isRequired","defaultProps"],"sources":["../../../src/components/ListingContainer/ListingContainer.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ToastProvider } from '@blaze-react/toaster';\nimport Listing from './Listing';\nimport { availableFilters } from '../../utils/available-filters/available-filters';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FilesListProvider from '../FileList/FilesListProvider';\nimport { existPrevious } from './mappers';\n\nconst ListingContainer = ({\n handleSelectedFiles,\n maxItems,\n filesSelected,\n displayFileUploadModal,\n setDisplayFileUploadModal,\n closeModalAndSetValue,\n simpleLayout,\n openEditInModal,\n storeKey\n}) => {\n const [selectedFiles, setSelectedFiles] = useState(filesSelected || []);\n const [selectedFilter, setSelectedFilter] = useState({\n filter: 'all',\n isSearch: false,\n searchTerm: null,\n storeKey\n });\n\n const fileStoresType = getQuery('GET_FILE_STORES');\n const { loading, data: { getFileStores: fileStores = [] } = {} } = useQuery(fileStoresType, {\n variables: { visibleInAdmin: true }\n });\n if (loading) return null;\n\n const getSelectedFiles = (file, files) => {\n if (simpleLayout) {\n handleSelectedFiles(files, false);\n setSelectedFiles(files);\n return;\n }\n const { id } = file;\n const existPreviousFile = existPrevious(selectedFiles, id);\n if (maxItems === selectedFiles.length && !existPreviousFile) {\n handleSelectedFiles([id], false);\n setSelectedFiles([id]);\n } else {\n const allSelectedFiles = existPreviousFile\n ? selectedFiles.filter(fileId => fileId !== existPreviousFile)\n : [...selectedFiles, id];\n\n handleSelectedFiles(allSelectedFiles, false);\n setSelectedFiles(allSelectedFiles);\n }\n };\n\n const handleDisplayFileUploadModal = param => setDisplayFileUploadModal(param);\n const defaultFileStore = (fileStores.find(({ isDefault }) => isDefault) || {}).key;\n\n return (\n <ToastProvider>\n <MediaContextProvider\n value={{\n fileStores,\n defaultFileStore,\n changeSelectedFilter: value => setSelectedFilter(value),\n selectedFilter: {\n ...selectedFilter,\n storeKey: selectedFilter.storeKey || defaultFileStore\n },\n selectedFiles,\n getSelectedFiles,\n filters: availableFilters,\n onClickPrompt: () => handleDisplayFileUploadModal(true)\n }}>\n <FilesListProvider>\n <Listing\n closeModalAndSetValue={closeModalAndSetValue}\n simpleLayout={simpleLayout}\n getSelectedFiles={getSelectedFiles}\n setDisplayFileUploadModal={setDisplayFileUploadModal}\n displayFileUploadModal={displayFileUploadModal}\n handleDisplayFileUploadModal={handleDisplayFileUploadModal}\n setSelectedFiles={setSelectedFiles}\n handleSelectedFiles={handleSelectedFiles}\n openEditInModal={openEditInModal}\n selectedStoreKey={selectedFilter.storeKey || defaultFileStore}\n storeKey={storeKey}\n />\n </FilesListProvider>\n </MediaContextProvider>\n </ToastProvider>\n );\n};\n\nListingContainer.propTypes = {\n handleSelectedFiles: PropTypes.func,\n maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n filesSelected: PropTypes.arrayOf(PropTypes.string),\n simpleLayout: PropTypes.bool,\n setDisplayFileUploadModal: PropTypes.func.isRequired,\n displayFileUploadModal: PropTypes.bool.isRequired,\n closeModalAndSetValue: PropTypes.func,\n openEditInModal: PropTypes.bool,\n storeKey: PropTypes.string\n};\n\nListingContainer.defaultProps = {\n closeModalAndSetValue: () => {},\n handleSelectedFiles: () => {},\n maxItems: false,\n filesSelected: [],\n simpleLayout: false,\n openEditInModal: false,\n storeKey: 'default'\n};\n\nexport default ListingContainer;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["ListingContainer"],"sources":["../../../src/components/ListingContainer/index.js"],"sourcesContent":["import ListingContainer from './ListingContainer';\n\nexport default ListingContainer;\n"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,oBAAoB;AAEjD,eAAeA,gBAAgB","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"exist-previous.js","names":["existPrevious","selectedFiles","id","find","fileId"],"sources":["../../../../src/components/ListingContainer/mappers/exist-previous.js"],"sourcesContent":["const existPrevious = (selectedFiles, id) => selectedFiles.find(fileId => fileId === id);\n\nexport default existPrevious;\n"],"mappings":"AAAA,MAAMA,aAAa,GAAGA,CAACC,aAAa,EAAEC,EAAE,KAAKD,aAAa,CAACE,IAAI,CAACC,MAAM,IAAIA,MAAM,KAAKF,EAAE,CAAC;AAExF,eAAeF,aAAa","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["existPrevious"],"sources":["../../../../src/components/ListingContainer/mappers/index.js"],"sourcesContent":["import existPrevious from './exist-previous';\n\nexport { existPrevious };\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,kBAAkB;AAE5C,SAASA,aAAa","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import ListingContainer from './ListingContainer';
|
|
4
|
+
const MediaListing = ({
|
|
5
|
+
handleSelectedFiles,
|
|
6
|
+
maxItems,
|
|
7
|
+
filesSelected
|
|
8
|
+
}) => {
|
|
9
|
+
const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);
|
|
10
|
+
return /*#__PURE__*/React.createElement(ListingContainer, {
|
|
11
|
+
setDisplayFileUploadModal: setDisplayFileUploadModal,
|
|
12
|
+
displayFileUploadModal: displayFileUploadModal,
|
|
13
|
+
handleSelectedFiles: handleSelectedFiles,
|
|
14
|
+
filesSelected: filesSelected,
|
|
15
|
+
maxItems: maxItems
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
|
+
MediaListing.propTypes = {
|
|
19
|
+
handleSelectedFiles: PropTypes.func,
|
|
20
|
+
maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
|
|
21
|
+
filesSelected: PropTypes.arrayOf(PropTypes.string)
|
|
22
|
+
};
|
|
23
|
+
MediaListing.defaultProps = {
|
|
24
|
+
handleSelectedFiles: () => {},
|
|
25
|
+
maxItems: false,
|
|
26
|
+
filesSelected: []
|
|
27
|
+
};
|
|
28
|
+
export default MediaListing;
|
|
29
|
+
//# sourceMappingURL=MediaListing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaListing.js","names":["React","useState","PropTypes","ListingContainer","MediaListing","handleSelectedFiles","maxItems","filesSelected","displayFileUploadModal","setDisplayFileUploadModal","createElement","propTypes","func","oneOfType","number","bool","arrayOf","string","defaultProps"],"sources":["../../src/components/MediaListing.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ListingContainer from './ListingContainer';\n\nconst MediaListing = ({ handleSelectedFiles, maxItems, filesSelected }) => {\n const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n\n return (\n <ListingContainer\n setDisplayFileUploadModal={setDisplayFileUploadModal}\n displayFileUploadModal={displayFileUploadModal}\n handleSelectedFiles={handleSelectedFiles}\n filesSelected={filesSelected}\n maxItems={maxItems}\n />\n );\n};\n\nMediaListing.propTypes = {\n handleSelectedFiles: PropTypes.func,\n maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n filesSelected: PropTypes.arrayOf(PropTypes.string)\n};\n\nMediaListing.defaultProps = {\n handleSelectedFiles: () => {},\n maxItems: false,\n filesSelected: []\n};\n\nexport default MediaListing;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,MAAMC,YAAY,GAAGA,CAAC;EAAEC,mBAAmB;EAAEC,QAAQ;EAAEC;AAAc,CAAC,KAAK;EACzE,MAAM,CAACC,sBAAsB,EAAEC,yBAAyB,CAAC,GAAGR,QAAQ,CAAC,KAAK,CAAC;EAE3E,oBACED,KAAA,CAAAU,aAAA,CAACP,gBAAgB;IACfM,yBAAyB,EAAEA,yBAA0B;IACrDD,sBAAsB,EAAEA,sBAAuB;IAC/CH,mBAAmB,EAAEA,mBAAoB;IACzCE,aAAa,EAAEA,aAAc;IAC7BD,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAEDF,YAAY,CAACO,SAAS,GAAG;EACvBN,mBAAmB,EAAEH,SAAS,CAACU,IAAI;EACnCN,QAAQ,EAAEJ,SAAS,CAACW,SAAS,CAAC,CAACX,SAAS,CAACY,MAAM,EAAEZ,SAAS,CAACa,IAAI,CAAC,CAAC;EACjER,aAAa,EAAEL,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,MAAM;AACnD,CAAC;AAEDb,YAAY,CAACc,YAAY,GAAG;EAC1Bb,mBAAmB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC7BC,QAAQ,EAAE,KAAK;EACfC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeH,YAAY","ignoreList":[]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
const PLUGIN_NAME = 'media-ui';
|
|
2
|
+
const ONE_FILE_AS_LIMIT = 1;
|
|
3
|
+
const AVAILABLE_FILTER_TYPES = {
|
|
4
|
+
all: {
|
|
5
|
+
type: 'all'
|
|
6
|
+
},
|
|
7
|
+
images: {
|
|
8
|
+
type: 'image'
|
|
9
|
+
},
|
|
10
|
+
videos: {
|
|
11
|
+
type: 'video'
|
|
12
|
+
},
|
|
13
|
+
documents: {
|
|
14
|
+
type: 'text'
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
const MEDIA_LIST_ITEM_SIZE = 97;
|
|
18
|
+
const MEDIA_OVER_SCAN_COUNT = 0;
|
|
19
|
+
const ICON_SIZE = {
|
|
20
|
+
WIDTH: '25px',
|
|
21
|
+
HEIGHT: '25px'
|
|
22
|
+
};
|
|
23
|
+
const ICON_COLOR = {
|
|
24
|
+
STROKE: '#63779C',
|
|
25
|
+
FILL: '#63779C'
|
|
26
|
+
};
|
|
27
|
+
const STORE_KEY = 'storeKey';
|
|
28
|
+
const NAME = 'name';
|
|
29
|
+
const ALL = 'all';
|
|
30
|
+
const INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];
|
|
31
|
+
const PREVIEW = 'Preview';
|
|
32
|
+
const REORDER = 'Reorder';
|
|
33
|
+
const IMAGES = 'Images';
|
|
34
|
+
const MORE = 'more ...';
|
|
35
|
+
export { ALL, AVAILABLE_FILTER_TYPES, IMAGES, INVALID_STORE_KEY_VALUES, MEDIA_LIST_ITEM_SIZE, MEDIA_OVER_SCAN_COUNT, MORE, NAME, ONE_FILE_AS_LIMIT, PLUGIN_NAME, PREVIEW, REORDER, STORE_KEY, ICON_SIZE, ICON_COLOR };
|
|
36
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","ONE_FILE_AS_LIMIT","AVAILABLE_FILTER_TYPES","all","type","images","videos","documents","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","ICON_SIZE","WIDTH","HEIGHT","ICON_COLOR","STROKE","FILL","STORE_KEY","NAME","ALL","INVALID_STORE_KEY_VALUES","PREVIEW","REORDER","IMAGES","MORE"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'media-ui';\nconst ONE_FILE_AS_LIMIT = 1;\nconst AVAILABLE_FILTER_TYPES = {\n all: {\n type: 'all'\n },\n images: {\n type: 'image'\n },\n videos: {\n type: 'video'\n },\n documents: {\n type: 'text'\n }\n};\n\nconst MEDIA_LIST_ITEM_SIZE = 97;\nconst MEDIA_OVER_SCAN_COUNT = 0;\n\nconst ICON_SIZE = {\n WIDTH: '25px',\n HEIGHT: '25px'\n};\n\nconst ICON_COLOR = {\n STROKE: '#63779C',\n FILL: '#63779C'\n};\n\nconst STORE_KEY = 'storeKey';\nconst NAME = 'name';\n\nconst ALL = 'all';\nconst INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];\nconst PREVIEW = 'Preview';\nconst REORDER = 'Reorder';\nconst IMAGES = 'Images';\nconst MORE = 'more ...';\n\nexport {\n ALL,\n AVAILABLE_FILTER_TYPES,\n IMAGES,\n INVALID_STORE_KEY_VALUES,\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n MORE,\n NAME,\n ONE_FILE_AS_LIMIT,\n PLUGIN_NAME,\n PREVIEW,\n REORDER,\n STORE_KEY,\n ICON_SIZE,\n ICON_COLOR\n};\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,UAAU;AAC9B,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,sBAAsB,GAAG;EAC7BC,GAAG,EAAE;IACHC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACND,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE;IACNF,IAAI,EAAE;EACR,CAAC;EACDG,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC;AAED,MAAMI,oBAAoB,GAAG,EAAE;AAC/B,MAAMC,qBAAqB,GAAG,CAAC;AAE/B,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,UAAU,GAAG;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,SAAS,GAAG,UAAU;AAC5B,MAAMC,IAAI,GAAG,MAAM;AAEnB,MAAMC,GAAG,GAAG,KAAK;AACjB,MAAMC,wBAAwB,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,CAAC;AACtE,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,MAAM,GAAG,QAAQ;AACvB,MAAMC,IAAI,GAAG,UAAU;AAEvB,SACEL,GAAG,EACHhB,sBAAsB,EACtBoB,MAAM,EACNH,wBAAwB,EACxBX,oBAAoB,EACpBC,qBAAqB,EACrBc,IAAI,EACJN,IAAI,EACJhB,iBAAiB,EACjBD,WAAW,EACXoB,OAAO,EACPC,OAAO,EACPL,SAAS,EACTN,SAAS,EACTG,UAAU","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ICON_SIZE, ICON_COLOR } from '../constants';
|
|
3
|
+
function MediaLibraryIcon({
|
|
4
|
+
width = ICON_SIZE.WIDTH,
|
|
5
|
+
height = ICON_SIZE.HEIGHT,
|
|
6
|
+
stroke = ICON_COLOR.STROKE
|
|
7
|
+
}) {
|
|
8
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
9
|
+
width: width,
|
|
10
|
+
height: height,
|
|
11
|
+
viewBox: "0 0 23 22",
|
|
12
|
+
version: "1.1",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink"
|
|
15
|
+
}, /*#__PURE__*/React.createElement("title", null, "media-library"), /*#__PURE__*/React.createElement("g", {
|
|
16
|
+
id: "Page-1",
|
|
17
|
+
stroke: "none",
|
|
18
|
+
strokeWidth: "1",
|
|
19
|
+
fill: "none",
|
|
20
|
+
fillRule: "evenodd"
|
|
21
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
22
|
+
id: "media-library",
|
|
23
|
+
transform: "translate(1, 1.5)"
|
|
24
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
25
|
+
id: "Group",
|
|
26
|
+
transform: "translate(11.2707, 9.5) rotate(10) translate(-11.2707, -9.5)translate(2.7864, 1.3495)"
|
|
27
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
28
|
+
d: "M6.97432089e-17,12.2258144 L4.86362131,7.55351567 C5.69190017,6.75805948 7.03454026,6.75805948 7.86281911,7.55351567 L12.7264404,12.2258144 M10.6053671,10.1881787 L12.2873782,8.57233353 C13.1156571,7.77687734 14.4582972,7.77687734 15.286576,8.57233353 L16.9685872,10.1881787 M2.1210734,16.3010859 L14.8475139,16.3010859 C16.0189503,16.3010859 16.9685872,15.3888053 16.9685872,14.2634501 L16.9685872,2.03763573 C16.9685872,0.912280592 16.0189503,0 14.8475139,0 L2.1210734,0 C0.949636909,0 6.97432089e-17,0.912280592 6.97432089e-17,2.03763573 L6.97432089e-17,14.2634501 C6.97432089e-17,15.3888053 0.949636909,16.3010859 2.1210734,16.3010859 Z",
|
|
29
|
+
id: "Shape",
|
|
30
|
+
stroke: stroke,
|
|
31
|
+
strokeLinecap: "round",
|
|
32
|
+
strokeLinejoin: "round"
|
|
33
|
+
}), /*#__PURE__*/React.createElement("ellipse", {
|
|
34
|
+
id: "Oval",
|
|
35
|
+
fill: "#899BBC",
|
|
36
|
+
fillRule: "nonzero",
|
|
37
|
+
cx: "10.6975876",
|
|
38
|
+
cy: "4.41487742",
|
|
39
|
+
rx: "1.106647",
|
|
40
|
+
ry: "1.01881787"
|
|
41
|
+
})), /*#__PURE__*/React.createElement("rect", {
|
|
42
|
+
id: "Rectangle",
|
|
43
|
+
fill: "#FFFFFF",
|
|
44
|
+
fillRule: "nonzero",
|
|
45
|
+
x: "0",
|
|
46
|
+
y: "2.52861778",
|
|
47
|
+
width: "16.9685872",
|
|
48
|
+
height: "16.3010859",
|
|
49
|
+
rx: "3"
|
|
50
|
+
}), /*#__PURE__*/React.createElement("g", {
|
|
51
|
+
id: "Group",
|
|
52
|
+
transform: "translate(0, 2.5286)"
|
|
53
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
54
|
+
d: "M0,12.2258144 L4.86362131,7.55351567 C5.69190017,6.75805948 7.03454026,6.75805948 7.86281911,7.55351567 L12.7264404,12.2258144 M10.6053671,10.1881787 L12.2873782,8.57233353 C13.1156571,7.77687734 14.4582972,7.77687734 15.286576,8.57233353 L16.9685872,10.1881787 M2.1210734,16.3010859 L14.8475139,16.3010859 C16.0189503,16.3010859 16.9685872,15.3888053 16.9685872,14.2634501 L16.9685872,2.03763573 C16.9685872,0.912280592 16.0189503,0 14.8475139,0 L2.1210734,0 C0.949636909,0 0,0.912280592 0,2.03763573 L0,14.2634501 C0,15.3888053 0.949636909,16.3010859 2.1210734,16.3010859 Z",
|
|
55
|
+
id: "Shape",
|
|
56
|
+
stroke: "#63779C",
|
|
57
|
+
strokeLinecap: "round",
|
|
58
|
+
strokeLinejoin: "round"
|
|
59
|
+
}), /*#__PURE__*/React.createElement("ellipse", {
|
|
60
|
+
id: "Oval",
|
|
61
|
+
fill: "#63779C",
|
|
62
|
+
fillRule: "nonzero",
|
|
63
|
+
cx: "10.6975876",
|
|
64
|
+
cy: "4.41487742",
|
|
65
|
+
rx: "1.106647",
|
|
66
|
+
ry: "1.01881787"
|
|
67
|
+
})))));
|
|
68
|
+
}
|
|
69
|
+
export default MediaLibraryIcon;
|
|
70
|
+
//# sourceMappingURL=MediaLibraryIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaLibraryIcon.js","names":["React","ICON_SIZE","ICON_COLOR","MediaLibraryIcon","width","WIDTH","height","HEIGHT","stroke","STROKE","createElement","viewBox","version","xmlns","xmlnsXlink","id","strokeWidth","fill","fillRule","transform","d","strokeLinecap","strokeLinejoin","cx","cy","rx","ry","x","y"],"sources":["../../src/icons/MediaLibraryIcon.js"],"sourcesContent":["import React from 'react';\nimport { ICON_SIZE, ICON_COLOR } from '../constants';\n\nfunction MediaLibraryIcon({\n width = ICON_SIZE.WIDTH,\n height = ICON_SIZE.HEIGHT,\n stroke = ICON_COLOR.STROKE\n}) {\n return (\n <svg\n width={width}\n height={height}\n viewBox=\"0 0 23 22\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\">\n <title>media-library</title>\n <g id=\"Page-1\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"media-library\" transform=\"translate(1, 1.5)\">\n <g\n id=\"Group\"\n transform=\"translate(11.2707, 9.5) rotate(10) translate(-11.2707, -9.5)translate(2.7864, 1.3495)\">\n <path\n d=\"M6.97432089e-17,12.2258144 L4.86362131,7.55351567 C5.69190017,6.75805948 7.03454026,6.75805948 7.86281911,7.55351567 L12.7264404,12.2258144 M10.6053671,10.1881787 L12.2873782,8.57233353 C13.1156571,7.77687734 14.4582972,7.77687734 15.286576,8.57233353 L16.9685872,10.1881787 M2.1210734,16.3010859 L14.8475139,16.3010859 C16.0189503,16.3010859 16.9685872,15.3888053 16.9685872,14.2634501 L16.9685872,2.03763573 C16.9685872,0.912280592 16.0189503,0 14.8475139,0 L2.1210734,0 C0.949636909,0 6.97432089e-17,0.912280592 6.97432089e-17,2.03763573 L6.97432089e-17,14.2634501 C6.97432089e-17,15.3888053 0.949636909,16.3010859 2.1210734,16.3010859 Z\"\n id=\"Shape\"\n stroke={stroke}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <ellipse\n id=\"Oval\"\n fill=\"#899BBC\"\n fillRule=\"nonzero\"\n cx=\"10.6975876\"\n cy=\"4.41487742\"\n rx=\"1.106647\"\n ry=\"1.01881787\"\n />\n </g>\n <rect\n id=\"Rectangle\"\n fill=\"#FFFFFF\"\n fillRule=\"nonzero\"\n x=\"0\"\n y=\"2.52861778\"\n width=\"16.9685872\"\n height=\"16.3010859\"\n rx=\"3\"\n />\n <g id=\"Group\" transform=\"translate(0, 2.5286)\">\n <path\n d=\"M0,12.2258144 L4.86362131,7.55351567 C5.69190017,6.75805948 7.03454026,6.75805948 7.86281911,7.55351567 L12.7264404,12.2258144 M10.6053671,10.1881787 L12.2873782,8.57233353 C13.1156571,7.77687734 14.4582972,7.77687734 15.286576,8.57233353 L16.9685872,10.1881787 M2.1210734,16.3010859 L14.8475139,16.3010859 C16.0189503,16.3010859 16.9685872,15.3888053 16.9685872,14.2634501 L16.9685872,2.03763573 C16.9685872,0.912280592 16.0189503,0 14.8475139,0 L2.1210734,0 C0.949636909,0 0,0.912280592 0,2.03763573 L0,14.2634501 C0,15.3888053 0.949636909,16.3010859 2.1210734,16.3010859 Z\"\n id=\"Shape\"\n stroke=\"#63779C\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <ellipse\n id=\"Oval\"\n fill=\"#63779C\"\n fillRule=\"nonzero\"\n cx=\"10.6975876\"\n cy=\"4.41487742\"\n rx=\"1.106647\"\n ry=\"1.01881787\"\n />\n </g>\n </g>\n </g>\n </svg>\n );\n}\n\nexport default MediaLibraryIcon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAEpD,SAASC,gBAAgBA,CAAC;EACxBC,KAAK,GAAGH,SAAS,CAACI,KAAK;EACvBC,MAAM,GAAGL,SAAS,CAACM,MAAM;EACzBC,MAAM,GAAGN,UAAU,CAACO;AACtB,CAAC,EAAE;EACD,oBACET,KAAA,CAAAU,aAAA;IACEN,KAAK,EAAEA,KAAM;IACbE,MAAM,EAAEA,MAAO;IACfK,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAC,KAAK;IACbC,KAAK,EAAC,4BAA4B;IAClCC,UAAU,EAAC;EAA8B,gBACzCd,KAAA,CAAAU,aAAA,gBAAO,eAAoB,CAAC,eAC5BV,KAAA,CAAAU,aAAA;IAAGK,EAAE,EAAC,QAAQ;IAACP,MAAM,EAAC,MAAM;IAACQ,WAAW,EAAC,GAAG;IAACC,IAAI,EAAC,MAAM;IAACC,QAAQ,EAAC;EAAS,gBACzElB,KAAA,CAAAU,aAAA;IAAGK,EAAE,EAAC,eAAe;IAACI,SAAS,EAAC;EAAmB,gBACjDnB,KAAA,CAAAU,aAAA;IACEK,EAAE,EAAC,OAAO;IACVI,SAAS,EAAC;EAAuF,gBACjGnB,KAAA,CAAAU,aAAA;IACEU,CAAC,EAAC,koBAAkoB;IACpoBL,EAAE,EAAC,OAAO;IACVP,MAAM,EAAEA,MAAO;IACfa,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC;EAAO,CACvB,CAAC,eACFtB,KAAA,CAAAU,aAAA;IACEK,EAAE,EAAC,MAAM;IACTE,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAC,SAAS;IAClBK,EAAE,EAAC,YAAY;IACfC,EAAE,EAAC,YAAY;IACfC,EAAE,EAAC,UAAU;IACbC,EAAE,EAAC;EAAY,CAChB,CACA,CAAC,eACJ1B,KAAA,CAAAU,aAAA;IACEK,EAAE,EAAC,WAAW;IACdE,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAC,SAAS;IAClBS,CAAC,EAAC,GAAG;IACLC,CAAC,EAAC,YAAY;IACdxB,KAAK,EAAC,YAAY;IAClBE,MAAM,EAAC,YAAY;IACnBmB,EAAE,EAAC;EAAG,CACP,CAAC,eACFzB,KAAA,CAAAU,aAAA;IAAGK,EAAE,EAAC,OAAO;IAACI,SAAS,EAAC;EAAsB,gBAC5CnB,KAAA,CAAAU,aAAA;IACEU,CAAC,EAAC,ikBAAikB;IACnkBL,EAAE,EAAC,OAAO;IACVP,MAAM,EAAC,SAAS;IAChBa,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC;EAAO,CACvB,CAAC,eACFtB,KAAA,CAAAU,aAAA;IACEK,EAAE,EAAC,MAAM;IACTE,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAC,SAAS;IAClBK,EAAE,EAAC,YAAY;IACfC,EAAE,EAAC,YAAY;IACfC,EAAE,EAAC,UAAU;IACbC,EAAE,EAAC;EAAY,CAChB,CACA,CACF,CACF,CACA,CAAC;AAEV;AAEA,eAAevB,gBAAgB","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["MediaLibraryIcon"],"sources":["../../src/icons/index.js"],"sourcesContent":["import MediaLibraryIcon from './MediaLibraryIcon';\n\nexport { MediaLibraryIcon };\n"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,oBAAoB;AAEjD,SAASA,gBAAgB","ignoreList":[]}
|
package/lib-es/index.js
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import FileUploadAdapter from './components/FileUploadAdapter';
|
|
3
|
+
import EditorAdapter from './components/EditorAdapter';
|
|
4
|
+
import { MediaLibraryIcon } from './icons';
|
|
5
|
+
import pkg from '../package.json';
|
|
6
|
+
import { PLUGIN_NAME } from './constants';
|
|
7
|
+
export const FilePreviewReadOnly = React.lazy(() => import(/* webpackChunkName: 'MediaFilePreviewReadOnly' */'./components/FilePreviewReadOnly'));
|
|
8
|
+
const MediaListing = React.lazy(() => import(/* webpackChunkName: 'MediaListingContainer' */'./components/MediaListing'));
|
|
9
|
+
const EditMediaFilePage = React.lazy(() => import(/* webpackChunkName: 'EditMediaFilePage' */'./components/EditMediaFile/EditMediaFilePage'));
|
|
10
|
+
export default async function load(app) {
|
|
11
|
+
app.events.once('admin:menu:config:load', ({
|
|
12
|
+
addConfig
|
|
13
|
+
}) => {
|
|
14
|
+
addConfig({
|
|
15
|
+
main: {
|
|
16
|
+
items: {
|
|
17
|
+
media: {
|
|
18
|
+
label: 'Media',
|
|
19
|
+
uri: '/media',
|
|
20
|
+
icon: MediaLibraryIcon,
|
|
21
|
+
order: 30
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
app.events.once('load:custom:field:type', addFieldType => {
|
|
28
|
+
addFieldType({
|
|
29
|
+
type: 'fileUpload',
|
|
30
|
+
component: FileUploadAdapter
|
|
31
|
+
});
|
|
32
|
+
addFieldType({
|
|
33
|
+
type: 'filePreview',
|
|
34
|
+
component: FilePreviewReadOnly
|
|
35
|
+
});
|
|
36
|
+
addFieldType({
|
|
37
|
+
type: 'editor',
|
|
38
|
+
component: EditorAdapter
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
const mediaRoute = {
|
|
42
|
+
path: '/media',
|
|
43
|
+
key: 'media',
|
|
44
|
+
component: MediaListing,
|
|
45
|
+
exact: true
|
|
46
|
+
};
|
|
47
|
+
const editMediaFileRoute = {
|
|
48
|
+
path: '/media/edit/:fileId',
|
|
49
|
+
key: 'editMedia',
|
|
50
|
+
component: EditMediaFilePage,
|
|
51
|
+
exact: true
|
|
52
|
+
};
|
|
53
|
+
app.addRoute(mediaRoute);
|
|
54
|
+
app.addRoute(editMediaFileRoute);
|
|
55
|
+
return {
|
|
56
|
+
name: PLUGIN_NAME,
|
|
57
|
+
version: pkg.version
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
load.pluginName = PLUGIN_NAME;
|
|
61
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","FileUploadAdapter","EditorAdapter","MediaLibraryIcon","pkg","PLUGIN_NAME","FilePreviewReadOnly","lazy","MediaListing","EditMediaFilePage","load","app","events","once","addConfig","main","items","media","label","uri","icon","order","addFieldType","type","component","mediaRoute","path","key","exact","editMediaFileRoute","addRoute","name","version","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport FileUploadAdapter from './components/FileUploadAdapter';\nimport EditorAdapter from './components/EditorAdapter';\nimport { MediaLibraryIcon } from './icons';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nexport const FilePreviewReadOnly = React.lazy(\n () =>\n import(/* webpackChunkName: 'MediaFilePreviewReadOnly' */ './components/FilePreviewReadOnly')\n);\n\nconst MediaListing = React.lazy(\n () => import(/* webpackChunkName: 'MediaListingContainer' */ './components/MediaListing')\n);\n\nconst EditMediaFilePage = React.lazy(\n () =>\n import(\n /* webpackChunkName: 'EditMediaFilePage' */ './components/EditMediaFile/EditMediaFilePage'\n )\n);\nexport default async function load(app) {\n app.events.once('admin:menu:config:load', ({ addConfig }) => {\n addConfig({\n main: {\n items: {\n media: {\n label: 'Media',\n uri: '/media',\n icon: MediaLibraryIcon,\n order: 30\n }\n }\n }\n });\n });\n\n app.events.once('load:custom:field:type', addFieldType => {\n addFieldType({ type: 'fileUpload', component: FileUploadAdapter });\n addFieldType({ type: 'filePreview', component: FilePreviewReadOnly });\n addFieldType({ type: 'editor', component: EditorAdapter });\n });\n\n const mediaRoute = {\n path: '/media',\n key: 'media',\n component: MediaListing,\n exact: true\n };\n\n const editMediaFileRoute = {\n path: '/media/edit/:fileId',\n key: 'editMedia',\n component: EditMediaFilePage,\n exact: true\n };\n\n app.addRoute(mediaRoute);\n app.addRoute(editMediaFileRoute);\n\n return {\n name: PLUGIN_NAME,\n version: pkg.version\n };\n}\n\nload.pluginName = PLUGIN_NAME;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SAASC,gBAAgB,QAAQ,SAAS;AAC1C,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAASC,WAAW,QAAQ,aAAa;AAEzC,OAAO,MAAMC,mBAAmB,GAAGN,KAAK,CAACO,IAAI,CAC3C,MACE,MAAM,CAAC,kDAAmD,kCAAkC,CAChG,CAAC;AAED,MAAMC,YAAY,GAAGR,KAAK,CAACO,IAAI,CAC7B,MAAM,MAAM,CAAC,+CAAgD,2BAA2B,CAC1F,CAAC;AAED,MAAME,iBAAiB,GAAGT,KAAK,CAACO,IAAI,CAClC,MACE,MAAM,CACJ,2CAA4C,8CAC9C,CACJ,CAAC;AACD,eAAe,eAAeG,IAAIA,CAACC,GAAG,EAAE;EACtCA,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAAEC;EAAU,CAAC,KAAK;IAC3DA,SAAS,CAAC;MACRC,IAAI,EAAE;QACJC,KAAK,EAAE;UACLC,KAAK,EAAE;YACLC,KAAK,EAAE,OAAO;YACdC,GAAG,EAAE,QAAQ;YACbC,IAAI,EAAEjB,gBAAgB;YACtBkB,KAAK,EAAE;UACT;QACF;MACF;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFV,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,wBAAwB,EAAES,YAAY,IAAI;IACxDA,YAAY,CAAC;MAAEC,IAAI,EAAE,YAAY;MAAEC,SAAS,EAAEvB;IAAkB,CAAC,CAAC;IAClEqB,YAAY,CAAC;MAAEC,IAAI,EAAE,aAAa;MAAEC,SAAS,EAAElB;IAAoB,CAAC,CAAC;IACrEgB,YAAY,CAAC;MAAEC,IAAI,EAAE,QAAQ;MAAEC,SAAS,EAAEtB;IAAc,CAAC,CAAC;EAC5D,CAAC,CAAC;EAEF,MAAMuB,UAAU,GAAG;IACjBC,IAAI,EAAE,QAAQ;IACdC,GAAG,EAAE,OAAO;IACZH,SAAS,EAAEhB,YAAY;IACvBoB,KAAK,EAAE;EACT,CAAC;EAED,MAAMC,kBAAkB,GAAG;IACzBH,IAAI,EAAE,qBAAqB;IAC3BC,GAAG,EAAE,WAAW;IAChBH,SAAS,EAAEf,iBAAiB;IAC5BmB,KAAK,EAAE;EACT,CAAC;EAEDjB,GAAG,CAACmB,QAAQ,CAACL,UAAU,CAAC;EACxBd,GAAG,CAACmB,QAAQ,CAACD,kBAAkB,CAAC;EAEhC,OAAO;IACLE,IAAI,EAAE1B,WAAW;IACjB2B,OAAO,EAAE5B,GAAG,CAAC4B;EACf,CAAC;AACH;AAEAtB,IAAI,CAACuB,UAAU,GAAG5B,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
const availableFilters = [{
|
|
2
|
+
label: 'All',
|
|
3
|
+
searchTerm: 'all',
|
|
4
|
+
id: 'all',
|
|
5
|
+
type: 'all',
|
|
6
|
+
formats: ['text/csv', 'text/plain', 'text/rtf', 'image/gif', 'image/jpeg', 'image/png', 'image/bmp', 'image/svg+xml', 'image/tiff', 'image/webp', 'application/pdf']
|
|
7
|
+
}, {
|
|
8
|
+
label: 'Images',
|
|
9
|
+
searchTerm: 'images',
|
|
10
|
+
id: 'images',
|
|
11
|
+
type: 'image',
|
|
12
|
+
formats: ['image/gif', 'image/jpeg', 'image/png', 'image/bmp', 'image/svg+xml', 'image/tiff', 'image/webp']
|
|
13
|
+
}, {
|
|
14
|
+
label: 'Videos',
|
|
15
|
+
searchTerm: 'videos',
|
|
16
|
+
type: 'video',
|
|
17
|
+
id: 'videos'
|
|
18
|
+
}, {
|
|
19
|
+
label: 'Docs',
|
|
20
|
+
searchTerm: 'documents',
|
|
21
|
+
id: 'documents',
|
|
22
|
+
type: 'text',
|
|
23
|
+
formats: ['text/csv', 'text/plain', 'text/rtf', 'application/pdf']
|
|
24
|
+
}];
|
|
25
|
+
export { availableFilters };
|
|
26
|
+
//# sourceMappingURL=available-filters.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"available-filters.js","names":["availableFilters","label","searchTerm","id","type","formats"],"sources":["../../../src/utils/available-filters/available-filters.js"],"sourcesContent":["const availableFilters = [\n {\n label: 'All',\n searchTerm: 'all',\n id: 'all',\n type: 'all',\n formats: [\n 'text/csv',\n 'text/plain',\n 'text/rtf',\n 'image/gif',\n 'image/jpeg',\n 'image/png',\n 'image/bmp',\n 'image/svg+xml',\n 'image/tiff',\n 'image/webp',\n 'application/pdf'\n ]\n },\n {\n label: 'Images',\n searchTerm: 'images',\n id: 'images',\n type: 'image',\n formats: [\n 'image/gif',\n 'image/jpeg',\n 'image/png',\n 'image/bmp',\n 'image/svg+xml',\n 'image/tiff',\n 'image/webp'\n ]\n },\n {\n label: 'Videos',\n searchTerm: 'videos',\n type: 'video',\n id: 'videos'\n },\n {\n label: 'Docs',\n searchTerm: 'documents',\n id: 'documents',\n type: 'text',\n formats: ['text/csv', 'text/plain', 'text/rtf', 'application/pdf']\n }\n];\n\nexport { availableFilters };\n"],"mappings":"AAAA,MAAMA,gBAAgB,GAAG,CACvB;EACEC,KAAK,EAAE,KAAK;EACZC,UAAU,EAAE,KAAK;EACjBC,EAAE,EAAE,KAAK;EACTC,IAAI,EAAE,KAAK;EACXC,OAAO,EAAE,CACP,UAAU,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,WAAW,EACX,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,iBAAiB;AAErB,CAAC,EACD;EACEJ,KAAK,EAAE,QAAQ;EACfC,UAAU,EAAE,QAAQ;EACpBC,EAAE,EAAE,QAAQ;EACZC,IAAI,EAAE,OAAO;EACbC,OAAO,EAAE,CACP,WAAW,EACX,YAAY,EACZ,WAAW,EACX,WAAW,EACX,eAAe,EACf,YAAY,EACZ,YAAY;AAEhB,CAAC,EACD;EACEJ,KAAK,EAAE,QAAQ;EACfC,UAAU,EAAE,QAAQ;EACpBE,IAAI,EAAE,OAAO;EACbD,EAAE,EAAE;AACN,CAAC,EACD;EACEF,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE,WAAW;EACvBC,EAAE,EAAE,WAAW;EACfC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB;AACnE,CAAC,CACF;AAED,SAASL,gBAAgB","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bustUrl.js","names":["bustUrl","url","updated","separator","includes","version","Date","now"],"sources":["../../src/utils/bustUrl.js"],"sourcesContent":["export default function bustUrl(url, updated) {\n if (!url) return url;\n const separator = url.includes('?') ? '&' : '?';\n const version = updated || Date.now();\n return `${url}${separator}v=${version}`;\n}\n"],"mappings":"AAAA,eAAe,SAASA,OAAOA,CAACC,GAAG,EAAEC,OAAO,EAAE;EAC5C,IAAI,CAACD,GAAG,EAAE,OAAOA,GAAG;EACpB,MAAME,SAAS,GAAGF,GAAG,CAACG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG;EAC/C,MAAMC,OAAO,GAAGH,OAAO,IAAII,IAAI,CAACC,GAAG,CAAC,CAAC;EACrC,OAAO,GAAGN,GAAG,GAAGE,SAAS,KAAKE,OAAO,EAAE;AACzC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["MediaContext","MediaContextProvider","MediaContextConsumer","useMediaContext"],"sources":["../../../src/utils/media-context/index.js"],"sourcesContent":["import { MediaContext, MediaContextProvider, MediaContextConsumer } from './media-context';\nimport { useMediaContext } from './useMediaContext';\n\nexport { MediaContext, MediaContextProvider, MediaContextConsumer, useMediaContext };\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,oBAAoB,EAAEC,oBAAoB,QAAQ,iBAAiB;AAC1F,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASH,YAAY,EAAEC,oBAAoB,EAAEC,oBAAoB,EAAEC,eAAe","ignoreList":[]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
const MediaContext = React.createContext({});
|
|
3
|
+
const MediaContextProvider = MediaContext.Provider;
|
|
4
|
+
const MediaContextConsumer = MediaContext.Consumer;
|
|
5
|
+
export { MediaContext, MediaContextProvider, MediaContextConsumer };
|
|
6
|
+
//# sourceMappingURL=media-context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-context.js","names":["React","MediaContext","createContext","MediaContextProvider","Provider","MediaContextConsumer","Consumer"],"sources":["../../../src/utils/media-context/media-context.js"],"sourcesContent":["import React from 'react';\n\nconst MediaContext = React.createContext({});\nconst MediaContextProvider = MediaContext.Provider;\nconst MediaContextConsumer = MediaContext.Consumer;\n\nexport { MediaContext, MediaContextProvider, MediaContextConsumer };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,YAAY,GAAGD,KAAK,CAACE,aAAa,CAAC,CAAC,CAAC,CAAC;AAC5C,MAAMC,oBAAoB,GAAGF,YAAY,CAACG,QAAQ;AAClD,MAAMC,oBAAoB,GAAGJ,YAAY,CAACK,QAAQ;AAElD,SAASL,YAAY,EAAEE,oBAAoB,EAAEE,oBAAoB","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMediaContext.js","names":["useContext","useMediaContext","ctx"],"sources":["../../../src/utils/media-context/useMediaContext.js"],"sourcesContent":["import { useContext } from 'react';\n\nconst useMediaContext = ctx => useContext(ctx);\n\nexport { useMediaContext };\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,MAAMC,eAAe,GAAGC,GAAG,IAAIF,UAAU,CAACE,GAAG,CAAC;AAE9C,SAASD,eAAe","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-media-ui",
|
|
3
|
-
"version": "0.146.0-node18-
|
|
3
|
+
"version": "0.146.0-node18-tooltips.38",
|
|
4
4
|
"description": "Blaze plugin media ui",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-es/index.js",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
},
|
|
28
28
|
"license": "GPL-3.0",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@blaze-cms/admin-ui-utils": "0.146.0-node18-
|
|
31
|
-
"@blaze-cms/core-errors": "0.146.0-node18-
|
|
32
|
-
"@blaze-cms/plugin-search-ui": "0.146.0-node18-
|
|
33
|
-
"@blaze-cms/react-form-builder": "0.146.0-node18-
|
|
34
|
-
"@blaze-cms/setup-ui": "0.146.0-node18-
|
|
30
|
+
"@blaze-cms/admin-ui-utils": "0.146.0-node18-tooltips.37",
|
|
31
|
+
"@blaze-cms/core-errors": "0.146.0-node18-tooltips.0",
|
|
32
|
+
"@blaze-cms/plugin-search-ui": "0.146.0-node18-tooltips.37",
|
|
33
|
+
"@blaze-cms/react-form-builder": "0.146.0-node18-tooltips.38",
|
|
34
|
+
"@blaze-cms/setup-ui": "0.146.0-node18-tooltips.0",
|
|
35
35
|
"@blaze-react/button": "0.8.0-alpha.82",
|
|
36
36
|
"@blaze-react/dnd": "^0.7.0",
|
|
37
37
|
"@blaze-react/drafteditor": "0.7.0",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"react-tiny-virtual-list": "2.2.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@blaze-cms/core-ui": "0.146.0-node18-
|
|
50
|
+
"@blaze-cms/core-ui": "0.146.0-node18-tooltips.32"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"@apollo/client": "3.x",
|
|
@@ -59,5 +59,6 @@
|
|
|
59
59
|
"eslintIgnore": [
|
|
60
60
|
"lib/*",
|
|
61
61
|
"lib-es/*"
|
|
62
|
-
]
|
|
62
|
+
],
|
|
63
|
+
"gitHead": "c47206fe5d789c5d3828b10016d73894feac3ae9"
|
|
63
64
|
}
|
|
@@ -127,7 +127,7 @@ const EditMediaFile = ({
|
|
|
127
127
|
const fileToRender = formValues || file;
|
|
128
128
|
const fileWithStoreType = getFileWithStoreType(fileToRender);
|
|
129
129
|
|
|
130
|
-
return (
|
|
130
|
+
return !loading ? (
|
|
131
131
|
<>
|
|
132
132
|
{!!file && (
|
|
133
133
|
<FilePreview
|
|
@@ -151,6 +151,8 @@ const EditMediaFile = ({
|
|
|
151
151
|
</div>
|
|
152
152
|
)}
|
|
153
153
|
</>
|
|
154
|
+
) : (
|
|
155
|
+
<div>loading...</div>
|
|
154
156
|
);
|
|
155
157
|
};
|
|
156
158
|
|