@strapi/admin 4.3.2 → 4.3.5

package/admin/src/content-manager/pages/EditSettingsView/components/DisplayedFieldButton.js

@@ -215,7 +215,7 @@ const DisplayedFieldButton = ({
       item.itemIndex = hoverIndex;
       item.rowIndex = targetRow;
     },
-    collect: monitor => ({
+    collect: (monitor) => ({
       canDrop: monitor.canDrop(),
       clientOffset: monitor.getClientOffset(),
       isOver: monitor.isOver(),
@@ -225,7 +225,7 @@ const DisplayedFieldButton = ({
   });
   const [{ isDragging, getItem }, drag, dragPreview] = useDrag({
     type: ItemTypes.EDIT_FIELD,
-    item: () => {
+    item() {
       setIsDraggingSibling(true);
 
       return {
@@ -244,11 +244,11 @@ const DisplayedFieldButton = ({
       // 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(),
     }),
-    end: () => {
+    end() {
       setIsDraggingSibling(false);
     },
   });
@@ -344,7 +344,7 @@ const DisplayedFieldButton = ({
             as="span"
             type="button"
             ref={refs.dragRef}
-            onClick={e => e.stopPropagation()}
+            onClick={(e) => e.stopPropagation()}
             alignItems="center"
             paddingLeft={3}
             paddingRight={3}

package/admin/src/content-manager/pages/EditSettingsView/components/DisplayedFields.js

@@ -57,7 +57,7 @@ const DisplayedFields = ({ editLayout, editLayoutRemainingFields, onRemoveField,
             variant="secondary"
             disabled={editLayoutRemainingFields.length === 0}
           >
-            {editLayoutRemainingFields.map(field => (
+            {editLayoutRemainingFields.map((field) => (
               <MenuItem key={field} onClick={() => onAddField(field)}>
                 {field}
               </MenuItem>

package/admin/src/content-manager/pages/EditSettingsView/components/DynamicZoneList.js

@@ -46,7 +46,7 @@ const DynamicZoneList = ({ components }) => {
 
   return (
     <Stack spacing={2} horizontal overflow="scroll hidden" padding={3}>
-      {components.map(componentUid => (
+      {components.map((componentUid) => (
         <CustomLink
           hasRadius
           background="neutral0"

package/admin/src/content-manager/pages/EditSettingsView/components/GenericInput.js

@@ -15,7 +15,7 @@ const GenericInput = ({ type, options, onChange, value, name, ...inputProps }) =
     case 'bool': {
       return (
         <ToggleInput
-          onChange={e => {
+          onChange={(e) => {
             onChange({ target: { name, value: e.target.checked } });
           }}
           checked={value}
@@ -37,10 +37,10 @@ const GenericInput = ({ type, options, onChange, value, name, ...inputProps }) =
         <Select
           value={value}
           name={name}
-          onChange={value => onChange({ target: { name, value } })}
+          onChange={(value) => onChange({ target: { name, value } })}
           {...inputProps}
         >
-          {options.map(option => (
+          {options.map((option) => (
             <Option key={option} value={option}>
               {option}
             </Option>

package/admin/src/content-manager/pages/EditSettingsView/components/ModalForm.js

@@ -20,11 +20,15 @@ const FIELD_SIZES = [
 
 const NON_RESIZABLE_FIELD_TYPES = ['dynamiczone', 'component', 'json', 'richtext'];
 
+const TIME_FIELD_OPTIONS = [1, 5, 10, 15, 30, 60];
+
+const TIME_FIELD_TYPES = ['datetime', 'time'];
+
 const ModalForm = ({ onMetaChange, onSizeChange }) => {
   const { formatMessage } = useIntl();
   const { modifiedData, selectedField, attributes, fieldForm } = useLayoutDnd();
   const schemasSelector = useMemo(makeSelectModelAndComponentSchemas, []);
-  const { schemas } = useSelector(state => schemasSelector(state), shallowEqual);
+  const { schemas } = useSelector((state) => schemasSelector(state), shallowEqual);
 
   const formToDisplay = useMemo(() => {
     if (!selectedField) {
@@ -33,7 +37,7 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
 
     const associatedMetas = get(modifiedData, ['metadatas', selectedField, 'edit'], {});
 
-    return Object.keys(associatedMetas).filter(meta => meta !== 'visible');
+    return Object.keys(associatedMetas).filter((meta) => meta !== 'visible');
   }, [selectedField, modifiedData]);
 
   const componentsAndModelsPossibleMainFields = useMemo(() => {
@@ -41,7 +45,7 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
   }, [schemas]);
 
   const getSelectedItemSelectOptions = useCallback(
-    formType => {
+    (formType) => {
       if (formType !== 'relation' && formType !== 'component') {
         return [];
       }
@@ -55,7 +59,7 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
     [selectedField, componentsAndModelsPossibleMainFields, modifiedData]
   );
 
-  const metaFields = formToDisplay.map(meta => {
+  const metaFields = formToDisplay.map((meta) => {
     const formType = get(attributes, [selectedField, 'type']);
 
     if (
@@ -73,6 +77,10 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
       return null;
     }
 
+    if (meta === 'step') {
+      return null;
+    }
+
     return (
       <GridItem col={6} key={meta}>
         <GenericInput
@@ -103,7 +111,7 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
       <Select
         value={fieldForm?.size}
         name="size"
-        onChange={value => {
+        onChange={(value) => {
           onSizeChange({ name: selectedField, value });
         }}
         label={formatMessage({
@@ -120,10 +128,33 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
     </GridItem>
   );
 
+  const hasTimePicker = TIME_FIELD_TYPES.includes(attributes[selectedField].type);
+
+  const timeStepField = (
+    <GridItem col={6} key="step">
+      <Select
+        value={get(fieldForm, ['metadata', 'step'], 1)}
+        name="step"
+        onChange={(value) => onMetaChange({ target: { name: 'step', value } })}
+        label={formatMessage({
+          id: getTrad('containers.SettingPage.editSettings.step.label'),
+          defaultMessage: 'Time interval (minutes)',
+        })}
+      >
+        {TIME_FIELD_OPTIONS.map((value) => (
+          <Option key={value} value={value}>
+            {value}
+          </Option>
+        ))}
+      </Select>
+    </GridItem>
+  );
+
   return (
     <>
       {metaFields}
       {canResize && sizeField}
+      {hasTimePicker && timeStepField}
     </>
   );
 };

package/admin/src/content-manager/pages/EditSettingsView/components/RelationalFieldButton.js

@@ -56,10 +56,10 @@ const RelationalFieldButton = ({
 
   const [{ isDragging }, drag, dragPreview] = useDrag({
     type: ItemTypes.EDIT_RELATION,
-    item: () => {
+    item() {
       return { index, labelField: children, name };
     },
-    collect: monitor => ({
+    collect: (monitor) => ({
       isDragging: monitor.isDragging(),
     }),
   });
@@ -94,7 +94,7 @@ const RelationalFieldButton = ({
         as="span"
         type="button"
         ref={dragButtonRef}
-        onClick={e => e.stopPropagation()}
+        onClick={(e) => e.stopPropagation()}
         alignItems="center"
         paddingLeft={3}
         paddingRight={3}

package/admin/src/content-manager/pages/EditSettingsView/components/RelationalFields.js

@@ -77,7 +77,7 @@ const RelationalFields = ({
             variant="secondary"
             disabled={editRelationsLayoutRemainingFields.length === 0}
           >
-            {editRelationsLayoutRemainingFields.map(remainingRelation => (
+            {editRelationsLayoutRemainingFields.map((remainingRelation) => (
               <MenuItem
                 id={`menuItem-${remainingRelation}`}
                 key={`menuItem-${remainingRelation}`}

package/admin/src/content-manager/pages/EditSettingsView/index.js

@@ -47,7 +47,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
   const modelName = get(mainLayout, ['info', 'displayName'], '');
   const attributes = get(modifiedData, ['attributes'], {});
 
-  const entryTitleOptions = Object.keys(attributes).filter(attr => {
+  const entryTitleOptions = Object.keys(attributes).filter((attr) => {
     const type = get(attributes, [attr, 'type'], '');
 
     return (
@@ -68,22 +68,22 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
   const editLayout = get(modifiedData, ['layouts', 'edit'], []);
   const displayedFields = flatMap(editLayout, 'rowContent');
   const editLayoutRemainingFields = Object.keys(modifiedData.attributes)
-    .filter(attr => {
+    .filter((attr) => {
       if (!isContentTypeView) {
         return true;
       }
 
       return get(modifiedData, ['attributes', attr, 'type'], '') !== 'relation';
     })
-    .filter(attr => get(modifiedData, ['metadatas', attr, 'edit', 'visible'], false) === true)
-    .filter(attr => {
-      return displayedFields.findIndex(el => el.name === attr) === -1;
+    .filter((attr) => get(modifiedData, ['metadatas', attr, 'edit', 'visible'], false) === true)
+    .filter((attr) => {
+      return displayedFields.findIndex((el) => el.name === attr) === -1;
     })
     .sort();
   const relationsLayout = get(modifiedData, ['layouts', 'editRelations'], []);
   const editRelationsLayoutRemainingFields = Object.keys(attributes)
-    .filter(attr => attributes[attr].type === 'relation')
-    .filter(attr => relationsLayout.indexOf(attr) === -1);
+    .filter((attr) => attributes[attr].type === 'relation')
+    .filter((attr) => relationsLayout.indexOf(attr) === -1);
 
   const handleChange = ({ target: { name, value } }) => {
     dispatch({
@@ -94,11 +94,11 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
   };
 
   const handleToggleModal = () => {
-    setIsModalFormOpen(prev => !prev);
+    setIsModalFormOpen((prev) => !prev);
   };
 
   const toggleConfirmDialog = () => {
-    setIsConfirmDialogOpen(prev => !prev);
+    setIsConfirmDialogOpen((prev) => !prev);
   };
 
   const handleMetaChange = ({ target: { name, value } }) => {
@@ -117,7 +117,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
     });
   };
 
-  const handleMetaSubmit = e => {
+  const handleMetaSubmit = (e) => {
     e.preventDefault();
     dispatch({
       type: 'SUBMIT_META_FORM',
@@ -125,17 +125,17 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
     handleToggleModal();
   };
 
-  const handleSubmit = e => {
+  const handleSubmit = (e) => {
     e.preventDefault();
     toggleConfirmDialog();
   };
 
   const submitMutation = useMutation(
-    body => {
+    (body) => {
       return putCMSettingsEV(body, slug, isContentTypeView);
     },
     {
-      onSuccess: ({ data }) => {
+      onSuccess({ data }) {
         if (updateLayout) {
           updateLayout(data.data);
         }
@@ -145,7 +145,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
         toggleConfirmDialog();
         trackUsage('didEditEditSettings');
       },
-      onError: () => {
+      onError() {
         toggleNotification({ type: 'warning', message: { id: 'notification.error' } });
       },
     }
@@ -215,7 +215,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
       onMoveField={handleMoveField}
       moveRow={moveRow}
       moveItem={moveItem}
-      setEditFieldToSelect={name => {
+      setEditFieldToSelect={(name) => {
         dispatch({
           type: 'SET_FIELD_TO_EDIT',
           name,
@@ -242,7 +242,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
             navigationAction={
               <Link
                 startIcon={<ArrowLeft />}
-                onClick={e => {
+                onClick={(e) => {
                   e.preventDefault();
                   goBack();
                 }}
@@ -292,7 +292,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
                         id: getTrad('containers.SettingPage.editSettings.entry.title.description'),
                         defaultMessage: 'Set the display field of your entry',
                       })}
-                      onChange={value => {
+                      onChange={(value) => {
                         handleChange({
                           target: {
                             name: 'settings.mainField',
@@ -302,7 +302,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
                       }}
                       value={modifiedData.settings.mainField}
                     >
-                      {entryTitleOptions.map(attribute => (
+                      {entryTitleOptions.map((attribute) => (
                         <Option key={attribute} value={attribute}>
                           {attribute}
                         </Option>
@@ -325,7 +325,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
                       attributes={attributes}
                       editLayout={editLayout}
                       editLayoutRemainingFields={editLayoutRemainingFields}
-                      onAddField={field => {
+                      onAddField={(field) => {
                         dispatch({
                           type: 'ON_ADD_FIELD',
                           name: field,
@@ -345,8 +345,8 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
                       <RelationalFields
                         editRelationsLayoutRemainingFields={editRelationsLayoutRemainingFields}
                         relationsLayout={relationsLayout}
-                        onAddField={name => dispatch({ type: 'ADD_RELATION', name })}
-                        onRemoveField={index => dispatch({ type: 'REMOVE_RELATION', index })}
+                        onAddField={(name) => dispatch({ type: 'ADD_RELATION', name })}
+                        onRemoveField={(index) => dispatch({ type: 'REMOVE_RELATION', index })}
                       />
                     </GridItem>
                   )}

package/admin/src/content-manager/pages/EditSettingsView/reducer.js

@@ -17,7 +17,7 @@ const initialState = {
 
 const reducer = (state = initialState, action) =>
   // eslint-disable-next-line consistent-return
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     const layoutPathEdit = ['modifiedData', 'layouts', 'edit'];
     const layoutPathRelations = ['modifiedData', 'layouts', 'editRelations'];
 

package/admin/src/content-manager/pages/EditSettingsView/utils/createPossibleMainFieldsForModelsAndComponents.js

@@ -1,9 +1,9 @@
 import { get } from 'lodash';
 
-const createPossibleMainFieldsForModelsAndComponents = array => {
+const createPossibleMainFieldsForModelsAndComponents = (array) => {
   return array.reduce((acc, current) => {
     const attributes = get(current, ['attributes'], {});
-    const possibleMainFields = Object.keys(attributes).filter(attr => {
+    const possibleMainFields = Object.keys(attributes).filter((attr) => {
       return ![
         'boolean',
         'component',

package/admin/src/content-manager/pages/EditSettingsView/utils/getInputProps.js

@@ -1,6 +1,6 @@
 import { getTrad } from '../../../utils';
 
-const getInputProps = fieldName => {
+const getInputProps = (fieldName) => {
   let type;
 
   switch (fieldName) {

package/admin/src/content-manager/pages/EditSettingsView/utils/layout.js

@@ -1,7 +1,7 @@
 /* eslint-disable indent */
-const getRowSize = arr => arr.reduce((sum, value) => sum + value.size, 0);
+const getRowSize = (arr) => arr.reduce((sum, value) => sum + value.size, 0);
 
-const createLayout = arr => {
+const createLayout = (arr) => {
   return arr.reduce((acc, current, index) => {
     const row = { rowId: index, rowContent: current };
 
@@ -9,7 +9,7 @@ const createLayout = arr => {
   }, []);
 };
 
-const formatLayout = arr => {
+const formatLayout = (arr) => {
   return arr
     .reduce((acc, current) => {
       let toPush = [];
@@ -33,7 +33,7 @@ const formatLayout = arr => {
           ? 0
           : Math.max.apply(
               Math,
-              acc.map(o => o.rowId)
+              acc.map((o) => o.rowId)
             ) + 1;
 
       const currentRowSize = getRowSize(currentRow);
@@ -57,8 +57,8 @@ const formatLayout = arr => {
 
       return acc;
     }, [])
-    .filter(row => row.rowContent.length > 0)
-    .filter(row => {
+    .filter((row) => row.rowContent.length > 0)
+    .filter((row) => {
       if (row.rowContent.length === 1) {
         return row.rowContent[0].name !== '_TEMP_';
       }
@@ -67,15 +67,15 @@ const formatLayout = arr => {
     });
 };
 
-const unformatLayout = arr => {
+const unformatLayout = (arr) => {
   return arr.reduce((acc, current) => {
-    const currentRow = current.rowContent.filter(content => content.name !== '_TEMP_');
+    const currentRow = current.rowContent.filter((content) => content.name !== '_TEMP_');
 
     return acc.concat([currentRow]);
   }, []);
 };
 
-const getDefaultInputSize = type => {
+const getDefaultInputSize = (type) => {
   switch (type) {
     case 'boolean':
     case 'date':
@@ -97,7 +97,7 @@ const getDefaultInputSize = type => {
 
 const getFieldSize = (name, layouts = []) => {
   return layouts.reduce((acc, { rowContent }) => {
-    const size = rowContent.find(row => row.name === name)?.size ?? null;
+    const size = rowContent.find((row) => row.name === name)?.size ?? null;
 
     if (size) {
       acc = size;
@@ -108,8 +108,8 @@ const getFieldSize = (name, layouts = []) => {
 };
 
 const setFieldSize = (name, size, layouts = []) => {
-  return layouts.map(row => {
-    row.rowContent = row.rowContent.map(column => {
+  return layouts.map((row) => {
+    row.rowContent = row.rowContent.map((column) => {
       if (column.name === name) {
         return {
           ...column,

package/admin/src/content-manager/pages/EditView/DeleteLink/index.js

@@ -15,7 +15,7 @@ const DeleteLink = ({ isCreatingEntry, onDelete, onDeleteSucceeded, trackerPrope
   const { formatMessage } = useIntl();
   const toggleNotification = useNotification();
 
-  const toggleWarningDelete = () => setWarningDelete(prevState => !prevState);
+  const toggleWarningDelete = () => setWarningDelete((prevState) => !prevState);
 
   const handleConfirmDelete = async () => {
     try {

package/admin/src/content-manager/pages/EditView/DeleteLink/utils/connect.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 function connect(WrappedComponent, select) {
-  return function(props) {
+  return (props) => {
     // eslint-disable-next-line react/prop-types
     const selectors = select();
 

package/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/utils/connect.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 function connect(WrappedComponent, select) {
-  return function(props) {
+  return (props) => {
     // eslint-disable-next-line react/prop-types
     const selectors = select();
 

package/admin/src/content-manager/pages/EditView/Header/index.js

@@ -134,8 +134,8 @@ const Header = ({
     );
   }
 
-  const toggleWarningUnpublish = () => setWarningUnpublish(prevState => !prevState);
-  const toggleWarningDraftRelation = () => setShowWarningDraftRelation(prevState => !prevState);
+  const toggleWarningUnpublish = () => setWarningUnpublish((prevState) => !prevState);
+  const toggleWarningDraftRelation = () => setShowWarningDraftRelation((prevState) => !prevState);
 
   const handlePublish = () => {
     toggleWarningDraftRelation();
@@ -165,7 +165,7 @@ const Header = ({
             // Needed in order to redirect the user with the correct search params
             // Since parts is using a link from react-router-dom the best way to do it is to disable the
             // event
-            onClick={e => {
+            onClick={(e) => {
               e.preventDefault();
               goBack();
             }}
@@ -254,7 +254,7 @@ const Header = ({
                     },
                     {
                       br: () => <br />,
-                      b: chunks => <Typography fontWeight="bold">{chunks}</Typography>,
+                      b: (chunks) => <Typography fontWeight="bold">{chunks}</Typography>,
                       count: draftRelationsCountRef.current,
                     }
                   )}

package/admin/src/content-manager/pages/EditView/Header/utils/connect.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 function connect(WrappedComponent, select) {
-  return function(props) {
+  return (props) => {
     // eslint-disable-next-line react/prop-types
     const selectors = select();
 

package/admin/src/content-manager/pages/EditView/Header/utils/getDraftRelations.js

@@ -14,7 +14,7 @@ const getDraftRelations = (data, ctSchema, components) => {
       }
 
       if (type === 'dynamiczone') {
-        currentData.forEach(curr => {
+        currentData.forEach((curr) => {
           const compoSchema = get(components, curr.__component, {});
 
           acc += getDraftRelationsCount(curr, compoSchema);
@@ -27,7 +27,7 @@ const getDraftRelations = (data, ctSchema, components) => {
         const compoSchema = get(components, compoUID, {});
 
         if (isRepeatable) {
-          currentData.forEach(curr => {
+          currentData.forEach((curr) => {
             acc += getDraftRelationsCount(curr, compoSchema);
           });
         } else {
@@ -43,7 +43,7 @@ const getDraftRelations = (data, ctSchema, components) => {
             acc += 1;
           }
         } else {
-          currentData.forEach(value => {
+          currentData.forEach((value) => {
             if (has(value, 'publishedAt') && isEmpty(value.publishedAt)) {
               acc += 1;
             }

package/admin/src/content-manager/pages/EditView/Informations/utils/getUnits.js

@@ -4,7 +4,7 @@ const msPerDay = msPerHour * 24;
 const msPerMonth = msPerDay * 30;
 const msPerYear = msPerDay * 365;
 
-const getUnits = value => {
+const getUnits = (value) => {
   if (value < msPerMinute) {
     return { unit: 'second', value: -Math.round(value / 1000) };
   }

package/admin/src/content-manager/pages/EditView/index.js

@@ -44,13 +44,10 @@ const EditView = ({
 }) => {
   const { trackUsage } = useTracking();
   const { formatMessage } = useIntl();
-  const {
-    createActionAllowedFields,
-    readActionAllowedFields,
-    updateActionAllowedFields,
-  } = useMemo(() => {
-    return getFieldsActionMatchingPermissions(userPermissions, slug);
-  }, [userPermissions, slug]);
+  const { createActionAllowedFields, readActionAllowedFields, updateActionAllowedFields } =
+    useMemo(() => {
+      return getFieldsActionMatchingPermissions(userPermissions, slug);
+    }, [userPermissions, slug]);
 
   const configurationPermissions = useMemo(() => {
     return isSingleType
@@ -70,9 +67,9 @@ const EditView = ({
   );
 
   // Check if a block is a dynamic zone
-  const isDynamicZone = useCallback(block => {
-    return block.every(subBlock => {
-      return subBlock.every(obj => obj.fieldSchema.type === 'dynamiczone');
+  const isDynamicZone = useCallback((block) => {
+    return block.every((subBlock) => {
+      return subBlock.every((obj) => obj.fieldSchema.type === 'dynamiczone');
     });
   }, []);
 

package/admin/src/content-manager/pages/EditView/utils/createAttributesLayout.js

@@ -4,7 +4,7 @@ import { get, isEmpty } from 'lodash';
 /* eslint-disable no-unused-vars */
 
 const createAttributesLayout = (currentLayout, attributes) => {
-  const getType = name => get(attributes, [name, 'type'], '');
+  const getType = (name) => get(attributes, [name, 'type'], '');
   let currentRowIndex = 0;
   const newLayout = [];
 
@@ -29,7 +29,7 @@ const createAttributesLayout = (currentLayout, attributes) => {
     }
   }
 
-  return newLayout.filter(arr => arr.length > 0);
+  return newLayout.filter((arr) => arr.length > 0);
 };
 
 export default createAttributesLayout;

package/admin/src/content-manager/pages/EditView/utils/getFieldsActionMatchingPermissions.js

@@ -2,7 +2,7 @@ import { uniq, flatMap } from 'lodash';
 import { findMatchingPermissions } from '@strapi/helper-plugin';
 
 const getFieldsActionMatchingPermissions = (userPermissions, slug) => {
-  const getMatchingPermissions = action => {
+  const getMatchingPermissions = (action) => {
     const matched = findMatchingPermissions(userPermissions, [
       {
         action: `plugin::content-manager.explorer.${action}`,

package/admin/src/content-manager/pages/EditViewLayoutManager/Permissions.js

@@ -5,7 +5,7 @@ import isEqual from 'react-fast-compare';
 import EditView from '../EditView';
 import { generatePermissionsObject } from '../../utils';
 
-const Permissions = props => {
+const Permissions = (props) => {
   const viewPermissions = useMemo(() => generatePermissionsObject(props.slug), [props.slug]);
   const { isLoading, allowedActions } = useRBAC(viewPermissions, props.userPermissions);
 

package/admin/src/content-manager/pages/EditViewLayoutManager/reducer.js

@@ -12,7 +12,7 @@ export const initialState = {
 
 const editViewManagerReducer = (state = initialState, action) =>
   // eslint-disable-next-line consistent-return
-  produce(state, drafState => {
+  produce(state, (drafState) => {
     switch (action.type) {
       case RESET_PROPS: {
         drafState.currentLayout = null;

package/admin/src/content-manager/pages/EditViewLayoutManager/selectors.js

@@ -1,3 +1,3 @@
-const selectLayout = state => state['content-manager_editViewLayoutManager'].currentLayout;
+const selectLayout = (state) => state['content-manager_editViewLayoutManager'].currentLayout;
 
 export default selectLayout;