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

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

@@ -45,7 +45,7 @@ const BrowseAssets = () => {
     }
   };
 
-  const handleDeleteFilter = index => {
+  const handleDeleteFilter = (index) => {
     removeFilter(index);
   };
 
@@ -61,7 +61,7 @@ const BrowseAssets = () => {
     handleListCardClick(name);
   };
 
-  const handleListCardClick = id => {
+  const handleListCardClick = (id) => {
     if (!canSelectFile && id !== selectedFiles[0].id) {
       handleFileSelection({
         target: {
@@ -81,7 +81,7 @@ const BrowseAssets = () => {
   /* eslint-disable react/jsx-indent */
   const renderCardControl = noNavigation
     ? null
-    : id => {
+    : (id) => {
         if (!allowedActions.canUpdate) {
           return null;
         }
@@ -92,7 +92,7 @@ const BrowseAssets = () => {
             title="edit"
             color="#9EA7B8"
             type="pencil"
-            onClick={e => {
+            onClick={(e) => {
               e.stopPropagation();
               handleGoToEditFile(id);
             }}
@@ -108,14 +108,14 @@ const BrowseAssets = () => {
     _page: generatePageFromStart(start, limit),
   };
 
-  const hasSomeCheckboxSelected = files.some(file =>
-    selectedFiles.find(selectedFile => file.id === selectedFile.id)
+  const hasSomeCheckboxSelected = files.some((file) =>
+    selectedFiles.find((selectedFile) => file.id === selectedFile.id)
   );
   const areAllCheckboxesSelected =
-    files.every(file => selectedFiles.find(selectedFile => file.id === selectedFile.id)) &&
+    files.every((file) => selectedFiles.find((selectedFile) => file.id === selectedFile.id)) &&
     hasSomeCheckboxSelected;
 
-  const hasFilters = !isEmpty(params.filters.filter(filter => !filter.isDisabled));
+  const hasFilters = !isEmpty(params.filters.filter((filter) => !filter.isDisabled));
   const hasSearch = !isEmpty(params._q);
   const areResultsEmptyWithSearchOrFilters = isEmpty(files) && (hasSearch || hasFilters);
 

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

@@ -53,7 +53,7 @@ const Card = ({
   };
 
   const handleTooltipToggle = () => {
-    setDisplayTooltip(prev => !prev);
+    setDisplayTooltip((prev) => !prev);
   };
 
   return (

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

@@ -14,7 +14,7 @@ const CardControl = ({ title, color, onClick, small, type, iconStyle }) => {
   const [tooltipIsDisplayed, setTooltipIsDisplayed] = useState(false);
 
   const handleToggleTooltip = () => {
-    setTooltipIsDisplayed(prev => !prev);
+    setTooltipIsDisplayed((prev) => !prev);
   };
 
   return (

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

@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { Text } from '@buffetjs/core';
 
-const ErrorMessage = styled(props => <Text {...props} color="orange" fontSize="md" ellipsis />)`
+const ErrorMessage = styled((props) => <Text {...props} color="orange" fontSize="md" ellipsis />)`
   margin-top: 3px;
 `;
 

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

@@ -31,7 +31,7 @@ const CardImgWrapper = styled.div`
   }
 
   ${({ checked }) =>
-  checked &&
+    checked &&
     `
       .card-control-wrapper:not(.card-control-wrapper-hidden) {
         display: flex;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { Text } from '@buffetjs/core';
 
-const Title = styled(props => (
+const Title = styled((props) => (
   <Text {...props} fontSize="md" fontWeight="bold" color="black" ellipsis />
 ))`
   width: 100%;

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

@@ -19,20 +19,20 @@ const CheckControl = ({ title, onSubmitEdit }) => {
 
   useClickAwayListener(dropdownRef, () => setIsOpen(false));
 
-  const handleClick = e => {
+  const handleClick = (e) => {
     e.persist();
     setIsOpen(false);
     onSubmitEdit(e);
   };
 
-  const handleClickDuplicate = e => {
+  const handleClickDuplicate = (e) => {
     e.persist();
     setIsOpen(false);
     onSubmitEdit(e, true);
   };
 
   const handleToggle = () => {
-    setIsOpen(v => !v);
+    setIsOpen((v) => !v);
   };
 
   return (

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

@@ -24,7 +24,7 @@ function getItemStyles(initialOffset, currentOffset, mouseOffset) {
 
 const DragLayer = () => {
   const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = useDragLayer(
-    monitor => ({
+    (monitor) => ({
       item: monitor.getItem(),
       itemType: monitor.getItemType(),
       initialOffset: monitor.getInitialSourceClientOffset(),

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

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { themePropTypes } from 'strapi-helper-plugin';
 import { Text } from '@buffetjs/core';
 
-const DropdownButton = styled(props => (
+const DropdownButton = styled((props) => (
   <Text
     as="button"
     fontWeight="semiBold"

package/admin/src/components/Duration/utils/formatDuration.js

@@ -1,6 +1,6 @@
 import moment from 'moment';
 
-const formatDuration = seconds => {
+const formatDuration = (seconds) => {
   const duration = moment('1900-01-01 00:00:00').add(seconds, 'seconds');
 
   if (seconds >= 3600) {

package/admin/src/components/EditForm/FileDetailsBox.js

@@ -56,7 +56,7 @@ const FileDetailsBox = ({ file }) => {
 
         return (
           <Flex justifyContent="space-between" key={key}>
-            {rows.map(rowItem => {
+            {rows.map((rowItem) => {
               return (
                 <div key={rowItem.label} style={{ width: '50%' }}>
                   <Text color="grey" fontWeight="bold" textTransform="capitalize" lineHeight="18px">

package/admin/src/components/EditForm/SizeBox.js

@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { Text } from '@buffetjs/core';
 
-const SizeBox = styled(props => <Text {...props} fontSize="md" color="white" as="div" />)`
+const SizeBox = styled((props) => <Text {...props} fontSize="md" color="white" as="div" />)`
   position: absolute;
   bottom: 0;
   right: 0;

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

@@ -125,7 +125,7 @@ const EditForm = forwardRef(
     };
 
     const handleToggleCropMode = () => {
-      setIsCropping(prev => {
+      setIsCropping((prev) => {
         if (!prev && isEditingUploadedFile) {
           toggleDisableForm(true);
         }
@@ -154,7 +154,7 @@ const EditForm = forwardRef(
           const canvas = cropper.current.getCroppedCanvas();
 
           canvas.toBlob(
-            async blob => {
+            async (blob) => {
               const {
                 file: { lastModifiedDate, lastModified, name },
               } = fileToEdit;
@@ -212,12 +212,12 @@ const EditForm = forwardRef(
 
           aRef.current.click();
         })
-        .catch(err => {
+        .catch((err) => {
           console.error(err);
         });
     };
 
-    const handleSubmit = e => {
+    const handleSubmit = (e) => {
       e.preventDefault();
 
       onSubmitEdit(e);
@@ -340,7 +340,7 @@ const EditForm = forwardRef(
                   {form.map(({ key, inputs }) => {
                     return (
                       <Row key={key}>
-                        {inputs.map(input => {
+                        {inputs.map((input) => {
                           return (
                             <div className="col-12" key={input.name}>
                               <Inputs
@@ -402,7 +402,7 @@ EditForm.defaultProps = {
   onAbortUpload: () => {},
   onChange: () => {},
   onClickDeleteFileToUpload: () => {},
-  onSubmitEdit: e => e.preventDefault(),
+  onSubmitEdit: (e) => e.preventDefault(),
   setCropResult: () => {},
   toggleDisableForm: () => {},
 };

package/admin/src/components/EditForm/utils/isImageType.js

@@ -1,3 +1,3 @@
-const isImageType = mimeType => mimeType.includes('image');
+const isImageType = (mimeType) => mimeType.includes('image');
 
 export default isImageType;

package/admin/src/components/EditForm/utils/isVideoType.js

@@ -1,3 +1,3 @@
-const isVideoType = mimeType => mimeType.includes('video');
+const isVideoType = (mimeType) => mimeType.includes('video');
 
 export default isVideoType;

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

@@ -13,7 +13,7 @@ import extensions from './utils/extensions.json';
 import Wrapper from './Wrapper';
 
 const FileIcon = ({ ext }) => {
-  const iconName = Object.keys(extensions).find(key => extensions[key].includes(ext)) || 'alt';
+  const iconName = Object.keys(extensions).find((key) => extensions[key].includes(ext)) || 'alt';
 
   return (
     <Wrapper type="file" colored={iconName === 'pdf'}>

package/admin/src/components/FiltersList/utils/formatFilter.js

@@ -2,7 +2,7 @@ import moment from 'moment';
 import { dateFormats, dateToUtcTime } from 'strapi-helper-plugin';
 import { formatBytes } from '../../../utils';
 
-const formatFilter = filterToFormat => {
+const formatFilter = (filterToFormat) => {
   const { name, filter, value } = filterToFormat;
 
   // Size filter - Convert bites to human-readable format

package/admin/src/components/FiltersPicker/FiltersCard/FilterInput.js

@@ -9,7 +9,7 @@ import { InputText, Select } from '@buffetjs/core';
 import { DateTime } from '@buffetjs/custom';
 import SizeInput from './SizeInput';
 
-const getInputType = type => {
+const getInputType = (type) => {
   switch (type) {
     case 'datetime':
       return DateTime;

package/admin/src/components/FiltersPicker/FiltersCard/index.js

@@ -42,13 +42,13 @@ const FiltersCard = ({ onChange }) => {
   const renderFiltersOptions = () => {
     return filtersOptions.map(({ id, value }) => (
       <FormattedMessage id={id} key={id}>
-        {msg => <option value={value}>{msg}</option>}
+        {(msg) => <option value={value}>{msg}</option>}
       </FormattedMessage>
     ));
   };
 
   const renderNamesOptions = () => {
-    return Object.keys(filtersForm).map(key => {
+    return Object.keys(filtersForm).map((key) => {
       return (
         <option key={key} value={key}>
           {key === 'mime' ? 'type' : key}

package/admin/src/components/FiltersPicker/FiltersCard/init.js

@@ -3,7 +3,7 @@ const init = (initialState, timestamps) => {
 
   return initialState
     .update('name', () => created_at)
-    .updateIn(['filtersForm'], object => {
+    .updateIn(['filtersForm'], (object) => {
       return object.keySeq().reduce((acc, current) => {
         if (current === 'created_at' && created_at !== 'created_at') {
           return acc.set(created_at, object.get('created_at')).remove('created_at');

package/admin/src/components/FiltersPicker/FiltersCard/reducer.js

@@ -30,13 +30,7 @@ function reducer(state, action) {
     }
     case 'RESET_FORM':
       return initialState
-        .set(
-          'name',
-          state
-            .get('filtersForm')
-            .keySeq()
-            .first()
-        )
+        .set('name', state.get('filtersForm').keySeq().first())
         .update('filtersForm', () => state.get('filtersForm'));
     default:
       return state;

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

@@ -20,9 +20,9 @@ const FiltersPicker = ({ onChange }) => {
           <FormattedMessage id="app.utils.filters" />
         </>
       )}
-      renderSectionContent={onToggle => (
+      renderSectionContent={(onToggle) => (
         <FiltersCard
-          onChange={e => {
+          onChange={(e) => {
             handleChange(e);
             onToggle();
           }}

package/admin/src/components/FiltersPicker/utils/formatFilter.js

@@ -1,7 +1,7 @@
 import moment from 'moment';
 import { unformatBytes } from '../../../utils';
 
-const formatFilter = filter => {
+const formatFilter = (filter) => {
   const { name, value } = filter;
 
   if (value._isAMomentObject === true) {

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

@@ -13,7 +13,7 @@ const InputFileModal = ({ name, onChange }) => {
   const { formatMessage } = useGlobalContext();
   const ref = createRef();
 
-  const handleAllowDrop = e => e.preventDefault();
+  const handleAllowDrop = (e) => e.preventDefault();
 
   const handleChange = ({ target: { files } }) => {
     onChange({ target: { name, value: files } });
@@ -31,7 +31,7 @@ const InputFileModal = ({ name, onChange }) => {
     setIsDragging(false);
   };
 
-  const handleDrop = e => {
+  const handleDrop = (e) => {
     e.preventDefault();
 
     setIsDragging(false);

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

@@ -55,7 +55,7 @@ const InputMedia = ({
 
   const handleClickToggleModal = () => {
     if (!disabled) {
-      setModal(prev => ({
+      setModal((prev) => ({
         isDisplayed: true,
         step: 'list',
         isOpen: !prev.isOpen,
@@ -64,13 +64,13 @@ const InputMedia = ({
     }
   };
 
-  const handleClosed = () => setModal(prev => ({ ...prev, isDisplayed: false }));
+  const handleClosed = () => setModal((prev) => ({ ...prev, isDisplayed: false }));
 
-  const handleChange = v => {
+  const handleChange = (v) => {
     onChange({ target: { name, type, value: v } });
   };
 
-  const handleFilesNavigation = displayNext => {
+  const handleFilesNavigation = (displayNext) => {
     if (attribute.multiple) {
       if (displayNext && fileToDisplay === value.length - 1) {
         setFileToDisplay(0);
@@ -81,7 +81,7 @@ const InputMedia = ({
       if (!displayNext && fileToDisplay === 0) {
         setFileToDisplay(value.length - 1);
       } else {
-        setFileToDisplay(prev => (displayNext ? prev + 1 : prev - 1));
+        setFileToDisplay((prev) => (displayNext ? prev + 1 : prev - 1));
       }
     }
   };
@@ -114,9 +114,9 @@ const InputMedia = ({
     });
   };
 
-  const handleAllowDrop = e => e.preventDefault();
+  const handleAllowDrop = (e) => e.preventDefault();
 
-  const handleDrop = e => {
+  const handleDrop = (e) => {
     e.preventDefault();
     e.persist();
 

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

@@ -6,7 +6,7 @@ import { Text } from '@buffetjs/core';
 
 const IntlText = ({ id, defaultMessage, values, ...textProps }) => (
   <FormattedMessage id={id} defaultMessage={defaultMessage} values={values}>
-    {msg => <Text {...textProps}>{msg}</Text>}
+    {(msg) => <Text {...textProps}>{msg}</Text>}
   </FormattedMessage>
 );
 

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

@@ -24,7 +24,7 @@ const List = ({
 }) => {
   const selectedAssets = selectedItems.length;
 
-  const handleCheckboxClick = e => {
+  const handleCheckboxClick = (e) => {
     e.stopPropagation();
   };
 
@@ -38,12 +38,12 @@ const List = ({
         />
       )}
       <ListRow>
-        {data.map(item => {
+        {data.map((item) => {
           const { id } = item;
           const thumbnail = get(item, ['formats', 'small'], item);
           const isAllowed =
             allowedTypes.length > 0 ? allowedTypes.includes(getType(item.mime)) : true;
-          const checked = selectedItems.findIndex(file => file.id === id) !== -1;
+          const checked = selectedItems.findIndex((file) => file.id === id) !== -1;
 
           const fileUrl = prefixFileUrlWithBackendUrl(thumbnail.url);
 

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

@@ -21,10 +21,10 @@ const ListEmpty = ({ canCreate, hasSearchApplied, onClick, numberOfRows }) => {
 
   return (
     <Wrapper className="container-fluid">
-      {rows.map(row => {
+      {rows.map((row) => {
         return (
           <div className="row" key={row.key}>
-            {row.rows.map(key => {
+            {row.rows.map((key) => {
               return (
                 <div className="col-xs-12 col-md-6 col-xl-3" key={key}>
                   <CardEmpty />

package/admin/src/components/ListEmpty/utils/generateRows.js

@@ -1,4 +1,4 @@
-const generateRows = numberOfRows => {
+const generateRows = (numberOfRows) => {
   const rows = Array.from({ length: numberOfRows }, (_, i) => {
     return {
       key: i,

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

@@ -14,7 +14,7 @@ import BaselineAlignmentWrapper from './BaselineAlignmentWrapper';
 const ListModal = () => {
   const { currentTab, goTo, handleModalTabChange, selectedFiles } = useModalContext();
 
-  const handleClick = to => {
+  const handleClick = (to) => {
     handleModalTabChange(to);
   };
 
@@ -53,7 +53,7 @@ const ListModal = () => {
       links={links}
       renderRightContent={renderUploadModalButton}
     >
-      {to => (
+      {(to) => (
         <ModalSection>
           {to === 'browse' && <BrowseAssets />}
           {to === 'selected' && <SelectedAssets />}

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

@@ -11,7 +11,7 @@ import Wrapper from './Wrapper';
 const ModalNavWrapper = ({ children, links, renderRightContent, initialTab }) => {
   const [to, setTo] = useState(initialTab || links[0].to);
 
-  const handleGoTo = link => {
+  const handleGoTo = (link) => {
     setTo(link.to);
 
     if (link.onClick) {
@@ -25,7 +25,7 @@ const ModalNavWrapper = ({ children, links, renderRightContent, initialTab }) =>
         <BaselineAlignment />
         <Flex justifyContent="space-between">
           <Flex>
-            {links.map(link => {
+            {links.map((link) => {
               const isActive = link.to === to;
 
               return (

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

@@ -14,7 +14,7 @@ import IntlText from '../IntlText';
 import Count from './Count';
 
 const ModalTab = ({ isDisabled, label, to, isActive, onClick, count }) => {
-  const handleClick = e => {
+  const handleClick = (e) => {
     if (isDisabled) {
       e.preventDefault();
 

package/admin/src/components/SelectedAssets/DraggableCard.js

@@ -66,7 +66,7 @@ const DraggableCard = ({
   const [{ isDragging }, drag, preview] = useDrag({
     item: { type: ItemTypes.MEDIA_CARD, id, index, checked, url, fileType },
     canDrag: () => isDraggable,
-    collect: monitor => ({
+    collect: (monitor) => ({
       isDragging: monitor.isDragging(),
     }),
   });

package/admin/src/components/SelectedAssets/SortableList.js

@@ -18,7 +18,7 @@ const SortableList = ({
   onClickEditFile,
   selectedItems,
 }) => {
-  const handleClick = e => {
+  const handleClick = (e) => {
     e.stopPropagation();
   };
 
@@ -28,9 +28,9 @@ const SortableList = ({
         {data.map((item, index) => {
           const { id } = item;
           const url = get(item, ['formats', 'thumbnail', 'url'], item.url);
-          const checked = selectedItems.findIndex(file => file.id === id) !== -1;
+          const checked = selectedItems.findIndex((file) => file.id === id) !== -1;
           const fileUrl = prefixFileUrlWithBackendUrl(url);
-          const handleEditClick = e => {
+          const handleEditClick = (e) => {
             e.stopPropagation();
             onClickEditFile(id);
           };
@@ -62,7 +62,7 @@ const SortableList = ({
                       title="edit"
                       color="#9EA7B8"
                       type="pencil"
-                      onClick={e => handleEditClick(e)}
+                      onClick={(e) => handleEditClick(e)}
                     />
                   </CardControlsWrapper>
                 )}

package/admin/src/components/SortList/Wrapper.js

@@ -4,7 +4,7 @@ import { themePropTypes } from 'strapi-helper-plugin';
 
 import { Text } from '@buffetjs/core';
 
-const Wrapper = styled(props => <Text as="ul" fontSize="md" {...props} />)`
+const Wrapper = styled((props) => <Text as="ul" fontSize="md" {...props} />)`
   margin-bottom: 0;
   padding: 0;
   min-width: 230px;

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

@@ -7,7 +7,7 @@ import SortListItem from '../SortListItem';
 const SortList = ({ list, onClick, selectedItem }) => {
   return (
     <Wrapper>
-      {Object.keys(list).map(item => {
+      {Object.keys(list).map((item) => {
         return (
           <SortListItem
             key={item}

package/admin/src/components/SortListItem/Wrapper.js

@@ -10,7 +10,7 @@ const SortListItem = styled.li`
     background-color: ${({ theme }) => theme.main.colors.mediumGrey};
   }
   ${({ isActive, theme }) =>
-  isActive &&
+    isActive &&
     `
     background-color: ${theme.main.colors.mediumGrey};
   `}

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

@@ -21,17 +21,17 @@ const SortPicker = ({ onChange, value }) => {
 
   return (
     <Picker
-      renderButtonContent={isOpen => (
+      renderButtonContent={(isOpen) => (
         <>
           <FormattedMessage id={getTrad('sort.label')} />
           <Carret isUp={isOpen} fill={isOpen ? '#007EFF' : '#292b2c'} />
         </>
       )}
-      renderSectionContent={onToggle => (
+      renderSectionContent={(onToggle) => (
         <SortList
           list={orders}
           selectedItem={value}
-          onClick={e => {
+          onClick={(e) => {
             onChange(e);
             onToggle();
           }}

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

@@ -19,7 +19,7 @@ const UploadForm = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  const handleClick = to => {
+  const handleClick = (to) => {
     setShouldDisplayNextButton(to === 'url');
   };
 
@@ -30,7 +30,7 @@ const UploadForm = ({
 
   return (
     <ModalNavWrapper links={links}>
-      {to => (
+      {(to) => (
         <ModalSection>
           {to === 'computer' && <InputFileModal onChange={addFilesToUpload} />}
           {to === 'url' && (

package/admin/src/components/UploadList/ListTitle.js

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 import IntlText from '../IntlText';
 
-const ListTitle = styled(props => <IntlText fontSize="md" fontWeight="bold" {...props} />)`
+const ListTitle = styled((props) => <IntlText fontSize="md" fontWeight="bold" {...props} />)`
   margin-bottom: 3px;
 `;
 

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

@@ -51,7 +51,7 @@ const UploadList = ({
           {matrix.map(({ key, rowContent }) => {
             return (
               <div className="row" key={key}>
-                {rowContent.map(data => {
+                {rowContent.map((data) => {
                   return (
                     <RowItem
                       {...data}