@strapi/admin 4.3.4 → 4.3.5

package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/Collapse/index.js

@@ -107,14 +107,11 @@ const Collapse = ({
 }) => {
   const [isModalOpen, setModalOpen] = useState(false);
   const { formatMessage } = useIntl();
-  const {
-    modifiedData,
-    onChangeParentCheckbox,
-    onChangeSimpleCheckbox,
-  } = usePermissionsDataManager();
+  const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox } =
+    usePermissionsDataManager();
 
   const handleToggleModalIsOpen = () => {
-    setModalOpen(s => !s);
+    setModalOpen((s) => !s);
   };
 
   const handleModalClose = () => {
@@ -195,7 +192,7 @@ const Collapse = ({
                         { label: `${permissionLabel} ${label}` }
                       )}
                       // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
-                      onValueChange={value => {
+                      onValueChange={(value) => {
                         onChangeParentCheckbox({
                           target: {
                             name: checkboxName,
@@ -218,7 +215,7 @@ const Collapse = ({
                     indeterminate={hasConditions}
                     name={checkboxName}
                     // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
-                    onValueChange={value => {
+                    onValueChange={(value) => {
                       onChangeSimpleCheckbox({
                         target: {
                           name: checkboxName,

package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/index.js

@@ -74,7 +74,7 @@ const ActionRow = ({
 
   const handleClick = useCallback(() => {
     if (isCollapsable) {
-      setRowToOpen(prev => {
+      setRowToOpen((prev) => {
         if (prev === name) {
           return null;
         }
@@ -144,7 +144,7 @@ const ActionRow = ({
                         { label: `${name} ${label}` }
                       )}
                       // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
-                      onValueChange={value => {
+                      onValueChange={(value) => {
                         onChangeSimpleCheckbox({
                           target: {
                             name: checkboxName.join('..'),
@@ -168,7 +168,7 @@ const ActionRow = ({
                     disabled={isFormDisabled || IS_DISABLED}
                     name={checkboxName.join('..')}
                     // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
-                    onValueChange={value => {
+                    onValueChange={(value) => {
                       onChangeParentCheckbox({
                         target: {
                           name: checkboxName.join('..'),

package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/Header/index.js

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

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

@@ -74,15 +74,12 @@ const SubActionRow = ({
   propertyName,
 }) => {
   const { formatMessage } = useIntl();
-  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;
       }
@@ -166,7 +163,7 @@ const SubActionRow = ({
                                 { label: `${parentName} ${label} ${propertyLabel}` }
                               )}
                               // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
-                              onValueChange={value => {
+                              onValueChange={(value) => {
                                 onChangeSimpleCheckbox({
                                   target: {
                                     name: checkboxName.join('..'),
@@ -180,9 +177,8 @@ const SubActionRow = ({
                         );
                       }
 
-                      const { hasAllActionsSelected, hasSomeActionsSelected } = getCheckboxState(
-                        checkboxValue
-                      );
+                      const { hasAllActionsSelected, hasSomeActionsSelected } =
+                        getCheckboxState(checkboxValue);
 
                       return (
                         <Cell key={propertyLabel} justifyContent="center" alignItems="center">
@@ -198,7 +194,7 @@ const SubActionRow = ({
                               { label: `${parentName} ${label} ${propertyLabel}` }
                             )}
                             // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
-                            onValueChange={value => {
+                            onValueChange={(value) => {
                               onChangeParentCheckbox({
                                 target: {
                                   name: checkboxName.join('..'),

package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/utils/activeStyle.js

@@ -1,7 +1,7 @@
 import { Typography } from '@strapi/design-system/Typography';
 import CarretIcon from '../CollapsePropertyMatrix/CarretIcon';
 
-const activeStyle = theme => `
+const activeStyle = (theme) => `
   ${Typography} {
     color: ${theme.colors.primary600};
     font-weight: ${theme.fontWeights.bold}

package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/Curve/index.js

@@ -25,7 +25,7 @@ const Svg = styled.svg`
   }
 `;
 
-const Curve = props => (
+const Curve = (props) => (
   <StyledBox>
     <Svg
       width="20"

package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/GlobalActions/index.js

@@ -45,7 +45,7 @@ const GlobalActions = ({ actions, isFormDisabled, kind }) => {
               </Typography>
               <BaseCheckbox
                 disabled={isFormDisabled || IS_DISABLED}
-                onValueChange={value => {
+                onValueChange={(value) => {
                   onChangeCollectionTypeGlobalActionCheckbox(kind, actionId, value);
                 }}
                 name={actionId}

package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/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) };

package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Permissions/index.js

@@ -21,7 +21,7 @@ const Permissions = forwardRef(({ layout, isFormDisabled, permissions }, ref) =>
 
   useImperativeHandle(ref, () => {
     return {
-      getPermissions: () => {
+      getPermissions() {
         const collectionTypesDiff = difference(
           initialData.collectionTypes,
           modifiedData.collectionTypes
@@ -35,8 +35,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')
             );
           });
@@ -44,10 +44,10 @@ const Permissions = forwardRef(({ layout, isFormDisabled, permissions }, ref) =>
 
         return { permissionsToSend: formatPermissionsToAPI(modifiedData), didUpdateConditions };
       },
-      resetForm: () => {
+      resetForm() {
         dispatch({ type: 'RESET_FORM' });
       },
-      setFormAfterSubmit: () => {
+      setFormAfterSubmit() {
         dispatch({ type: 'SET_FORM_AFTER_SUBMIT' });
       },
     };
@@ -77,7 +77,7 @@ const Permissions = forwardRef(({ layout, isFormDisabled, permissions }, ref) =>
     });
   };
 
-  const handleChangeConditions = conditions => {
+  const handleChangeConditions = (conditions) => {
     dispatch({ type: 'ON_CHANGE_CONDITIONS', conditions });
   };
 
@@ -105,7 +105,8 @@ const Permissions = forwardRef(({ layout, isFormDisabled, permissions }, ref) =>
         onChangeConditions: handleChangeConditions,
         onChangeSimpleCheckbox: handleChangeSimpleCheckbox,
         onChangeParentCheckbox: handleChangeParentCheckbox,
-        onChangeCollectionTypeLeftActionRowCheckbox: handleChangeCollectionTypeLeftActionRowCheckbox,
+        onChangeCollectionTypeLeftActionRowCheckbox:
+          handleChangeCollectionTypeLeftActionRowCheckbox,
         onChangeCollectionTypeGlobalActionCheckbox: handleChangeCollectionTypeGlobalActionCheckbox,
       }}
     >
@@ -117,7 +118,7 @@ const Permissions = forwardRef(({ layout, isFormDisabled, permissions }, ref) =>
         })}
       >
         <Tabs>
-          {TAB_LABELS.map(tabLabel => (
+          {TAB_LABELS.map((tabLabel) => (
             <Tab key={tabLabel.id}>
               {formatMessage({ id: tabLabel.labelId, defaultMessage: tabLabel.defaultMessage })}
             </Tab>

package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/SubCategory/index.js

@@ -42,11 +42,8 @@ const CheckboxWrapper = styled.div`
 
 const SubCategory = ({ categoryName, isFormDisabled, subCategoryName, actions, pathToData }) => {
   const [isModalOpen, setModalOpen] = useState(false);
-  const {
-    modifiedData,
-    onChangeParentCheckbox,
-    onChangeSimpleCheckbox,
-  } = usePermissionsDataManager();
+  const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox } =
+    usePermissionsDataManager();
   const { formatMessage } = useIntl();
 
   const mainData = get(modifiedData, pathToData, {});
@@ -61,7 +58,7 @@ const SubCategory = ({ categoryName, isFormDisabled, subCategoryName, actions, p
   const { hasAllActionsSelected, hasSomeActionsSelected } = getCheckboxState(dataWithoutCondition);
 
   const handleToggleModalIsOpen = () => {
-    setModalOpen(s => !s);
+    setModalOpen((s) => !s);
   };
 
   const handleModalClose = () => {
@@ -86,7 +83,7 @@ const SubCategory = ({ categoryName, isFormDisabled, subCategoryName, actions, p
               name={pathToData.join('..')}
               disabled={isFormDisabled || IS_DISABLED}
               // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
-              onValueChange={value => {
+              onValueChange={(value) => {
                 onChangeParentCheckbox({
                   target: {
                     name: pathToData.join('..'),
@@ -114,7 +111,7 @@ const SubCategory = ({ categoryName, isFormDisabled, subCategoryName, actions, p
                       name={checkboxName}
                       disabled={isFormDisabled || IS_DISABLED}
                       // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
-                      onValueChange={value => {
+                      onValueChange={(value) => {
                         onChangeSimpleCheckbox({
                           target: {
                             name: checkboxName,

package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/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/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/index.js

@@ -6,7 +6,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);
   };