@akemona-org/strapi-admin 3.7.0 → 3.7.2

package/admin/src/components/Roles/Permissions/index.js

@@ -32,8 +32,8 @@ const Permissions = forwardRef(({ layout, isFormDisabled, permissions }, ref) =>
         if (isEmpty(contentTypesDiff)) {
           didUpdateConditions = false;
         } else {
-          didUpdateConditions = Object.values(contentTypesDiff).some(permission => {
-            return Object.values(permission).some(permissionValue =>
+          didUpdateConditions = Object.values(contentTypesDiff).some((permission) => {
+            return Object.values(permission).some((permissionValue) =>
               has(permissionValue, 'conditions')
             );
           });
@@ -74,7 +74,7 @@ const Permissions = forwardRef(({ layout, isFormDisabled, permissions }, ref) =>
     });
   };
 
-  const handleChangeConditions = conditions => {
+  const handleChangeConditions = (conditions) => {
     dispatch({ type: 'ON_CHANGE_CONDITIONS', conditions });
   };
 
@@ -102,7 +102,8 @@ const Permissions = forwardRef(({ layout, isFormDisabled, permissions }, ref) =>
         onChangeConditions: handleChangeConditions,
         onChangeSimpleCheckbox: handleChangeSimpleCheckbox,
         onChangeParentCheckbox: handleChangeParentCheckbox,
-        onChangeCollectionTypeLeftActionRowCheckbox: handleChangeCollectionTypeLeftActionRowCheckbox,
+        onChangeCollectionTypeLeftActionRowCheckbox:
+          handleChangeCollectionTypeLeftActionRowCheckbox,
         onChangeCollectionTypeGlobalActionCheckbox: handleChangeCollectionTypeGlobalActionCheckbox,
       }}
     >

package/admin/src/components/Roles/Permissions/reducer.js

@@ -11,7 +11,7 @@ const initialState = {
 
 /* eslint-disable consistent-return */
 const reducer = (state, action) =>
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       // This action is called when a checkbox in the <GlobalActions />
       // changes
@@ -19,7 +19,7 @@ const reducer = (state, action) =>
         const { collectionTypeKind, actionId, value } = action;
         const pathToData = ['modifiedData', collectionTypeKind];
 
-        Object.keys(get(state, pathToData)).forEach(collectionType => {
+        Object.keys(get(state, pathToData)).forEach((collectionType) => {
           const collectionTypeActionData = get(
             state,
             [...pathToData, collectionType, actionId],
@@ -49,7 +49,7 @@ const reducer = (state, action) =>
 
         const objToUpdate = get(nextModifiedDataState, pathToModifiedDataCollectionType, {});
 
-        Object.keys(objToUpdate).forEach(actionId => {
+        Object.keys(objToUpdate).forEach((actionId) => {
           // When a ct has multiple properties (ex: locales, field)
           // We need to make sure that we add any new property to the modifiedData
           // object.
@@ -83,7 +83,7 @@ const reducer = (state, action) =>
         break;
       }
       case 'ON_CHANGE_CONDITIONS': {
-        Object.entries(action.conditions).forEach(array => {
+        Object.entries(action.conditions).forEach((array) => {
           const [stringPathToData, conditionsToUpdate] = array;
 
           set(

package/admin/src/components/Roles/Permissions/utils/createDefaultCTFormFromLayout.js

@@ -134,7 +134,7 @@ const createDefaultCTFormFromLayout = (
       const currentSubjectLayout = subjectLayouts[currentCTUID];
       const properties = currentSubjectLayout.properties.map(({ value }) => value);
       const doesNothaveProperty = properties.every(
-        property => (applyToProperties || []).indexOf(property) === -1
+        (property) => (applyToProperties || []).indexOf(property) === -1
       );
 
       const matchingPermission = findMatchingPermission(initialPermissions, actionId, currentCTUID);

package/admin/src/components/Roles/Permissions/utils/findMatchingPermissions.js

@@ -1,4 +1,4 @@
 const findMatchingPermission = (permissions, action, subject) =>
-  permissions.find(perm => perm.action === action && perm.subject === subject);
+  permissions.find((perm) => perm.action === action && perm.subject === subject);
 
 export default findMatchingPermission;

package/admin/src/components/Roles/Permissions/utils/formatContentTypesPermissionToAPI.js

@@ -71,7 +71,7 @@ const createPermissionWithoutProperties = (action, subject, { conditions }) => {
 const createSubjectPermissions = (subject, actions) => {
   const permissions = Object.entries(actions).reduce((acc, current) => {
     const [actionName, permissions] = current;
-    const shouldCreatePermission = createArrayOfValues(permissions).some(val => val);
+    const shouldCreatePermission = createArrayOfValues(permissions).some((val) => val);
 
     if (!shouldCreatePermission) {
       return acc;
@@ -106,7 +106,7 @@ const createSubjectPermissions = (subject, actions) => {
  * @param {object} contentTypesPermissions
  * @returns {array<object>}
  */
-const formatContentTypesPermissionToAPI = contentTypesPermissions => {
+const formatContentTypesPermissionToAPI = (contentTypesPermissions) => {
   const permissions = Object.entries(contentTypesPermissions).reduce((allPermissions, current) => {
     const [subject, currentSubjectActions] = current;
 

package/admin/src/components/Roles/Permissions/utils/formatLayoutForSettingsAndPlugins.js

@@ -1,6 +1,6 @@
 import { chain } from 'lodash';
 
-const replaceName = name => name.split(' ').join('-');
+const replaceName = (name) => name.split(' ').join('-');
 
 const formatLayout = (layout, groupByKey) => {
   return chain(layout)

package/admin/src/components/Roles/Permissions/utils/formatPermissionsToAPI.js

@@ -1,7 +1,7 @@
 import formatContentTypesPermissionToAPI from './formatContentTypesPermissionToAPI';
 import formatSettingsPermissionsToAPI from './formatSettingsPermissionsToAPI';
 
-const formatPermissionsToAPI = modifiedData => {
+const formatPermissionsToAPI = (modifiedData) => {
   const pluginsPermissions = formatSettingsPermissionsToAPI(modifiedData.plugins);
   const settingsPermissions = formatSettingsPermissionsToAPI(modifiedData.settings);
   const collectionTypesPermissions = formatContentTypesPermissionToAPI(

package/admin/src/components/Roles/Permissions/utils/formatSettingsPermissionsToAPI.js

@@ -3,7 +3,7 @@
  * @param {object} conditions
  * @config {boolean}
  */
-const createConditionsArray = conditions => {
+const createConditionsArray = (conditions) => {
   return Object.entries(conditions)
     .filter(([, conditionValue]) => {
       return conditionValue;
@@ -11,7 +11,7 @@ const createConditionsArray = conditions => {
     .map(([conditionName]) => conditionName);
 };
 
-const createPermission = array => {
+const createPermission = (array) => {
   const [actionName, { conditions }] = array;
 
   return {
@@ -22,7 +22,7 @@ const createPermission = array => {
   };
 };
 
-const createPermissionsArrayFromCategory = categoryPermissions => {
+const createPermissionsArrayFromCategory = (categoryPermissions) => {
   return Object.values(categoryPermissions).reduce((acc, current) => {
     const permissions = Object.entries(current).reduce((acc1, current1) => {
       const [
@@ -47,7 +47,7 @@ const createPermissionsArrayFromCategory = categoryPermissions => {
   }, []);
 };
 
-const formatSettingsPermissionsToAPI = settingsPermissionsObject => {
+const formatSettingsPermissionsToAPI = (settingsPermissionsObject) => {
   return Object.values(settingsPermissionsObject).reduce((acc, current) => {
     const currentCategoryPermissions = createPermissionsArrayFromCategory(current);
 

package/admin/src/components/Roles/Permissions/utils/updateConditionsToFalse.js

@@ -6,7 +6,7 @@ import { createArrayOfValues } from '../../utils';
  * @param {object} obj the modifiedData state
  * @returns {object} the mutated modifiedData
  */
-const updateConditionsToFalse = obj => {
+const updateConditionsToFalse = (obj) => {
   return Object.keys(obj).reduce((acc, current) => {
     const currentValue = obj[current];
 
@@ -16,7 +16,7 @@ const updateConditionsToFalse = obj => {
 
     if (isObject(currentValue) && has(currentValue, 'conditions')) {
       const isActionEnabled = createArrayOfValues(omit(currentValue, 'conditions')).some(
-        val => val
+        (val) => val
       );
 
       if (!isActionEnabled) {

package/admin/src/components/Roles/PluginsAndSettings/Row/Wrapper.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { Text } from '@buffetjs/core';
 
-const activeStyle = theme => `
+const activeStyle = (theme) => `
     background-color: ${theme.main.colors.lightestBlue};
     border: 1px solid ${theme.main.colors.darkBlue};
     ${Text} {

package/admin/src/components/Roles/PluginsAndSettings/SubCategory/index.js

@@ -24,11 +24,8 @@ const Border = styled.div`
 
 const SubCategory = ({ categoryName, isFormDisabled, subCategoryName, actions, pathToData }) => {
   const [modalState, setModalState] = useState({ isOpen: false, isMounted: false });
-  const {
-    modifiedData,
-    onChangeParentCheckbox,
-    onChangeSimpleCheckbox,
-  } = usePermissionsDataManager();
+  const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox } =
+    usePermissionsDataManager();
   const { formatMessage } = useIntl();
 
   const mainData = get(modifiedData, pathToData, {});
@@ -43,11 +40,11 @@ const SubCategory = ({ categoryName, isFormDisabled, subCategoryName, actions, p
   const { hasAllActionsSelected, hasSomeActionsSelected } = getCheckboxState(dataWithoutCondition);
 
   const handleToggleModalIsOpen = () => {
-    setModalState(prevState => ({ isMounted: true, isOpen: !prevState.isOpen }));
+    setModalState((prevState) => ({ isMounted: true, isOpen: !prevState.isOpen }));
   };
 
   const handleModalClose = () => {
-    setModalState(prevState => ({ ...prevState, isMounted: false }));
+    setModalState((prevState) => ({ ...prevState, isMounted: false }));
   };
 
   // We need to format the actions so it matches the shape of the ConditionsModal actions props

package/admin/src/components/Roles/PluginsAndSettings/SubCategory/utils/formatActions.js

@@ -10,11 +10,11 @@ import { createArrayOfValues } from '../../../utils';
  * @param {array} pathToData
  */
 const formatActions = (actions, modifiedData, pathToData) => {
-  return actions.map(action => {
+  return actions.map((action) => {
     const checkboxName = [...pathToData, action.action, 'properties', 'enabled'];
     const checkboxValue = get(modifiedData, checkboxName, false);
     const conditionValue = get(modifiedData, [...pathToData, action.action, 'conditions'], {});
-    const hasConditions = createArrayOfValues(conditionValue).some(val => val);
+    const hasConditions = createArrayOfValues(conditionValue).some((val) => val);
 
     return {
       ...action,

package/admin/src/components/Roles/PluginsAndSettings/SubCategory/utils/getConditionsButtonState.js

@@ -1,6 +1,6 @@
 import { createArrayOfValues } from '../../../utils';
 
-const getConditionsButtonState = valueObj => {
+const getConditionsButtonState = (valueObj) => {
   const relatedData = Object.entries(valueObj).reduce((acc, current) => {
     const [catName, { conditions }] = current;
 
@@ -11,7 +11,7 @@ const getConditionsButtonState = valueObj => {
 
   const arrayOfValues = createArrayOfValues(relatedData);
 
-  return arrayOfValues.some(val => val);
+  return arrayOfValues.some((val) => val);
 };
 
 export default getConditionsButtonState;

package/admin/src/components/Roles/PluginsAndSettings/index.js

@@ -7,7 +7,7 @@ import PermissionRow from './Row';
 const PluginsAndSettingsPermissions = ({ isFormDisabled, kind, layout }) => {
   const [openedCategory, setOpenedCategory] = useState(null);
 
-  const handleOpenCategory = categoryName => {
+  const handleOpenCategory = (categoryName) => {
     setOpenedCategory(categoryName === openedCategory ? null : categoryName);
   };
 

package/admin/src/components/Roles/RoleForm/NameInput.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import SizedInput from '../../SizedInput';
 
-const NameInput = inputProps => <SizedInput name="name" type="text" {...inputProps} />;
+const NameInput = (inputProps) => <SizedInput name="name" type="text" {...inputProps} />;
 
 export default NameInput;

package/admin/src/components/Roles/RoleList/RoleDescription.js

@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { Text } from '@buffetjs/core';
 
-const RoleDescription = styled(props => <Text {...props} ellipsis />)`
+const RoleDescription = styled((props) => <Text {...props} ellipsis />)`
   max-width: 25rem;
 `;
 

package/admin/src/components/Roles/Tabs/index.js

@@ -12,7 +12,7 @@ const Tabs = ({ children, isLoading, tabsLabel }) => {
   const [selectedTabIndex, setSelectedTabIndex] = useState(0);
   const selectedChild = React.Children.toArray(children)[selectedTabIndex];
 
-  const handleSelectedTab = index => {
+  const handleSelectedTab = (index) => {
     if (index !== selectedTabIndex) {
       setSelectedTabIndex(index);
     }

package/admin/src/components/Roles/utils/createArrayOfValues.js

@@ -1,12 +1,12 @@
 import { flattenDeep, isObject } from 'lodash';
 
-const createArrayOfValues = obj => {
+const createArrayOfValues = (obj) => {
   if (!isObject(obj)) {
     return [];
   }
 
   return flattenDeep(
-    Object.values(obj).map(value => {
+    Object.values(obj).map((value) => {
       if (isObject(value)) {
         return createArrayOfValues(value);
       }

package/admin/src/components/Roles/utils/getCheckboxState.js

@@ -1,7 +1,7 @@
 import createArrayOfValues from './createArrayOfValues';
 import removeConditionKeyFromData from './removeConditionKeyFromData';
 
-const getCheckboxState = dataObj => {
+const getCheckboxState = (dataObj) => {
   const dataWithoutCondition = removeConditionKeyFromData(dataObj);
 
   const arrayOfValues = createArrayOfValues(dataWithoutCondition);
@@ -10,8 +10,8 @@ const getCheckboxState = dataObj => {
     return { hasAllActionsSelected: false, hasSomeActionsSelected: false };
   }
 
-  const hasAllActionsSelected = arrayOfValues.every(val => val);
-  const hasSomeActionsSelected = arrayOfValues.some(val => val) && !hasAllActionsSelected;
+  const hasAllActionsSelected = arrayOfValues.every((val) => val);
+  const hasSomeActionsSelected = arrayOfValues.some((val) => val) && !hasAllActionsSelected;
 
   return { hasAllActionsSelected, hasSomeActionsSelected };
 };

package/admin/src/components/Roles/utils/removeConditionKeyFromData.js

@@ -1,4 +1,4 @@
-const removeConditionKeyFromData = obj => {
+const removeConditionKeyFromData = (obj) => {
   if (!obj) {
     return null;
   }

package/admin/src/components/Users/FilterPicker/Card/Input.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { InputText, Select, Toggle } from '@buffetjs/core';
 import { formatInputValue } from './utils';
 
-const getInputType = type => {
+const getInputType = (type) => {
   switch (type) {
     case 'toggle':
       return Toggle;

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

@@ -33,9 +33,9 @@ const Card = ({ onChange }) => {
   };
 
   const renderFiltersOptions = () => {
-    return form[name].allowedFilters.map(filter => (
+    return form[name].allowedFilters.map((filter) => (
       <FormattedMessage id={filter.id} key={filter.id}>
-        {msg => <option value={filter.value}>{msg}</option>}
+        {(msg) => <option value={filter.value}>{msg}</option>}
       </FormattedMessage>
     ));
   };

package/admin/src/components/Users/FilterPicker/Card/init.js

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

package/admin/src/components/Users/FilterPicker/Card/reducer.js

@@ -12,7 +12,7 @@ const initialState = {
 };
 
 const reducer = (state, action) =>
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       case 'ON_CHANGE': {
         set(draftState, ['modifiedData', ...action.keys.split('.')], action.value);

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

@@ -9,7 +9,7 @@ const FilterPicker = ({ onChange }) => {
   return (
     <Picker
       renderButtonContent={Button}
-      renderSectionContent={onToggle => (
+      renderSectionContent={(onToggle) => (
         <Card
           onChange={({ value, ...rest }) => {
             if (value !== '') {

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

@@ -58,8 +58,8 @@ const List = forwardRef(
     };
 
     const handleClickDelete = useCallback(
-      id => {
-        const rowIndex = rows.findIndex(obj => obj.id === id);
+      (id) => {
+        const rowIndex = rows.findIndex((obj) => obj.id === id);
 
         dispatch({
           type: 'ON_CLICK_DELETE',
@@ -88,7 +88,7 @@ const List = forwardRef(
       onChange(selectedIds);
     };
 
-    const handleClick = id => {
+    const handleClick = (id) => {
       push(`${SETTINGS_BASE_URL}/users/${id}`);
     };
 
@@ -107,13 +107,13 @@ const List = forwardRef(
           rowLinks={[
             {
               icon: canUpdate ? <FontAwesomeIcon icon={faPencilAlt} /> : null,
-              onClick: data => {
+              onClick: (data) => {
                 handleClick(data.id);
               },
             },
             {
               icon: canDelete ? <FontAwesomeIcon icon={faTrashAlt} /> : null,
-              onClick: data => {
+              onClick: (data) => {
                 handleClickDelete(data.id);
               },
             },

package/admin/src/components/Users/List/init.js

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

package/admin/src/components/Users/List/reducer.js

@@ -7,7 +7,7 @@ const initialState = {
 
 const reducer = (state, action) =>
   // eslint-disable-next-line consistent-return
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       case 'ON_CHANGE': {
         draftState.rows.forEach((row, index) => {

package/admin/src/components/Users/List/utils/checkIfAllEntriesAreSelected.js

@@ -1,3 +1,3 @@
-const checkIfAllEntriesAreSelected = data => data.every(obj => obj._isChecked === true);
+const checkIfAllEntriesAreSelected = (data) => data.every((obj) => obj._isChecked === true);
 
 export default checkIfAllEntriesAreSelected;

package/admin/src/components/Users/List/utils/headers.js

@@ -18,9 +18,9 @@ const headers = [
     value: 'email',
   },
   {
-    cellFormatter: cellData => {
+    cellFormatter: (cellData) => {
       // Only display the role's name
-      return cellData.map(role => role.name).join(',\n');
+      return cellData.map((role) => role.name).join(',\n');
     },
     name: 'roles',
     value: 'roles',

package/admin/src/components/Users/List/utils/updateRows.js

@@ -1,5 +1,5 @@
 const updateRows = (array, shouldSelect) =>
-  array.map(row => {
+  array.map((row) => {
     return { ...row, _isChecked: shouldSelect };
   });
 

package/admin/src/components/Users/ModalCreateBody/index.js

@@ -38,7 +38,7 @@ const ModalCreateBody = forwardRef(
       });
     };
 
-    const handleSubmit = async e => {
+    const handleSubmit = async (e) => {
       e.persist();
       e.preventDefault();
       const errors = await checkFormValidity(modifiedData, schema);
@@ -51,7 +51,7 @@ const ModalCreateBody = forwardRef(
           setIsSubmiting(true);
 
           const requestURL = '/admin/users';
-          const cleanedRoles = modifiedData.roles.map(role => role.id);
+          const cleanedRoles = modifiedData.roles.map((role) => role.id);
 
           const { data } = await request(requestURL, {
             method: 'POST',
@@ -136,7 +136,7 @@ const ModalCreateBody = forwardRef(
 
 ModalCreateBody.defaultProps = {
   isDisabled: false,
-  onSubmit: e => e.preventDefault(),
+  onSubmit: (e) => e.preventDefault(),
   registrationToken: '',
   setIsSubmiting: () => {},
   showMagicLink: false,

package/admin/src/components/Users/ModalCreateBody/init.js

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

package/admin/src/components/Users/ModalCreateBody/reducer.js

@@ -9,7 +9,7 @@ const initialState = {
 };
 
 const reducer = (state, action) =>
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       case 'ON_CHANGE': {
         set(draftState.modifiedData, action.keys.split('.'), action.value);

package/admin/src/components/Users/ModalCreateBody/utils/schema.js

@@ -4,14 +4,8 @@ import { translatedErrors } from 'strapi-helper-plugin';
 const schema = yup.object().shape({
   firstname: yup.string().required(translatedErrors.required),
   lastname: yup.string().required(translatedErrors.required),
-  email: yup
-    .string()
-    .email(translatedErrors.email)
-    .required(translatedErrors.required),
-  roles: yup
-    .array()
-    .min(1, translatedErrors.min)
-    .required(translatedErrors.required),
+  email: yup.string().email(translatedErrors.email).required(translatedErrors.required),
+  roles: yup.array().min(1, translatedErrors.min).required(translatedErrors.required),
 });
 
 export default schema;

package/admin/src/components/Users/RoleSettingsModalSection/index.js

@@ -17,7 +17,7 @@ const RoleSettingsModalSection = ({ isDisabled, modifiedData, onChange, formErro
       <Wrapper>
         <Padded top size="smd">
           <Row>
-            {Object.keys(roleSettingsForm).map(inputName => {
+            {Object.keys(roleSettingsForm).map((inputName) => {
               const value = modifiedData[inputName];
               const { description, type, Component } = roleSettingsForm[inputName];
               const error = formErrors[inputName];

package/admin/src/components/Users/SelectRoles/ClearIndicator.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Remove } from '@buffetjs/icons';
 import { components } from 'react-select';
 
-const ClearIndicator = props => {
+const ClearIndicator = (props) => {
   const Component = components.ClearIndicator;
 
   return (

package/admin/src/components/Users/SelectRoles/MultiValueContainer.js

@@ -7,7 +7,7 @@ const MultiValueContainer = ({ data, selectProps }) => {
   const Component = components.MultiValueContainer;
 
   const handleClick = () => {
-    const newValue = selectProps.value.filter(option => option.id !== data.id);
+    const newValue = selectProps.value.filter((option) => option.id !== data.id);
 
     selectProps.onChange(newValue);
   };

package/admin/src/components/Users/SelectRoles/index.js

@@ -27,9 +27,9 @@ const SelectRoles = ({ error, isDisabled, name, onChange, value }) => {
           MultiValueContainer,
         }}
         error={error}
-        getOptionLabel={option => option.name}
-        getOptionValue={option => option.id}
-        onChange={data => {
+        getOptionLabel={(option) => option.name}
+        getOptionValue={(option) => option.id}
+        onChange={(data) => {
           onChange({ target: { name, value: data } });
         }}
         isClearable

package/admin/src/components/Users/SelectRoles/utils/styles.js

@@ -47,7 +47,7 @@ const styles = {
       backgroundColor,
     };
   },
-  menu: base => {
+  menu: (base) => {
     return {
       ...base,
       width: 'calc(100% - 0px)',
@@ -62,7 +62,7 @@ const styles = {
       fontSize: '13px',
     };
   },
-  menuList: base => ({
+  menuList: (base) => ({
     ...base,
     maxHeight: '112px',
     paddingTop: 2,
@@ -83,13 +83,13 @@ const styles = {
       cursor: 'pointer',
     };
   },
-  placeholder: base => ({
+  placeholder: (base) => ({
     ...base,
     marginTop: 0,
     marginLeft: 8,
     color: '#aaa',
   }),
-  valueContainer: base => ({
+  valueContainer: (base) => ({
     ...base,
     padding: '2px 4px 4px 4px',
     lineHeight: '18px',

package/admin/src/components/Users/SortPicker/Button.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Carret } from 'strapi-helper-plugin';
 
-const Button = isOpen => {
+const Button = (isOpen) => {
   return (
     <>
       <FormattedMessage id="app.components.Users.SortPicker.button-label" />

package/admin/src/components/Users/SortPicker/List.js

@@ -18,7 +18,7 @@ const sortOptions = {
 const SortList = ({ onClick, selectedItem }) => {
   return (
     <ListWrapper>
-      {Object.keys(sortOptions).map(item => {
+      {Object.keys(sortOptions).map((item) => {
         return (
           <ListItem
             key={item}

package/admin/src/components/Users/SortPicker/ListWrapper.js

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