@strapi/admin 4.15.0-alpha.0 → 4.15.0

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

@@ -1,86 +0,0 @@
-import * as React from 'react';
-
-import { useAppInfo, useRBACProvider, useStrapiApp } from '@strapi/helper-plugin';
-import { Cog, Puzzle, ShoppingCart } from '@strapi/icons';
-import { useSelector } from 'react-redux';
-
-import { selectAdminPermissions } from '../../pages/App/selectors';
-
-import getGeneralLinks from './utils/getGeneralLinks';
-import getPluginSectionLinks from './utils/getPluginSectionLinks';
-
-const useMenu = () => {
-  const { allPermissions: userPermissions } = useRBACProvider();
-  const { shouldUpdateStrapi } = useAppInfo();
-  const { menu } = useStrapiApp();
-  const permissions = useSelector(selectAdminPermissions);
-  const [menuWithUserPermissions, setMenuWithUserPermissions] = React.useState({
-    generalSectionLinks: [
-      {
-        icon: Puzzle,
-        intlLabel: {
-          id: 'global.plugins',
-          defaultMessage: 'Plugins',
-        },
-        to: '/list-plugins',
-        permissions: permissions.marketplace.main,
-      },
-      {
-        icon: ShoppingCart,
-        intlLabel: {
-          id: 'global.marketplace',
-          defaultMessage: 'Marketplace',
-        },
-        to: '/marketplace',
-        permissions: permissions.marketplace.main,
-      },
-      {
-        icon: Cog,
-        intlLabel: {
-          id: 'global.settings',
-          defaultMessage: 'Settings',
-        },
-        to: '/settings',
-        // Permissions of this link are retrieved in the init phase
-        // using the settings menu
-        permissions: [],
-        notificationsCount: 0,
-      },
-    ],
-    pluginsSectionLinks: [],
-    isLoading: true,
-  });
-  const generalSectionLinksRef = React.useRef(menuWithUserPermissions.generalSectionLinks);
-
-  React.useEffect(() => {
-    async function applyMenuPermissions() {
-      const authorizedPluginSectionLinks = await getPluginSectionLinks(userPermissions, menu);
-
-      const authorizedGeneralSectionLinks = await getGeneralLinks(
-        userPermissions,
-        generalSectionLinksRef.current,
-        shouldUpdateStrapi
-      );
-
-      setMenuWithUserPermissions((state) => ({
-        ...state,
-        generalSectionLinks: authorizedGeneralSectionLinks,
-        pluginsSectionLinks: authorizedPluginSectionLinks,
-        isLoading: false,
-      }));
-    }
-
-    applyMenuPermissions();
-  }, [
-    setMenuWithUserPermissions,
-    generalSectionLinksRef,
-    userPermissions,
-    menu,
-    permissions,
-    shouldUpdateStrapi,
-  ]);
-
-  return menuWithUserPermissions;
-};
-
-export default useMenu;

package/admin/src/hooks/useMenu/utils/checkPermissions.js

@@ -1,13 +0,0 @@
-import { hasPermissions } from '@strapi/helper-plugin';
-
-/**
- * This function resolves an array of Promises<boolean>
- * It puts at a specific index the status of a specific permission.
- * While this might look weird, we then iterate on this array
- * and check the different CT/ST/general/plugin sections
- * and make an index based comparisons
- */
-const checkPermissions = (userPermissions, permissionsToCheck) =>
-  permissionsToCheck.map(({ permissions }) => hasPermissions(userPermissions, permissions));
-
-export default checkPermissions;

package/admin/src/hooks/useMenu/utils/getGeneralLinks.js

@@ -1,31 +0,0 @@
-import cloneDeep from 'lodash/cloneDeep';
-
-import checkPermissions from './checkPermissions';
-
-const getGeneralLinks = async (userPermissions, generalSectionRawLinks, shouldUpdateStrapi) => {
-  const generalSectionPermissionsPromises = checkPermissions(
-    userPermissions,
-    generalSectionRawLinks
-  );
-  const generalSectionLinksPermissions = await Promise.all(generalSectionPermissionsPromises);
-
-  const authorizedGeneralSectionLinks = generalSectionRawLinks.filter(
-    (_, index) => generalSectionLinksPermissions[index]
-  );
-
-  const settingsLinkIndex = authorizedGeneralSectionLinks.findIndex(
-    (obj) => obj.to === '/settings'
-  );
-
-  if (settingsLinkIndex === -1) {
-    return [];
-  }
-
-  const authorizedGeneralLinksClone = cloneDeep(authorizedGeneralSectionLinks);
-
-  authorizedGeneralLinksClone[settingsLinkIndex].notificationsCount = shouldUpdateStrapi ? 1 : 0;
-
-  return authorizedGeneralLinksClone;
-};
-
-export default getGeneralLinks;

package/admin/src/hooks/useMenu/utils/getPluginSectionLinks.js

@@ -1,17 +0,0 @@
-import checkPermissions from './checkPermissions';
-
-const getPluginSectionLinks = async (userPermissions, pluginsSectionRawLinks) => {
-  const pluginSectionPermissionsPromises = checkPermissions(
-    userPermissions,
-    pluginsSectionRawLinks
-  );
-  const pluginSectionLinksPermissions = await Promise.all(pluginSectionPermissionsPromises);
-
-  const authorizedPluginSectionLinks = pluginsSectionRawLinks.filter(
-    (_, index) => pluginSectionLinksPermissions[index]
-  );
-
-  return authorizedPluginSectionLinks;
-};
-
-export default getPluginSectionLinks;

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

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

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

@@ -1,31 +0,0 @@
-import { useEffect } from 'react';
-
-import { useAppInfo, useNotification } from '@strapi/helper-plugin';
-
-const showUpdateNotif = !JSON.parse(localStorage.getItem('STRAPI_UPDATE_NOTIF'));
-
-const useReleaseNotification = () => {
-  const { latestStrapiReleaseTag, shouldUpdateStrapi } = useAppInfo();
-  const toggleNotification = useNotification();
-
-  useEffect(() => {
-    if (shouldUpdateStrapi && showUpdateNotif) {
-      toggleNotification({
-        type: 'info',
-        message: { id: 'notification.version.update.message' },
-        link: {
-          url: `https://github.com/strapi/strapi/releases/tag/${latestStrapiReleaseTag}`,
-          label: {
-            id: 'global.see-more',
-          },
-        },
-        blockTransition: true,
-        onClose: () => localStorage.setItem('STRAPI_UPDATE_NOTIF', true),
-      });
-    }
-  }, [latestStrapiReleaseTag, shouldUpdateStrapi, toggleNotification]);
-
-  return null;
-};
-
-export default useReleaseNotification;

package/admin/src/hooks/useReleaseNotification/utils/api.js

@@ -1,20 +0,0 @@
-import packageJSON from '../../../../../package.json';
-
-const strapiVersion = packageJSON.version;
-const fetchStrapiLatestRelease = async () => {
-  try {
-    const res = await fetch('https://api.github.com/repos/strapi/strapi/releases/latest');
-
-    if (!res.ok) {
-      throw new Error('Failed to fetch latest Strapi version.');
-    }
-    const { tag_name } = await res.json();
-
-    return tag_name;
-  } catch (err) {
-    // Don't throw an error
-    return strapiVersion;
-  }
-};
-
-export default fetchStrapiLatestRelease;

package/admin/src/hooks/useReleaseNotification/utils/checkLatestStrapiVersion.js

@@ -1,11 +0,0 @@
-import semver from 'semver';
-
-const checkLatestStrapiVersion = (currentPackageVersion, latestPublishedVersion) => {
-  if (!semver.valid(currentPackageVersion) || !semver.valid(latestPublishedVersion)) {
-    return false;
-  }
-
-  return semver.lt(currentPackageVersion, latestPublishedVersion);
-};
-
-export default checkLatestStrapiVersion;

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

@@ -1,11 +0,0 @@
-import { useContext } from 'react';
-
-import { ThemeToggleContext } from '../../contexts';
-
-const useThemeToggle = () => {
-  const context = useContext(ThemeToggleContext);
-
-  return context;
-};
-
-export default useThemeToggle;

package/admin/src/injectionZones.js

@@ -1,25 +0,0 @@
-/**
- * Admin injection zones:
- * Available zones: Content Manager listView & editView
- * @constant
- * @type {Object}
- */
-const injectionZones = {
-  admin: {
-    // Temporary injection zone, support for the react-tour plugin in foodadvisor
-    tutorials: {
-      links: [],
-    },
-  },
-  contentManager: {
-    editView: { informations: [], 'right-links': [] },
-    listView: {
-      actions: [],
-      deleteModalAdditionalInfos: [],
-      publishModalAdditionalInfos: [],
-      unpublishModalAdditionalInfos: [],
-    },
-  },
-};
-
-export default injectionZones;

package/admin/src/layouts/UnauthenticatedLayout/LocaleToggle/index.js

@@ -1,29 +0,0 @@
-/*
- *
- * LanguageToggle
- *
- */
-
-import React from 'react';
-
-import { SingleSelect, SingleSelectOption } from '@strapi/design-system';
-import { useIntl } from 'react-intl';
-
-import useLocalesProvider from '../../../components/LocalesProvider/useLocalesProvider';
-
-const LocaleToggle = () => {
-  const { changeLocale, localeNames } = useLocalesProvider();
-  const { locale } = useIntl();
-
-  return (
-    <SingleSelect value={locale} onChange={(language) => changeLocale(language)}>
-      {Object.entries(localeNames).map(([language, name]) => (
-        <SingleSelectOption key={language} value={language}>
-          {name}
-        </SingleSelectOption>
-      ))}
-    </SingleSelect>
-  );
-};
-
-export default LocaleToggle;

package/admin/src/layouts/UnauthenticatedLayout/index.js

@@ -1,55 +0,0 @@
-import React from 'react';
-
-import { Box, Flex } from '@strapi/design-system';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-
-import LocaleToggle from './LocaleToggle';
-
-const Wrapper = styled(Box)`
-  margin: 0 auto;
-  width: 552px;
-`;
-
-export const Column = styled(Flex)`
-  flex-direction: column;
-`;
-
-export const LayoutContent = ({ children }) => (
-  <Wrapper
-    shadow="tableShadow"
-    hasRadius
-    paddingTop={9}
-    paddingBottom={9}
-    paddingLeft={10}
-    paddingRight={10}
-    background="neutral0"
-    justifyContent="center"
-  >
-    {children}
-  </Wrapper>
-);
-LayoutContent.propTypes = {
-  children: PropTypes.node.isRequired,
-};
-
-const UnauthenticatedLayout = ({ children }) => {
-  return (
-    <div>
-      <Flex as="header" justifyContent="flex-end">
-        <Box paddingTop={6} paddingRight={8}>
-          <LocaleToggle />
-        </Box>
-      </Flex>
-      <Box paddingTop={2} paddingBottom={11}>
-        {children}
-      </Box>
-    </div>
-  );
-};
-
-UnauthenticatedLayout.propTypes = {
-  children: PropTypes.node.isRequired,
-};
-
-export default UnauthenticatedLayout;

package/admin/src/reducers.js

@@ -1,23 +0,0 @@
-import rbacProviderReducer from './components/RBACProvider/reducer';
-import rbacManagerReducer from './content-manager/hooks/useSyncRbac/reducer';
-import cmAppReducer from './content-manager/pages/App/reducer';
-import editViewLayoutManagerReducer from './content-manager/pages/EditViewLayoutManager/reducer';
-import listViewReducer from './content-manager/pages/ListView/reducer';
-import editViewCrudReducer from './content-manager/sharedReducers/crudReducer/reducer';
-import appReducer from './pages/App/reducer';
-
-const contentManagerReducers = {
-  'content-manager_app': cmAppReducer,
-  'content-manager_listView': listViewReducer,
-  'content-manager_rbacManager': rbacManagerReducer,
-  'content-manager_editViewLayoutManager': editViewLayoutManagerReducer,
-  'content-manager_editViewCrudReducer': editViewCrudReducer,
-};
-
-const reducers = {
-  admin_app: appReducer,
-  rbacProvider: rbacProviderReducer,
-  ...contentManagerReducers,
-};
-
-export default reducers;

package/admin/src/shared/hooks/useAdminProvider/index.js

@@ -1,11 +0,0 @@
-import { useContext } from 'react';
-
-import { AdminContext } from '../../../contexts';
-
-const useAdminProvider = () => {
-  const context = useContext(AdminContext);
-
-  return context;
-};
-
-export default useAdminProvider;

package/admin/src/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "@strapi/typescript-utils/tsconfigs/admin",
-
-  "include": [
-    "./",
-    "../../../**/admin/src/**/*",
-    "../../../../plugins/documentation/admin/src/**/*"
-  ],
-  "exclude": ["node_modules", "**/*.test.js", "*.js"]
-}

package/admin/src/utils/checkFormValidity.js

@@ -1,15 +0,0 @@
-import { getYupInnerErrors } from '@strapi/helper-plugin';
-
-const checkFormValidity = async (data, schema) => {
-  let errors = null;
-
-  try {
-    await schema.validate(data, { abortEarly: false });
-  } catch (err) {
-    errors = getYupInnerErrors(err);
-  }
-
-  return errors;
-};
-
-export default checkFormValidity;

package/admin/src/utils/createRoute.js

@@ -1,47 +0,0 @@
-import React, { useEffect, useState } from 'react';
-
-import { LoadingIndicatorPage } from '@strapi/helper-plugin';
-import PropTypes from 'prop-types';
-import { Route } from 'react-router-dom';
-
-const LazyCompo = ({ loadComponent }) => {
-  const [Compo, setCompo] = useState(null);
-
-  useEffect(() => {
-    const loadCompo = async () => {
-      try {
-        const loadedCompo = await loadComponent();
-
-        setCompo(() => loadedCompo.default);
-      } catch (err) {
-        // TODO return the error component
-        console.log(err);
-      }
-    };
-
-    loadCompo();
-  }, [loadComponent]);
-
-  if (Compo) {
-    return <Compo />;
-  }
-
-  return <LoadingIndicatorPage />;
-};
-
-const createRoute = (Component, to, exact) => {
-  return (
-    <Route
-      render={() => <LazyCompo loadComponent={Component} />}
-      key={to}
-      path={to}
-      exact={exact || false}
-    />
-  );
-};
-
-LazyCompo.propTypes = {
-  loadComponent: PropTypes.func.isRequired,
-};
-
-export default createRoute;

package/admin/src/utils/formatAPIErrors.js

@@ -1,17 +0,0 @@
-const formatAPIError = ({ data }) => {
-  try {
-    return Object.keys(data).reduce((acc, current) => {
-      const errorMessage = data[current][0];
-      acc[current] = {
-        id: errorMessage,
-        defaultMessage: errorMessage,
-      };
-
-      return acc;
-    }, {});
-  } catch (err) {
-    return {};
-  }
-};
-
-export default formatAPIError;

package/admin/src/utils/getAttributesToDisplay.js

@@ -1,19 +0,0 @@
-const getAttributesToDisplay = (contentType) => {
-  const timestamps = contentType?.options?.timestamps;
-
-  // Sometimes timestamps is false
-  let timestampsArray = Array.isArray(timestamps) ? timestamps : [];
-  const idsAttributes = ['id', '_id']; // For both SQL and mongo
-  const unwritableAttributes = [...idsAttributes, ...timestampsArray, 'publishedAt'];
-  const schemaAttributes = contentType?.attributes ?? {};
-
-  return Object.keys(schemaAttributes).reduce((acc, current) => {
-    if (!unwritableAttributes.includes(current)) {
-      acc.push({ ...schemaAttributes[current], attributeName: current });
-    }
-
-    return acc;
-  }, []);
-};
-
-export default getAttributesToDisplay;

package/admin/src/utils/getExistingActions.js

@@ -1,32 +0,0 @@
-const getExistingActions = (permissions) => {
-  return Array.from(
-    new Set(
-      Object.entries(permissions).reduce((acc, current) => {
-        const getActionsPermission = (permission) =>
-          permission.reduce((accAction, currentAction) => {
-            let actionsToReturn = accAction;
-
-            if (currentAction.actions) {
-              actionsToReturn = [...actionsToReturn, ...currentAction.actions];
-            }
-
-            if (typeof currentAction === 'object' && !currentAction.actions) {
-              actionsToReturn = [...actionsToReturn, ...Object.keys(currentAction)];
-            }
-
-            return actionsToReturn;
-          }, []);
-
-        return [
-          ...acc,
-          ...getActionsPermission([
-            ...Object.values(current[1].attributes || {}),
-            current[1]?.contentTypeActions ?? {},
-          ]),
-        ];
-      }, [])
-    )
-  );
-};
-
-export default getExistingActions;

package/admin/src/utils/getFullName.js

@@ -1,9 +0,0 @@
-/**
- * Get fullname from firstname+lastname joined with a space
- * Handle missing lastname
- * @param {string} firstname
- * @param {string} lastname
- */
-export default (firstname, lastname = '') => {
-  return [firstname, lastname].filter((str) => str).join(' ');
-};

package/admin/src/utils/index.js

@@ -1,9 +0,0 @@
-export { default as checkFormValidity } from './checkFormValidity';
-export { default as createRoute } from './createRoute';
-export { default as formatAPIErrors } from './formatAPIErrors';
-export { default as getAttributesToDisplay } from './getAttributesToDisplay';
-export { default as getExistingActions } from './getExistingActions';
-export { default as getFullName } from './getFullName';
-export { default as makeUniqueRoutes } from './makeUniqueRoutes';
-export { default as sortLinks } from './sortLinks';
-export { default as hashAdminUserEmail } from './uniqueAdminHash';

package/admin/src/utils/makeUniqueRoutes.js

@@ -1,6 +0,0 @@
-const makeUniqueRoutes = (routes) =>
-  routes.filter((route, index, refArray) => {
-    return refArray.findIndex((obj) => obj.key === route.key) === index;
-  });
-
-export default makeUniqueRoutes;

package/admin/src/utils/sortLinks.js

@@ -1,5 +0,0 @@
-import sortBy from 'lodash/sortBy';
-
-const sortLinks = (links) => sortBy(links, (object) => object.name);
-
-export default sortLinks;