@akemona-org/strapi-plugin-content-type-builder 3.7.0 → 3.7.1

package/admin/src/containers/FormModal/attributes/types.js

@@ -47,21 +47,11 @@ const types = {
     const shape = {
       name: validators.name(usedAttributeNames, reservedNames),
       type: validators.type(),
-      default: yup
-        .string()
-        .nullable()
-        .matches(/^\d*$/),
+      default: yup.string().nullable().matches(/^\d*$/),
       unique: validators.unique(),
       required: validators.required(),
-      max: yup
-        .string()
-        .nullable()
-        .matches(/^\d*$/, errorsTrads.regex),
-      min: yup
-        .string()
-        .nullable()
-        .test(isMinSuperiorThanMax)
-        .matches(/^\d*$/, errorsTrads.regex),
+      max: yup.string().nullable().matches(/^\d*$/, errorsTrads.regex),
+      min: yup.string().nullable().test(isMinSuperiorThanMax).matches(/^\d*$/, errorsTrads.regex),
     };
 
     return yup.object(shape);
@@ -115,10 +105,7 @@ const types = {
     const shape = {
       name: validators.name(usedAttributeNames, reservedNames),
       type: validators.type(),
-      default: yup
-        .string()
-        .email()
-        .nullable(),
+      default: yup.string().email().nullable(),
       unique: validators.unique(),
       required: validators.required(),
       maxLength: validators.maxLength(),
@@ -148,7 +135,7 @@ const types = {
         .test({
           name: 'areEnumValuesUnique',
           message: getTrad('error.validation.enum-duplicate'),
-          test: values => {
+          test: (values) => {
             const filtered = [...new Set(values)];
 
             return filtered.length === values.length;
@@ -157,14 +144,14 @@ const types = {
         .test({
           name: 'valuesMatchesRegex',
           message: errorsTrads.regex,
-          test: values => {
-            return values.every(val => val === '' || ENUM_REGEX.test(val));
+          test: (values) => {
+            return values.every((val) => val === '' || ENUM_REGEX.test(val));
           },
         })
         .test({
           name: 'doesNotHaveEmptyValues',
           message: getTrad('error.validation.enum-empty-string'),
-          test: values => !values.some(val => val === ''),
+          test: (values) => !values.some((val) => val === ''),
         }),
       enumName: yup.string().nullable(),
     };
@@ -251,7 +238,7 @@ const types = {
         const initialForbiddenName = [...alreadyTakenTargetAttributes, modifiedData.name];
 
         let forbiddenTargetAttributeName = initialForbiddenName.filter(
-          val => val !== initialData.targetAttribute
+          (val) => val !== initialData.targetAttribute
         );
 
         if (!['oneWay', 'manyWay'].includes(modifiedData.nature)) {
@@ -262,7 +249,7 @@ const types = {
           .test({
             name: 'forbiddenTargetAttributeName',
             message: getTrad('error.validation.relation.targetAttribute-taken'),
-            test: value => {
+            test: (value) => {
               if (!value) {
                 return false;
               }

package/admin/src/containers/FormModal/attributes/validation/common.js

@@ -5,11 +5,11 @@ import getTrad from '../../../../utils/getTrad';
 
 const NAME_REGEX = new RegExp('^[A-Za-z][_0-9A-Za-z]*$');
 
-const alreadyUsedAttributeNames = usedNames => {
+const alreadyUsedAttributeNames = (usedNames) => {
   return {
     name: 'attributeNameAlreadyUsed',
     message: errorsTrads.unique,
-    test: value => {
+    test: (value) => {
       if (!value) {
         return false;
       }
@@ -22,7 +22,7 @@ const alreadyUsedAttributeNames = usedNames => {
 const getUsedContentTypeAttributeNames = (ctShema, isEdition, attributeNameToEdit) => {
   const attributes = get(ctShema, ['schema', 'attributes'], {});
 
-  return Object.keys(attributes).filter(attr => {
+  return Object.keys(attributes).filter((attr) => {
     if (isEdition) {
       return attr !== attributeNameToEdit;
     }
@@ -31,11 +31,11 @@ const getUsedContentTypeAttributeNames = (ctShema, isEdition, attributeNameToEdi
   });
 };
 
-const isNameAllowed = reservedNames => {
+const isNameAllowed = (reservedNames) => {
   return {
     name: 'forbiddenAttributeName',
     message: getTrad('error.attributeName.reserved-name'),
-    test: value => {
+    test: (value) => {
       if (!value) {
         return false;
       }
@@ -47,11 +47,7 @@ const isNameAllowed = reservedNames => {
 
 const validators = {
   default: () => yup.string().nullable(),
-  max: () =>
-    yup
-      .number()
-      .integer()
-      .nullable(),
+  max: () => yup.number().integer().nullable(),
   min: () =>
     yup
       .number()
@@ -64,11 +60,7 @@ const validators = {
         return schema;
       })
       .nullable(),
-  maxLength: () =>
-    yup
-      .number()
-      .integer()
-      .nullable(),
+  maxLength: () => yup.number().integer().nullable(),
   minLength: () =>
     yup
       .number()
@@ -108,7 +100,7 @@ const createTextShape = (usedAttributeNames, reservedNames) => {
       .test({
         name: 'isValidRegExpPattern',
         message: getTrad('error.validation.regex'),
-        test: value => {
+        test: (value) => {
           return new RegExp(value) !== null;
         },
       })

package/admin/src/containers/FormModal/category/createCategorySchema.js

@@ -3,7 +3,7 @@ import { toLower } from 'lodash';
 import { translatedErrors as errorsTrads } from 'strapi-helper-plugin';
 import CATEGORY_NAME_REGEX from './regex';
 
-const createCategorySchema = usedCategoryNames => {
+const createCategorySchema = (usedCategoryNames) => {
   const shape = {
     name: yup
       .string()
@@ -11,7 +11,7 @@ const createCategorySchema = usedCategoryNames => {
       .test({
         name: 'nameNotAllowed',
         message: errorsTrads.unique,
-        test: value => {
+        test: (value) => {
           if (!value) {
             return false;
           }

package/admin/src/containers/FormModal/component/createComponentSchema.js

@@ -12,7 +12,7 @@ const createComponentSchema = (usedComponentNames, reservedNames, category) => {
       .test({
         name: 'nameAlreadyUsed',
         message: errorsTrads.unique,
-        test: value => {
+        test: (value) => {
           if (!value) {
             return false;
           }
@@ -25,7 +25,7 @@ const createComponentSchema = (usedComponentNames, reservedNames, category) => {
       .test({
         name: 'nameNotAllowed',
         message: getTrad('error.contentTypeName.reserved-name'),
-        test: value => {
+        test: (value) => {
           if (!value) {
             return false;
           }

package/admin/src/containers/FormModal/constants.js

@@ -1,11 +1,16 @@
-export const ADD_COMPONENTS_TO_DYNAMIC_ZONE = 'ContentTypeBuilder/FormModal/ADD_COMPONENTS_TO_DYNAMIC_ZONE';
+export const ADD_COMPONENTS_TO_DYNAMIC_ZONE =
+  'ContentTypeBuilder/FormModal/ADD_COMPONENTS_TO_DYNAMIC_ZONE';
 export const ON_CHANGE = 'ContentTypeBuilder/FormModal/ON_CHANGE';
 export const ON_CHANGE_ALLOWED_TYPE = 'ContentTypeBuilder/FormModal/ON_CHANGE_ALLOWED_TYPE';
 export const RESET_PROPS = 'ContentTypeBuilder/FormModal/RESET_PROPS';
-export const RESET_PROPS_AND_SET_FORM_FOR_ADDING_AN_EXISTING_COMPO = 'ContentTypeBuilder/FormModal/RESET_PROPS_AND_SET_FORM_FOR_ADDING_AN_EXISTING_COMPO';
-export const RESET_PROPS_AND_SAVE_CURRENT_DATA = 'ContentTypeBuilder/FormModal/RESET_PROPS_AND_SAVE_CURRENT_DATA';
-export const RESET_PROPS_AND_SET_THE_FORM_FOR_ADDING_A_COMPO_TO_A_DZ = 'ContentTypeBuilder/FormModal/RESET_PROPS_AND_SET_THE_FORM_FOR_ADDING_A_COMPO_TO_A_DZ';
+export const RESET_PROPS_AND_SET_FORM_FOR_ADDING_AN_EXISTING_COMPO =
+  'ContentTypeBuilder/FormModal/RESET_PROPS_AND_SET_FORM_FOR_ADDING_AN_EXISTING_COMPO';
+export const RESET_PROPS_AND_SAVE_CURRENT_DATA =
+  'ContentTypeBuilder/FormModal/RESET_PROPS_AND_SAVE_CURRENT_DATA';
+export const RESET_PROPS_AND_SET_THE_FORM_FOR_ADDING_A_COMPO_TO_A_DZ =
+  'ContentTypeBuilder/FormModal/RESET_PROPS_AND_SET_THE_FORM_FOR_ADDING_A_COMPO_TO_A_DZ';
 export const SET_DATA_TO_EDIT = 'ContentTypeBuilder/FormModal/SET_DATA_TO_EDIT';
 export const SET_ATTRIBUTE_DATA_SCHEMA = 'ContentTypeBuilder/FormModal/SET_ATTRIBUTE_DATA_SCHEMA';
-export const SET_DYNAMIC_ZONE_DATA_SCHEMA = 'ContentTypeBuilder/FormModal/SET_DYNAMIC_ZONE_DATA_SCHEMA';
+export const SET_DYNAMIC_ZONE_DATA_SCHEMA =
+  'ContentTypeBuilder/FormModal/SET_DYNAMIC_ZONE_DATA_SCHEMA';
 export const SET_ERRORS = 'ContentTypeBuilder/FormModal/SET_ERRORS';

package/admin/src/containers/FormModal/contentType/createContentTypeSchema.js

@@ -11,7 +11,7 @@ const createContentTypeSchema = (usedContentTypeNames, reservedNames) => {
       .test({
         name: 'nameAlreadyUsed',
         message: errorsTrads.unique,
-        test: value => {
+        test: (value) => {
           if (!value) {
             return false;
           }
@@ -24,7 +24,7 @@ const createContentTypeSchema = (usedContentTypeNames, reservedNames) => {
       .test({
         name: 'nameNotAllowed',
         message: getTrad('error.contentTypeName.reserved-name'),
-        test: value => {
+        test: (value) => {
           if (!value) {
             return false;
           }

package/admin/src/containers/FormModal/contentType/form.js

@@ -55,7 +55,7 @@ const forms = {
     },
   },
   base: {
-    create: value => {
+    create: (value) => {
       return {
         items: [
           [

package/admin/src/containers/FormModal/forms/index.js

@@ -18,7 +18,7 @@ const forms = {
     ) {
       const attributes = get(currentSchema, ['schema', 'attributes'], {});
 
-      const usedAttributeNames = Object.keys(attributes).filter(attr => {
+      const usedAttributeNames = Object.keys(attributes).filter((attr) => {
         return attr !== options.initialData.name;
       });
 
@@ -73,7 +73,7 @@ const forms = {
   contentType: {
     schema(alreadyTakenNames, isEditing, ctUid, reservedNames, extensions) {
       const takenNames = isEditing
-        ? alreadyTakenNames.filter(uid => uid !== ctUid)
+        ? alreadyTakenNames.filter((uid) => uid !== ctUid)
         : alreadyTakenNames;
 
       const contentTypeShape = createContentTypeSchema(takenNames, reservedNames.models);
@@ -111,7 +111,7 @@ const forms = {
       compoUid = null
     ) {
       const takenNames = isEditing
-        ? alreadyTakenAttributes.filter(uid => uid !== compoUid)
+        ? alreadyTakenAttributes.filter((uid) => uid !== compoUid)
         : alreadyTakenAttributes;
 
       return createComponentSchema(takenNames, reservedNames.models, componentCategory);
@@ -148,8 +148,8 @@ const forms = {
   editCategory: {
     schema(allCategories, initialData) {
       const allowedCategories = allCategories
-        .filter(cat => cat !== initialData.name)
-        .map(cat => toLower(cat));
+        .filter((cat) => cat !== initialData.name)
+        .map((cat) => toLower(cat));
 
       return createCategorySchema(allowedCategories);
     },

package/admin/src/containers/FormModal/index.js

@@ -68,7 +68,7 @@ const FormModal = () => {
   const [showConfirmModal, setShowConfirmModal] = useState(false);
   const formModalSelector = useMemo(makeSelectFormModal, []);
   const dispatch = useDispatch();
-  const reducerState = useSelector(state => formModalSelector(state), shallowEqual);
+  const reducerState = useSelector((state) => formModalSelector(state), shallowEqual);
   const { push } = useHistory();
   const { search } = useLocation();
   const { emitEvent, formatMessage } = useGlobalContext();
@@ -457,7 +457,7 @@ const FormModal = () => {
         // in order to prevent the user from creating a relation with a targetAttribute
         // that may exist in the other content type
         alreadyTakenTargetContentTypeAttributes = Object.keys(targetContentTypeAttributes).filter(
-          attrName => {
+          (attrName) => {
             // Keep all the target content type attributes when creating a relation
             if (state.actionType !== 'edit') {
               return true;
@@ -577,7 +577,7 @@ const FormModal = () => {
     });
   };
 
-  const toggleConfirmModal = useCallback(() => setShowConfirmModal(prev => !prev), []);
+  const toggleConfirmModal = useCallback(() => setShowConfirmModal((prev) => !prev), []);
 
   const handleChange = useCallback(
     ({ target: { name, value, type, ...rest } }) => {
@@ -1068,7 +1068,7 @@ const FormModal = () => {
     }
   };
 
-  const sendAdvancedTabEvent = tab => {
+  const sendAdvancedTabEvent = (tab) => {
     if (tab !== 'advanced') {
       return;
     }
@@ -1084,7 +1084,7 @@ const FormModal = () => {
     }
   };
 
-  const sendButtonAddMoreFieldEvent = shouldContinue => {
+  const sendButtonAddMoreFieldEvent = (shouldContinue) => {
     if (
       state.modalType === 'attribute' &&
       state.forTarget === 'contentType' &&
@@ -1142,7 +1142,7 @@ const FormModal = () => {
                   step: state.step,
                 }}
               >
-                {msg => <span>{upperFirst(msg)}</span>}
+                {(msg) => <span>{upperFirst(msg)}</span>}
               </FormattedMessage>
 
               {!isPickingAttribute && (
@@ -1159,7 +1159,7 @@ const FormModal = () => {
                             key={link.id}
                             {...link}
                             onClick={() => {
-                              setState(prev => ({
+                              setState((prev) => ({
                                 ...prev,
                                 settingType: link.id,
                               }));
@@ -1246,7 +1246,7 @@ const FormModal = () => {
                                       textTransform="uppercase"
                                     >
                                       <FormattedMessage id={getTrad(tradId)}>
-                                        {txt => txt}
+                                        {(txt) => txt}
                                       </FormattedMessage>
                                     </Text>
                                   </Padded>
@@ -1295,7 +1295,7 @@ const FormModal = () => {
                             // - and we just want to access { "pluginOptions.i18n.localized": {...} }
                             // NOTE: this is a hack
                             const pluginOptionError = Object.keys(formErrors).find(
-                              key => key === input.name
+                              (key) => key === input.name
                             );
 
                             // Retrieve the error for a specific input
@@ -1311,7 +1311,7 @@ const FormModal = () => {
                                       // Since the component info is stored in the
                                       // componentToCreate object we can access the error
                                       // By removing the key
-                                      .filter(key => key !== 'componentToCreate'),
+                                      .filter((key) => key !== 'componentToCreate'),
                                     'id',
                                   ],
                                   null
@@ -1438,7 +1438,7 @@ const FormModal = () => {
                     <Button
                       type={isCreating ? 'button' : 'submit'}
                       color="success"
-                      onClick={e => {
+                      onClick={(e) => {
                         handleSubmit(e, false);
                       }}
                       style={{ marginRight: '10px' }}
@@ -1450,7 +1450,7 @@ const FormModal = () => {
                     <Button
                       type="button"
                       color="delete"
-                      onClick={e => {
+                      onClick={(e) => {
                         e.preventDefault();
                         deleteData();
                       }}
@@ -1463,7 +1463,7 @@ const FormModal = () => {
                     <Button
                       type="button"
                       color="delete"
-                      onClick={e => {
+                      onClick={(e) => {
                         e.preventDefault();
 
                         deleteCategory(initialData.name);
@@ -1487,7 +1487,7 @@ const FormModal = () => {
                           ? 'success'
                           : 'primary'
                       }
-                      onClick={e => handleSubmit(e, true)}
+                      onClick={(e) => handleSubmit(e, true)}
                       icon={
                         (isCreatingAttribute &&
                           !isCreatingComponentFromAView &&
@@ -1514,7 +1514,7 @@ const FormModal = () => {
                           ? 'success'
                           : 'primary'
                       }
-                      onClick={e => handleSubmit(e, true)}
+                      onClick={(e) => handleSubmit(e, true)}
                       icon={
                         (isCreatingAttribute &&
                           !isCreatingComponentFromAView &&

package/admin/src/containers/FormModal/reducer.js

@@ -19,13 +19,13 @@ const reducer = (state = initialState, action) => {
     case actions.ADD_COMPONENTS_TO_DYNAMIC_ZONE: {
       const { name, components, shouldAddComponents } = action;
 
-      return state.updateIn(['modifiedData', name], list => {
+      return state.updateIn(['modifiedData', name], (list) => {
         let updatedList = list;
 
         if (shouldAddComponents) {
           updatedList = list.concat(components);
         } else {
-          updatedList = list.filter(comp => {
+          updatedList = list.filter((comp) => {
             return components.indexOf(comp) === -1;
           });
         }
@@ -34,7 +34,7 @@ const reducer = (state = initialState, action) => {
       });
     }
     case actions.ON_CHANGE:
-      return state.update('modifiedData', obj => {
+      return state.update('modifiedData', (obj) => {
         const {
           selectedContentTypeFriendlyName,
           keys,
@@ -62,10 +62,10 @@ const reducer = (state = initialState, action) => {
 
               return null;
             })
-            .update('name', oldValue => {
+            .update('name', (oldValue) => {
               return pluralize(snakeCase(oldValue), shouldPluralizeName(value));
             })
-            .update('targetAttribute', oldValue => {
+            .update('targetAttribute', (oldValue) => {
               if (['oneWay', 'manyWay'].includes(value)) {
                 return '-';
               }
@@ -75,7 +75,7 @@ const reducer = (state = initialState, action) => {
                 shouldPluralizeTargetAttribute(value)
               );
             })
-            .update('targetColumnName', oldValue => {
+            .update('targetColumnName', (oldValue) => {
               if (['oneWay', 'manyWay'].includes(value)) {
                 return null;
               }
@@ -90,7 +90,7 @@ const reducer = (state = initialState, action) => {
 
           return obj
             .update('target', () => value)
-            .update('nature', currentNature => {
+            .update('nature', (currentNature) => {
               if (targetContentTypeAllowedRelations === null) {
                 return currentNature;
               }
@@ -149,11 +149,11 @@ const reducer = (state = initialState, action) => {
         });
       }
 
-      return state.updateIn(['modifiedData', 'allowedTypes'], currentList => {
+      return state.updateIn(['modifiedData', 'allowedTypes'], (currentList) => {
         let list = currentList || fromJS([]);
 
         if (list.includes(action.name)) {
-          list = list.filter(v => v !== action.name);
+          list = list.filter((v) => v !== action.name);
 
           if (list.size === 0) {
             return null;

package/admin/src/containers/FormModal/selectors.js

@@ -5,7 +5,7 @@ import { initialState } from './reducer';
 /**
  * Direct selector to the formModal state domain
  */
-const formModalDomain = () => state => state.get(`${pluginId}_formModal`) || initialState;
+const formModalDomain = () => (state) => state.get(`${pluginId}_formModal`) || initialState;
 
 /**
  * Other specific selectors
@@ -16,7 +16,7 @@ const formModalDomain = () => state => state.get(`${pluginId}_formModal`) || ini
  */
 
 const makeSelectFormModal = () =>
-  createSelector(formModalDomain(), substate => {
+  createSelector(formModalDomain(), (substate) => {
     return substate;
   });
 

package/admin/src/containers/FormModal/utils/createHeadersArray.js

@@ -7,17 +7,14 @@ const ALLOWED_KEYS = [
   'header_info_category',
   'header_info_name',
 ];
-const createHeadersArray = obj => {
+const createHeadersArray = (obj) => {
   const array = Object.keys(obj).reduce((acc, current) => {
     const splitted = current.split('_');
     const currentKeys = splitted.filter((_, i) => i !== splitted.length - 1);
 
     if (ALLOWED_KEYS.includes(currentKeys.join('_'))) {
       const currentKeysIndex = parseInt(splitted[splitted.length - 1] - 1, 10);
-      const path = [
-        currentKeysIndex,
-        ...currentKeys.filter(key => key !== 'header'),
-      ];
+      const path = [currentKeysIndex, ...currentKeys.filter((key) => key !== 'header')];
 
       let value = obj[current];
 
@@ -31,7 +28,7 @@ const createHeadersArray = obj => {
     return acc;
   }, []);
 
-  return array.filter(obj => obj.label !== null);
+  return array.filter((obj) => obj.label !== null);
 };
 
 export default createHeadersArray;

package/admin/src/containers/FormModal/utils/createHeadersObjectFromArray.js

@@ -1,6 +1,6 @@
 import { isObject } from 'lodash';
 
-const createHeadersObjectFromArray = array => {
+const createHeadersObjectFromArray = (array) => {
   return array.reduce((acc, current, index) => {
     const createHeaderObject = (obj, i, middle = '') =>
       Object.keys(obj).reduce((acc1, current1) => {

package/admin/src/containers/FormModal/utils/createUid.js

@@ -1,8 +1,8 @@
 import slugify from '@sindresorhus/slugify';
 
-const nameToSlug = name => slugify(name, { separator: '-' });
+const nameToSlug = (name) => slugify(name, { separator: '-' });
 
-const createUid = name => {
+const createUid = (name) => {
   const modelName = nameToSlug(name);
   const uid = `application::${modelName}.${modelName}`;
 

package/admin/src/containers/FormModal/utils/getModalTitleSubHeader.js

@@ -1,6 +1,6 @@
 import getTrad from '../../../utils/getTrad';
 
-const getModalTitleSubHeader = state => {
+const getModalTitleSubHeader = (state) => {
   switch (state.modalType) {
     case 'chooseAttribute':
       return getTrad(

package/admin/src/containers/FormModal/utils/relations.js

@@ -1,9 +1,9 @@
 /* eslint-disable no-confusing-arrow */
 
-const shouldPluralizeName = nature =>
+const shouldPluralizeName = (nature) =>
   ['manyToMany', 'oneToMany', 'manyWay'].includes(nature) ? 2 : 1;
 
-const shouldPluralizeTargetAttribute = nature =>
+const shouldPluralizeTargetAttribute = (nature) =>
   ['manyToMany', 'manyToOne'].includes(nature) ? 2 : 1;
 
 export { shouldPluralizeName, shouldPluralizeTargetAttribute };

package/admin/src/containers/LeftMenu/index.js

@@ -37,7 +37,7 @@ function LeftMenu({ wait }) {
   const { emitEvent, formatMessage } = useGlobalContext();
   const { push } = useHistory();
   const componentsData = sortBy(
-    Object.keys(componentsGroupedByCategory).map(category => ({
+    Object.keys(componentsGroupedByCategory).map((category) => ({
       name: category,
       title: category,
       isEditable: isInDevelopmentMode,
@@ -67,21 +67,21 @@ function LeftMenu({ wait }) {
         push({ search });
       },
       links: sortBy(
-        componentsGroupedByCategory[category].map(compo => ({
+        componentsGroupedByCategory[category].map((compo) => ({
           name: compo.uid,
           to: `/plugins/${pluginId}/component-categories/${category}/${compo.uid}`,
           title: compo.schema.name,
         })),
-        obj => obj.title
+        (obj) => obj.title
       ),
     })),
-    obj => obj.title
+    (obj) => obj.title
   );
 
   const canOpenModalCreateCTorComponent = () => {
     return (
-      !Object.keys(contentTypes).some(ct => contentTypes[ct].isTemporary === true) &&
-      !Object.keys(components).some(component => components[component].isTemporary === true)
+      !Object.keys(contentTypes).some((ct) => contentTypes[ct].isTemporary === true) &&
+      !Object.keys(components).some((component) => components[component].isTemporary === true)
     );
   };
 
@@ -113,8 +113,8 @@ function LeftMenu({ wait }) {
 
   const displayedContentTypes = useMemo(() => {
     return sortedContentTypesList
-      .filter(obj => obj.visible)
-      .map(obj => {
+      .filter((obj) => obj.visible)
+      .map((obj) => {
         if (obj.plugin) {
           return {
             ...obj,
@@ -158,7 +158,7 @@ function LeftMenu({ wait }) {
             },
           }
         : null,
-      links: displayedContentTypes.filter(contentType => contentType.kind === 'collectionType'),
+      links: displayedContentTypes.filter((contentType) => contentType.kind === 'collectionType'),
     },
     {
       name: 'singleTypes',
@@ -177,7 +177,7 @@ function LeftMenu({ wait }) {
             },
           }
         : null,
-      links: displayedContentTypes.filter(singleType => singleType.kind === 'singleType'),
+      links: displayedContentTypes.filter((singleType) => singleType.kind === 'singleType'),
     },
     {
       name: 'components',
@@ -202,7 +202,7 @@ function LeftMenu({ wait }) {
 
   return (
     <Wrapper className="col-md-3">
-      {data.map(list => {
+      {data.map((list) => {
         return <LeftMenuList {...list} key={list.name} />;
       })}
     </Wrapper>