@blaze-cms/plugin-media-ui 0.146.0-translations.6 → 0.147.0-rc-eagle.2

package/lib-es/components/FileUploadAdapter/mappers/is-unselecting.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-unselecting.js","names":["isUnselecting","value","checkIsUnselecting","files","some","fileId","includes"],"sources":["../../../../src/components/FileUploadAdapter/mappers/is-unselecting.js"],"sourcesContent":["export const isUnselecting = (value, checkIsUnselecting, files) =>\n  value && checkIsUnselecting && files.some(fileId => value.includes(fileId));\n"],"mappings":"AAAA,OAAO,MAAMA,aAAa,GAAGA,CAACC,KAAK,EAAEC,kBAAkB,EAAEC,KAAK,KAC5DF,KAAK,IAAIC,kBAAkB,IAAIC,KAAK,CAACC,IAAI,CAACC,MAAM,IAAIJ,KAAK,CAACK,QAAQ,CAACD,MAAM,CAAC,CAAC"}
+{"version":3,"file":"is-unselecting.js","names":["isUnselecting","value","checkIsUnselecting","files","some","fileId","includes"],"sources":["../../../../src/components/FileUploadAdapter/mappers/is-unselecting.js"],"sourcesContent":["export const isUnselecting = (value, checkIsUnselecting, files) =>\n  value && checkIsUnselecting && files.some(fileId => value.includes(fileId));\n"],"mappings":"AAAA,OAAO,MAAMA,aAAa,GAAGA,CAACC,KAAK,EAAEC,kBAAkB,EAAEC,KAAK,KAC5DF,KAAK,IAAIC,kBAAkB,IAAIC,KAAK,CAACC,IAAI,CAACC,MAAM,IAAIJ,KAAK,CAACK,QAAQ,CAACD,MAAM,CAAC,CAAC","ignoreList":[]}

package/lib-es/components/FileUploadAdapter/mappers/transform-to-array.js.map

@@ -1 +1 @@
-{"version":3,"file":"transform-to-array.js","names":["transformToArray","value","Array","isArray"],"sources":["../../../../src/components/FileUploadAdapter/mappers/transform-to-array.js"],"sourcesContent":["export const transformToArray = value => (Array.isArray(value) ? value : [value]);\n"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAGC,KAAK,IAAKC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,GAAGA,KAAK,GAAG,CAACA,KAAK,CAAE"}
+{"version":3,"file":"transform-to-array.js","names":["transformToArray","value","Array","isArray"],"sources":["../../../../src/components/FileUploadAdapter/mappers/transform-to-array.js"],"sourcesContent":["export const transformToArray = value => (Array.isArray(value) ? value : [value]);\n"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAGC,KAAK,IAAKC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,GAAGA,KAAK,GAAG,CAACA,KAAK,CAAE","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"useLimit.js","names":["useEffect","useState","ONE_FILE_AS_LIMIT","useLimit","initialLimit","currentLimit","setCurrentLimit"],"sources":["../../../src/components/FileUploadAdapter/useLimit.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { ONE_FILE_AS_LIMIT } from '../../constants';\n\nfunction useLimit(initialLimit) {\n  const [currentLimit, setCurrentLimit] = useState(initialLimit);\n  useEffect(\n    () => {\n      if (initialLimit && currentLimit !== ONE_FILE_AS_LIMIT) {\n        setCurrentLimit(ONE_FILE_AS_LIMIT);\n      }\n    },\n    [currentLimit, initialLimit]\n  );\n\n  return [currentLimit, setCurrentLimit];\n}\n\nexport default useLimit;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,iBAAiB,QAAQ,iBAAiB;AAEnD,SAASC,QAAQA,CAACC,YAAY,EAAE;EAC9B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGL,QAAQ,CAACG,YAAY,CAAC;EAC9DJ,SAAS,CACP,MAAM;IACJ,IAAII,YAAY,IAAIC,YAAY,KAAKH,iBAAiB,EAAE;MACtDI,eAAe,CAACJ,iBAAiB,CAAC;IACpC;EACF,CAAC,EACD,CAACG,YAAY,EAAED,YAAY,CAC7B,CAAC;EAED,OAAO,CAACC,YAAY,EAAEC,eAAe,CAAC;AACxC;AAEA,eAAeH,QAAQ"}
+{"version":3,"file":"useLimit.js","names":["useEffect","useState","ONE_FILE_AS_LIMIT","useLimit","initialLimit","currentLimit","setCurrentLimit"],"sources":["../../../src/components/FileUploadAdapter/useLimit.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { ONE_FILE_AS_LIMIT } from '../../constants';\n\nfunction useLimit(initialLimit) {\n  const [currentLimit, setCurrentLimit] = useState(initialLimit);\n  useEffect(() => {\n    if (initialLimit && currentLimit !== ONE_FILE_AS_LIMIT) {\n      setCurrentLimit(ONE_FILE_AS_LIMIT);\n    }\n  }, [currentLimit, initialLimit]);\n\n  return [currentLimit, setCurrentLimit];\n}\n\nexport default useLimit;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,iBAAiB,QAAQ,iBAAiB;AAEnD,SAASC,QAAQA,CAACC,YAAY,EAAE;EAC9B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGL,QAAQ,CAACG,YAAY,CAAC;EAC9DJ,SAAS,CAAC,MAAM;IACd,IAAII,YAAY,IAAIC,YAAY,KAAKH,iBAAiB,EAAE;MACtDI,eAAe,CAACJ,iBAAiB,CAAC;IACpC;EACF,CAAC,EAAE,CAACG,YAAY,EAAED,YAAY,CAAC,CAAC;EAEhC,OAAO,CAACC,YAAY,EAAEC,eAAe,CAAC;AACxC;AAEA,eAAeH,QAAQ","ignoreList":[]}

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

@@ -1,3 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+const _excluded = ["message"],
+  _excluded2 = ["message"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useState } from 'react';
 import { ModalAdapter as Modal, getMutation, getQuery } from '@blaze-cms/admin-ui-utils';
 import FileUpload from '@blaze-react/file-upload';
@@ -9,7 +15,10 @@ const FileUploadModal = ({
   onClose,
   getSelectedFiles,
   closeModalAndSetValue,
-  simpleLayout
+  simpleLayout,
+  fileId,
+  storeKey,
+  selectedStoreKey
 }) => {
   const [files, setFiles] = useState([]);
   const {
@@ -30,46 +39,94 @@ const FileUploadModal = ({
     }
   });
   const handleFiles = filesToUpload => {
+    if (fileId && filesToUpload && filesToUpload.length) {
+      setFiles([filesToUpload[0]]);
+      return;
+    }
     setFiles(filesToUpload);
   };
   const uploadFiles = async () => {
-    const response = await Promise.all(files.map(({
+    const filesToProcess = fileId && files.length ? [files[0]] : files;
+    const response = await Promise.all(filesToProcess.map(({
       file,
       name,
-      data: fileData,
-      storeKey
-    }) => client.mutate({
-      mutation: getMutation('UPLOAD_FILE'),
-      variables: {
-        input: {
-          file,
-          name: name || file.filename,
-          storeKey,
-          data: fileData
-        }
+      data,
+      storeKey: fileStoreKey
+    }) => {
+      const payload = {
+        name,
+        storeKey: fileStoreKey || selectedStoreKey || storeKey,
+        data
+      };
+      if (fileId) {
+        payload.id = fileId;
+      } else if (!name) {
+        payload.name = file.filename;
       }
-    }))).catch(error => {
+      return client.mutate({
+        mutation: getMutation('UPLOAD_FILE'),
+        variables: {
+          input: _objectSpread({
+            file
+          }, payload)
+        }
+      });
+    })).catch(error => {
       addToast(error.message, {
         appearance: 'error',
         autoDismiss: true
       });
+      return [];
     });
     const parsedResponse = response.map(({
       data: {
         file
       }
-    }) => file.result);
+    }) => {
+      const _ref = file.result || {},
+        {
+          message
+        } = _ref,
+        rest = _objectWithoutProperties(_ref, _excluded);
+      return rest;
+    });
     const fileNames = files.map(({
       file
     }) => file.name);
-    addNewFile(parsedResponse);
-    const toastMessage = `Uploaded: ${fileNames.join(', ')}`;
     if (simpleLayout) {
-      const filesToSelect = parsedResponse.map(file => file.id);
+      if (fileId && parsedResponse && parsedResponse.length) {
+        const _parsedResponse$ = parsedResponse[0],
+          {
+            message
+          } = _parsedResponse$,
+          updatedFile = _objectWithoutProperties(_parsedResponse$, _excluded2);
+        try {
+          client.writeQuery({
+            query: getQuery('GET_FILE_BY_ID'),
+            variables: {
+              id: fileId
+            },
+            data: {
+              file: updatedFile
+            }
+          });
+        } catch (e) {
+          console.error(e); //eslint-disable-line
+        }
+        const updateMessage = `Updated: ${updatedFile.filename || fileNames[0]}`;
+        closeModalAndSetValue(simpleLayout, updatedFile, updateMessage);
+        return;
+      }
+      const filesToSelect = parsedResponse.map(({
+        id
+      }) => id);
+      const uploadMessage = `Uploaded: ${fileNames.join(', ')}`;
       getSelectedFiles(null, filesToSelect);
-      closeModalAndSetValue(simpleLayout, filesToSelect, toastMessage);
+      closeModalAndSetValue(simpleLayout, filesToSelect, uploadMessage);
       return;
     }
+    addNewFile && addNewFile(parsedResponse);
+    const toastMessage = fileId ? `Updated: ${fileNames[0]}` : `Uploaded: ${fileNames.join(', ')}`;
     addToast(toastMessage, {
       appearance: 'success',
       autoDismiss: true
@@ -79,8 +136,9 @@ const FileUploadModal = ({
     if (files.length) await uploadFiles();
     onClose();
   };
-  const storeOptions = storeType.map(type => [type.key, type.name]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
+  let storeOptions = storeType.map(type => [type.key, type.name]);
+  storeOptions = storeKey ? storeOptions.filter(([key]) => key === storeKey) : storeOptions;
+  return /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     title: "Add media",
     actions: [{
@@ -88,26 +146,33 @@ const FileUploadModal = ({
       callback: onClose,
       modifiers: ['cancel']
     }, {
-      textButton: 'Save',
+      textButton: 'Upload',
       callback: handleOnSave,
       modifiers: []
     }],
     upload: true
   }, /*#__PURE__*/React.createElement(FileUpload, {
+    storeKey: selectedStoreKey || storeKey,
     onChange: handleFiles,
     selectOptions: storeOptions
-  })));
+  }));
 };
 FileUploadModal.propTypes = {
+  fileId: PropTypes.string,
   getSelectedFiles: PropTypes.func.isRequired,
   onClose: PropTypes.func,
   simpleLayout: PropTypes.bool,
-  closeModalAndSetValue: PropTypes.func
+  closeModalAndSetValue: PropTypes.func,
+  storeKey: PropTypes.string,
+  selectedStoreKey: PropTypes.string
 };
 FileUploadModal.defaultProps = {
   onClose: () => {},
   closeModalAndSetValue: () => {},
-  simpleLayout: false
+  simpleLayout: false,
+  fileId: null,
+  storeKey: null,
+  selectedStoreKey: null
 };
 export default FileUploadModal;
 //# sourceMappingURL=FileUploadModal.js.map

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

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

package/lib-es/components/FileUploadModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FileUploadModal"],"sources":["../../../src/components/FileUploadModal/index.js"],"sourcesContent":["import FileUploadModal from './FileUploadModal';\n\nexport default FileUploadModal;\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,mBAAmB;AAE/C,eAAeA,eAAe"}
+{"version":3,"file":"index.js","names":["FileUploadModal"],"sources":["../../../src/components/FileUploadModal/index.js"],"sourcesContent":["import FileUploadModal from './FileUploadModal';\n\nexport default FileUploadModal;\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,mBAAmB;AAE/C,eAAeA,eAAe","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.js","names":["React","useState","useEffect","SearchBar","classnames","Select","useMediaContext","MediaContext","useFileList","FilterPanel","searchTerm","setSearchTerm","filters","selectedFilter","changeSelectedFilter","fileStores","queryParams","data","active","setActive","id","handleSearchTerm","target","value","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","key","trim","onSelectFilter","activeSegements","reduce","acc","index","activeBarSegment","storeOptions","map","type","name","createElement","className","label","onClick","defaultTextValue","options","onChange","selected","search","placeholder","close"],"sources":["../../../src/components/FilterPanel/FilterPanel.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useState, useEffect } from 'react';\nimport { SearchBar } from '@blaze-cms/plugin-search-ui';\nimport classnames from 'classnames';\nimport Select from '@blaze-react/select';\nimport { useMediaContext, MediaContext } from '../../utils/media-context';\nimport useFileList from '../FileList/useFileList';\n\nconst FilterPanel = () => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const { filters, selectedFilter, changeSelectedFilter, fileStores } = useMediaContext(\n    MediaContext\n  );\n  const { queryParams, data } = useFileList();\n  const [active, setActive] = useState(filters[0].id);\n\n  useEffect(\n    () => {\n      if (queryParams.searchTerm === null) {\n        setSearchTerm('');\n      }\n    },\n    [queryParams.searchTerm]\n  );\n\n  const handleSearchTerm = ({ target: { value } }) => {\n    setSearchTerm(value);\n  };\n\n  const storeKey = selectedFilter.storeKey || '';\n\n  const onChangeFilter = id => {\n    setActive(id);\n    searchTerm\n      ? changeSelectedFilter({\n          filter: id,\n          isSearch: true,\n          searchTerm,\n          storeKey\n        })\n      : changeSelectedFilter({\n          filter: id,\n          isSearch: false,\n          searchTerm: null,\n          storeKey\n        });\n  };\n\n  const handleKeyDown = ({ key }) => {\n    if (key === 'Enter') {\n      searchTerm\n        ? changeSelectedFilter({\n            filter: selectedFilter.filter,\n            isSearch: true,\n            searchTerm: searchTerm.trim(),\n            storeKey\n          })\n        : changeSelectedFilter({\n            filter: selectedFilter.filter,\n            isSearch: false,\n            searchTerm: null,\n            storeKey\n          });\n    }\n  };\n\n  const onSelectFilter = ({ value }) => {\n    searchTerm\n      ? changeSelectedFilter({\n          filter: selectedFilter.filter,\n          isSearch: true,\n          searchTerm: searchTerm.trim(),\n          storeKey: value\n        })\n      : changeSelectedFilter({\n          filter: selectedFilter.filter,\n          isSearch: false,\n          searchTerm: null,\n          storeKey: value\n        });\n  };\n\n  const activeSegements = filters.reduce((acc, { id }, index) => {\n    acc[`active-${index}`] = active === id;\n    return acc;\n  }, {});\n  const activeBarSegment = classnames('filter-panel__barWrapper--active', activeSegements);\n  const storeOptions = (fileStores || []).map(type => [type.key, type.name]);\n\n  return (\n    <div className=\"filter-panel\">\n      <div className=\"filter-panel__wrapper\">\n        <ul className=\"filter-panel__list\">\n          {filters.map(\n            ({ label, id }) =>\n              selectedFilter.filter !== id ? (\n                <li key={label} className=\"filter-panel__list-item\">\n                  <a onClick={() => onChangeFilter(id)}>\n                    {label} ({data[id]})\n                  </a>\n                </li>\n              ) : (\n                <li key={label} className=\"filter-panel__list-item active\">\n                  {label} ({data[id]})\n                </li>\n              )\n          )}\n        </ul>\n        <div className=\"filter-panel__barWrapper\">\n          <div className={activeBarSegment} />\n        </div>\n      </div>\n      <div className=\"filter-panel__searchBarWrapper\">\n        <div className=\"select__wrapper\">\n          <Select\n            name=\"filter\"\n            defaultTextValue=\"Any\"\n            options={storeOptions}\n            onChange={onSelectFilter}\n            selected={selectedFilter.storeKey}\n          />\n        </div>\n        <SearchBar\n          search={() =>\n            changeSelectedFilter({\n              filter: selectedFilter.filter,\n              isSearch: true,\n              searchTerm,\n              storeKey: selectedFilter.storeKey\n            })\n          }\n          handleKeyDown={handleKeyDown}\n          searchTerm={searchTerm}\n          handleSearchTerm={handleSearchTerm}\n          placeholder=\"Search term here...\"\n          close={false}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default FilterPanel;\n"],"mappings":"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"}
+{"version":3,"file":"FilterPanel.js","names":["React","useState","useEffect","SearchBar","classnames","Select","useMediaContext","MediaContext","useFileList","FilterPanel","searchTerm","setSearchTerm","filters","selectedFilter","changeSelectedFilter","fileStores","queryParams","data","active","setActive","id","handleSearchTerm","target","value","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","key","trim","onSelectFilter","activeSegements","reduce","acc","index","activeBarSegment","storeOptions","map","type","name","createElement","className","label","onClick","defaultTextValue","options","onChange","selected","search","placeholder","close"],"sources":["../../../src/components/FilterPanel/FilterPanel.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useState, useEffect } from 'react';\nimport { SearchBar } from '@blaze-cms/plugin-search-ui';\nimport classnames from 'classnames';\nimport Select from '@blaze-react/select';\nimport { useMediaContext, MediaContext } from '../../utils/media-context';\nimport useFileList from '../FileList/useFileList';\n\nconst FilterPanel = () => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const { filters, selectedFilter, changeSelectedFilter, fileStores } =\n    useMediaContext(MediaContext);\n  const { queryParams, data } = useFileList();\n  const [active, setActive] = useState(filters[0].id);\n\n  useEffect(() => {\n    if (queryParams.searchTerm === null) {\n      setSearchTerm('');\n    }\n  }, [queryParams.searchTerm]);\n\n  const handleSearchTerm = ({ target: { value } }) => {\n    setSearchTerm(value);\n  };\n\n  const storeKey = selectedFilter.storeKey || '';\n\n  const onChangeFilter = id => {\n    setActive(id);\n    searchTerm\n      ? changeSelectedFilter({\n          filter: id,\n          isSearch: true,\n          searchTerm,\n          storeKey\n        })\n      : changeSelectedFilter({\n          filter: id,\n          isSearch: false,\n          searchTerm: null,\n          storeKey\n        });\n  };\n\n  const handleKeyDown = ({ key }) => {\n    if (key === 'Enter') {\n      searchTerm\n        ? changeSelectedFilter({\n            filter: selectedFilter.filter,\n            isSearch: true,\n            searchTerm: searchTerm.trim(),\n            storeKey\n          })\n        : changeSelectedFilter({\n            filter: selectedFilter.filter,\n            isSearch: false,\n            searchTerm: null,\n            storeKey\n          });\n    }\n  };\n\n  const onSelectFilter = ({ value }) => {\n    searchTerm\n      ? changeSelectedFilter({\n          filter: selectedFilter.filter,\n          isSearch: true,\n          searchTerm: searchTerm.trim(),\n          storeKey: value\n        })\n      : changeSelectedFilter({\n          filter: selectedFilter.filter,\n          isSearch: false,\n          searchTerm: null,\n          storeKey: value\n        });\n  };\n\n  const activeSegements = filters.reduce((acc, { id }, index) => {\n    acc[`active-${index}`] = active === id;\n    return acc;\n  }, {});\n  const activeBarSegment = classnames('filter-panel__barWrapper--active', activeSegements);\n  const storeOptions = (fileStores || []).map(type => [type.key, type.name]);\n\n  return (\n    <div className=\"filter-panel\">\n      <div className=\"filter-panel__wrapper\">\n        <ul className=\"filter-panel__list\">\n          {filters.map(({ label, id }) =>\n            selectedFilter.filter !== id ? (\n              <li key={label} className=\"filter-panel__list-item\">\n                <a onClick={() => onChangeFilter(id)}>\n                  {label} ({data[id]})\n                </a>\n              </li>\n            ) : (\n              <li key={label} className=\"filter-panel__list-item active\">\n                {label} ({data[id]})\n              </li>\n            )\n          )}\n        </ul>\n        <div className=\"filter-panel__barWrapper\">\n          <div className={activeBarSegment} />\n        </div>\n      </div>\n      <div className=\"filter-panel__searchBarWrapper\">\n        <div className=\"select__wrapper\">\n          <Select\n            name=\"filter\"\n            defaultTextValue=\"Any\"\n            options={storeOptions}\n            onChange={onSelectFilter}\n            selected={selectedFilter.storeKey}\n          />\n        </div>\n        <SearchBar\n          search={() =>\n            changeSelectedFilter({\n              filter: selectedFilter.filter,\n              isSearch: true,\n              searchTerm,\n              storeKey: selectedFilter.storeKey\n            })\n          }\n          handleKeyDown={handleKeyDown}\n          searchTerm={searchTerm}\n          handleSearchTerm={handleSearchTerm}\n          placeholder=\"Search term here...\"\n          close={false}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default FilterPanel;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/FilterPanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FilterPanel"],"sources":["../../../src/components/FilterPanel/index.js"],"sourcesContent":["import FilterPanel from './FilterPanel';\n\nexport default FilterPanel;\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,eAAe;AAEvC,eAAeA,WAAW"}
+{"version":3,"file":"index.js","names":["FilterPanel"],"sources":["../../../src/components/FilterPanel/index.js"],"sourcesContent":["import FilterPanel from './FilterPanel';\n\nexport default FilterPanel;\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,eAAe;AAEvC,eAAeA,WAAW","ignoreList":[]}

package/lib-es/components/ListingContainer/Listing/Listing.js

@@ -12,10 +12,15 @@ const Listing = ({
   getSelectedFiles,
   setDisplayFileUploadModal,
   closeModalAndSetValue,
-  simpleLayout
+  simpleLayout,
+  openEditInModal,
+  storeKey,
+  selectedStoreKey
 }) => /*#__PURE__*/React.createElement("div", {
   className: "page"
 }, displayFileUploadModal && /*#__PURE__*/React.createElement(FileUploadModal, {
+  selectedStoreKey: selectedStoreKey,
+  storeKey: storeKey,
   onClose: () => {
     handleDisplayFileUploadModal(false);
     setDisplayFileUploadModal(false);
@@ -30,7 +35,7 @@ const Listing = ({
   onClick: () => {
     handleDisplayFileUploadModal(true);
   }
-}, "Add"), /*#__PURE__*/React.createElement(More, {
+}, "Upload"), /*#__PURE__*/React.createElement(More, {
   displayBg: true
 }, /*#__PURE__*/React.createElement(More.Avatar, {
   isMoreMenu: true
@@ -40,19 +45,26 @@ const Listing = ({
   isMoreMenu: true
 })))), /*#__PURE__*/React.createElement("div", {
   className: "page__content page__content--with-side-panel"
-}, /*#__PURE__*/React.createElement(FilterPanel, null), /*#__PURE__*/React.createElement(MediaListing, null))));
+}, /*#__PURE__*/React.createElement(FilterPanel, null), /*#__PURE__*/React.createElement(MediaListing, {
+  openEditInModal: openEditInModal
+}))));
 Listing.propTypes = {
   getSelectedFiles: PropTypes.func.isRequired,
   handleDisplayFileUploadModal: PropTypes.func,
   simpleLayout: PropTypes.bool,
   setDisplayFileUploadModal: PropTypes.func.isRequired,
   displayFileUploadModal: PropTypes.bool.isRequired,
-  closeModalAndSetValue: PropTypes.func
+  closeModalAndSetValue: PropTypes.func,
+  openEditInModal: PropTypes.bool,
+  storeKey: PropTypes.string.isRequired,
+  selectedStoreKey: PropTypes.string
 };
 Listing.defaultProps = {
   closeModalAndSetValue: () => {},
   handleDisplayFileUploadModal: () => {},
-  simpleLayout: false
+  simpleLayout: false,
+  openEditInModal: false,
+  selectedStoreKey: null
 };
 export default Listing;
 //# sourceMappingURL=Listing.js.map

package/lib-es/components/ListingContainer/Listing/Listing.js.map

@@ -1 +1 @@
-{"version":3,"file":"Listing.js","names":["React","PageHeader","Button","More","PropTypes","FileUploadModal","MediaListing","FilterPanel","Listing","displayFileUploadModal","handleDisplayFileUploadModal","getSelectedFiles","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","createElement","className","onClose","Fragment","title","Actions","modifiers","onClick","displayBg","Avatar","isMoreMenu","Content","propTypes","func","isRequired","bool","defaultProps"],"sources":["../../../../src/components/ListingContainer/Listing/Listing.js"],"sourcesContent":["import React from 'react';\nimport { PageHeader } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport More from '@blaze-react/more';\nimport PropTypes from 'prop-types';\nimport FileUploadModal from '../../FileUploadModal';\nimport MediaListing from './MediaListing';\nimport FilterPanel from '../../FilterPanel';\n\nconst Listing = ({\n  displayFileUploadModal,\n  handleDisplayFileUploadModal,\n  getSelectedFiles,\n  setDisplayFileUploadModal,\n  closeModalAndSetValue,\n  simpleLayout\n}) => (\n  <div className=\"page\">\n    {displayFileUploadModal && (\n      <FileUploadModal\n        onClose={() => {\n          handleDisplayFileUploadModal(false);\n          setDisplayFileUploadModal(false);\n        }}\n        closeModalAndSetValue={closeModalAndSetValue}\n        simpleLayout={simpleLayout}\n        getSelectedFiles={getSelectedFiles}\n      />\n    )}\n    {!simpleLayout && (\n      <>\n        <PageHeader title=\"Media library\">\n          <PageHeader.Actions>\n            <Button\n              modifiers={['small']}\n              onClick={() => {\n                handleDisplayFileUploadModal(true);\n              }}>\n              Add\n            </Button>\n            <More displayBg>\n              <More.Avatar isMoreMenu>\n                <span className=\"material-icons\">more_vert</span>\n              </More.Avatar>\n              <More.Content isMoreMenu />\n            </More>\n          </PageHeader.Actions>\n        </PageHeader>\n        <div className=\"page__content page__content--with-side-panel\">\n          <FilterPanel />\n          <MediaListing />\n        </div>\n      </>\n    )}\n  </div>\n);\n\nListing.propTypes = {\n  getSelectedFiles: PropTypes.func.isRequired,\n  handleDisplayFileUploadModal: PropTypes.func,\n  simpleLayout: PropTypes.bool,\n  setDisplayFileUploadModal: PropTypes.func.isRequired,\n  displayFileUploadModal: PropTypes.bool.isRequired,\n  closeModalAndSetValue: PropTypes.func\n};\n\nListing.defaultProps = {\n  closeModalAndSetValue: () => {},\n  handleDisplayFileUploadModal: () => {},\n  simpleLayout: false\n};\n\nexport default Listing;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,IAAI,MAAM,mBAAmB;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,uBAAuB;AACnD,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,WAAW,MAAM,mBAAmB;AAE3C,MAAMC,OAAO,GAAGA,CAAC;EACfC,sBAAsB;EACtBC,4BAA4B;EAC5BC,gBAAgB;EAChBC,yBAAyB;EACzBC,qBAAqB;EACrBC;AACF,CAAC,kBACCd,KAAA,CAAAe,aAAA;EAAKC,SAAS,EAAC;AAAM,GAClBP,sBAAsB,iBACrBT,KAAA,CAAAe,aAAA,CAACV,eAAe;EACdY,OAAO,EAAEA,CAAA,KAAM;IACbP,4BAA4B,CAAC,KAAK,CAAC;IACnCE,yBAAyB,CAAC,KAAK,CAAC;EAClC,CAAE;EACFC,qBAAqB,EAAEA,qBAAsB;EAC7CC,YAAY,EAAEA,YAAa;EAC3BH,gBAAgB,EAAEA;AAAiB,CACpC,CACF,EACA,CAACG,YAAY,iBACZd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAkB,QAAA,qBACElB,KAAA,CAAAe,aAAA,CAACd,UAAU;EAACkB,KAAK,EAAC;AAAe,gBAC/BnB,KAAA,CAAAe,aAAA,CAACd,UAAU,CAACmB,OAAO,qBACjBpB,KAAA,CAAAe,aAAA,CAACb,MAAM;EACLmB,SAAS,EAAE,CAAC,OAAO,CAAE;EACrBC,OAAO,EAAEA,CAAA,KAAM;IACbZ,4BAA4B,CAAC,IAAI,CAAC;EACpC;AAAE,GAAC,KAEG,CAAC,eACTV,KAAA,CAAAe,aAAA,CAACZ,IAAI;EAACoB,SAAS;AAAA,gBACbvB,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACqB,MAAM;EAACC,UAAU;AAAA,gBACrBzB,KAAA,CAAAe,aAAA;EAAMC,SAAS,EAAC;AAAgB,GAAC,WAAe,CACrC,CAAC,eACdhB,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACuB,OAAO;EAACD,UAAU;AAAA,CAAE,CACtB,CACY,CACV,CAAC,eACbzB,KAAA,CAAAe,aAAA;EAAKC,SAAS,EAAC;AAA8C,gBAC3DhB,KAAA,CAAAe,aAAA,CAACR,WAAW,MAAE,CAAC,eACfP,KAAA,CAAAe,aAAA,CAACT,YAAY,MAAE,CACZ,CACL,CAED,CACN;AAEDE,OAAO,CAACmB,SAAS,GAAG;EAClBhB,gBAAgB,EAAEP,SAAS,CAACwB,IAAI,CAACC,UAAU;EAC3CnB,4BAA4B,EAAEN,SAAS,CAACwB,IAAI;EAC5Cd,YAAY,EAAEV,SAAS,CAAC0B,IAAI;EAC5BlB,yBAAyB,EAAER,SAAS,CAACwB,IAAI,CAACC,UAAU;EACpDpB,sBAAsB,EAAEL,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACjDhB,qBAAqB,EAAET,SAAS,CAACwB;AACnC,CAAC;AAEDpB,OAAO,CAACuB,YAAY,GAAG;EACrBlB,qBAAqB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC/BH,4BAA4B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACtCI,YAAY,EAAE;AAChB,CAAC;AAED,eAAeN,OAAO"}
+{"version":3,"file":"Listing.js","names":["React","PageHeader","Button","More","PropTypes","FileUploadModal","MediaListing","FilterPanel","Listing","displayFileUploadModal","handleDisplayFileUploadModal","getSelectedFiles","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","openEditInModal","storeKey","selectedStoreKey","createElement","className","onClose","Fragment","title","Actions","modifiers","onClick","displayBg","Avatar","isMoreMenu","Content","propTypes","func","isRequired","bool","string","defaultProps"],"sources":["../../../../src/components/ListingContainer/Listing/Listing.js"],"sourcesContent":["import React from 'react';\nimport { PageHeader } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport More from '@blaze-react/more';\nimport PropTypes from 'prop-types';\nimport FileUploadModal from '../../FileUploadModal';\nimport MediaListing from './MediaListing';\nimport FilterPanel from '../../FilterPanel';\n\nconst Listing = ({\n  displayFileUploadModal,\n  handleDisplayFileUploadModal,\n  getSelectedFiles,\n  setDisplayFileUploadModal,\n  closeModalAndSetValue,\n  simpleLayout,\n  openEditInModal,\n  storeKey,\n  selectedStoreKey\n}) => (\n  <div className=\"page\">\n    {displayFileUploadModal && (\n      <FileUploadModal\n        selectedStoreKey={selectedStoreKey}\n        storeKey={storeKey}\n        onClose={() => {\n          handleDisplayFileUploadModal(false);\n          setDisplayFileUploadModal(false);\n        }}\n        closeModalAndSetValue={closeModalAndSetValue}\n        simpleLayout={simpleLayout}\n        getSelectedFiles={getSelectedFiles}\n      />\n    )}\n    {!simpleLayout && (\n      <>\n        <PageHeader title=\"Media library\">\n          <PageHeader.Actions>\n            <Button\n              modifiers={['small']}\n              onClick={() => {\n                handleDisplayFileUploadModal(true);\n              }}>\n              Upload\n            </Button>\n            <More displayBg>\n              <More.Avatar isMoreMenu>\n                <span className=\"material-icons\">more_vert</span>\n              </More.Avatar>\n              <More.Content isMoreMenu />\n            </More>\n          </PageHeader.Actions>\n        </PageHeader>\n        <div className=\"page__content page__content--with-side-panel\">\n          <FilterPanel />\n          <MediaListing openEditInModal={openEditInModal} />\n        </div>\n      </>\n    )}\n  </div>\n);\n\nListing.propTypes = {\n  getSelectedFiles: PropTypes.func.isRequired,\n  handleDisplayFileUploadModal: PropTypes.func,\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.isRequired,\n  selectedStoreKey: PropTypes.string\n};\n\nListing.defaultProps = {\n  closeModalAndSetValue: () => {},\n  handleDisplayFileUploadModal: () => {},\n  simpleLayout: false,\n  openEditInModal: false,\n  selectedStoreKey: null\n};\n\nexport default Listing;\n"],"mappings":"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","ignoreList":[]}

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

@@ -16,7 +16,8 @@ const MediaFileList = ({
   setDisplayCardPrompt,
   displayLayout,
   wrapperRef,
-  modalTargetRef
+  modalTargetRef,
+  openEditInModal
 }) => {
   const [currentListIndex, setCurrentListIndex] = useState(1);
   const [verifiedRanges, setVerifiedRanges] = useState([]);
@@ -102,7 +103,9 @@ const MediaFileList = ({
         name,
         url,
         mimetype,
-        id
+        id,
+        data: fileData,
+        updated
       } = data.files[index];
       const isSelected = existPrevious(selectedFiles, id);
       return /*#__PURE__*/React.createElement("div", {
@@ -123,23 +126,28 @@ const MediaFileList = ({
         mimetype: mimetype,
         id: id,
         index: index,
-        removeFile: removeFile
+        removeFile: removeFile,
+        openEditInModal: openEditInModal,
+        data: fileData,
+        updated: updated
       }));
     }
   })), displayCardPrompt && /*#__PURE__*/React.createElement(CardPrompt, null, /*#__PURE__*/React.createElement(Button, {
     onClick: onClickPrompt,
     className: "button button--rounded button--cta"
-  }, "Add")));
+  }, "Upload")));
 };
 MediaFileList.propTypes = {
   setDisplayCardPrompt: PropTypes.func.isRequired,
   displayCardPrompt: PropTypes.bool,
   displayLayout: PropTypes.string.isRequired,
   wrapperRef: PropTypes.object.isRequired,
-  modalTargetRef: PropTypes.object.isRequired
+  modalTargetRef: PropTypes.object.isRequired,
+  openEditInModal: PropTypes.bool
 };
 MediaFileList.defaultProps = {
-  displayCardPrompt: true
+  displayCardPrompt: true,
+  openEditInModal: false
 };
 export default MediaFileList;
 //# sourceMappingURL=MediaFileList.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MediaFileList"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js"],"sourcesContent":["import MediaFileList from './MediaFileList';\n\nexport default MediaFileList;\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,iBAAiB;AAE3C,eAAeA,aAAa"}
+{"version":3,"file":"index.js","names":["MediaFileList"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js"],"sourcesContent":["import MediaFileList from './MediaFileList';\n\nexport default MediaFileList;\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,iBAAiB;AAE3C,eAAeA,aAAa","ignoreList":[]}

package/lib-es/components/ListingContainer/Listing/MediaListing/MediaListing.js

@@ -1,6 +1,9 @@
+import PropTypes from 'prop-types';
 import React, { useState, useRef } from 'react';
 import MediaFileList from './MediaFileList';
-const MediaListing = () => {
+const MediaListing = ({
+  openEditInModal
+}) => {
   const [displayCardPrompt, setDisplayCardPrompt] = useState(false);
   const mediaFileListWrapperRef = useRef();
   const modalTargetRef = useRef();
@@ -14,11 +17,17 @@ const MediaListing = () => {
     wrapperRef: mediaFileListWrapperRef,
     displayCardPrompt: displayCardPrompt,
     setDisplayCardPrompt: setDisplayCardPrompt,
-    displayLayout: "list"
+    displayLayout: "list",
+    openEditInModal: openEditInModal
   })), /*#__PURE__*/React.createElement("div", {
     ref: modalTargetRef
   }));
 };
-MediaListing.propTypes = {};
+MediaListing.propTypes = {
+  openEditInModal: PropTypes.bool
+};
+MediaListing.defaultProps = {
+  openEditInModal: false
+};
 export default MediaListing;
 //# sourceMappingURL=MediaListing.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MediaListing.js","names":["React","useState","useRef","MediaFileList","MediaListing","displayCardPrompt","setDisplayCardPrompt","mediaFileListWrapperRef","modalTargetRef","createElement","className","ref","wrapperRef","displayLayout","propTypes"],"sources":["../../../../../src/components/ListingContainer/Listing/MediaListing/MediaListing.js"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport MediaFileList from './MediaFileList';\n\nconst MediaListing = () => {\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        />\n      </div>\n      {/* render edit card modal outside of the virtual list */}\n      <div ref={modalTargetRef} />\n    </div>\n  );\n};\n\nMediaListing.propTypes = {};\n\nexport default MediaListing;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAC/C,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,MAAMC,YAAY,GAAGA,CAAA,KAAM;EACzB,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGL,QAAQ,CAAC,KAAK,CAAC;EACjE,MAAMM,uBAAuB,GAAGL,MAAM,CAAC,CAAC;EACxC,MAAMM,cAAc,GAAGN,MAAM,CAAC,CAAC;EAE/B,oBACEF,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrCV,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC,OAAO;IAACC,GAAG,EAAEJ;EAAwB,gBAClDP,KAAA,CAAAS,aAAA,CAACN,aAAa;IACZK,cAAc,EAAEA,cAAe;IAC/BI,UAAU,EAAEL,uBAAwB;IACpCF,iBAAiB,EAAEA,iBAAkB;IACrCC,oBAAoB,EAAEA,oBAAqB;IAC3CO,aAAa,EAAC;EAAM,CACrB,CACE,CAAC,eAENb,KAAA,CAAAS,aAAA;IAAKE,GAAG,EAAEH;EAAe,CAAE,CACxB,CAAC;AAEV,CAAC;AAEDJ,YAAY,CAACU,SAAS,GAAG,CAAC,CAAC;AAE3B,eAAeV,YAAY"}
+{"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":[]}

package/lib-es/components/ListingContainer/Listing/MediaListing/index.js.map

@@ -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"}
+{"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":[]}

package/lib-es/components/ListingContainer/Listing/index.js.map

@@ -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"}
+{"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":[]}