@akemona-org/strapi-admin 3.7.0

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

@@ -0,0 +1,47 @@
+import { useReducer, useEffect } from 'react';
+import { request } from 'strapi-helper-plugin';
+
+import reducer, { initialState } from './reducer';
+
+const useModels = () => {
+  const [state, dispatch] = useReducer(reducer, initialState);
+
+  useEffect(() => {
+    fetchModels();
+  }, []);
+
+  const fetchModels = async () => {
+    dispatch({
+      type: 'GET_MODELS',
+    });
+
+    try {
+      const [{ data: components }, { data: contentTypes }] = await Promise.all(
+        ['components', 'content-types'].map(endPoint =>
+          request(`/content-manager/${endPoint}`, { method: 'GET' })
+        )
+      );
+
+      dispatch({
+        type: 'GET_MODELS_SUCCEDED',
+        contentTypes,
+        components,
+      });
+    } catch (err) {
+      dispatch({
+        type: 'GET_MODELS_ERROR',
+      });
+      strapi.notification.toggle({
+        type: 'warning',
+        message: { id: 'notification.error' },
+      });
+    }
+  };
+
+  return {
+    ...state,
+    getData: fetchModels,
+  };
+};
+
+export default useModels;

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

@@ -0,0 +1,45 @@
+/* eslint-disable consistent-return */
+import produce from 'immer';
+
+export const initialState = {
+  collectionTypes: [],
+  components: [],
+  isLoading: true,
+  singleTypes: [],
+};
+
+const reducer = (state, action) =>
+  produce(state, draftState => {
+    switch (action.type) {
+      case 'GET_MODELS': {
+        draftState.collectionTypes = initialState.collectionTypes;
+        draftState.singleTypes = initialState.singleTypes;
+        draftState.components = initialState.components;
+        draftState.isLoading = true;
+        break;
+      }
+      case 'GET_MODELS_ERROR': {
+        draftState.collectionTypes = initialState.collectionTypes;
+        draftState.singleTypes = initialState.singleTypes;
+        draftState.components = initialState.components;
+        draftState.isLoading = false;
+        break;
+      }
+      case 'GET_MODELS_SUCCEDED': {
+        const getContentTypeByKind = kind =>
+          action.contentTypes.filter(
+            contentType => contentType.isDisplayed && contentType.kind === kind
+          );
+
+        draftState.isLoading = false;
+        draftState.collectionTypes = getContentTypeByKind('collectionType');
+        draftState.singleTypes = getContentTypeByKind('singleType');
+        draftState.components = action.components;
+        break;
+      }
+      default:
+        return draftState;
+    }
+  });
+
+export default reducer;

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

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { PermissionsDataManagerContext } from '../../contexts';
+
+const usePermissionsDataManager = () => useContext(PermissionsDataManagerContext);
+
+export default usePermissionsDataManager;

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

@@ -0,0 +1,49 @@
+import { useEffect, useReducer } from 'react';
+import { request } from 'strapi-helper-plugin';
+import { get } from 'lodash';
+import init from './init';
+import reducer, { initialState } from './reducer';
+
+const useRolesList = (shouldFetchData = true) => {
+  const [{ roles, isLoading }, dispatch] = useReducer(reducer, initialState, () =>
+    init(initialState, shouldFetchData)
+  );
+
+  useEffect(() => {
+    if (shouldFetchData) {
+      fetchRolesList();
+    }
+  }, [shouldFetchData]);
+
+  const fetchRolesList = async () => {
+    try {
+      dispatch({
+        type: 'GET_DATA',
+      });
+
+      const { data } = await request('/admin/roles', { method: 'GET' });
+
+      dispatch({
+        type: 'GET_DATA_SUCCEEDED',
+        data,
+      });
+    } catch (err) {
+      const message = get(err, ['response', 'payload', 'message'], 'An error occured');
+
+      dispatch({
+        type: 'GET_DATA_ERROR',
+      });
+
+      if (message !== 'Forbidden') {
+        strapi.notification.toggle({
+          type: 'warning',
+          message,
+        });
+      }
+    }
+  };
+
+  return { roles, isLoading, getData: fetchRolesList };
+};
+
+export default useRolesList;

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

@@ -0,0 +1,5 @@
+const init = (initialState, shouldFetchData) => {
+  return { ...initialState, isLoading: shouldFetchData };
+};
+
+export default init;

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

@@ -0,0 +1,31 @@
+/* eslint-disable consistent-return */
+import produce from 'immer';
+
+export const initialState = {
+  roles: [],
+  isLoading: true,
+};
+
+const reducer = (state, action) =>
+  produce(state, draftState => {
+    switch (action.type) {
+      case 'GET_DATA': {
+        draftState.isLoading = true;
+        draftState.roles = [];
+        break;
+      }
+      case 'GET_DATA_SUCCEEDED': {
+        draftState.roles = action.data;
+        draftState.isLoading = false;
+        break;
+      }
+      case 'GET_DATA_ERROR': {
+        draftState.isLoading = false;
+        break;
+      }
+      default:
+        return draftState;
+    }
+  });
+
+export default reducer;

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

@@ -0,0 +1,136 @@
+import { useEffect, useReducer } from 'react';
+import { request } from 'strapi-helper-plugin';
+import { get, has, omit } from 'lodash';
+import { checkFormValidity, formatAPIErrors } from '../../utils';
+import { initialState, reducer } from './reducer';
+import init from './init';
+
+const useSettingsForm = (endPoint, schema, cbSuccess, fieldsToPick) => {
+  const [
+    { formErrors, initialData, isLoading, modifiedData, showHeaderButtonLoader, showHeaderLoader },
+    dispatch,
+  ] = useReducer(reducer, initialState, () => init(initialState, fieldsToPick));
+
+  useEffect(() => {
+    const getData = async () => {
+      try {
+        const { data } = await request(endPoint, { method: 'GET' });
+
+        dispatch({
+          type: 'GET_DATA_SUCCEEDED',
+          data,
+          fieldsToPick,
+        });
+      } catch (err) {
+        console.error(err.response);
+        strapi.notification.toggle({
+          type: 'warning',
+          message: { id: 'notification.error' },
+        });
+      }
+    };
+
+    if (endPoint) {
+      getData();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [endPoint]);
+
+  const handleCancel = () => {
+    dispatch({
+      type: 'ON_CANCEL',
+    });
+  };
+
+  const handleChange = ({ target: { name, value, type: inputType } }) => {
+    dispatch({
+      type: 'ON_CHANGE',
+      inputType,
+      keys: name,
+      value,
+    });
+  };
+
+  const setField = (fieldName, value) => {
+    dispatch({
+      type: 'ON_CHANGE',
+      keys: fieldName,
+      value,
+    });
+  };
+
+  const handleSubmit = async e => {
+    e.preventDefault();
+
+    const errors = await checkFormValidity(modifiedData, schema);
+
+    dispatch({
+      type: 'SET_ERRORS',
+      errors: errors || {},
+    });
+
+    if (!errors) {
+      try {
+        strapi.lockAppWithOverlay();
+
+        dispatch({
+          type: 'ON_SUBMIT',
+        });
+
+        const cleanedData = omit(modifiedData, ['confirmPassword', 'registrationToken']);
+
+        if (cleanedData.roles) {
+          cleanedData.roles = cleanedData.roles.map(role => role.id);
+        }
+
+        const { data } = await request(endPoint, {
+          method: 'PUT',
+          body: cleanedData,
+        });
+
+        cbSuccess(data);
+
+        dispatch({
+          type: 'ON_SUBMIT_SUCCEEDED',
+          data,
+        });
+
+        strapi.notification.toggle({
+          type: 'success',
+          message: { id: 'notification.success.saved' },
+        });
+      } catch (err) {
+        const data = get(err, 'response.payload', { data: {} });
+
+        if (has(data, 'data') && typeof data.data === 'string') {
+          strapi.notification.toggle({
+            type: 'warning',
+            message: data.data,
+          });
+        } else {
+          strapi.notification.toggle({
+            type: 'warning',
+            message: data.message,
+          });
+        }
+
+        const apiErrors = formatAPIErrors(data);
+
+        dispatch({
+          type: 'SET_ERRORS',
+          errors: apiErrors,
+        });
+      } finally {
+        strapi.unlockApp();
+      }
+    }
+  };
+
+  return [
+    { formErrors, initialData, isLoading, modifiedData, showHeaderButtonLoader, showHeaderLoader },
+    dispatch,
+    { handleCancel, handleChange, handleSubmit, setField },
+  ];
+};
+
+export default useSettingsForm;

package/admin/src/hooks/useSettingsForm/init.js

@@ -0,0 +1,5 @@
+const init = (initialState, fieldsToPick) => {
+  return { ...initialState, fieldsToPick };
+};
+
+export default init;

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

@@ -0,0 +1,60 @@
+/* eslint-disable consistent-return */
+import produce from 'immer';
+import { pick, set, unset } from 'lodash';
+
+const initialState = {
+  fieldsToPick: [],
+  formErrors: {},
+  initialData: {},
+  isLoading: true,
+  modifiedData: {},
+  showHeaderButtonLoader: false,
+  showHeaderLoader: true,
+};
+
+const reducer = (state, action) =>
+  produce(state, draftState => {
+    switch (action.type) {
+      case 'GET_DATA_SUCCEEDED': {
+        draftState.isLoading = false;
+        draftState.showHeaderLoader = false;
+        draftState.initialData = pick(action.data, state.fieldsToPick);
+        draftState.modifiedData = pick(action.data, state.fieldsToPick);
+        break;
+      }
+      case 'ON_CANCEL': {
+        draftState.modifiedData = state.initialData;
+        draftState.formErrors = {};
+        break;
+      }
+      case 'ON_CHANGE': {
+        if (action.inputType === 'password' && !action.value) {
+          unset(draftState.modifiedData, action.keys.split('.'));
+        } else if (action.keys.includes('username') && !action.value) {
+          set(draftState.modifiedData, action.keys.split('.'), null);
+        } else {
+          set(draftState.modifiedData, action.keys.split('.'), action.value);
+        }
+        break;
+      }
+      case 'ON_SUBMIT': {
+        draftState.showHeaderButtonLoader = true;
+        break;
+      }
+      case 'ON_SUBMIT_SUCCEEDED': {
+        draftState.initialData = pick(action.data, state.fieldsToPick);
+        draftState.modifiedData = pick(action.data, state.fieldsToPick);
+        draftState.showHeaderButtonLoader = false;
+        break;
+      }
+      case 'SET_ERRORS': {
+        draftState.formErrors = action.errors;
+        draftState.showHeaderButtonLoader = false;
+        break;
+      }
+      default:
+        return draftState;
+    }
+  });
+
+export { initialState, reducer };

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

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import SettingsHeaderSearchContext from '../../contexts/SettingsHeaderSearchContext';
+
+const useSettingsHeaderSearchContext = () => useContext(SettingsHeaderSearchContext);
+
+export default useSettingsHeaderSearchContext;

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

@@ -0,0 +1,56 @@
+import { useContext, useEffect, useReducer } from 'react';
+import { useGlobalContext, hasPermissions, UserContext } from 'strapi-helper-plugin';
+
+import reducer, { initialState } from './reducer';
+import init from './init';
+
+const useSettingsMenu = (noCheck = false) => {
+  const { userPermissions: permissions } = useContext(UserContext);
+  const { plugins } = useGlobalContext();
+
+  const [{ isLoading, menu }, dispatch] = useReducer(reducer, initialState, () =>
+    init(initialState, plugins)
+  );
+
+  useEffect(() => {
+    const getData = async () => {
+      const checkPermissions = async (permissionsToCheck, path) => {
+        const hasPermission = await hasPermissions(permissions, permissionsToCheck);
+
+        return { hasPermission, path };
+      };
+
+      const generateArrayOfPromises = array => {
+        return array.reduce((acc, current, sectionIndex) => {
+          const generateArrayOfPromises = array =>
+            array.map((link, index) =>
+              checkPermissions(array[index].permissions, `${sectionIndex}.links.${index}`)
+            );
+
+          return [...acc, ...generateArrayOfPromises(current.links)];
+        }, []);
+      };
+
+      const generalSectionLinksArrayOfPromises = generateArrayOfPromises(menu);
+
+      const data = await Promise.all(generalSectionLinksArrayOfPromises);
+
+      dispatch({
+        type: 'CHECK_PERMISSIONS_SUCCEEDED',
+        data,
+      });
+    };
+
+    // This hook is also used by the main LeftMenu component in order to know which sections it needs to display/hide
+    // Therefore, we don't need to make the checking all the times when the hook is used.
+    if (!noCheck) {
+      getData();
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [permissions, noCheck]);
+
+  return { isLoading, menu };
+};
+
+export default useSettingsMenu;

package/admin/src/hooks/useSettingsMenu/init.js

@@ -0,0 +1,49 @@
+import { retrieveGlobalLinks, retrievePluginsMenu, sortLinks } from '../../utils';
+import { SETTINGS_BASE_URL } from '../../config';
+import adminPermissions from '../../permissions';
+import formatLinks from './utils/formatLinks';
+import globalLinks from './utils/globalLinks';
+
+const init = (initialState, plugins) => {
+  // Retrieve the links that will be injected into the global section
+  const pluginsGlobalLinks = retrieveGlobalLinks(plugins);
+  // Sort the links by name
+  const sortedGlobalLinks = sortLinks([...pluginsGlobalLinks, ...globalLinks]);
+  // Create the plugins settings sections
+  // Note it is currently not possible to add a link into a plugin section
+  const pluginsMenuSections = retrievePluginsMenu(plugins);
+
+  const menu = [
+    {
+      id: 'global',
+      title: { id: 'Settings.global' },
+      links: sortedGlobalLinks,
+    },
+    {
+      id: 'permissions',
+      title: 'Settings.permissions',
+      links: [
+        {
+          title: { id: 'Settings.permissions.menu.link.roles.label' },
+          to: `${SETTINGS_BASE_URL}/roles`,
+          name: 'roles',
+          isDisplayed: false,
+          permissions: adminPermissions.settings.roles.main,
+        },
+        {
+          title: { id: 'Settings.permissions.menu.link.users.label' },
+          // Init the search params directly
+          to: `${SETTINGS_BASE_URL}/users?pageSize=10&page=1&_sort=firstname%3AASC`,
+          name: 'users',
+          isDisplayed: false,
+          permissions: adminPermissions.settings.users.main,
+        },
+      ],
+    },
+    ...pluginsMenuSections,
+  ];
+
+  return { ...initialState, menu: formatLinks(menu) };
+};
+
+export default init;

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

@@ -0,0 +1,41 @@
+import produce from 'immer';
+import { set } from 'lodash';
+
+const initialState = {
+  menu: [],
+  isLoading: true,
+};
+
+const reducer = (state, action) =>
+  // eslint-disable-next-line consistent-return
+  produce(state, draftState => {
+    switch (action.type) {
+      case 'CHECK_PERMISSIONS_SUCCEEDED': {
+        action.data.forEach(checkedPermissions => {
+          if (checkedPermissions.hasPermission) {
+            set(
+              draftState,
+              ['menu', ...checkedPermissions.path.split('.'), 'isDisplayed'],
+              checkedPermissions.hasPermission
+            );
+          }
+        });
+
+        // Remove the not needed links in each section
+        draftState.menu.forEach((section, sectionIndex) => {
+          draftState.menu[sectionIndex].links = section.links.filter(
+            link => link.isDisplayed === true
+          );
+        });
+
+        draftState.isLoading = false;
+        break;
+      }
+
+      default:
+        return draftState;
+    }
+  });
+
+export default reducer;
+export { initialState };

package/admin/src/hooks/useSettingsMenu/utils/customGlobalLinks.js

@@ -0,0 +1 @@
+export default [];

package/admin/src/hooks/useSettingsMenu/utils/defaultGlobalLinks.js

@@ -0,0 +1,14 @@
+import { SETTINGS_BASE_URL } from '../../../config';
+import adminPermissions from '../../../permissions';
+
+const defaultGlobalLinks = [
+  {
+    title: { id: 'Settings.webhooks.title' },
+    to: `${SETTINGS_BASE_URL}/webhooks`,
+    name: 'webhooks',
+    isDisplayed: false,
+    permissions: adminPermissions.settings.webhooks.main,
+  },
+];
+
+export default defaultGlobalLinks;

package/admin/src/hooks/useSettingsMenu/utils/formatLinks.js

@@ -0,0 +1,12 @@
+const formatLinks = menu => {
+  return menu.map(menuSection => {
+    const formattedLinks = menuSection.links.map(link => ({
+      ...link,
+      isDisplayed: false,
+    }));
+
+    return { ...menuSection, links: formattedLinks };
+  });
+};
+
+export default formatLinks;

package/admin/src/hooks/useSettingsMenu/utils/globalLinks.js

@@ -0,0 +1,4 @@
+import customGlobalLinks from 'ee_else_ce/hooks/useSettingsMenu/utils/customGlobalLinks';
+import defaultGlobalLinks from './defaultGlobalLinks';
+
+export default [...defaultGlobalLinks, ...customGlobalLinks];

package/admin/src/i18n.js

@@ -0,0 +1,17 @@
+/**
+ * i18n.js
+ *
+ * This will setup the i18n language files and locale data for your plugin.
+ *
+ */
+
+// NOTE TO PLUGINS DEVELOPERS:
+// If you modify this file you also need to update the documentation accordingly
+// Here's the file: strapi/docs/3.0.0-beta.x/admin-panel/customization.md#customize-the-strapi-admin-package
+// IF THE DOC IS NOT UPDATED THE PULL REQUEST WILL NOT BE MERGED
+
+import translationMessages, { languageNativeNames } from './translations';
+
+const languages = Object.keys(translationMessages);
+
+export { languages, translationMessages, languageNativeNames };

package/admin/src/index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <!-- The first thing in any HTML file should be the charset -->
+  <meta charset="utf-8">
+  <!-- Make the page mobile compatible -->
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="mobile-web-app-capable" content="yes">
+  <title>Strapi Admin</title>
+</head>
+<body>
+<!-- The app hooks into this div -->
+<div id="app"></div>
+<!-- A lot of magic happens in this file. HtmlWebpackPlugin automatically includes all assets (e.g. bundle.js, main.css) with the correct HTML tags, which is why they are missing in this HTML file. Don't add any assets here! (Check out webpackconfig.js if you want to know more) -->
+</body>
+</html>

package/admin/src/permissions/customPermissions.js

@@ -0,0 +1 @@
+export default {};

package/admin/src/permissions/defaultPermissions.js

@@ -0,0 +1,60 @@
+const permissions = {
+  marketplace: {
+    main: [
+      { action: 'admin::marketplace.read', subject: null },
+      { action: 'admin::marketplace.plugins.install', subject: null },
+      { action: 'admin::marketplace.plugins.uninstall', subject: null },
+    ],
+    install: [{ action: 'admin::marketplace.plugins.install', subject: null }],
+    read: [
+      { action: 'admin::marketplace.read', subject: null },
+      { action: 'admin::marketplace.plugins.uninstall', subject: null },
+    ],
+    uninstall: [{ action: 'admin::marketplace.plugins.uninstall', subject: null }],
+  },
+  settings: {
+    roles: {
+      main: [
+        { action: 'admin::roles.create', subject: null },
+        { action: 'admin::roles.update', subject: null },
+        { action: 'admin::roles.read', subject: null },
+        { action: 'admin::roles.delete', subject: null },
+      ],
+      create: [{ action: 'admin::roles.create', subject: null }],
+      delete: [{ action: 'admin::roles.delete', subject: null }],
+      read: [{ action: 'admin::roles.read', subject: null }],
+      update: [{ action: 'admin::roles.update', subject: null }],
+    },
+    users: {
+      main: [
+        { action: 'admin::users.create', subject: null },
+        { action: 'admin::users.read', subject: null },
+        { action: 'admin::users.update', subject: null },
+        { action: 'admin::users.delete', subject: null },
+      ],
+      create: [{ action: 'admin::users.create', subject: null }],
+      delete: [{ action: 'admin::users.delete', subject: null }],
+      read: [{ action: 'admin::users.read', subject: null }],
+      update: [{ action: 'admin::users.update', subject: null }],
+    },
+    webhooks: {
+      main: [
+        { action: 'admin::webhooks.create', subject: null },
+        { action: 'admin::webhooks.read', subject: null },
+        { action: 'admin::webhooks.update', subject: null },
+        { action: 'admin::webhooks.delete', subject: null },
+      ],
+      create: [{ action: 'admin::webhooks.create', subject: null }],
+      delete: [{ action: 'admin::webhooks.delete', subject: null }],
+      read: [
+        { action: 'admin::webhooks.read', subject: null },
+        // NOTE: We need to check with the API
+        { action: 'admin::webhooks.update', subject: null },
+        { action: 'admin::webhooks.delete', subject: null },
+      ],
+      update: [{ action: 'admin::webhooks.update', subject: null }],
+    },
+  },
+};
+
+export default permissions;