@akemona-org/strapi-admin 3.7.0 → 3.7.1

package/admin/src/app.js

@@ -60,8 +60,8 @@ const strapi = Strapi();
 const pluginsReducers = {};
 const pluginsToLoad = [];
 
-Object.keys(plugins).forEach(current => {
-  const registerPlugin = plugin => {
+Object.keys(plugins).forEach((current) => {
+  const registerPlugin = (plugin) => {
     strapi.registerPlugin(plugin);
 
     return plugin;
@@ -98,7 +98,7 @@ Object.keys(plugins).forEach(current => {
   // Retrieve all reducers
   const pluginReducers = plugin.reducers || {};
 
-  Object.keys(pluginReducers).forEach(reducerName => {
+  Object.keys(pluginReducers).forEach((reducerName) => {
     pluginsReducers[reducerName] = pluginReducers[reducerName];
   });
 
@@ -116,7 +116,7 @@ const { dispatch } = store;
 
 // Load plugins, this will be removed in the v4, temporary fix until the plugin API
 // https://plugin-api-rfc.vercel.app/plugin-api/admin.html
-pluginsToLoad.forEach(plugin => {
+pluginsToLoad.forEach((plugin) => {
   const bootPlugin = plugin.boot;
 
   if (bootPlugin) {
@@ -143,10 +143,10 @@ const displayNotification = (message, status) => {
   );
   dispatch(showNotification(message, status));
 };
-const displayNewNotification = config => {
+const displayNewNotification = (config) => {
   dispatch(showNewNotification(config));
 };
-const lockApp = data => {
+const lockApp = (data) => {
   dispatch(freezeApp(data));
 };
 const unlockApp = () => {
@@ -169,27 +169,27 @@ window.strapi = Object.assign(window.strapi || {}, {
   backendURL: BACKEND_URL === '/' ? window.location.origin : BACKEND_URL,
   notification: {
     // New notification api
-    toggle: config => {
+    toggle: (config) => {
       displayNewNotification(config);
     },
-    success: message => {
+    success: (message) => {
       displayNotification(message, 'success');
     },
-    warning: message => {
+    warning: (message) => {
       displayNotification(message, 'warning');
     },
-    error: message => {
+    error: (message) => {
       displayNotification(message, 'error');
     },
-    info: message => {
+    info: (message) => {
       displayNotification(message, 'info');
     },
   },
-  refresh: pluginId => ({
-    translationMessages: translationMessagesUpdated => {
+  refresh: (pluginId) => ({
+    translationMessages: (translationMessagesUpdated) => {
       render(merge({}, translationMessages, translationMessagesUpdated));
     },
-    leftMenuSections: leftMenuSectionsUpdated => {
+    leftMenuSections: (leftMenuSectionsUpdated) => {
       store.dispatch(updatePlugin(pluginId, 'leftMenuSections', leftMenuSectionsUpdated));
     },
   }),
@@ -210,7 +210,7 @@ window.strapi = Object.assign(window.strapi || {}, {
 
 const MOUNT_NODE = document.getElementById('app') || document.createElement('div');
 
-const render = messages => {
+const render = (messages) => {
   ReactDOM.render(
     <Provider store={store}>
       <StrapiProvider strapi={strapi}>

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

@@ -9,16 +9,16 @@ import PropTypes from 'prop-types';
 
 const Header = styled.div`
   width: 100%;
-  height: ${props => props.theme.main.sizes.header.height};
+  height: ${(props) => props.theme.main.sizes.header.height};
 
   position: fixed;
   z-index: 1040;
-  left: ${props => props.theme.main.sizes.leftMenu.width};
+  left: ${(props) => props.theme.main.sizes.leftMenu.width};
 
   box-shadow: 0 1px 2px 0 rgba(40, 42, 49, 0.16);
-  background-color: ${props => props.theme.main.colors.white};
+  background-color: ${(props) => props.theme.main.colors.white};
 
-  line-height: ${props => props.theme.main.sizes.header.height};
+  line-height: ${(props) => props.theme.main.sizes.header.height};
 `;
 
 Header.defaultProps = {

package/admin/src/components/LeftMenu/LeftMenuFooter/Wrapper.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 const Wrapper = styled.div`
   position: absolute;
   width: 100%;
-  background: ${props => props.theme.main.colors.strapi['blue-darker']};
+  background: ${(props) => props.theme.main.colors.strapi['blue-darker']};
   bottom: 0;
   .poweredBy {
     width: 100%;

package/admin/src/components/LeftMenu/LeftMenuFooter/index.js

@@ -16,7 +16,12 @@ function LeftMenuFooter({ version }) {
   return (
     <Wrapper>
       <div className="poweredBy">
-        <A key="website" href="https://strapi.akemona.com" target="_blank" rel="noopener noreferrer">
+        <A
+          key="website"
+          href="https://strapi.akemona.com"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
           Strapi
         </A>
         &nbsp;

package/admin/src/components/LeftMenu/LeftMenuHeader/Wrapper.js

@@ -4,9 +4,9 @@ import PropTypes from 'prop-types';
 import Logo from '../../../assets/images/logo-strapi.png';
 
 const Wrapper = styled.div`
-  background-color: ${props => props.theme.main.colors.leftMenu['background-header-link']};
+  background-color: ${(props) => props.theme.main.colors.leftMenu['background-header-link']};
   padding-left: 2rem;
-  height: ${props => props.theme.main.sizes.leftMenu.height};
+  height: ${(props) => props.theme.main.sizes.leftMenu.height};
 
   .leftMenuHeaderLink {
     &:hover {
@@ -17,7 +17,7 @@ const Wrapper = styled.div`
   .projectName {
     display: block;
     width: 100%;
-    height: ${props => props.theme.main.sizes.leftMenu.height};
+    height: ${(props) => props.theme.main.sizes.leftMenu.height};
     font-size: 2rem;
     letter-spacing: 0.2rem;
     color: $white;

package/admin/src/components/LeftMenu/LeftMenuLink/A.js

@@ -10,29 +10,29 @@ const A = styled.a`
   line-height: 1.8rem;
   border-left: 0.3rem solid transparent;
   cursor: pointer;
-  color: ${props => props.theme.main.colors.leftMenu['link-color']};
+  color: ${(props) => props.theme.main.colors.leftMenu['link-color']};
   text-decoration: none;
   -webkit-font-smoothing: antialiased;
 
   &:hover {
-    color: ${props => props.theme.main.colors.white};
-    background: ${props => props.theme.main.colors.leftMenu['link-hover']};
-    border-left: 0.3rem solid ${props => props.theme.main.colors.strapi.blue};
+    color: ${(props) => props.theme.main.colors.white};
+    background: ${(props) => props.theme.main.colors.leftMenu['link-hover']};
+    border-left: 0.3rem solid ${(props) => props.theme.main.colors.strapi.blue};
     text-decoration: none;
   }
 
   &:focus {
-    color: ${props => props.theme.main.colors.white};
+    color: ${(props) => props.theme.main.colors.white};
     text-decoration: none;
   }
 
   &:visited {
-    color: ${props => props.theme.main.colors.leftMenu['link-color']};
+    color: ${(props) => props.theme.main.colors.leftMenu['link-color']};
   }
 
   &.linkActive {
     color: white !important;
-    border-left: 0.3rem solid ${props => props.theme.main.colors.strapi.blue};
+    border-left: 0.3rem solid ${(props) => props.theme.main.colors.strapi.blue};
   }
 `;
 

package/admin/src/components/LeftMenu/LeftMenuLink/LeftMenuLinkContent.js

@@ -47,7 +47,7 @@ const LeftMenuLinkContent = ({
           label: `${label.id || label}`,
         }}
       >
-        {message => <LinkLabel>{message}</LinkLabel>}
+        {(message) => <LinkLabel>{message}</LinkLabel>}
       </FormattedMessage>
     ) : (
       <LinkLabel>{labelId}</LinkLabel>

package/admin/src/components/LeftMenu/LeftMenuLinkHeader/Title.js

@@ -7,7 +7,7 @@ const Title = styled.div`
   padding-right: 1.6rem;
   padding-top: 1rem;
   margin-bottom: 0.9rem;
-  color: ${props => props.theme.main.colors.leftMenu['title-color']};
+  color: ${(props) => props.theme.main.colors.leftMenu['title-color']};
   text-transform: uppercase;
   font-size: 1.1rem;
   letter-spacing: 0.1rem;

package/admin/src/components/LeftMenu/LeftMenuLinkHeader/index.js

@@ -23,7 +23,7 @@ const LeftMenuLinkHeader = ({ section, searchable, setSearch, search }) => {
   }, [ref, showSearch]);
 
   const toggleSearch = () => {
-    setShowSearch(prev => !prev);
+    setShowSearch((prev) => !prev);
   };
 
   const handleChange = ({ target: { value } }) => {
@@ -52,7 +52,7 @@ const LeftMenuLinkHeader = ({ section, searchable, setSearch, search }) => {
             <FontAwesomeIcon style={{ fontSize: 12 }} icon="search" />
           </div>
           <FormattedMessage id="components.Search.placeholder">
-            {message => (
+            {(message) => (
               <Search ref={ref} onChange={handleChange} value={search} placeholder={message} />
             )}
           </FormattedMessage>

package/admin/src/components/LeftMenu/LeftMenuLinkSection/index.js

@@ -53,7 +53,7 @@ const LeftMenuLinksSection = ({
         ) : (
           <EmptyLinksListWrapper>
             <FormattedMessage id={emptyLinksListMessage} defaultMessage="No plugins installed yet">
-              {msg => <EmptyLinksList>{msg}</EmptyLinksList>}
+              {(msg) => <EmptyLinksList>{msg}</EmptyLinksList>}
             </FormattedMessage>
           </EmptyLinksListWrapper>
         )}

package/admin/src/components/LeftMenu/LinksContainer/index.js

@@ -4,12 +4,12 @@ import PropTypes from 'prop-types';
 const LinksContainer = styled.div`
   padding-top: 0.7rem;
   position: absolute;
-  top: ${props => props.theme.main.sizes.leftMenu.height};
+  top: ${(props) => props.theme.main.sizes.leftMenu.height};
   right: 0;
   bottom: 0;
   left: 0;
   overflow-y: auto;
-  height: calc(100vh - (${props => props.theme.main.sizes.leftMenu.height} + 3rem));
+  height: calc(100vh - (${(props) => props.theme.main.sizes.leftMenu.height} + 3rem));
   box-sizing: border-box;
 `;
 

package/admin/src/components/Notifications/Notification/Li.js

@@ -14,11 +14,11 @@ const GlobalNotification = createGlobalStyle`
       top: 10px;
       left: 5px;
       border-radius: 10px;
-      border: 1px solid ${props => props.theme.main.colors.green};
+      border: 1px solid ${(props) => props.theme.main.colors.green};
       display: flex;
       svg {
         margin: auto;
-        color: ${props => props.theme.main.colors.green};
+        color: ${(props) => props.theme.main.colors.green};
         width: 10px;
         height: 10px;
       }
@@ -67,10 +67,10 @@ const GlobalNotification = createGlobalStyle`
   .notificationSuccess{
     .notificationIcon {
       div {
-        border-color: ${props => props.theme.main.colors.green};
+        border-color: ${(props) => props.theme.main.colors.green};
       } 
       svg {
-        color: ${props => props.theme.main.colors.green};
+        color: ${(props) => props.theme.main.colors.green};
       }
     } 
   }
@@ -78,10 +78,10 @@ const GlobalNotification = createGlobalStyle`
   .notificationWarning {
     .notificationIcon {
       div {
-        border-color: ${props => props.theme.main.colors.orange};
+        border-color: ${(props) => props.theme.main.colors.orange};
       } 
       svg {
-        color: ${props => props.theme.main.colors.orange};
+        color: ${(props) => props.theme.main.colors.orange};
       }
     } 
   }
@@ -89,10 +89,10 @@ const GlobalNotification = createGlobalStyle`
   .notificationError {
     .notificationIcon {
       div {
-        border-color: ${props => props.theme.main.colors.red};
+        border-color: ${(props) => props.theme.main.colors.red};
       } 
       svg {
-        color: ${props => props.theme.main.colors.red};
+        color: ${(props) => props.theme.main.colors.red};
       }
     } 
   }
@@ -100,10 +100,10 @@ const GlobalNotification = createGlobalStyle`
   .notificationInfo {
     .notificationIcon {
       div {
-        border-color: ${props => props.theme.main.colors.blue};
+        border-color: ${(props) => props.theme.main.colors.blue};
       } 
       svg {
-        color: ${props => props.theme.main.colors.blue};
+        color: ${(props) => props.theme.main.colors.blue};
       }
     } 
   }
@@ -116,7 +116,7 @@ const Li = styled.li`
   width: 300px;
   min-height: 60px;
   margin-bottom: 14px;
-  background: ${props => props.theme.main.colors.white};
+  background: ${(props) => props.theme.main.colors.white};
   border-radius: 2px;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
   color: #333740;
@@ -124,15 +124,15 @@ const Li = styled.li`
   overflow: hidden;
   z-index: 10;
   padding: 1rem;
-  border-left: 2px solid ${props => props.theme.main.colors.green};
+  border-left: 2px solid ${(props) => props.theme.main.colors.green};
   &.notificationError {
-    border-color: ${props => props.theme.main.colors.red};
+    border-color: ${(props) => props.theme.main.colors.red};
   }
   &.notificationWarning {
-    border-color: ${props => props.theme.main.colors.orange};
+    border-color: ${(props) => props.theme.main.colors.orange};
   }
   &.notificationInfo {
-    border-color: ${props => props.theme.main.colors.blue};
+    border-color: ${(props) => props.theme.main.colors.blue};
   }
 
   &:last-child {

package/admin/src/components/Roles/ConditionsModal/ConditionsSelect/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/Roles/ConditionsModal/ConditionsSelect/MenuList/index.js

@@ -19,13 +19,14 @@ const MenuList = ({ selectProps, ...rest }) => {
   const Component = components.MenuList;
   const { arrayOfOptionsGroupedByCategory } = selectProps;
 
-  const initCollapses = useMemo(() => createCollapsesObject(arrayOfOptionsGroupedByCategory), [
-    arrayOfOptionsGroupedByCategory,
-  ]);
+  const initCollapses = useMemo(
+    () => createCollapsesObject(arrayOfOptionsGroupedByCategory),
+    [arrayOfOptionsGroupedByCategory]
+  );
   const [collapses, setCollapses] = useState(initCollapses);
 
-  const toggleCollapse = collapseName => {
-    setCollapses(prevState => ({ ...prevState, [collapseName]: !collapses[collapseName] }));
+  const toggleCollapse = (collapseName) => {
+    setCollapses((prevState) => ({ ...prevState, [collapseName]: !collapses[collapseName] }));
   };
 
   return (
@@ -83,7 +84,7 @@ const MenuList = ({ selectProps, ...rest }) => {
                 </Flex>
               </div>
               <SubUl tag="ul" isOpen={collapses[categoryName]}>
-                {conditions.map(condition => {
+                {conditions.map((condition) => {
                   const checkboxValue = get(selectProps.value, [categoryName, condition.id], false);
 
                   return (

package/admin/src/components/Roles/ConditionsModal/ConditionsSelect/MenuList/utils/createCollapsesObject.js

@@ -4,7 +4,7 @@
  * @param {array<array>} arrayOfCategories
  * @returns {object}
  */
-const createCollapsesObject = arrayOfCategories =>
+const createCollapsesObject = (arrayOfCategories) =>
   arrayOfCategories.reduce((acc, current, index) => {
     acc[current[0]] = index === 0;
 

package/admin/src/components/Roles/ConditionsModal/ConditionsSelect/SingleValue.js

@@ -9,7 +9,7 @@ import { createArrayOfValues } from '../../utils';
 const Value = ({ children, selectProps, ...props }) => {
   const { formatMessage } = useIntl();
   const SingleValue = components.SingleValue;
-  const valuesArray = createArrayOfValues(selectProps.value).filter(val => val);
+  const valuesArray = createArrayOfValues(selectProps.value).filter((val) => val);
 
   return (
     <SingleValue {...props}>

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

@@ -41,7 +41,7 @@ const ConditionsModal = ({
   const [state, setState] = useState(initState);
 
   const handleCategoryChange = ({ keys, value }) => {
-    setState(prevState => {
+    setState((prevState) => {
       const updatedState = cloneDeep(prevState);
       const objToUpdate = get(prevState, keys, {});
       const updatedValues = updateValues(objToUpdate, value);
@@ -53,7 +53,7 @@ const ConditionsModal = ({
   };
 
   const handleChange = ({ keys, value }) => {
-    setState(prevState => {
+    setState((prevState) => {
       const updatedState = cloneDeep(prevState);
 
       set(updatedState, keys, value);

package/admin/src/components/Roles/ConditionsModal/utils/selectStyle.js

@@ -2,13 +2,13 @@
 /* eslint-disable no-nested-ternary */
 
 const selectStyle = {
-  container: base => ({
+  container: (base) => ({
     ...base,
     width: '70%',
     alignItems: 'center',
     height: '36px',
   }),
-  menu: base => ({
+  menu: (base) => ({
     ...base,
     margin: '0',
     paddingTop: 0,
@@ -20,21 +20,21 @@ const selectStyle = {
     borderTop: '0 !important',
     fontSize: '13px',
   }),
-  menuList: base => ({
+  menuList: (base) => ({
     ...base,
     paddingBottom: 9,
     paddingTop: 10,
   }),
-  multiValue: base => ({
+  multiValue: (base) => ({
     ...base,
     backgroundColor: 'none',
     color: '#333740',
   }),
-  multiValueLabel: base => ({
+  multiValueLabel: (base) => ({
     ...base,
     fontSize: '13px',
   }),
-  multiValueRemove: base => ({
+  multiValueRemove: (base) => ({
     ...base,
     display: 'none',
   }),
@@ -79,13 +79,13 @@ const selectStyle = {
       borderBottom,
     };
   },
-  valueContainer: base => ({
+  valueContainer: (base) => ({
     ...base,
     padding: '2px 4px 4px 10px',
     lineHeight: '18px',
     minWidth: 200,
   }),
-  placeholder: base => ({
+  placeholder: (base) => ({
     ...base,
     paddingTop: 1,
     color: 'black',

package/admin/src/components/Roles/ContentTypeCollapse/Collapse/index.js

@@ -24,18 +24,15 @@ const Collapse = ({
   pathToData,
 }) => {
   const [modalState, setModalState] = useState({ isOpen: false, isMounted: false });
-  const {
-    modifiedData,
-    onChangeParentCheckbox,
-    onChangeSimpleCheckbox,
-  } = usePermissionsDataManager();
+  const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox } =
+    usePermissionsDataManager();
 
   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 }));
   };
 
   // This corresponds to the data related to the CT left checkbox

package/admin/src/components/Roles/ContentTypeCollapse/Collapse/utils/generateCheckboxesActions.js

@@ -14,7 +14,7 @@ const generateCheckboxesActions = (availableActions, modifiedData, pathToData) =
     const checkboxName = checkboxNameArray.join('..');
     const conditionsValue = get(modifiedData, [...baseCheckboxNameArray, 'conditions'], null);
 
-    const hasConditions = createArrayOfValues(conditionsValue).some(val => val);
+    const hasConditions = createArrayOfValues(conditionsValue).some((val) => val);
 
     if (isEmpty(applyToProperties)) {
       const value = get(modifiedData, checkboxNameArray, false);

package/admin/src/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/index.js

@@ -46,7 +46,7 @@ const ActionRow = ({
 
   const handleClick = useCallback(() => {
     if (isCollapsable) {
-      setRowToOpen(prev => {
+      setRowToOpen((prev) => {
         if (prev === name) {
           return null;
         }

package/admin/src/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/utils/getRowLabelCheckboxeState.js

@@ -6,7 +6,7 @@ import { getCheckboxState } from '../../../../utils';
  * @param {array<object>} propertyActions
  * @returns {string} actionId
  */
-const getActionIdsFromPropertyActions = propertyActions => {
+const getActionIdsFromPropertyActions = (propertyActions) => {
   const actionIds = propertyActions.reduce((acc, current) => {
     if (current.isActionRelatedToCurrentProperty) {
       acc.push(current.actionId);

package/admin/src/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/Header/index.js

@@ -32,7 +32,7 @@ const Header = ({ headers, label }) => {
       <PropertyLabelWrapper>
         <Text fontWeight="bold">{translatedLabel}</Text>
       </PropertyLabelWrapper>
-      {headers.map(header => {
+      {headers.map((header) => {
         if (!header.isActionRelatedToCurrentProperty) {
           return <HeaderLabel key={header.label} />;
         }

package/admin/src/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/SubActionRow/index.js

@@ -29,15 +29,12 @@ const SubActionRow = ({
   parentName,
   propertyName,
 }) => {
-  const {
-    modifiedData,
-    onChangeParentCheckbox,
-    onChangeSimpleCheckbox,
-  } = usePermissionsDataManager();
+  const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox } =
+    usePermissionsDataManager();
   const [rowToOpen, setRowToOpen] = useState(null);
 
-  const handleClickToggleSubLevel = name => {
-    setRowToOpen(prev => {
+  const handleClickToggleSubLevel = (name) => {
+    setRowToOpen((prev) => {
       if (prev === name) {
         return null;
       }
@@ -125,9 +122,8 @@ const SubActionRow = ({
                       );
                     }
 
-                    const { hasAllActionsSelected, hasSomeActionsSelected } = getCheckboxState(
-                      checkboxValue
-                    );
+                    const { hasAllActionsSelected, hasSomeActionsSelected } =
+                      getCheckboxState(checkboxValue);
 
                     return (
                       <CheckboxWithCondition

package/admin/src/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/utils/generateHeadersFromActions.js

@@ -1,5 +1,5 @@
 const generateHeadersFromActions = (actions, propertyName) => {
-  return actions.map(action => {
+  return actions.map((action) => {
     const isActionRelatedToCurrentProperty =
       Array.isArray(action.applyToProperties) &&
       action.applyToProperties.indexOf(propertyName) !== -1 &&

package/admin/src/components/Roles/ContentTypeCollapse/utils/activeStyle.js

@@ -1,7 +1,7 @@
 import { Text } from '@buffetjs/core';
 import Chevron from '../../Chevron';
 
-const activeStyle = theme => `
+const activeStyle = (theme) => `
   color: ${theme.main.colors.mediumBlue};
   ${Text} {
     color: ${theme.main.colors.mediumBlue};

package/admin/src/components/Roles/ContentTypeCollapse/utils/getAvailableActions.js

@@ -1,5 +1,5 @@
 const getAvailableActions = (actions, targetSubject) => {
-  return actions.map(action => {
+  return actions.map((action) => {
     const isDisplayed =
       Array.isArray(action.subjects) && action.subjects.indexOf(targetSubject) !== -1;
 

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

@@ -5,7 +5,7 @@ import ContentTypeCollapse from '../ContentTypeCollapse';
 const ContentTypeCollapses = ({ actions, isFormDisabled, pathToData, subjects }) => {
   const [collapseToOpen, setCollapseToOpen] = useState(null);
 
-  const handleClickToggleCollapse = collapseName => {
+  const handleClickToggleCollapse = (collapseName) => {
     const nextCollapseToOpen = collapseToOpen === collapseName ? null : collapseName;
 
     setCollapseToOpen(nextCollapseToOpen);

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

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 
-const Curve = props => (
+const Curve = (props) => (
   <svg
     style={{
       height: '14px',

package/admin/src/components/Roles/GlobalActions/utils/findDisplayedActions.js

@@ -1,4 +1,4 @@
-const findDisplayedActions = actions =>
+const findDisplayedActions = (actions) =>
   actions.filter(({ subjects }) => subjects && subjects.length);
 
 export default findDisplayedActions;

package/admin/src/components/Roles/GlobalActions/utils/getRowLabelCheckboxesState.js

@@ -1,11 +1,11 @@
 import { get } from 'lodash';
 import { getCheckboxState, removeConditionKeyFromData } from '../../utils';
 
-const getActionsIds = array => array.map(({ actionId }) => actionId);
+const getActionsIds = (array) => array.map(({ actionId }) => actionId);
 
 const getRelatedActionIdData = (actionIdArray, dataObj) => {
   return actionIdArray.reduce((acc, actionId) => {
-    Object.keys(dataObj).forEach(ctUid => {
+    Object.keys(dataObj).forEach((ctUid) => {
       const actionIdData = get(dataObj, [ctUid, actionId], {});
 
       const actionIdState = { [ctUid]: removeConditionKeyFromData(actionIdData) };