@akemona-org/strapi-plugin-content-manager 3.7.0 → 3.7.2

package/admin/src/InjectedComponents/ContentTypeBuilder/ConfigureViewButton/index.js

@@ -16,11 +16,8 @@ const StyledButton = styled(Base)`
 const Button = ({ isTemporary, isInContentTypeView, contentTypeKind, targetUid }) => {
   const { formatMessage } = useIntl();
   const { push } = useHistory();
-  const {
-    collectionTypesConfigurations,
-    componentsConfigurations,
-    singleTypesConfigurations,
-  } = pluginPermissions;
+  const { collectionTypesConfigurations, componentsConfigurations, singleTypesConfigurations } =
+    pluginPermissions;
   const icon = <LayoutIcon className="colored" fill={isTemporary ? '#B4B6BA' : '#007eff'} />;
   const label = formatMessage({ id: 'content-type-builder.form.button.configure-view' });
   let permissionsToApply = collectionTypesConfigurations;

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

@@ -2,12 +2,7 @@ import React, { memo, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import PropTypes from 'prop-types';
 import { Plus } from '@buffetjs/icons';
-import {
-  ButtonDropdown,
-  DropdownToggle,
-  DropdownMenu,
-  DropdownItem,
-} from 'reactstrap';
+import { ButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
 import getTrad from '../../utils/getTrad';
 import { Wrapper } from './components';
 
@@ -20,19 +15,17 @@ function Add({ data, isRelation, onClick, pStyle, style }) {
         isOpen={isOpen}
         toggle={() => {
           if (data.length > 0) {
-            setIsOpen(prevState => !prevState);
+            setIsOpen((prevState) => !prevState);
           }
         }}
       >
         <DropdownToggle>
           <FormattedMessage
             id={getTrad(
-              `containers.SettingPage.${
-                isRelation ? 'add.relational-field' : 'add.field'
-              }`
+              `containers.SettingPage.${isRelation ? 'add.relational-field' : 'add.field'}`
             )}
           >
-            {msg => (
+            {(msg) => (
               <p style={pStyle}>
                 <Plus fill="#007eff" height="11px" width="11px" />
                 {msg}
@@ -41,7 +34,7 @@ function Add({ data, isRelation, onClick, pStyle, style }) {
           </FormattedMessage>
         </DropdownToggle>
         <DropdownMenu>
-          {data.map(item => (
+          {data.map((item) => (
             <DropdownItem
               key={item}
               onClick={() => {

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

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import { Wrapper, Sub } from './components';
 
-const renderMsg = msg => <p>{msg}</p>;
+const renderMsg = (msg) => <p>{msg}</p>;
 
 const Block = ({ children, description, style, title }) => (
   <div className="col-md-12">
@@ -19,9 +19,7 @@ const Block = ({ children, description, style, title }) => (
             <FormattedMessage id={title} />
           </p>
         )}
-        {!!description && (
-          <FormattedMessage id={description}>{renderMsg}</FormattedMessage>
-        )}
+        {!!description && <FormattedMessage id={description}>{renderMsg}</FormattedMessage>}
       </Sub>
       {children}
     </Wrapper>

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

@@ -23,7 +23,7 @@ const ComponentInitializer = ({ componentUid, isReadOnly, name }) => {
     >
       <PlusButton type="button" />
       <FormattedMessage id={`${pluginId}.components.empty-repeatable`}>
-        {msg => <P style={{ paddingTop: 78 }}>{msg}</P>}
+        {(msg) => <P style={{ paddingTop: 78 }}>{msg}</P>}
       </FormattedMessage>
     </NonRepeatableWrapper>
   );

package/admin/src/components/CustomTable/ActionCollapse/index.js

@@ -21,10 +21,10 @@ function ActionCollapse({ colSpan }) {
           id={`${pluginId}.components.TableDelete.entries.${suffix}`}
           values={{ number }}
         >
-          {message => <Delete>{message}</Delete>}
+          {(message) => <Delete>{message}</Delete>}
         </FormattedMessage>
         <FormattedMessage id={`${pluginId}.components.TableDelete.${deleteMessageId}`}>
-          {message => <DeleteAll onClick={toggleModalDeleteAll}>{message}</DeleteAll>}
+          {(message) => <DeleteAll onClick={toggleModalDeleteAll}>{message}</DeleteAll>}
         </FormattedMessage>
       </td>
     </Wrapper>

package/admin/src/components/CustomTable/Row/Cell.js

@@ -10,7 +10,7 @@ const Cell = ({ options }) => {
   const [tooltipIsDisplayed, setDisplayTooltip] = useState(false);
 
   const handleTooltipToggle = () => {
-    setDisplayTooltip(prev => !prev);
+    setDisplayTooltip((prev) => !prev);
   };
 
   const { type, cellId, value } = options;

package/admin/src/components/CustomTable/Row/index.js

@@ -28,14 +28,14 @@ function Row({ canCreate, canDelete, canUpdate, isBulkable, row, headers, goTo }
   const links = [
     {
       icon: canCreate ? <Duplicate fill="black" /> : null,
-      onClick: e => {
+      onClick: (e) => {
         e.stopPropagation();
         goTo(`create/clone/${row.id}`);
       },
     },
     {
       icon: canUpdate ? <FontAwesomeIcon icon="pencil-alt" /> : null,
-      onClick: e => {
+      onClick: (e) => {
         e.stopPropagation();
         emitEventRef.current('willDeleteEntryFromList');
         goTo(row.id);
@@ -43,23 +43,23 @@ function Row({ canCreate, canDelete, canUpdate, isBulkable, row, headers, goTo }
     },
     {
       icon: canDelete ? <FontAwesomeIcon icon="trash-alt" /> : null,
-      onClick: e => {
+      onClick: (e) => {
         e.stopPropagation();
         emitEventRef.current('willDeleteEntryFromList');
         onClickDelete(row.id);
       },
     },
-  ].filter(icon => icon);
+  ].filter((icon) => icon);
 
   return (
     <>
       {isBulkable && (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-        <td key="i" onClick={e => e.stopPropagation()}>
+        <td key="i" onClick={(e) => e.stopPropagation()}>
           <CustomInputCheckbox
             name={row.id}
             onChange={onChangeBulk}
-            value={entriesToDelete.filter(id => toString(id) === toString(row.id)).length > 0}
+            value={entriesToDelete.filter((id) => toString(id) === toString(row.id)).length > 0}
           />
         </td>
       )}

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

@@ -48,7 +48,7 @@ const CustomTable = ({
             searchable: false,
             sortable: true,
           },
-          cellFormatter: cellData => {
+          cellFormatter: (cellData) => {
             const isPublished = !isEmpty(cellData.published_at);
 
             return <State isPublished={isPublished} />;
@@ -62,7 +62,7 @@ const CustomTable = ({
 
   const colSpanLength = isBulkable && canDelete ? headers.length + 2 : headers.length + 1;
 
-  const handleRowGoTo = id => {
+  const handleRowGoTo = (id) => {
     emitEvent('willEditEntryFromList');
     push({
       pathname: `${pathname}/${id}`,
@@ -70,7 +70,7 @@ const CustomTable = ({
       search: searchToPersist,
     });
   };
-  const handleEditGoTo = id => {
+  const handleEditGoTo = (id) => {
     emitEvent('willEditEntryFromButton');
     push({
       pathname: `${pathname}/${id}`,
@@ -97,11 +97,11 @@ const CustomTable = ({
         </td>
       </TableEmpty>
     ) : (
-      data.map(row => {
+      data.map((row) => {
         return (
           <TableRow
             key={row.id}
-            onClick={e => {
+            onClick={(e) => {
               e.preventDefault();
               e.stopPropagation();
 

package/admin/src/components/CustomTable/styledComponents.js

@@ -73,8 +73,8 @@ const LoadingWrapper = styled.div`
   width: 100%;
   height: 108px;
   display: flex;
-  background: ${props => props.theme.main.colors.white};
-  box-shadow: 0 2px 4px ${props => props.theme.main.colors.darkGrey};
+  background: ${(props) => props.theme.main.colors.white};
+  box-shadow: 0 2px 4px ${(props) => props.theme.main.colors.darkGrey};
   clip-path: inset(0px -5px -5px -5px);
 `;
 

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

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

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

@@ -13,7 +13,7 @@ const Wrapper = styled.div`
     `};
   min-height: ${({ withLongerHeight }) => getHeight(withLongerHeight)};
   padding: 0 10px 0 0;
-  flex-basis: calc(100% / ${props => props.count});
+  flex-basis: calc(100% / ${(props) => props.count});
   flex-shrink: 1;
   min-width: 130px;
   position: relative;
@@ -21,12 +21,7 @@ const Wrapper = styled.div`
   .sub_wrapper {
     position: relative;
     cursor: pointer;
-    background-color: ${({
-      isOverEditBlock,
-      isOverRemove,
-      isSelected,
-      isSub,
-    }) => {
+    background-color: ${({ isOverEditBlock, isOverRemove, isSelected, isSub }) => {
       if (isOverRemove) {
         return '#ffe9e0';
       } else if (isSelected || isOverEditBlock) {

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

@@ -84,7 +84,7 @@ const DraggedField = forwardRef(
               isOverEditBlock={showEditBlockOverState}
               isOverRemove={isOverRemove}
               ref={ref}
-              onClick={e => {
+              onClick={(e) => {
                 e.stopPropagation();
                 e.preventDefault();
               }}
@@ -134,9 +134,9 @@ const DraggedField = forwardRef(
         {type === 'component' && (
           <CheckPermissions permissions={pluginPermissions.componentsConfigurations}>
             <FormattedMessage id={`${pluginId}.components.FieldItem.linkToComponentLayout`}>
-              {msg => (
+              {(msg) => (
                 <Link
-                  onClick={e => {
+                  onClick={(e) => {
                     e.stopPropagation();
 
                     goTo(`/plugins/${pluginId}/components/${componentUid}/configurations/edit`);

package/admin/src/components/DraggedField/utils/getHeight.js

@@ -1,3 +1,3 @@
-const getHeight = withLongerHeight => (withLongerHeight ? '102px' : '30px');
+const getHeight = (withLongerHeight) => (withLongerHeight ? '102px' : '30px');
 
 export default getHeight;

package/admin/src/components/DraggedFieldWithPreview/DynamicComponent.js

@@ -32,8 +32,8 @@ const DynamicComponent = ({ componentUid, friendlyName, icon, setIsOverDynamicZo
   }, []);
 
   const handleMouseEvent = () => {
-    setIsOverDynamicZone(v => !v);
-    setIsOver(v => !v);
+    setIsOverDynamicZone((v) => !v);
+    setIsOver((v) => !v);
   };
 
   return (

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

@@ -4,8 +4,7 @@ import PropTypes from 'prop-types';
 const Wrapper = styled.div`
   display: flex;
   position: relative;
-  min-height: ${({ withLongerHeight }) =>
-    withLongerHeight ? '102px' : '30px'};
+  min-height: ${({ withLongerHeight }) => (withLongerHeight ? '102px' : '30px')};
 
   .sub {
     width: 100%;

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

@@ -40,11 +40,11 @@ const DraggedFieldWithPreview = forwardRef(
     const width = isFullSize && dragStart ? 0 : '100%';
     const higherFields = ['json', 'text', 'file', 'media', 'component', 'richtext', 'dynamiczone'];
     const withLongerHeight = higherFields.includes(type) && !dragStart;
-    const getCompoInfos = uid => get(componentLayouts, [uid, 'info'], { name: '', icon: '' });
+    const getCompoInfos = (uid) => get(componentLayouts, [uid, 'info'], { name: '', icon: '' });
 
     const componentData = get(componentLayouts, [componentUid], {});
     const componentLayout = get(componentData, ['layouts', 'edit'], []);
-    const getWrapperWitdh = colNum => `${(1 / 12) * colNum * 100}%`;
+    const getWrapperWitdh = (colNum) => `${(1 / 12) * colNum * 100}%`;
 
     return (
       <div
@@ -95,7 +95,7 @@ const DraggedFieldWithPreview = forwardRef(
                         }}
                         key={i}
                       >
-                        {row.map(field => {
+                        {row.map((field) => {
                           const fieldType = get(
                             componentData,
                             ['attributes', field.name, 'type'],
@@ -129,7 +129,7 @@ const DraggedFieldWithPreview = forwardRef(
                   })}
                 {type === 'dynamiczone' && (
                   <DynamicZoneWrapper>
-                    {dynamicZoneComponents.map(compo => {
+                    {dynamicZoneComponents.map((compo) => {
                       const { name, icon } = getCompoInfos(compo);
 
                       return (

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

@@ -3,16 +3,10 @@ import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import Wrapper from './Wrapper';
 
-const DynamicComponentCard = ({
-  children,
-  componentUid,
-  friendlyName,
-  icon,
-  onClick,
-}) => {
+const DynamicComponentCard = ({ children, componentUid, friendlyName, icon, onClick }) => {
   return (
     <Wrapper
-      onClick={e => {
+      onClick={(e) => {
         e.preventDefault();
         e.stopPropagation();
 

package/admin/src/components/DynamicZone/Picker/index.js

@@ -13,7 +13,7 @@ const Picker = ({ components, isOpen, onClickAddComponent }) => {
   const [categoryToOpen, setCategoryToOpen] = useState('');
 
   const dynamicComponentCategories = useMemo(() => {
-    const componentsWithInfo = components.map(componentUid => {
+    const componentsWithInfo = components.map((componentUid) => {
       const { category, info } = getComponentLayout(componentUid);
 
       return { componentUid, category, info };
@@ -35,7 +35,7 @@ const Picker = ({ components, isOpen, onClickAddComponent }) => {
   }, [isOpen, dynamicComponentCategories]);
 
   const handleAddComponentToDz = useCallback(
-    componentUid => {
+    (componentUid) => {
       onClickAddComponent(componentUid);
       setCategoryToOpen('');
     },
@@ -43,7 +43,7 @@ const Picker = ({ components, isOpen, onClickAddComponent }) => {
   );
 
   const handleClickToggle = useCallback(
-    categoryName => {
+    (categoryName) => {
       const nextCategoryToOpen = categoryToOpen === categoryName ? '' : categoryName;
 
       setCategoryToOpen(nextCategoryToOpen);

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

@@ -41,10 +41,10 @@ const DynamicZone = ({
   const { max = Infinity, min = -Infinity } = fieldSchema;
   const dynamicZoneErrors = useMemo(() => {
     return Object.keys(formErrors)
-      .filter(key => {
+      .filter((key) => {
         return key === name;
       })
-      .map(key => formErrors[key]);
+      .map((key) => formErrors[key]);
   }, [formErrors, name]);
 
   const dynamicZoneAvailableComponents = useMemo(() => fieldSchema.components || [], [fieldSchema]);
@@ -59,7 +59,7 @@ const DynamicZone = ({
     hasError && get(dynamicZoneErrors, [0, 'id'], '') === 'components.Input.error.validation.max';
 
   const handleAddComponent = useCallback(
-    componentUid => {
+    (componentUid) => {
       setIsOpen(false);
 
       addComponentToDynamicZone(name, componentUid, hasError);
@@ -69,7 +69,7 @@ const DynamicZone = ({
 
   const handleClickOpenPicker = () => {
     if (dynamicDisplayedComponentsLength < max) {
-      setIsOpen(prev => !prev);
+      setIsOpen((prev) => !prev);
     } else {
       strapi.notification.info(`${pluginId}.components.notification.info.maximum-requirement`);
     }

package/admin/src/components/DynamicZone/utils/select.js

@@ -17,7 +17,7 @@ function useSelect(name) {
   } = useContentManagerEditViewDataManager();
 
   const dynamicDisplayedComponents = useMemo(
-    () => get(modifiedData, [name], []).map(data => data.__component),
+    () => get(modifiedData, [name], []).map((data) => data.__component),
     [modifiedData, name]
   );
 

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

@@ -88,7 +88,7 @@ const FieldComponent = ({
       </Label>
       {showResetComponent && (
         <Reset
-          onClick={e => {
+          onClick={(e) => {
             e.preventDefault();
             e.stopPropagation();
             removeComponentFromField(name, componentUid);

package/admin/src/components/FieldComponent/utils/select.js

@@ -20,7 +20,7 @@ function useSelect({ isFromDynamicZone, name }) {
   const allDynamicZoneFields = useMemo(() => {
     const attributes = get(contentType, ['attributes'], {});
 
-    const dynamicZoneFields = Object.keys(attributes).filter(attrName => {
+    const dynamicZoneFields = Object.keys(attributes).filter((attrName) => {
       return get(attributes, [attrName, 'type'], '') === 'dynamiczone';
     });
 
@@ -41,17 +41,17 @@ function useSelect({ isFromDynamicZone, name }) {
       return true;
     }
 
-    const includedDynamicZoneFields = allowedFields.filter(name => name === compoName[0]);
+    const includedDynamicZoneFields = allowedFields.filter((name) => name === compoName[0]);
 
     if (includedDynamicZoneFields.length > 0) {
       return true;
     }
 
     const relatedChildrenAllowedFields = allowedFields
-      .map(fieldName => {
+      .map((fieldName) => {
         return fieldName.split('.');
       })
-      .filter(fieldName => {
+      .filter((fieldName) => {
         if (fieldName.length < compoName.length) {
           return false;
         }
@@ -76,10 +76,10 @@ function useSelect({ isFromDynamicZone, name }) {
     const allowedFields = isCreatingEntry ? [] : readActionAllowedFields;
 
     const relatedChildrenAllowedFields = allowedFields
-      .map(fieldName => {
+      .map((fieldName) => {
         return fieldName.split('.');
       })
-      .filter(fieldName => {
+      .filter((fieldName) => {
         if (fieldName.length < compoName.length) {
           return false;
         }

package/admin/src/components/FieldsReorder/Item.js

@@ -59,8 +59,7 @@ const Item = ({
       const hoverBoundingRect = dropRef.current.getBoundingClientRect();
 
       // Get vertical middle
-      const hoverMiddleY =
-        (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
+      const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
       // Determine mouse position
       const clientOffset = monitor.getClientOffset();
 
@@ -136,7 +135,7 @@ const Item = ({
       item.itemIndex = hoverIndex;
       item.rowIndex = targetRow;
     },
-    collect: monitor => ({
+    collect: (monitor) => ({
       canDrop: monitor.canDrop(),
       clientOffset: monitor.getClientOffset(),
       isOver: monitor.isOver(),
@@ -156,7 +155,7 @@ const Item = ({
       // We will need to add a 12 size _TEMP_ div to offer a drop target between each existing row.
       return name !== '_TEMP_';
     },
-    collect: monitor => ({
+    collect: (monitor) => ({
       isDragging: monitor.isDragging(),
       getItem: monitor.getItem(),
     }),
@@ -189,13 +188,11 @@ const Item = ({
     showLeftCarret =
       isOver &&
       getItem.size !== 12 &&
-      Math.abs(clientOffset.x - hoverBoundingRect.left) <
-        hoverBoundingRect.width / 2;
+      Math.abs(clientOffset.x - hoverBoundingRect.left) < hoverBoundingRect.width / 2;
     showRightCarret =
       isOver &&
       getItem.size !== 12 &&
-      Math.abs(clientOffset.x - hoverBoundingRect.left) >
-        hoverBoundingRect.width / 2;
+      Math.abs(clientOffset.x - hoverBoundingRect.left) > hoverBoundingRect.width / 2;
 
     if (name === '_TEMP_') {
       showLeftCarret = isOver && getItem.size !== 12;
@@ -213,7 +210,7 @@ const Item = ({
       label={get(metadatas, [name, 'edit', 'label'], '')}
       name={name}
       onClickEdit={setEditFieldToSelect}
-      onClickRemove={e => {
+      onClickRemove={(e) => {
         e.stopPropagation();
         removeField(rowIndex, itemIndex);
       }}

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

@@ -10,24 +10,17 @@ import Wrapper from './components';
 import Item from './Item';
 
 const FieldsReorder = ({ className }) => {
-  const {
-    attributes,
-    buttonData,
-    layout,
-    moveItem,
-    moveRow,
-    onAddData,
-    removeField,
-  } = useLayoutDnd();
+  const { attributes, buttonData, layout, moveItem, moveRow, onAddData, removeField } =
+    useLayoutDnd();
 
   const getComponent = useCallback(
-    attributeName => {
+    (attributeName) => {
       return get(attributes, [attributeName, 'component'], '');
     },
     [attributes]
   );
   const getType = useCallback(
-    attributeName => {
+    (attributeName) => {
       const attribute = get(attributes, [attributeName], {});
 
       return attribute.type;
@@ -35,7 +28,7 @@ const FieldsReorder = ({ className }) => {
     [attributes]
   );
   const getDynamicZoneComponents = useCallback(
-    attributeName => {
+    (attributeName) => {
       const attribute = get(attributes, [attributeName], {});
 
       return attribute.components || [];
@@ -80,11 +73,7 @@ const FieldsReorder = ({ className }) => {
           );
         })}
         <Wrapper style={{ marginBottom: 10 }}>
-          <Add
-            data={buttonData}
-            onClick={onAddData}
-            style={{ width: '100%', margin: '0 5px' }}
-          />
+          <Add data={buttonData} onClick={onAddData} style={{ width: '100%', margin: '0 5px' }} />
         </Wrapper>
       </SortWrapper>
     </div>

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

@@ -7,7 +7,7 @@ const FilterOptionsCTA = styled.button`
   width: 20px;
   margin: 8px 5px 0px 0px;
   border-radius: 50%;
-  border: 1px solid #E3E9F3;
+  border: 1px solid #e3e9f3;
   cursor: pointer;
 `;
 

package/admin/src/components/FilterPicker/components.js

@@ -38,11 +38,11 @@ const Flex = styled.div`
 
 const Div = styled.div`
   width: calc(100% + 60px);
-  margin: ${props => (props.show ? '-100px -30px 30px' : `-${props.number}px -30px 103px`)};
+  margin: ${(props) => (props.show ? '-100px -30px 30px' : `-${props.number}px -30px 103px`)};
   background: #fff;
   box-shadow: 3px 2px 4px #e3e9f3;
   padding: 18px 30px 0px 30px;
-  transition: ${props => {
+  transition: ${(props) => {
     if (props.anim) {
       return props.show
         ? 'margin-top .3s ease-out, margin-bottom .2s ease-out'

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

@@ -69,7 +69,7 @@ function FilterPicker({
   ];
 
   const allowedAttributes = Object.keys(get(contentType, ['attributes']), {})
-    .filter(attr => {
+    .filter((attr) => {
       const current = get(contentType, ['attributes', attr], {});
 
       if (!readActionAllowedFields.includes(attr) && attr !== 'id' && !timestamps.includes(attr)) {
@@ -79,7 +79,7 @@ function FilterPicker({
       return !NOT_ALLOWED_FILTERS.includes(current.type) && current.type !== undefined;
     })
     .sort()
-    .map(attr => {
+    .map((attr) => {
       const current = get(contentType, ['attributes', attr], {});
 
       return { name: attr, type: current.type, options: current.enum || null };
@@ -100,7 +100,7 @@ function FilterPicker({
 
   const renderTitle = () => (
     <FormattedMessage id={`${pluginId}.components.FiltersPickWrapper.PluginHeader.title.filter`}>
-      {message => (
+      {(message) => (
         <span>
           {capitalize(name)}&nbsp;-&nbsp;
           <span>{message}</span>
@@ -162,10 +162,10 @@ function FilterPicker({
   };
 
   const handleSubmit = useCallback(
-    e => {
+    (e) => {
       e.preventDefault();
       const nextFilters = formatFiltersToQuery(modifiedData, metadatas);
-      const useRelation = nextFilters._where.some(obj => Object.keys(obj)[0].includes('.'));
+      const useRelation = nextFilters._where.some((obj) => Object.keys(obj)[0].includes('.'));
 
       emitEventRef.current('didFilterEntries', { useRelation });
       setQuery({ ...nextFilters, page: 1 });
@@ -174,7 +174,7 @@ function FilterPicker({
     [modifiedData, setQuery, toggleFilterPickerState, metadatas]
   );
 
-  const handleRemoveFilter = index => {
+  const handleRemoveFilter = (index) => {
     if (index === 0 && modifiedData.length === 1) {
       toggleFilterPickerState();
 
@@ -188,7 +188,7 @@ function FilterPicker({
   };
 
   const getAttributeType = useCallback(
-    filter => {
+    (filter) => {
       const attributeType = get(contentType, ['attributes', filter.name, 'type'], '');
 
       if (attributeType === 'relation') {