@strapi/admin 4.12.4 → 4.12.6

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

@@ -1,118 +0,0 @@
-import React, { useEffect, useState } from 'react';
-
-import {
-  AppInfoProvider,
-  auth,
-  LoadingIndicatorPage,
-  useGuidedTour,
-  useNotification,
-} from '@strapi/helper-plugin';
-import get from 'lodash/get';
-import { useQueries } from 'react-query';
-//  TODO: DS add loader
-
-import packageJSON from '../../../../package.json';
-import { useConfigurations } from '../../hooks';
-import { getFullName, hashAdminUserEmail } from '../../utils';
-import PluginsInitializer from '../PluginsInitializer';
-import RBACProvider from '../RBACProvider';
-
-import {
-  fetchAppInfo,
-  fetchCurrentUserPermissions,
-  fetchStrapiLatestRelease,
-  fetchUserRoles,
-} from './utils/api';
-import checkLatestStrapiVersion from './utils/checkLatestStrapiVersion';
-
-const strapiVersion = packageJSON.version;
-
-const AuthenticatedApp = () => {
-  const { setGuidedTourVisibility } = useGuidedTour();
-  const toggleNotification = useNotification();
-  const userInfo = auth.getUserInfo();
-  const userName = get(userInfo, 'username') || getFullName(userInfo.firstname, userInfo.lastname);
-  const [userDisplayName, setUserDisplayName] = useState(userName);
-  const [userId, setUserId] = useState(null);
-  const { showReleaseNotification } = useConfigurations();
-  const [
-    { data: appInfos, status },
-    { data: tagName, isLoading },
-    { data: permissions, status: fetchPermissionsStatus, refetch, isFetching },
-    { data: userRoles },
-  ] = useQueries([
-    { queryKey: 'app-infos', queryFn: fetchAppInfo },
-    {
-      queryKey: 'strapi-release',
-      queryFn: () => fetchStrapiLatestRelease(toggleNotification),
-      enabled: showReleaseNotification,
-      initialData: strapiVersion,
-    },
-    {
-      queryKey: 'admin-users-permission',
-      queryFn: fetchCurrentUserPermissions,
-      initialData: [],
-    },
-    {
-      queryKey: 'user-roles',
-      queryFn: fetchUserRoles,
-    },
-  ]);
-
-  const shouldUpdateStrapi = checkLatestStrapiVersion(strapiVersion, tagName);
-
-  /**
-   * TODO: does this actually need to be an effect?
-   */
-  useEffect(() => {
-    if (userRoles) {
-      const isUserSuperAdmin = userRoles.find(({ code }) => code === 'strapi-super-admin');
-
-      if (isUserSuperAdmin && appInfos?.autoReload) {
-        setGuidedTourVisibility(true);
-      }
-    }
-  }, [userRoles, appInfos, setGuidedTourVisibility]);
-
-  useEffect(() => {
-    const getUserId = async () => {
-      const userId = await hashAdminUserEmail(userInfo);
-      setUserId(userId);
-    };
-
-    getUserId();
-  }, [userInfo]);
-
-  // We don't need to wait for the release query to be fetched before rendering the plugins
-  // however, we need the appInfos and the permissions
-  const shouldShowNotDependentQueriesLoader =
-    isFetching || status === 'loading' || fetchPermissionsStatus === 'loading';
-
-  const shouldShowLoader = isLoading || shouldShowNotDependentQueriesLoader;
-
-  if (shouldShowLoader) {
-    return <LoadingIndicatorPage />;
-  }
-
-  // TODO: add error state
-  if (status === 'error') {
-    return <div>error...</div>;
-  }
-
-  return (
-    <AppInfoProvider
-      {...appInfos}
-      userId={userId}
-      latestStrapiReleaseTag={tagName}
-      setUserDisplayName={setUserDisplayName}
-      shouldUpdateStrapi={shouldUpdateStrapi}
-      userDisplayName={userDisplayName}
-    >
-      <RBACProvider permissions={permissions} refetchPermissions={refetch}>
-        <PluginsInitializer />
-      </RBACProvider>
-    </AppInfoProvider>
-  );
-};
-
-export default AuthenticatedApp;

package/admin/src/components/AuthenticatedApp/utils/api.js

@@ -1,85 +0,0 @@
-import { getFetchClient } from '@strapi/helper-plugin';
-
-import packageJSON from '../../../../../package.json';
-
-import checkLatestStrapiVersion from './checkLatestStrapiVersion';
-
-const strapiVersion = packageJSON.version;
-const showUpdateNotif = !JSON.parse(localStorage.getItem('STRAPI_UPDATE_NOTIF'));
-const { get } = getFetchClient();
-
-const fetchStrapiLatestRelease = async (toggleNotification) => {
-  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();
-    const shouldUpdateStrapi = checkLatestStrapiVersion(strapiVersion, tag_name);
-
-    if (shouldUpdateStrapi && showUpdateNotif) {
-      toggleNotification({
-        type: 'info',
-        message: { id: 'notification.version.update.message' },
-        link: {
-          url: `https://github.com/strapi/strapi/releases/tag/${tag_name}`,
-          label: {
-            id: 'global.see-more',
-          },
-        },
-        blockTransition: true,
-        onClose: () => localStorage.setItem('STRAPI_UPDATE_NOTIF', true),
-      });
-    }
-
-    return tag_name;
-  } catch (err) {
-    // Don't throw an error
-    return strapiVersion;
-  }
-};
-
-const fetchAppInfo = async () => {
-  try {
-    const { data, headers } = await get('/admin/information');
-
-    if (!headers['content-type'].includes('application/json')) {
-      throw new Error('Not found');
-    }
-
-    return data.data;
-  } catch (error) {
-    throw new Error(error);
-  }
-};
-
-const fetchCurrentUserPermissions = async () => {
-  try {
-    const { data, headers } = await get('/admin/users/me/permissions');
-
-    if (!headers['content-type'].includes('application/json')) {
-      throw new Error('Not found');
-    }
-
-    return data.data;
-  } catch (err) {
-    throw new Error(err);
-  }
-};
-
-const fetchUserRoles = async () => {
-  try {
-    const {
-      data: {
-        data: { roles },
-      },
-    } = await get('/admin/users/me');
-
-    return roles;
-  } catch (err) {
-    throw new Error(err);
-  }
-};
-
-export { fetchAppInfo, fetchCurrentUserPermissions, fetchStrapiLatestRelease, fetchUserRoles };

package/admin/src/components/AuthenticatedApp/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/components/PluginsInitializer/index.js

@@ -1,68 +0,0 @@
-import React, { useReducer, useRef } from 'react';
-
-import { LoadingIndicatorPage, useStrapiApp } from '@strapi/helper-plugin';
-
-import Admin from '../../pages/Admin';
-
-import init from './init';
-import reducer, { initialState } from './reducer';
-
-const PluginsInitializer = () => {
-  const { plugins: appPlugins } = useStrapiApp();
-  const [{ plugins }, dispatch] = useReducer(reducer, initialState, () => init(appPlugins));
-  const setPlugin = useRef((pluginId) => {
-    dispatch({ type: 'SET_PLUGIN_READY', pluginId });
-  });
-
-  const hasApluginNotReady = Object.keys(plugins).some(
-    (plugin) => plugins[plugin].isReady === false
-  );
-
-  /**
-   *
-   * I have spent some time trying to understand what is happening here, and wanted to
-   * leave that knowledge for my future me:
-   *
-   * `initializer` is an undocumented property of the `registerPlugin` API. At the time
-   * of writing it seems only to be used by the i18n plugin.
-   *
-   * How does it work?
-   *
-   * Every plugin that has an `initializer` component defined, receives the
-   * `setPlugin` function as a component prop. In the case of i18n the plugin fetches locales
-   * first and calls `setPlugin` with `pluginId` once they are loaded, which then triggers the
-   * reducer of the admin app defined above.
-   *
-   * Once all plugins are set to `isReady: true` the app renders.
-   *
-   * This API is used to block rendering of the admin app. We should remove that in v5 completely
-   * and make sure plugins can inject data into the global store before they are initialized, to avoid
-   * having a new prop-callback based communication channel between plugins and the core admin app.
-   *
-   */
-
-  if (hasApluginNotReady) {
-    const initializers = Object.keys(plugins).reduce((acc, current) => {
-      const InitializerComponent = plugins[current].initializer;
-
-      if (InitializerComponent) {
-        const key = plugins[current].pluginId;
-
-        acc.push(<InitializerComponent key={key} setPlugin={setPlugin.current} />);
-      }
-
-      return acc;
-    }, []);
-
-    return (
-      <>
-        {initializers}
-        <LoadingIndicatorPage />
-      </>
-    );
-  }
-
-  return <Admin />;
-};
-
-export default PluginsInitializer;

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

@@ -1,11 +0,0 @@
-const init = (plugins) => {
-  return {
-    plugins: Object.keys(plugins).reduce((acc, current) => {
-      acc[current] = { ...plugins[current] };
-
-      return acc;
-    }, {}),
-  };
-};
-
-export default init;

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

@@ -1,22 +0,0 @@
-import produce from 'immer';
-import set from 'lodash/set';
-
-const initialState = {
-  plugins: null,
-};
-
-const reducer = (state = initialState, action) =>
-  /* eslint-disable-next-line consistent-return */
-  produce(state, (draftState) => {
-    switch (action.type) {
-      case 'SET_PLUGIN_READY': {
-        set(draftState, ['plugins', action.pluginId, 'isReady'], true);
-        break;
-      }
-      default:
-        return draftState;
-    }
-  });
-
-export { initialState };
-export default reducer;

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

@@ -1,33 +0,0 @@
-import React from 'react';
-
-import { Box, Flex, SkipToContent } from '@strapi/design-system';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-import styled from 'styled-components';
-
-const FlexBox = styled(Box)`
-  flex: 1;
-`;
-
-const AppLayout = ({ children, sideNav }) => {
-  const { formatMessage } = useIntl();
-
-  return (
-    <Box background="neutral100">
-      <SkipToContent>
-        {formatMessage({ id: 'skipToContent', defaultMessage: 'Skip to content' })}
-      </SkipToContent>
-      <Flex alignItems="flex-start">
-        {sideNav}
-        <FlexBox>{children}</FlexBox>
-      </Flex>
-    </Box>
-  );
-};
-
-AppLayout.propTypes = {
-  children: PropTypes.node.isRequired,
-  sideNav: PropTypes.node.isRequired,
-};
-
-export default AppLayout;

package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/utils/api.js

@@ -1,23 +0,0 @@
-import { getFetchClient } from '@strapi/helper-plugin';
-
-import prefixAllUrls from './prefixAllUrls';
-
-const fetchProjectSettings = async () => {
-  const { get } = getFetchClient();
-  const { data } = await get('/admin/project-settings');
-
-  return prefixAllUrls(data);
-};
-
-const postProjectSettings = async (body) => {
-  const { post } = getFetchClient();
-  const { data } = await post('/admin/project-settings', body, {
-    headers: {
-      'Content-Type': 'multipart/form-data',
-    },
-  });
-
-  return prefixAllUrls(data);
-};
-
-export { fetchProjectSettings, postProjectSettings };

package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/utils/prefixAllUrls.js

@@ -1,17 +0,0 @@
-import { prefixFileUrlWithBackendUrl } from '@strapi/helper-plugin';
-import transform from 'lodash/transform';
-
-const prefixAllUrls = (data) =>
-  transform(
-    data,
-    (result, value, key) => {
-      if (value && value.url) {
-        result[key] = { ...value, url: prefixFileUrlWithBackendUrl(value.url) };
-      } else {
-        result[key] = value;
-      }
-    },
-    {}
-  );
-
-export default prefixAllUrls;

package/admin/src/pages/SettingsPage/utils/createSectionsRoutes.js

@@ -1,11 +0,0 @@
-import flatMap from 'lodash/flatMap';
-
-import { createRoute } from '../../../utils';
-
-const createSectionsRoutes = (settings) => {
-  const allLinks = flatMap(settings, (section) => section.links);
-
-  return allLinks.map((link) => createRoute(link.Component, link.to, link.exact || false));
-};
-
-export default createSectionsRoutes;

package/admin/src/pages/SettingsPage/utils/getSectionsToDisplay.js

@@ -1,5 +0,0 @@
-const getSectionsToDisplay = (menu) => {
-  return menu.filter((section) => !section.links.every((link) => link.isDisplayed === false));
-};
-
-export default getSectionsToDisplay;

package/admin/src/pages/SettingsPage/utils/index.js

@@ -1,2 +0,0 @@
-export { default as createSectionsRoutes } from './createSectionsRoutes';
-export { default as getSectionsToDisplay } from './getSectionsToDisplay';

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

@@ -1,175 +0,0 @@
-import React, { useState } from 'react';
-
-import {
-  Box,
-  Button,
-  Flex,
-  Main,
-  Option,
-  Select,
-  TextButton,
-  TextInput,
-  Typography,
-} from '@strapi/design-system';
-import { auth, pxToRem, useFetchClient, useNotification } from '@strapi/helper-plugin';
-import { parse } from 'qs';
-import { useIntl } from 'react-intl';
-import { useHistory } from 'react-router-dom';
-import styled from 'styled-components';
-
-import Logo from '../../components/UnauthenticatedLogo';
-import UnauthenticatedLayout, { LayoutContent } from '../../layouts/UnauthenticatedLayout';
-
-export const options = [
-  {
-    intlLabel: {
-      id: 'Usecase.front-end',
-      defaultMessage: 'Front-end developer',
-    },
-    value: 'front_end_developer',
-  },
-  {
-    intlLabel: {
-      id: 'Usecase.back-end',
-      defaultMessage: 'Back-end developer',
-    },
-    value: 'back_end_developer',
-  },
-  {
-    intlLabel: {
-      id: 'Usecase.full-stack',
-      defaultMessage: 'Full-stack developer',
-    },
-    value: 'full_stack_developer',
-  },
-  {
-    intlLabel: {
-      id: 'global.content-manager',
-      defaultMessage: 'Content Manager',
-    },
-    value: 'content_manager',
-  },
-  {
-    intlLabel: {
-      id: 'Usecase.content-creator',
-      defaultMessage: 'Content Creator',
-    },
-    value: 'content_creator',
-  },
-  {
-    intlLabel: {
-      id: 'Usecase.other',
-      defaultMessage: 'Other',
-    },
-    value: 'other',
-  },
-];
-
-const TypographyCenter = styled(Typography)`
-  text-align: center;
-`;
-
-const UseCasePage = () => {
-  const toggleNotification = useNotification();
-  const { push, location } = useHistory();
-  const { formatMessage } = useIntl();
-  const [role, setRole] = useState();
-  const [otherRole, setOtherRole] = useState('');
-  const { post } = useFetchClient();
-
-  const { firstname, email } = auth.getUserInfo();
-  const { hasAdmin } = parse(location?.search, { ignoreQueryPrefix: true });
-  const isOther = role === 'other';
-
-  const handleSubmit = async (event, skipPersona) => {
-    event.preventDefault();
-    try {
-      await post('https://analytics.strapi.io/register', {
-        email,
-        username: firstname,
-        firstAdmin: Boolean(!hasAdmin),
-        persona: {
-          role: skipPersona ? undefined : role,
-          otherRole: skipPersona ? undefined : otherRole,
-        },
-      });
-
-      toggleNotification({
-        type: 'success',
-        message: {
-          id: 'Usecase.notification.success.project-created',
-          defaultMessage: 'Project has been successfully created',
-        },
-      });
-      push('/');
-    } catch (err) {
-      // Silent
-    }
-  };
-
-  return (
-    <UnauthenticatedLayout>
-      <Main labelledBy="usecase-title">
-        <LayoutContent>
-          <form onSubmit={(e) => handleSubmit(e, false)}>
-            <Flex direction="column" paddingBottom={7}>
-              <Logo />
-              <Box paddingTop={6} paddingBottom={1} width={pxToRem(250)}>
-                <TypographyCenter variant="alpha" as="h1" id="usecase-title">
-                  {formatMessage({
-                    id: 'Usecase.title',
-                    defaultMessage: 'Tell us a bit more about yourself',
-                  })}
-                </TypographyCenter>
-              </Box>
-            </Flex>
-            <Flex direction="column" alignItems="stretch" gap={6}>
-              <Select
-                id="usecase"
-                data-testid="usecase"
-                label={formatMessage({
-                  id: 'Usecase.input.work-type',
-                  defaultMessage: 'What type of work do you do?',
-                })}
-                // onClear={() => setRole(null)}
-                // clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}
-                onChange={setRole}
-                value={role}
-              >
-                {options.map(({ intlLabel, value }) => (
-                  <Option key={value} value={value}>
-                    {formatMessage(intlLabel)}
-                  </Option>
-                ))}
-              </Select>
-              {isOther && (
-                <TextInput
-                  name="other"
-                  label={formatMessage({ id: 'Usecase.other', defaultMessage: 'Other' })}
-                  value={otherRole}
-                  onChange={(e) => setOtherRole(e.target.value)}
-                  data-testid="other"
-                />
-              )}
-              <Button type="submit" size="L" fullWidth disabled={!role}>
-                {formatMessage({ id: 'global.finish', defaultMessage: 'Finish' })}
-              </Button>
-            </Flex>
-          </form>
-        </LayoutContent>
-        <Flex justifyContent="center">
-          <Box paddingTop={4}>
-            <TextButton onClick={() => handleSubmit(true)}>
-              {formatMessage({
-                id: 'Usecase.button.skip',
-                defaultMessage: 'Skip this question',
-              })}
-            </TextButton>
-          </Box>
-        </Flex>
-      </Main>
-    </UnauthenticatedLayout>
-  );
-};
-
-export default UseCasePage;

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/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/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;