@akemona-org/strapi-plugin-upload 3.7.0 → 3.7.2

package/admin/src/components/VideoPreview/index.js

@@ -22,15 +22,8 @@ const EmptyPreview = styled.div`
 const VideoPreview = ({ hasIcon, previewUrl, src }) => {
   const { formatMessage } = useIntl();
   const [reducerState, dispatch] = useReducer(reducer, initialState);
-  const {
-    duration,
-    dataLoaded,
-    isHover,
-    metadataLoaded,
-    snapshot,
-    seeked,
-    isError,
-  } = reducerState.toJS();
+  const { duration, dataLoaded, isHover, metadataLoaded, snapshot, seeked, isError } =
+    reducerState.toJS();
 
   // Adapted from https://github.com/brothatru/react-video-thumbnail/blob/master/src/components/VideoThumbnail.js
   // And from https://github.com/soupette/poc-video-preview

package/admin/src/containers/HomePage/HomePageContent/index.js

@@ -23,13 +23,13 @@ const HomePageContent = ({
   const { search } = useLocation();
   const filters = generateFiltersFromSearch(search);
 
-  const hasSomeCheckboxSelected = data.some(item =>
-    dataToDelete.find(itemToDelete => item.id.toString() === itemToDelete.id.toString())
+  const hasSomeCheckboxSelected = data.some((item) =>
+    dataToDelete.find((itemToDelete) => item.id.toString() === itemToDelete.id.toString())
   );
 
   const areAllCheckboxesSelected =
-    data.every(item =>
-      dataToDelete.find(itemToDelete => item.id.toString() === itemToDelete.id.toString())
+    data.every((item) =>
+      dataToDelete.find((itemToDelete) => item.id.toString() === itemToDelete.id.toString())
     ) && hasSomeCheckboxSelected;
 
   const hasFilters = !isEmpty(filters);

package/admin/src/containers/HomePage/index.js

@@ -58,7 +58,7 @@ const HomePage = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [search]);
 
-  const deleteMedia = async id => {
+  const deleteMedia = async (id) => {
     const requestURL = getRequestUrl(`files/${id}`);
 
     try {
@@ -191,9 +191,9 @@ const HomePage = () => {
     push({ search: newSearch });
   };
 
-  const handleClickEditFile = id => {
+  const handleClickEditFile = (id) => {
     if (allowedActions.canUpdate) {
-      const file = formatFileForEditing(data.find(file => toString(file.id) === toString(id)));
+      const file = formatFileForEditing(data.find((file) => toString(file.id) === toString(id)));
 
       setFileToEdit(file);
       setModalInitialStep('edit');
@@ -202,15 +202,15 @@ const HomePage = () => {
   };
 
   const handleClickToggleModal = (refetch = false) => {
-    setIsModalOpen(prev => !prev);
+    setIsModalOpen((prev) => !prev);
     setShouldRefetch(refetch);
   };
 
   const handleClickTogglePopup = () => {
-    setIsPopupOpen(prev => !prev);
+    setIsPopupOpen((prev) => !prev);
   };
 
-  const handleDeleteFilter = index => {
+  const handleDeleteFilter = (index) => {
     const filters = generateFiltersFromSearch(search).filter(
       (filter, filterIndex) => filterIndex !== index
     );
@@ -226,7 +226,7 @@ const HomePage = () => {
     dispatch({ type: 'ON_DELETE_MEDIAS' });
 
     try {
-      await Promise.all(dataToDelete.map(item => deleteMedia(item.id)));
+      await Promise.all(dataToDelete.map((item) => deleteMedia(item.id)));
 
       dispatch({
         type: 'ON_DELETE_MEDIAS_SUCCEEDED',
@@ -296,7 +296,7 @@ const HomePage = () => {
         label: formatMessage({ id: 'app.utils.delete' }),
         onClick: () => setIsPopupOpen(true),
         type: 'button',
-        Component: buttonProps => {
+        Component: (buttonProps) => {
           if (!allowedActions.canUpdate) {
             return null;
           }
@@ -310,7 +310,7 @@ const HomePage = () => {
         label: formatMessage({ id: getTrad('header.actions.upload-assets') }),
         onClick: () => handleClickToggleModal(),
         type: 'button',
-        Component: buttonProps => {
+        Component: (buttonProps) => {
           if (!allowedActions.canCreate) {
             return null;
           }
@@ -321,7 +321,7 @@ const HomePage = () => {
     ],
   };
 
-  const handleRemoveFileFromDataToDelete = useCallback(id => {
+  const handleRemoveFileFromDataToDelete = useCallback((id) => {
     dispatch({
       type: 'ON_CHANGE_DATA_TO_DELETE',
       id,

package/admin/src/containers/HomePage/reducer.js

@@ -26,19 +26,19 @@ const reducer = (state, action) => {
       const { id } = action;
       const isSelected = state
         .get('dataToDelete')
-        .find(item => item.get('id').toString() === id.toString());
+        .find((item) => item.get('id').toString() === id.toString());
 
       if (!isSelected) {
-        const item = state.get('data').find(item => item.get('id').toString() === id.toString());
+        const item = state.get('data').find((item) => item.get('id').toString() === id.toString());
 
-        return state.update('dataToDelete', dataToDelete => {
+        return state.update('dataToDelete', (dataToDelete) => {
           return dataToDelete.push(item);
         });
       }
 
       const index = state
         .get('dataToDelete')
-        .findIndex(item => item.get('id').toString() === id.toString());
+        .findIndex((item) => item.get('id').toString() === id.toString());
 
       return state.removeIn(['dataToDelete', index]);
     }
@@ -63,16 +63,18 @@ const reducer = (state, action) => {
         .update('showModalConfirmButtonLoading', () => false);
     }
     case 'TOGGLE_SELECT_ALL': {
-      const isSelected = state.get('data').every(item => state.get('dataToDelete').includes(item));
+      const isSelected = state
+        .get('data')
+        .every((item) => state.get('dataToDelete').includes(item));
 
       if (isSelected) {
-        return state.update('dataToDelete', dataToDelete =>
-          dataToDelete.filter(item => !state.get('data').includes(item))
+        return state.update('dataToDelete', (dataToDelete) =>
+          dataToDelete.filter((item) => !state.get('data').includes(item))
         );
       }
 
-      return state.update('dataToDelete', dataToDelete => {
-        const newItems = state.get('data').filter(item => {
+      return state.update('dataToDelete', (dataToDelete) => {
+        const newItems = state.get('data').filter((item) => {
           return !state.get('dataToDelete').includes(item);
         });
 

package/admin/src/containers/HomePage/utils/generateParamsFromQuery.js

@@ -1,4 +1,4 @@
-const generateParamsFromQuery = query => {
+const generateParamsFromQuery = (query) => {
   const params = {
     _limit: 10,
     _start: 0,

package/admin/src/containers/HomePage/utils/generateStringFromParams.js

@@ -6,10 +6,10 @@ const generateStringFromParams = (query, paramsToFilter = []) => {
   const paramsObject = generateParamsFromQuery(query);
 
   Object.keys(paramsObject)
-    .filter(key => {
+    .filter((key) => {
       return !paramsToFilter.includes(key) && !isEmpty(toString(paramsObject[key]));
     })
-    .forEach(key => {
+    .forEach((key) => {
       const value = paramsObject[key];
 
       if (key.includes('mime') && value === 'file') {

package/admin/src/containers/HomePage/utils/getHeaderLabel.js

@@ -1,4 +1,4 @@
-const getHeaderLabel = count => {
+const getHeaderLabel = (count) => {
   let headerLabel = 'header.content.assets-single';
 
   if (count === 0) {

package/admin/src/containers/Initializer/index.js

@@ -19,7 +19,7 @@ const Initializer = ({ updatePlugin }) => {
 
       try {
         const { data } = await request(requestURL, { method: 'GET' });
-        const fileModel = data.find(model => model.uid === 'plugins::upload.file');
+        const fileModel = data.find((model) => model.uid === 'plugins::upload.file');
 
         ref.current(pluginId, 'fileModel', fileModel);
         ref.current(pluginId, 'isReady', true);

package/admin/src/containers/InputModalStepper/InputModalStepper.js

@@ -148,7 +148,7 @@ const InputModalStepper = ({
     toggleModalWarning();
   };
 
-  const handleClickDeleteFileToUpload = fileIndex => {
+  const handleClickDeleteFileToUpload = (fileIndex) => {
     handleRemoveFileToUpload(fileIndex);
 
     if (currentStep === 'edit-new') {
@@ -174,13 +174,13 @@ const InputModalStepper = ({
     goBack();
   };
 
-  const handleSubmitEditNewFile = e => {
+  const handleSubmitEditNewFile = (e) => {
     e.preventDefault();
     submitEditNewFile();
     goNext();
   };
 
-  const handleSubmit = e => {
+  const handleSubmit = (e) => {
     e.preventDefault();
     onInputMediaChange(multiple ? selectedFiles : selectedFiles[0]);
     goNext();
@@ -320,7 +320,9 @@ const InputModalStepper = ({
   };
 
   const shouldDisplayNextButton = currentStep === 'browse' && displayNextButton;
-  const isFinishButtonDisabled = filesToUpload.some(file => file.isDownloading || file.isUploading);
+  const isFinishButtonDisabled = filesToUpload.some(
+    (file) => file.isDownloading || file.isUploading
+  );
   const areButtonsDisabledOnEditExistingFile =
     currentStep === 'edit' && fileToEdit.isUploading === true;
 

package/admin/src/containers/InputModalStepper/Search.js

@@ -22,7 +22,7 @@ const Search = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [debouncedSearch, canRead]);
 
-  const handleSearchChange = e => {
+  const handleSearchChange = (e) => {
     setValue(e.target.value);
   };
 

package/admin/src/containers/InputModalStepper/index.js

@@ -23,7 +23,7 @@ const InputModal = ({
   selectedFiles,
   step,
 }) => {
-  const singularTypes = allowedTypes.map(type => type.substring(0, type.length - 1));
+  const singularTypes = allowedTypes.map((type) => type.substring(0, type.length - 1));
   const permissions = React.useMemo(() => omit(pluginPermissions, 'main'), []);
   const { allowedActions, isLoading } = useUserPermissions(permissions);
 

package/admin/src/containers/InputModalStepperProvider/index.js

@@ -41,7 +41,7 @@ const InputModalStepperProvider = ({
   const { formatMessage } = useIntl();
   const { emitEvent, plugins } = useGlobalContext();
   const [, updated_at] = getFileModelTimestamps(plugins);
-  const [reducerState, dispatch] = useReducer(reducer, initialState, state =>
+  const [reducerState, dispatch] = useReducer(reducer, initialState, (state) =>
     init({
       ...state,
       allowedTypes,
@@ -81,7 +81,7 @@ const InputModalStepperProvider = ({
 
     try {
       await Promise.all(
-        files.map(file => {
+        files.map((file) => {
           const { source } = file;
 
           return axios
@@ -102,7 +102,7 @@ const InputModalStepperProvider = ({
                 fileTempId: file.tempId,
               });
             })
-            .catch(err => {
+            .catch((err) => {
               console.error('fetch file error', err);
 
               dispatch({
@@ -118,14 +118,14 @@ const InputModalStepperProvider = ({
     }
   };
 
-  const handleRemoveFileToUpload = fileIndex => {
+  const handleRemoveFileToUpload = (fileIndex) => {
     dispatch({
       type: 'REMOVE_FILE_TO_UPLOAD',
       fileIndex,
     });
   };
 
-  const handleModalTabChange = to => {
+  const handleModalTabChange = (to) => {
     dispatch({
       type: 'ON_CHANGE_MODAL_TAB',
       to,
@@ -135,7 +135,7 @@ const InputModalStepperProvider = ({
   const handleClickNextButton = async () => {
     try {
       await urlSchema.validate(
-        { filesToDownload: filesToDownload.filter(url => !isEmpty(url)) },
+        { filesToDownload: filesToDownload.filter((url) => !isEmpty(url)) },
         { abortEarly: false }
       );
 
@@ -196,7 +196,7 @@ const InputModalStepperProvider = ({
     });
   };
 
-  const handleEditExistingFile = file => {
+  const handleEditExistingFile = (file) => {
     dispatch({
       type: 'EDIT_EXISTING_FILE',
       file,
@@ -209,7 +209,7 @@ const InputModalStepperProvider = ({
     });
   };
 
-  const removeFilter = index => {
+  const removeFilter = (index) => {
     dispatch({
       type: 'REMOVE_FILTER',
       filterToRemove: index,
@@ -239,21 +239,21 @@ const InputModalStepperProvider = ({
     });
   };
 
-  const setParam = param => {
+  const setParam = (param) => {
     dispatch({
       type: 'SET_PARAM',
       param,
     });
   };
 
-  const goTo = to => {
+  const goTo = (to) => {
     dispatch({
       type: 'GO_TO',
       to,
     });
   };
 
-  const handleGoToEditNewFile = fileIndex => {
+  const handleGoToEditNewFile = (fileIndex) => {
     dispatch({
       type: 'SET_NEW_FILE_TO_EDIT',
       fileIndex,
@@ -262,7 +262,7 @@ const InputModalStepperProvider = ({
     goTo('edit-new');
   };
 
-  const handleGoToEditFile = fileId => {
+  const handleGoToEditFile = (fileId) => {
     dispatch({
       type: 'SET_FILE_TO_EDIT',
       fileId,
@@ -277,7 +277,7 @@ const InputModalStepperProvider = ({
     });
   };
 
-  const handleSetCropResult = blob => {
+  const handleSetCropResult = (blob) => {
     // Emit event : the user cropped a file that is not uploaded
     emitEvent('didCropFile', { duplicatedFile: null, location: 'content-manager' });
 
@@ -287,7 +287,7 @@ const InputModalStepperProvider = ({
     });
   };
 
-  const handleFormDisabled = isFormDisabled => {
+  const handleFormDisabled = (isFormDisabled) => {
     dispatch({
       type: 'SET_FORM_DISABLED',
       isFormDisabled,
@@ -304,7 +304,7 @@ const InputModalStepperProvider = ({
     });
   };
 
-  const handleCancelFileToUpload = fileIndex => {
+  const handleCancelFileToUpload = (fileIndex) => {
     const fileToCancel = get(filesToUpload, fileIndex, {});
 
     const { source } = fileToCancel;
@@ -392,7 +392,7 @@ const InputModalStepperProvider = ({
     });
   };
 
-  const handleSetFileToEditError = errorMessage => {
+  const handleSetFileToEditError = (errorMessage) => {
     dispatch({
       type: 'SET_FILE_TO_EDIT_ERROR',
       errorMessage,
@@ -430,7 +430,7 @@ const InputModalStepperProvider = ({
             false
           );
 
-          const filesToSelect = uploadedFile.filter(file => {
+          const filesToSelect = uploadedFile.filter((file) => {
             const fileType = file.mime.split('/')[0];
 
             if (allowedTypes.includes('file') && !['video', 'image'].includes(fileType)) {

package/admin/src/containers/InputModalStepperProvider/init.js

@@ -1,4 +1,4 @@
-const init = initialState => {
+const init = (initialState) => {
   return initialState;
 };
 

package/admin/src/containers/InputModalStepperProvider/reducer.js

@@ -30,7 +30,7 @@ const initialState = {
 
 const reducer = (state, action) =>
   // eslint-disable-next-line consistent-return
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       case 'ADD_FILES_TO_UPLOAD': {
         draftState.filesToUpload = [
@@ -74,7 +74,7 @@ const reducer = (state, action) =>
       }
       case 'EDIT_EXISTING_FILE': {
         const index = draftState.selectedFiles.findIndex(
-          selectedFile => selectedFile.id === action.file.id
+          (selectedFile) => selectedFile.id === action.file.id
         );
 
         if (index !== -1) {
@@ -83,7 +83,7 @@ const reducer = (state, action) =>
         break;
       }
       case 'FILE_DOWNLOADED': {
-        const index = state.filesToUpload.findIndex(file => file.tempId === action.fileTempId);
+        const index = state.filesToUpload.findIndex((file) => file.tempId === action.fileTempId);
 
         draftState.filesToUpload[index] = {
           ...draftState.filesToUpload[index],
@@ -130,19 +130,19 @@ const reducer = (state, action) =>
       case 'ON_FILE_SELECTION': {
         const { id } = action;
         const stringId = toString(id);
-        const fileIndex = state.selectedFiles.findIndex(file => toString(file.id) === stringId);
+        const fileIndex = state.selectedFiles.findIndex((file) => toString(file.id) === stringId);
 
         if (fileIndex !== -1) {
           draftState.selectedFiles.splice(fileIndex, 1);
           break;
         }
-        const fileToStore = state.files.find(file => file.id.toString() === stringId);
+        const fileToStore = state.files.find((file) => file.id.toString() === stringId);
 
         if (fileToStore) {
           draftState.selectedFiles.push(fileToStore);
         }
         // Clean
-        draftState.selectedFiles = draftState.selectedFiles.filter(file => file && file.id);
+        draftState.selectedFiles = draftState.selectedFiles.filter((file) => file && file.id);
         break;
       }
       case 'ON_SUBMIT_EDIT_NEW_FILE': {
@@ -167,7 +167,7 @@ const reducer = (state, action) =>
         }
 
         const index = draftState.filesToUpload.findIndex(
-          fileToUpload => fileToUpload.originalIndex === action.fileIndex
+          (fileToUpload) => fileToUpload.originalIndex === action.fileIndex
         );
         draftState.filesToUpload.splice(index, 1);
         break;
@@ -204,7 +204,7 @@ const reducer = (state, action) =>
         break;
       }
       case 'SET_FILE_TO_DOWNLOAD_ERROR': {
-        const index = state.filesToUpload.findIndex(file => file.tempId === action.fileTempId);
+        const index = state.filesToUpload.findIndex((file) => file.tempId === action.fileTempId);
 
         draftState.filesToUpload[index] = {
           ...draftState.filesToUpload[index],
@@ -218,7 +218,7 @@ const reducer = (state, action) =>
       case 'SET_FILE_TO_EDIT': {
         draftState.fileToEdit = formatFileForEditing(
           [...state.files, ...state.selectedFiles].find(
-            file => file.id.toString() === action.fileId.toString()
+            (file) => file.id.toString() === action.fileId.toString()
           )
         );
         break;
@@ -276,7 +276,7 @@ const reducer = (state, action) =>
       case 'TOGGLE_SELECT_ALL': {
         const allowedFiles =
           state.allowedTypes.length > 0
-            ? state.files.filter(file => state.allowedTypes.includes(getType(file.mime)))
+            ? state.files.filter((file) => state.allowedTypes.includes(getType(file.mime)))
             : state.files;
         const comparator = (first, second) => first.id === second.id;
         const isSelected =

package/admin/src/containers/ModalStepper/index.js

@@ -30,9 +30,8 @@ const ModalStepper = ({
   const [displayNextButton, setDisplayNextButton] = useState(false);
   const [reducerState, dispatch] = useReducer(reducer, initialState, init);
   const { currentStep, fileToEdit, filesToDownload, filesToUpload } = reducerState.toJS();
-  const { Component, components, headerBreadcrumbs, next, prev, withBackButton } = stepper[
-    currentStep
-  ];
+  const { Component, components, headerBreadcrumbs, next, prev, withBackButton } =
+    stepper[currentStep];
   const filesToUploadLength = filesToUpload.length;
   const toggleRef = useRef(onToggle);
   const editModalRef = useRef();
@@ -89,7 +88,7 @@ const ModalStepper = ({
 
     try {
       await Promise.all(
-        files.map(file => {
+        files.map((file) => {
           const { source } = file;
 
           return axios
@@ -111,7 +110,7 @@ const ModalStepper = ({
                 fileTempId: file.tempId,
               });
             })
-            .catch(err => {
+            .catch((err) => {
               console.error('fetch file error', err);
 
               dispatch({
@@ -137,8 +136,8 @@ const ModalStepper = ({
     });
   };
 
-  const handleCancelFileToUpload = fileOriginalIndex => {
-    const fileToCancel = filesToUpload.find(file => file.originalIndex === fileOriginalIndex);
+  const handleCancelFileToUpload = (fileOriginalIndex) => {
+    const fileToCancel = filesToUpload.find((file) => file.originalIndex === fileOriginalIndex);
     const { source } = fileToCancel;
 
     // Cancel
@@ -206,7 +205,7 @@ const ModalStepper = ({
   const handleClickNextButton = async () => {
     try {
       await urlSchema.validate(
-        { filesToDownload: filesToDownload.filter(url => !isEmpty(url)) },
+        { filesToDownload: filesToDownload.filter((url) => !isEmpty(url)) },
         { abortEarly: false }
       );
 
@@ -227,7 +226,7 @@ const ModalStepper = ({
     toggleModalWarning();
   };
 
-  const handleClickDeleteFileToUpload = fileIndex => {
+  const handleClickDeleteFileToUpload = (fileIndex) => {
     dispatch({
       type: 'REMOVE_FILE_TO_UPLOAD',
       fileIndex,
@@ -260,7 +259,7 @@ const ModalStepper = ({
     onToggle(shouldRefetch);
   };
 
-  const handleGoToEditNewFile = fileIndex => {
+  const handleGoToEditNewFile = (fileIndex) => {
     dispatch({
       type: 'SET_FILE_TO_EDIT',
       fileIndex,
@@ -277,7 +276,7 @@ const ModalStepper = ({
     goBack();
   };
 
-  const handleSetCropResult = blob => {
+  const handleSetCropResult = (blob) => {
     // Emit event : the user cropped a file that is not uploaded
     emitEvent('didCropFile', { duplicatedFile: null, location: 'upload' });
 
@@ -287,7 +286,7 @@ const ModalStepper = ({
     });
   };
 
-  const handleSubmitEditNewFile = e => {
+  const handleSubmitEditNewFile = (e) => {
     e.preventDefault();
 
     dispatch({
@@ -476,7 +475,7 @@ const ModalStepper = ({
     goTo(next);
   };
 
-  const goTo = to => {
+  const goTo = (to) => {
     dispatch({
       type: 'GO_TO',
       to,
@@ -484,11 +483,13 @@ const ModalStepper = ({
   };
 
   const toggleModalWarning = () => {
-    setIsWarningDeleteOpen(prev => !prev);
+    setIsWarningDeleteOpen((prev) => !prev);
   };
 
   const shouldDisplayNextButton = currentStep === 'browse' && displayNextButton;
-  const isFinishButtonDisabled = filesToUpload.some(file => file.isDownloading || file.isUploading);
+  const isFinishButtonDisabled = filesToUpload.some(
+    (file) => file.isDownloading || file.isUploading
+  );
   const areButtonsDisabledOnEditExistingFile =
     currentStep === 'edit' && fileToEdit.isUploading === true;
 

package/admin/src/containers/ModalStepper/init.js

@@ -1,4 +1,4 @@
-const init = initialState => {
+const init = (initialState) => {
   return initialState;
 };