@akemona-org/strapi-plugin-upload 3.12.4 → 3.13.1

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

@@ -13,7 +13,7 @@ import useModalContext from '../../hooks/useModalContext';
 import Wrapper from './Wrapper';
 import CardControl from '../CardControl';
 
-const BrowseAssets = () => {
+function BrowseAssets() {
   const {
     allowedActions,
     allowedTypes,
@@ -120,8 +120,7 @@ const BrowseAssets = () => {
   const areResultsEmptyWithSearchOrFilters = isEmpty(files) && (hasSearch || hasFilters);
 
   return (
-    <>
-      <Wrapper>
+    <Wrapper>
         <Padded top>
           {allowedActions.canRead && (
             <Flex flexWrap="wrap">
@@ -175,8 +174,7 @@ const BrowseAssets = () => {
           </>
         )}
       </Wrapper>
-    </>
   );
-};
+}
 
 export default BrowseAssets;

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

@@ -14,7 +14,7 @@ import Title from '../CardTitle';
 import Tag from '../Tag';
 import Wrapper from '../CardWrapper';
 
-const Card = ({
+function Card({
   children,
   options: {
     checked,
@@ -36,7 +36,7 @@ const Card = ({
     withFileCaching = true,
     withoutFileInfo,
   },
-}) => {
+}) {
   const { formatMessage } = useGlobalContext();
   const [tooltipIsDisplayed, setDisplayTooltip] = useState(false);
   const fileSize = formatBytes(size, 0);
@@ -93,7 +93,7 @@ const Card = ({
       {hasError && <ErrorMessage title={errorMessage}>{errorMessage}</ErrorMessage>}
     </Wrapper>
   );
-};
+}
 
 Card.defaultProps = {
   children: null,

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

@@ -9,7 +9,7 @@ import { getTrad } from '../../utils';
 import DownloadIcon from '../../icons/Download';
 import Wrapper from './Wrapper';
 
-const CardControl = ({ title, color, onClick, small, type, iconStyle }) => {
+function CardControl({ title, color, onClick, small, type, iconStyle }) {
   const { formatMessage } = useGlobalContext();
   const [tooltipIsDisplayed, setTooltipIsDisplayed] = useState(false);
 
@@ -39,7 +39,7 @@ const CardControl = ({ title, color, onClick, small, type, iconStyle }) => {
       {tooltipIsDisplayed && <Tooltip id={type} />}
     </>
   );
-};
+}
 
 CardControl.defaultProps = {
   color: '#b3b5b9',

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

@@ -3,7 +3,7 @@ import CardImgWrapper from '../CardImgWrapper';
 import Bar from './Bar';
 import Wrapper from './Wrapper';
 
-const CardEmpty = () => {
+function CardEmpty() {
   return (
     <Wrapper>
       <CardImgWrapper />
@@ -11,6 +11,6 @@ const CardEmpty = () => {
       <Bar />
     </Wrapper>
   );
-};
+}
 
 export default CardEmpty;

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

@@ -9,7 +9,7 @@ import VideoPreview from '../VideoPreview';
 import Wrapper from './Wrapper';
 import Image from './Image';
 
-const CardPreview = ({ extension, hasError, hasIcon, url, previewUrl, type, withFileCaching }) => {
+function CardPreview({ extension, hasError, hasIcon, url, previewUrl, type, withFileCaching }) {
   const isFile = getType(type) === 'file';
   const isVideo = getType(type) === 'video';
   const cacheRef = useRef(performance.now());
@@ -41,7 +41,7 @@ const CardPreview = ({ extension, hasError, hasIcon, url, previewUrl, type, with
       )}
     </Wrapper>
   );
-};
+}
 
 CardPreview.defaultProps = {
   extension: null,

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

@@ -12,7 +12,7 @@ import CardControl from '../CardControl';
 import CustomDropdownSection from './CustomDropdownSection';
 import { getTrad } from '../../utils';
 
-const CheckControl = ({ title, onSubmitEdit }) => {
+function CheckControl({ title, onSubmitEdit }) {
   const [isOpen, setIsOpen] = useState(false);
   const { formatMessage } = useGlobalContext();
   const dropdownRef = useRef();
@@ -59,7 +59,7 @@ const CheckControl = ({ title, onSubmitEdit }) => {
       </CustomDropdownSection>
     </div>
   );
-};
+}
 
 CheckControl.defaultProps = {
   onSubmitEdit: () => {},

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

@@ -22,7 +22,7 @@ function getItemStyles(initialOffset, currentOffset, mouseOffset) {
   };
 }
 
-const DragLayer = () => {
+function DragLayer() {
   const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = useDragLayer(
     (monitor) => ({
       item: monitor.getItem(),
@@ -63,6 +63,6 @@ const DragLayer = () => {
       </div>
     </Wrapper>
   );
-};
+}
 
 export default DragLayer;

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

@@ -9,7 +9,7 @@ import { formatBytes, getTrad } from '../../utils';
 
 import FileDetailsBoxWrapper from './FileDetailsBoxWrapper';
 
-const FileDetailsBox = ({ file }) => {
+function FileDetailsBox({ file }) {
   const { formatMessage } = useIntl();
   const fileSize = file.mime ? get(file, 'size', 0) : get(file, 'size', 0) / 1000;
   const sections = [
@@ -73,7 +73,7 @@ const FileDetailsBox = ({ file }) => {
       })}
     </FileDetailsBoxWrapper>
   );
-};
+}
 
 FileDetailsBox.defaultProps = {
   file: {

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

@@ -12,7 +12,7 @@ import extensions from './utils/extensions.json';
 
 import Wrapper from './Wrapper';
 
-const FileIcon = ({ ext }) => {
+function FileIcon({ ext }) {
   const iconName = Object.keys(extensions).find((key) => extensions[key].includes(ext)) || 'alt';
 
   return (
@@ -20,7 +20,7 @@ const FileIcon = ({ ext }) => {
       <FontAwesomeIcon icon={['far', `file-${iconName}`]} />
     </Wrapper>
   );
-};
+}
 
 FileIcon.defaultProps = {
   ext: 'alt',

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

@@ -4,7 +4,7 @@ import { upperCase } from 'lodash';
 
 import { Text } from '@buffetjs/core';
 
-const FileInfos = ({ extension, height, size, width }) => {
+function FileInfos({ extension, height, size, width }) {
   return (
     <Text color="grey" fontSize="xs" ellipsis>
       {upperCase(extension)}
@@ -13,7 +13,7 @@ const FileInfos = ({ extension, height, size, width }) => {
       {size}
     </Text>
   );
-};
+}
 
 FileInfos.defaultProps = {
   height: null,

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

@@ -5,7 +5,7 @@ import { Padded } from '@buffetjs/core';
 import FiltersList from '../FiltersList';
 import FiltersPicker from '../FiltersPicker';
 
-const Filters = ({ onChange, onClick, filters }) => {
+function Filters({ onChange, onClick, filters }) {
   return (
     <>
       <FiltersPicker onChange={onChange} />
@@ -13,7 +13,7 @@ const Filters = ({ onChange, onClick, filters }) => {
       <FiltersList filters={filters} onClick={onClick} />
     </>
   );
-};
+}
 
 Filters.defaultProps = {
   filters: [],

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

@@ -4,7 +4,7 @@ import { FilterButton } from '@akemona-org/strapi-helper-plugin';
 
 import formatFilter from './utils/formatFilter';
 
-const FiltersList = ({ filters, onClick }) => {
+function FiltersList({ filters, onClick }) {
   return filters.map((item, index) => {
     const formattedValue = formatFilter(item);
     const { name, filter, value, isDisabled } = formattedValue;
@@ -19,7 +19,7 @@ const FiltersList = ({ filters, onClick }) => {
       )
     );
   });
-};
+}
 
 FiltersList.defaultProps = {
   filters: [],

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

@@ -12,7 +12,7 @@ import InputWrapper from './InputWrapper';
 import FilterButton from './FilterButton';
 import FilterInput from './FilterInput';
 
-const FiltersCard = ({ onChange }) => {
+function FiltersCard({ onChange }) {
   const { plugins } = useGlobalContext();
   const timestamps = getFileModelTimestamps(plugins);
   const [state, dispatch] = useReducer(reducer, initialState, () => init(initialState, timestamps));
@@ -84,7 +84,7 @@ const FiltersCard = ({ onChange }) => {
       </FilterButton>
     </Wrapper>
   );
-};
+}
 
 FiltersCard.defaultProps = {
   onChange: () => {},

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

@@ -7,7 +7,7 @@ import FiltersCard from './FiltersCard';
 
 import formatFilter from './utils/formatFilter';
 
-const FiltersPicker = ({ onChange }) => {
+function FiltersPicker({ onChange }) {
   const handleChange = ({ target: { value } }) => {
     onChange({ target: { name: 'filters', value: formatFilter(value) } });
   };
@@ -30,7 +30,7 @@ const FiltersPicker = ({ onChange }) => {
       )}
     />
   );
-};
+}
 
 FiltersPicker.defaultProps = {
   onChange: () => {},

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

@@ -8,7 +8,7 @@ import Button from './Button';
 import Container from './Container';
 import Wrapper from './Wrapper';
 
-const InfiniteLoadingIndicator = ({ onClick }) => {
+function InfiniteLoadingIndicator({ onClick }) {
   return (
     <Wrapper>
       <Container>
@@ -26,7 +26,7 @@ const InfiniteLoadingIndicator = ({ onClick }) => {
       </Container>
     </Wrapper>
   );
-};
+}
 
 InfiniteLoadingIndicator.defaultProps = {
   onClick: () => {},

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

@@ -8,7 +8,7 @@ import Label from './Label';
 import Input from '../Input';
 import P from './P';
 
-const InputFileModal = ({ name, onChange }) => {
+function InputFileModal({ name, onChange }) {
   const [isDragging, setIsDragging] = useState(false);
   const { formatMessage } = useGlobalContext();
   const ref = createRef();
@@ -58,7 +58,7 @@ const InputFileModal = ({ name, onChange }) => {
       {isDragging && <div className="dragzone" onDragLeave={handleDragLeave} />}
     </Label>
   );
-};
+}
 
 InputFileModal.defaultProps = {
   name: 'files',

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

@@ -4,11 +4,11 @@ import PropTypes from 'prop-types';
 
 import Wrapper from './Wrapper';
 
-const Chevron = ({ side, onClick }) => (
-  <Wrapper onClick={onClick}>
+function Chevron({ side, onClick }) {
+  return <Wrapper onClick={onClick}>
     <FontAwesomeIcon color="white" icon={`chevron-${side}`} />
   </Wrapper>
-);
+}
 
 Chevron.propTypes = {
   onClick: PropTypes.func.isRequired,

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

@@ -24,7 +24,7 @@ const EmptyInputMediaWrapper = styled.div`
   }
 `;
 
-const EmptyInputMedia = ({ children, ...props }) => {
+function EmptyInputMedia({ children, ...props }) {
   const { formatMessage } = useIntl();
 
   const [isInDropZone, setIsInDropZone] = useState(false);
@@ -46,7 +46,7 @@ const EmptyInputMedia = ({ children, ...props }) => {
       {isInDropZone ? null : children}
     </EmptyInputMediaWrapper>
   );
-};
+}
 
 EmptyInputMedia.propTypes = {
   disabled: PropTypes.bool,

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const IconUpload = ({ title, ...props }) => {
+function IconUpload({ title, ...props }) {
   return (
     <svg
       width="105"
@@ -39,7 +39,7 @@ const IconUpload = ({ title, ...props }) => {
       </g>
     </svg>
   );
-};
+}
 
 IconUpload.propTypes = {
   title: PropTypes.string.isRequired,

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

@@ -7,7 +7,7 @@ import { Flex } from '@buffetjs/core';
 import CardPreview from '../CardPreview';
 import Chevron from './Chevron';
 
-const InputFilePreview = ({ file, onClick, isSlider }) => {
+function InputFilePreview({ file, onClick, isSlider }) {
   const fileUrl = prefixFileUrlWithBackendUrl(get(file, ['formats', 'small', 'url'], file.url));
 
   return (
@@ -22,7 +22,7 @@ const InputFilePreview = ({ file, onClick, isSlider }) => {
       {isSlider && <Chevron side="right" onClick={() => onClick(true)} />}
     </Flex>
   );
-};
+}
 
 InputFilePreview.propTypes = {
   file: PropTypes.object,

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

@@ -21,7 +21,7 @@ import Wrapper from './Wrapper';
 import Input from '../Input';
 import ErrorMessage from './ErrorMessage';
 
-const InputMedia = ({
+function InputMedia({
   disabled,
   label,
   onChange,
@@ -32,7 +32,7 @@ const InputMedia = ({
   id,
   error,
   labelIcon,
-}) => {
+}) {
   const [modal, setModal] = useState({
     isOpen: false,
     step: 'list',
@@ -204,7 +204,7 @@ const InputMedia = ({
       {error && <ErrorMessage id={errorId}>{error}</ErrorMessage>}
     </Wrapper>
   );
-};
+}
 
 InputMedia.propTypes = {
   attribute: PropTypes.shape({

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

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import Wrapper from './Wrapper';
 import { getTrad } from '../../utils';
 
-const InputUploadURL = ({ errors, onChange, value }) => {
+function InputUploadURL({ errors, onChange, value }) {
   const { formatMessage } = useGlobalContext();
   const label = formatMessage({ id: getTrad('input.url.label') });
   const description = formatMessage({ id: getTrad('input.url.description') });
@@ -29,7 +29,7 @@ const InputUploadURL = ({ errors, onChange, value }) => {
       </div>
     </Wrapper>
   );
-};
+}
 
 InputUploadURL.defaultProps = {
   errors: null,

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

@@ -4,11 +4,11 @@ import PropTypes from 'prop-types';
 
 import { Text } from '@buffetjs/core';
 
-const IntlText = ({ id, defaultMessage, values, ...textProps }) => (
-  <FormattedMessage id={id} defaultMessage={defaultMessage} values={values}>
+function IntlText({ id, defaultMessage, values, ...textProps }) {
+  return <FormattedMessage id={id} defaultMessage={defaultMessage} values={values}>
     {(msg) => <Text {...textProps}>{msg}</Text>}
   </FormattedMessage>
-);
+}
 
 IntlText.defaultProps = {
   id: 'app.utils.defaultMessage',

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

@@ -11,7 +11,7 @@ import IntlText from '../IntlText';
 import ListCell from './ListCell';
 import ListRow from './ListRow';
 
-const List = ({
+function List({
   allowedTypes,
   data,
   onChange,
@@ -21,7 +21,7 @@ const List = ({
   canSelect,
   renderCardControl,
   showCheckbox,
-}) => {
+}) {
   const selectedAssets = selectedItems.length;
 
   const handleCheckboxClick = (e) => {
@@ -85,7 +85,7 @@ const List = ({
       </ListRow>
     </ListWrapper>
   );
-};
+}
 
 List.defaultProps = {
   allowedTypes: [],

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

@@ -10,7 +10,7 @@ import CardEmpty from '../CardEmpty';
 import Wrapper from './Wrapper';
 import IntlText from '../IntlText';
 
-const ListEmpty = ({ canCreate, hasSearchApplied, onClick, numberOfRows }) => {
+function ListEmpty({ canCreate, hasSearchApplied, onClick, numberOfRows }) {
   const rows = generateRows(numberOfRows);
   const titleId = hasSearchApplied
     ? 'list.assets-empty.title-withSearch'
@@ -51,7 +51,7 @@ const ListEmpty = ({ canCreate, hasSearchApplied, onClick, numberOfRows }) => {
       )}
     </Wrapper>
   );
-};
+}
 
 ListEmpty.defaultProps = {
   canCreate: true,

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

@@ -11,7 +11,7 @@ import SelectedAssets from '../SelectedAssets';
 import IntlText from '../IntlText';
 import BaselineAlignmentWrapper from './BaselineAlignmentWrapper';
 
-const ListModal = () => {
+function ListModal() {
   const { currentTab, goTo, handleModalTabChange, selectedFiles } = useModalContext();
 
   const handleClick = (to) => {
@@ -61,6 +61,6 @@ const ListModal = () => {
       )}
     </ModalNavWrapper>
   );
-};
+}
 
 export default ListModal;

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

@@ -10,7 +10,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ModalHeader as HeaderModal, useGlobalContext } from '@akemona-org/strapi-helper-plugin';
 
-const ModalHeader = ({ goBack, headerBreadcrumbs, withBackButton, HeaderComponent }) => {
+function ModalHeader({ goBack, headerBreadcrumbs, withBackButton, HeaderComponent }) {
   const { emitEvent } = useGlobalContext();
 
   const handleClick = () => {
@@ -28,7 +28,7 @@ const ModalHeader = ({ goBack, headerBreadcrumbs, withBackButton, HeaderComponen
       HeaderComponent={HeaderComponent}
     />
   );
-};
+}
 
 ModalHeader.defaultProps = {
   goBack: () => {},

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

@@ -8,7 +8,7 @@ import Hr from './Hr';
 import BaselineAlignment from './BaselineAlignment';
 import Wrapper from './Wrapper';
 
-const ModalNavWrapper = ({ children, links, renderRightContent, initialTab }) => {
+function ModalNavWrapper({ children, links, renderRightContent, initialTab }) {
   const [to, setTo] = useState(initialTab || links[0].to);
 
   const handleGoTo = (link) => {
@@ -50,7 +50,7 @@ const ModalNavWrapper = ({ children, links, renderRightContent, initialTab }) =>
       {children(to)}
     </Wrapper>
   );
-};
+}
 
 ModalNavWrapper.defaultProps = {
   initialTab: null,

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

@@ -4,8 +4,8 @@ import { Text } from '@buffetjs/core';
 
 import Wrapper from './Wrapper';
 
-const Count = ({ count, isActive }) => (
-  <Wrapper isActive={isActive} justifyContent="center" alignItems="center">
+function Count({ count, isActive }) {
+  return <Wrapper isActive={isActive} justifyContent="center" alignItems="center">
     <Text
       lineHeight="none"
       fontWeight="bold"
@@ -15,7 +15,7 @@ const Count = ({ count, isActive }) => (
       {count}
     </Text>
   </Wrapper>
-);
+}
 
 Count.propTypes = {
   count: PropTypes.number,

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

@@ -13,7 +13,7 @@ import Wrapper from './Wrapper';
 import IntlText from '../IntlText';
 import Count from './Count';
 
-const ModalTab = ({ isDisabled, label, to, isActive, onClick, count }) => {
+function ModalTab({ isDisabled, label, to, isActive, onClick, count }) {
   const handleClick = (e) => {
     if (isDisabled) {
       e.preventDefault();
@@ -39,7 +39,7 @@ const ModalTab = ({ isDisabled, label, to, isActive, onClick, count }) => {
       </Wrapper>
     </Padded>
   );
-};
+}
 
 ModalTab.defaultProps = {
   count: null,

package/admin/src/components/PlayIcon/Play.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Play = ({ fill, ...rest }) => (
-  <svg width="48px" height="52px" viewBox="0 0 48 52" {...rest} xmlns="http://www.w3.org/2000/svg">
+function Play({ fill, ...rest }) {
+  return <svg width="48px" height="52px" viewBox="0 0 48 52" {...rest} xmlns="http://www.w3.org/2000/svg">
     <defs>
       <filter
         x="-1.7%"
@@ -52,7 +52,7 @@ const Play = ({ fill, ...rest }) => (
       </g>
     </g>
   </svg>
-);
+}
 
 Play.defaultProps = {
   fill: '#fff',

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

@@ -4,13 +4,13 @@ import PropTypes from 'prop-types';
 import Wrapper from './Wrapper';
 import Play from './Play';
 
-const PlayIcon = ({ small }) => {
+function PlayIcon({ small }) {
   return (
     <Wrapper small={small}>
       <Play fill="#000000" width={small ? '23px' : '49px'} height={small ? '25px' : '52px'} />
     </Wrapper>
   );
-};
+}
 
 PlayIcon.defaultProps = {
   small: false,

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

@@ -3,13 +3,13 @@ import PropTypes from 'prop-types';
 import { Checkbox } from '@buffetjs/core';
 import Wrapper from './Wrapper';
 
-const SelectAll = ({ checked, onChange, someChecked }) => {
+function SelectAll({ checked, onChange, someChecked }) {
   return (
     <Wrapper>
       <Checkbox name="selectAll" onChange={onChange} value={checked} someChecked={someChecked} />
     </Wrapper>
   );
-};
+}
 
 SelectAll.defaultProps = {
   checked: false,