@strapi/plugin-users-permissions 4.3.4 → 4.3.7

package/admin/src/components/BoundRoute/getMethodColor.js

@@ -1,4 +1,4 @@
-const getMethodColor = verb => {
+const getMethodColor = (verb) => {
   switch (verb) {
     case 'POST': {
       return {

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

@@ -42,7 +42,7 @@ function BoundRoute({ route }) {
           </Typography>
         </MethodBox>
         <Box paddingLeft={2} paddingRight={2}>
-          {map(formattedRoute, value => (
+          {map(formattedRoute, (value) => (
             <Typography key={value} textColor={value.includes(':') ? 'neutral600' : 'neutral900'}>
               /{value}
             </Typography>

package/admin/src/components/FormModal/Input/index.js

@@ -54,7 +54,7 @@ const Input = ({
           id: 'app.components.ToggleCheckbox.on-label',
           defaultMessage: 'On',
         })}
-        onChange={e => {
+        onChange={(e) => {
           onChange({ target: { name, value: e.target.checked } });
         }}
       />

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

@@ -41,13 +41,13 @@ const FormModal = ({
     <ModalLayout onClose={onToggle} labelledBy="title">
       <ModalHeader>
         <Breadcrumbs label={headerBreadcrumbs.join(', ')}>
-          {headerBreadcrumbs.map(crumb => (
+          {headerBreadcrumbs.map((crumb) => (
             <Crumb key={crumb}>{crumb}</Crumb>
           ))}
         </Breadcrumbs>
       </ModalHeader>
       <Formik
-        onSubmit={values => onSubmit(values)}
+        onSubmit={(values) => onSubmit(values)}
         initialValues={initialData}
         validationSchema={layout.schema}
         validateOnChange={false}
@@ -58,8 +58,8 @@ const FormModal = ({
               <ModalBody>
                 <Stack spacing={1}>
                   <Grid gap={5}>
-                    {layout.form.map(row => {
-                      return row.map(input => {
+                    {layout.form.map((row) => {
+                      return row.map((input) => {
                         return (
                           <GridItem key={input.name} col={input.size} xs={12}>
                             <Input
@@ -86,11 +86,9 @@ const FormModal = ({
                   </Button>
                 }
                 endActions={
-                  <>
-                    <Button type="submit" loading={isSubmiting}>
-                      {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}
-                    </Button>
-                  </>
+                  <Button type="submit" loading={isSubmiting}>
+                    {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}
+                  </Button>
                 }
               />
             </Form>

package/admin/src/components/Permissions/PermissionRow/CheckboxWrapper.js

@@ -2,7 +2,7 @@ import styled, { css } from 'styled-components';
 import { Box } from '@strapi/design-system/Box';
 
 const activeCheckboxWrapperStyles = css`
-  background: ${props => props.theme.colors.primary100};
+  background: ${(props) => props.theme.colors.primary100};
   svg {
     opacity: 1;
   }
@@ -16,12 +16,12 @@ const CheckboxWrapper = styled(Box)`
   svg {
     opacity: 0;
     path {
-      fill: ${props => props.theme.colors.primary600};
+      fill: ${(props) => props.theme.colors.primary600};
     }
   }
 
   /* Show active style both on hover and when the action is selected */
-  ${props => props.isActive && activeCheckboxWrapperStyles}
+  ${(props) => props.isActive && activeCheckboxWrapperStyles}
   &:hover {
     ${activeCheckboxWrapperStyles}
   }

package/admin/src/components/Permissions/PermissionRow/SubCategory.js

@@ -20,25 +20,20 @@ const Border = styled.div`
 
 const SubCategory = ({ subCategory }) => {
   const { formatMessage } = useIntl();
-  const {
-    onChange,
-    onChangeSelectAll,
-    onSelectedAction,
-    selectedAction,
-    modifiedData,
-  } = useUsersPermissions();
+  const { onChange, onChangeSelectAll, onSelectedAction, selectedAction, modifiedData } =
+    useUsersPermissions();
 
   const currentScopedModifiedData = useMemo(() => {
     return get(modifiedData, subCategory.name, {});
   }, [modifiedData, subCategory]);
 
   const hasAllActionsSelected = useMemo(() => {
-    return Object.values(currentScopedModifiedData).every(action => action.enabled === true);
+    return Object.values(currentScopedModifiedData).every((action) => action.enabled === true);
   }, [currentScopedModifiedData]);
 
   const hasSomeActionsSelected = useMemo(() => {
     return (
-      Object.values(currentScopedModifiedData).some(action => action.enabled === true) &&
+      Object.values(currentScopedModifiedData).some((action) => action.enabled === true) &&
       !hasAllActionsSelected
     );
   }, [currentScopedModifiedData, hasAllActionsSelected]);
@@ -51,7 +46,7 @@ const SubCategory = ({ subCategory }) => {
   );
 
   const isActionSelected = useCallback(
-    actionName => {
+    (actionName) => {
       return selectedAction === actionName;
     },
     [selectedAction]
@@ -70,8 +65,9 @@ const SubCategory = ({ subCategory }) => {
           <Checkbox
             name={subCategory.name}
             value={hasAllActionsSelected}
-            onValueChange={value =>
-              handleChangeSelectAll({ target: { name: subCategory.name, value } })}
+            onValueChange={(value) =>
+              handleChangeSelectAll({ target: { name: subCategory.name, value } })
+            }
             indeterminate={hasSomeActionsSelected}
           >
             {formatMessage({ id: 'app.utils.select-all', defaultMessage: 'Select all' })}
@@ -80,7 +76,7 @@ const SubCategory = ({ subCategory }) => {
       </Flex>
       <Flex paddingTop={6} paddingBottom={6}>
         <Grid gap={2} style={{ flex: 1 }}>
-          {subCategory.actions.map(action => {
+          {subCategory.actions.map((action) => {
             const name = `${action.name}.enabled`;
 
             return (
@@ -89,7 +85,7 @@ const SubCategory = ({ subCategory }) => {
                   <Checkbox
                     value={get(modifiedData, name, false)}
                     name={name}
-                    onValueChange={value => onChange({ target: { name, value } })}
+                    onValueChange={(value) => onChange({ target: { name, value } })}
                   >
                     {action.label}
                   </Checkbox>

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

@@ -38,7 +38,7 @@ const PermissionRow = ({ name, permissions }) => {
 
   return (
     <Box padding={6}>
-      {subCategories.map(subCategory => (
+      {subCategories.map((subCategory) => (
         <SubCategory key={subCategory.name} subCategory={subCategory} />
       ))}
     </Box>

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

@@ -12,11 +12,11 @@ import { initialState, reducer } from './reducer';
 const Permissions = () => {
   const { modifiedData } = useUsersPermissions();
   const { formatMessage } = useIntl();
-  const [{ collapses }, dispatch] = useReducer(reducer, initialState, state =>
+  const [{ collapses }, dispatch] = useReducer(reducer, initialState, (state) =>
     init(state, modifiedData)
   );
 
-  const handleToggle = index =>
+  const handleToggle = (index) =>
     dispatch({
       type: 'TOGGLE_COLLAPSE',
       index,

package/admin/src/components/Permissions/init.js

@@ -1,7 +1,7 @@
 const init = (initialState, permissions) => {
   const collapses = Object.keys(permissions)
     .sort()
-    .map(name => ({ name, isOpen: false }));
+    .map((name) => ({ name, isOpen: false }));
 
   return { ...initialState, collapses };
 };

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

@@ -6,7 +6,7 @@ const initialState = {
 
 const reducer = (state, action) =>
   // eslint-disable-next-line consistent-return
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       case 'TOGGLE_COLLAPSE': {
         draftState.collapses = state.collapses.map((collapse, index) => {

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

@@ -17,7 +17,7 @@ const Policies = () => {
 
   const displayedRoutes = isEmpty(controllerRoutes)
     ? []
-    : controllerRoutes.filter(o => o.handler.endsWith(pathResolved));
+    : controllerRoutes.filter((o) => o.handler.endsWith(pathResolved));
 
   return (
     <GridItem

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

@@ -13,20 +13,20 @@ import init from './init';
 
 const UsersPermissions = forwardRef(({ permissions, routes }, ref) => {
   const { formatMessage } = useIntl();
-  const [state, dispatch] = useReducer(reducer, initialState, state =>
+  const [state, dispatch] = useReducer(reducer, initialState, (state) =>
     init(state, permissions, routes)
   );
 
   useImperativeHandle(ref, () => ({
-    getPermissions: () => {
+    getPermissions() {
       return {
         permissions: state.modifiedData,
       };
     },
-    resetForm: () => {
+    resetForm() {
       dispatch({ type: 'ON_RESET' });
     },
-    setFormAfterSubmit: () => {
+    setFormAfterSubmit() {
       dispatch({ type: 'ON_SUBMIT_SUCCEEDED' });
     },
   }));
@@ -45,7 +45,7 @@ const UsersPermissions = forwardRef(({ permissions, routes }, ref) => {
       value,
     });
 
-  const handleSelectedAction = actionToSelect =>
+  const handleSelectedAction = (actionToSelect) =>
     dispatch({
       type: 'SELECT_ACTION',
       actionToSelect,

package/admin/src/components/UsersPermissions/reducer.js

@@ -11,7 +11,7 @@ export const initialState = {
 };
 
 const reducer = (state, action) =>
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       case 'ON_CHANGE': {
         const keysLength = action.keys.length;

package/admin/src/hooks/useFetchRole/index.js

@@ -4,7 +4,7 @@ import reducer, { initialState } from './reducer';
 import axiosIntance from '../../utils/axiosInstance';
 import pluginId from '../../pluginId';
 
-const useFetchRole = id => {
+const useFetchRole = (id) => {
   const [state, dispatch] = useReducer(reducer, initialState);
   const toggleNotification = useNotification();
   const isMounted = useRef(null);
@@ -25,7 +25,7 @@ const useFetchRole = id => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [id]);
 
-  const fetchRole = async roleId => {
+  const fetchRole = async (roleId) => {
     try {
       const {
         data: { role },
@@ -51,7 +51,7 @@ const useFetchRole = id => {
     }
   };
 
-  const handleSubmitSucceeded = useCallback(data => {
+  const handleSubmitSucceeded = useCallback((data) => {
     dispatch({
       type: 'ON_SUBMIT_SUCCEEDED',
       ...data,

package/admin/src/hooks/useFetchRole/reducer.js

@@ -7,7 +7,7 @@ export const initialState = {
 };
 
 const reducer = (state, action) =>
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       case 'GET_DATA_SUCCEEDED': {
         draftState.role = action.role;

package/admin/src/hooks/useForm/index.js

@@ -51,7 +51,7 @@ const useUserForm = (endPoint, permissions) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isLoadingForPermissions, endPoint]);
 
-  const dispatchSubmitSucceeded = useCallback(data => {
+  const dispatchSubmitSucceeded = useCallback((data) => {
     dispatch({
       type: 'ON_SUBMIT_SUCCEEDED',
       data,

package/admin/src/hooks/useForm/reducer.js

@@ -7,7 +7,7 @@ const initialState = {
 
 const reducer = (state, action) =>
   // eslint-disable-next-line consistent-return
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       case 'GET_DATA': {
         draftState.isLoading = true;

package/admin/src/hooks/usePlugins/index.js

@@ -20,7 +20,7 @@ const usePlugins = (shouldFetchData = true) => {
       });
 
       const [{ permissions }, { routes }] = await Promise.all(
-        [`/${pluginId}/permissions`, `/${pluginId}/routes`].map(async endpoint => {
+        [`/${pluginId}/permissions`, `/${pluginId}/routes`].map(async (endpoint) => {
           const res = await axiosInstance.get(endpoint);
 
           return res.data;

package/admin/src/hooks/usePlugins/reducer.js

@@ -8,7 +8,7 @@ export const initialState = {
 };
 
 const reducer = (state, action) =>
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       case 'GET_DATA': {
         draftState.isLoading = true;

package/admin/src/hooks/useRolesList/reducer.js

@@ -7,7 +7,7 @@ export const initialState = {
 };
 
 const reducer = (state, action) =>
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       case 'GET_DATA': {
         draftState.isLoading = true;

package/admin/src/index.js

@@ -31,7 +31,7 @@ export default {
           },
           id: 'roles',
           to: `/settings/${pluginId}/roles`,
-          Component: async () => {
+          async Component() {
             const component = await import(
               /* webpackChunkName: "users-roles-settings-page" */ './pages/Roles'
             );
@@ -47,7 +47,7 @@ export default {
           },
           id: 'providers',
           to: `/settings/${pluginId}/providers`,
-          Component: async () => {
+          async Component() {
             const component = await import(
               /* webpackChunkName: "users-providers-settings-page" */ './pages/Providers'
             );
@@ -63,7 +63,7 @@ export default {
           },
           id: 'email-templates',
           to: `/settings/${pluginId}/email-templates`,
-          Component: async () => {
+          async Component() {
             const component = await import(
               /* webpackChunkName: "users-email-settings-page" */ './pages/EmailTemplates'
             );
@@ -79,7 +79,7 @@ export default {
           },
           id: 'advanced-settings',
           to: `/settings/${pluginId}/advanced-settings`,
-          Component: async () => {
+          async Component() {
             const component = await import(
               /* webpackChunkName: "users-advanced-settings-page" */ './pages/AdvancedSettings'
             );
@@ -99,7 +99,7 @@ export default {
   bootstrap() {},
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
-      locales.map(locale => {
+      locales.map((locale) => {
         return import(
           /* webpackChunkName: "users-permissions-translation-[request]" */ `./translations/${locale}.json`
         )

package/admin/src/pages/AdvancedSettings/index.js

@@ -53,7 +53,7 @@ const AdvancedSettingsPage = () => {
   } = useRBAC(updatePermissions);
 
   const { status: isLoadingData, data } = useQuery('advanced', () => fetchData(), {
-    onSuccess: () => {
+    onSuccess() {
       notifyStatus(
         formatMessage({
           id: getTrad('Form.advancedSettings.data.loaded'),
@@ -61,7 +61,7 @@ const AdvancedSettingsPage = () => {
         })
       );
     },
-    onError: () => {
+    onError() {
       toggleNotification({
         type: 'warning',
         message: { id: getTrad('notification.error'), defaultMessage: 'An error occured' },
@@ -71,8 +71,8 @@ const AdvancedSettingsPage = () => {
 
   const isLoading = isLoadingForPermissions || isLoadingData !== 'success';
 
-  const submitMutation = useMutation(body => putAdvancedSettings(body), {
-    onSuccess: async () => {
+  const submitMutation = useMutation((body) => putAdvancedSettings(body), {
+    async onSuccess() {
       await queryClient.invalidateQueries('advanced');
       toggleNotification({
         type: 'success',
@@ -81,7 +81,7 @@ const AdvancedSettingsPage = () => {
 
       unlockApp();
     },
-    onError: () => {
+    onError() {
       toggleNotification({
         type: 'warning',
         message: { id: getTrad('notification.error'), defaultMessage: 'An error occured' },
@@ -93,7 +93,7 @@ const AdvancedSettingsPage = () => {
 
   const { isLoading: isSubmittingForm } = submitMutation;
 
-  const handleSubmit = async body => {
+  const handleSubmit = async (body) => {
     lockApp();
 
     const urlConfirmation = body.email_confirmation ? body.email_confirmation_redirection : '';
@@ -152,7 +152,7 @@ const AdvancedSettingsPage = () => {
                     type="submit"
                     disabled={!canUpdate}
                     startIcon={<Check />}
-                    size="L"
+                    size="S"
                   >
                     {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}
                   </Button>
@@ -188,10 +188,11 @@ const AdvancedSettingsPage = () => {
                             defaultMessage:
                               'It will attach the new authenticated user to the selected role.',
                           })}
-                          onChange={e =>
-                            handleChange({ target: { name: 'default_role', value: e } })}
+                          onChange={(e) =>
+                            handleChange({ target: { name: 'default_role', value: e } })
+                          }
                         >
-                          {data.roles.map(role => {
+                          {data.roles.map((role) => {
                             return (
                               <Option key={role.type} value={role.type}>
                                 {role.name}
@@ -200,7 +201,7 @@ const AdvancedSettingsPage = () => {
                           })}
                         </Select>
                       </GridItem>
-                      {layout.map(input => {
+                      {layout.map((input) => {
                         let value = values[input.name];
 
                         if (!value) {

package/admin/src/pages/AdvancedSettings/utils/api.js

@@ -6,7 +6,7 @@ const fetchData = async () => {
   return data;
 };
 
-const putAdvancedSettings = body => {
+const putAdvancedSettings = (body) => {
   return axiosInstance.put(getRequestURL('advanced'), body);
 };
 

package/admin/src/pages/AdvancedSettings/utils/schema.js

@@ -1,15 +1,13 @@
 import * as yup from 'yup';
 import { translatedErrors } from '@strapi/helper-plugin';
 
+// eslint-disable-next-line prefer-regex-literals
 const URL_REGEX = new RegExp('(^$)|((.+:\\/\\/.*)(d*)\\/?(.*))');
 
 const schema = yup.object().shape({
   email_confirmation_redirection: yup.mixed().when('email_confirmation', {
     is: true,
-    then: yup
-      .string()
-      .matches(URL_REGEX)
-      .required(),
+    then: yup.string().matches(URL_REGEX).required(),
     otherwise: yup.string().nullable(),
   }),
   email_reset_password: yup

package/admin/src/pages/EmailTemplates/index.js

@@ -49,7 +49,7 @@ const EmailTemplatesPage = () => {
   } = useRBAC(updatePermissions);
 
   const { status: isLoadingData, data } = useQuery('email-templates', () => fetchData(), {
-    onSuccess: () => {
+    onSuccess() {
       notifyStatus(
         formatMessage({
           id: getTrad('Email.template.data.loaded'),
@@ -57,7 +57,7 @@ const EmailTemplatesPage = () => {
         })
       );
     },
-    onError: () => {
+    onError() {
       toggleNotification({
         type: 'warning',
         message: { id: 'notification.error', defaultMessage: 'An error occured' },
@@ -68,16 +68,16 @@ const EmailTemplatesPage = () => {
   const isLoading = isLoadingForPermissions || isLoadingData !== 'success';
 
   const handleToggle = () => {
-    setIsModalOpen(prev => !prev);
+    setIsModalOpen((prev) => !prev);
   };
 
-  const handleEditClick = template => {
+  const handleEditClick = (template) => {
     setTemplateToEdit(template);
     handleToggle();
   };
 
-  const submitMutation = useMutation(body => putEmailTemplate({ 'email-templates': body }), {
-    onSuccess: async () => {
+  const submitMutation = useMutation((body) => putEmailTemplate({ 'email-templates': body }), {
+    async onSuccess() {
       await queryClient.invalidateQueries('email-templates');
 
       toggleNotification({
@@ -90,7 +90,7 @@ const EmailTemplatesPage = () => {
       unlockApp();
       handleToggle();
     },
-    onError: () => {
+    onError() {
       toggleNotification({
         type: 'warning',
         message: { id: 'notification.error', defaultMessage: 'An error occured' },
@@ -101,7 +101,7 @@ const EmailTemplatesPage = () => {
   });
   const { isLoading: isSubmittingForm } = submitMutation;
 
-  const handleSubmit = body => {
+  const handleSubmit = (body) => {
     lockApp();
     trackUsageRef.current('willEditEmailTemplates');
 

package/admin/src/pages/EmailTemplates/utils/api.js

@@ -6,7 +6,7 @@ const fetchData = async () => {
   return data;
 };
 
-const putEmailTemplate = body => {
+const putEmailTemplate = (body) => {
   return axiosInstance.put(getRequestURL('email-templates'), body);
 };
 

package/admin/src/pages/EmailTemplates/utils/schema.js

@@ -9,10 +9,7 @@ const schema = yup.object().shape({
         .object()
         .shape({
           name: yup.string().required(translatedErrors.required),
-          email: yup
-            .string()
-            .email(translatedErrors.email)
-            .required(translatedErrors.required),
+          email: yup.string().email(translatedErrors.email).required(translatedErrors.required),
         })
         .required(),
       response_email: yup.string().email(translatedErrors.email),