@strapi/admin 4.14.3 → 4.14.5

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

@@ -1,66 +0,0 @@
-import React, { useCallback, useMemo, useReducer } from 'react';
-
-import PropTypes from 'prop-types';
-
-import { ConfigurationsContext } from '../../contexts';
-
-import reducer, { initialState } from './reducer';
-
-const ConfigurationsProvider = ({
-  children,
-  authLogo: defaultAuthLogo,
-  menuLogo: defaultMenuLogo,
-  showReleaseNotification,
-  showTutorials,
-}) => {
-  const [{ menuLogo, authLogo }, dispatch] = useReducer(reducer, initialState);
-
-  const updateProjectSettings = useCallback(
-    ({ menuLogo, authLogo }) => {
-      return dispatch({
-        type: 'UPDATE_PROJECT_SETTINGS',
-        values: {
-          menuLogo: menuLogo || defaultMenuLogo,
-          authLogo: authLogo || defaultAuthLogo,
-        },
-      });
-    },
-    [defaultAuthLogo, defaultMenuLogo]
-  );
-
-  const configurationValue = useMemo(() => {
-    return {
-      logos: {
-        menu: { custom: menuLogo, default: defaultMenuLogo },
-        auth: { custom: authLogo, default: defaultAuthLogo },
-      },
-      updateProjectSettings,
-      showReleaseNotification,
-      showTutorials,
-    };
-  }, [
-    menuLogo,
-    defaultMenuLogo,
-    authLogo,
-    defaultAuthLogo,
-    updateProjectSettings,
-    showReleaseNotification,
-    showTutorials,
-  ]);
-
-  return (
-    <ConfigurationsContext.Provider value={configurationValue}>
-      {children}
-    </ConfigurationsContext.Provider>
-  );
-};
-
-ConfigurationsProvider.propTypes = {
-  authLogo: PropTypes.string.isRequired,
-  children: PropTypes.element.isRequired,
-  menuLogo: PropTypes.string.isRequired,
-  showReleaseNotification: PropTypes.bool.isRequired,
-  showTutorials: PropTypes.bool.isRequired,
-};
-
-export default ConfigurationsProvider;

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

@@ -1,29 +0,0 @@
-/* eslint-disable consistent-return */
-/*
- *
- * ConfigurationsProvider reducer
- *
- */
-
-import produce from 'immer';
-
-const initialState = {
-  menuLogo: null,
-  authLogo: null,
-};
-
-const reducer = (state = initialState, action) =>
-  produce(state, (draftState) => {
-    switch (action.type) {
-      case 'UPDATE_PROJECT_SETTINGS': {
-        Object.assign(draftState, action.values);
-        break;
-      }
-      default: {
-        return draftState;
-      }
-    }
-  });
-
-export default reducer;
-export { initialState };

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

@@ -1 +0,0 @@
-export * from './DragLayer';

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

@@ -1,9 +0,0 @@
-import { createGlobalStyle } from 'styled-components';
-
-const GlobalStyle = createGlobalStyle`
-  body {
-    background: ${({ theme }) => theme.colors.neutral100};
-  }
-`;
-
-export default GlobalStyle;

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

@@ -1,54 +0,0 @@
-/*
- *
- * LanguageProvider
- *
- * this component connects the redux state language locale to the
- * IntlProvider component and i18n messages (loaded from `app/translations`)
- */
-
-import React, { useEffect, useReducer } from 'react';
-
-import defaultsDeep from 'lodash/defaultsDeep';
-import PropTypes from 'prop-types';
-import { IntlProvider } from 'react-intl';
-
-import LocalesProvider from '../LocalesProvider';
-
-import init from './init';
-import reducer, { initialState } from './reducer';
-import localStorageKey from './utils/localStorageKey';
-
-const LanguageProvider = ({ children, localeNames, messages }) => {
-  const [{ locale }, dispatch] = useReducer(reducer, initialState, () => init(localeNames));
-
-  useEffect(() => {
-    // Set user language in local storage.
-    window.localStorage.setItem(localStorageKey, locale);
-    document.documentElement.setAttribute('lang', locale);
-  }, [locale]);
-
-  const changeLocale = (locale) => {
-    dispatch({
-      type: 'CHANGE_LOCALE',
-      locale,
-    });
-  };
-
-  const appMessages = defaultsDeep(messages[locale], messages.en);
-
-  return (
-    <IntlProvider locale={locale} defaultLocale="en" messages={appMessages} textComponent="span">
-      <LocalesProvider changeLocale={changeLocale} localeNames={localeNames}>
-        {children}
-      </LocalesProvider>
-    </IntlProvider>
-  );
-};
-
-LanguageProvider.propTypes = {
-  children: PropTypes.element.isRequired,
-  localeNames: PropTypes.objectOf(PropTypes.string).isRequired,
-  messages: PropTypes.object.isRequired,
-};
-
-export default LanguageProvider;

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

@@ -1,13 +0,0 @@
-import localStorageKey from './utils/localStorageKey';
-
-const init = (localeNames) => {
-  const languageFromLocaleStorage = window.localStorage.getItem(localStorageKey);
-  const appLanguage = localeNames[languageFromLocaleStorage] ? languageFromLocaleStorage : 'en';
-
-  return {
-    locale: appLanguage,
-    localeNames,
-  };
-};
-
-export default init;

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

@@ -1,30 +0,0 @@
-/*
- *
- * LanguageProvider reducer
- *
- */
-
-const initialState = {
-  localeNames: { en: 'English' },
-  locale: 'en',
-};
-
-const languageProviderReducer = (state = initialState, action) => {
-  switch (action.type) {
-    case 'CHANGE_LOCALE': {
-      const { locale } = action;
-
-      if (!state.localeNames[locale]) {
-        return state;
-      }
-
-      return { ...state, locale };
-    }
-    default: {
-      return state;
-    }
-  }
-};
-
-export default languageProviderReducer;
-export { initialState };

package/admin/src/components/LanguageProvider/utils/localStorageKey.js

@@ -1,3 +0,0 @@
-const localStorageKey = 'strapi-admin-language';
-
-export default localStorageKey;

package/admin/src/components/LocalesProvider/context.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const LocalesProviderContext = createContext();
-
-export default LocalesProviderContext;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-
-import PropTypes from 'prop-types';
-
-import LocalesProviderContext from './context';
-
-const LocalesProvider = ({ changeLocale, children, localeNames }) => {
-  return (
-    <LocalesProviderContext.Provider value={{ changeLocale, localeNames }}>
-      {children}
-    </LocalesProviderContext.Provider>
-  );
-};
-
-LocalesProvider.propTypes = {
-  changeLocale: PropTypes.func.isRequired,
-  children: PropTypes.element.isRequired,
-  localeNames: PropTypes.object.isRequired,
-};
-
-export default LocalesProvider;

package/admin/src/components/LocalesProvider/useLocalesProvider.js

@@ -1,11 +0,0 @@
-import { useContext } from 'react';
-
-import LocalesProviderContext from './context';
-
-const useLocalesProvider = () => {
-  const { changeLocale, localeNames, messages } = useContext(LocalesProviderContext);
-
-  return { changeLocale, localeNames, messages };
-};
-
-export default useLocalesProvider;

package/admin/src/components/NpsSurvey/hooks/useNpsSurveySettings.js

@@ -1,17 +0,0 @@
-import { usePersistentState } from '@strapi/helper-plugin';
-
-// Exported to make it available during admin user registration.
-// Because we only enable the NPS for users who subscribe to the newsletter when signing up
-export function useNpsSurveySettings() {
-  const [npsSurveySettings, setNpsSurveySettings] = usePersistentState(
-    'STRAPI_NPS_SURVEY_SETTINGS',
-    {
-      enabled: true,
-      lastResponseDate: null,
-      firstDismissalDate: null,
-      lastDismissalDate: null,
-    }
-  );
-
-  return { npsSurveySettings, setNpsSurveySettings };
-}

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/components/PrivateRoute/index.js

@@ -1,46 +0,0 @@
-/**
- *
- * PrivateRoute
- * Higher Order Component that blocks navigation when the user is not logged in
- * and redirect the user to login page
- *
- * Wrap your protected routes to secure your container
- */
-
-import React, { memo } from 'react';
-
-import { auth } from '@strapi/helper-plugin';
-import PropTypes from 'prop-types';
-import { Redirect, Route, useLocation } from 'react-router-dom';
-
-/* eslint-disable react/jsx-curly-newline */
-
-const PrivateRoute = ({ component: Component, path, ...rest }) => {
-  const { pathname, search } = useLocation();
-
-  return (
-    <Route
-      path={path}
-      render={(props) =>
-        auth.getToken() !== null ? (
-          <Component {...rest} {...props} />
-        ) : (
-          <Redirect
-            to={{
-              pathname: '/auth/login',
-              search:
-                pathname !== '/' && `?redirectTo=${encodeURIComponent(`${pathname}${search}`)}`,
-            }}
-          />
-        )
-      }
-    />
-  );
-};
-
-PrivateRoute.propTypes = {
-  component: PropTypes.any.isRequired,
-  path: PropTypes.string.isRequired,
-};
-
-export default memo(PrivateRoute);

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

@@ -1,26 +0,0 @@
-import React from 'react';
-
-import { DesignSystemProvider } from '@strapi/design-system';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-
-import { useThemeToggle } from '../../hooks';
-import GlobalStyle from '../GlobalStyle';
-
-const Theme = ({ children }) => {
-  const { currentTheme, themes } = useThemeToggle();
-  const { locale } = useIntl();
-
-  return (
-    <DesignSystemProvider locale={locale} theme={themes[currentTheme] || themes.light}>
-      {children}
-      <GlobalStyle />
-    </DesignSystemProvider>
-  );
-};
-
-Theme.propTypes = {
-  children: PropTypes.element.isRequired,
-};
-
-export default Theme;

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

@@ -1,79 +0,0 @@
-/**
- *
- * ThemeToggleProvider
- *
- */
-
-import React, { useCallback, useMemo, useState } from 'react';
-
-import PropTypes from 'prop-types';
-
-import { ThemeToggleContext } from '../../contexts';
-
-const THEME_KEY = 'STRAPI_THEME';
-
-const getDefaultTheme = () => {
-  const browserTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-  const persistedTheme = localStorage.getItem(THEME_KEY);
-
-  if (!persistedTheme) {
-    localStorage.setItem(THEME_KEY, browserTheme);
-  }
-
-  return persistedTheme || browserTheme;
-};
-
-const ThemeToggleProvider = ({ children, themes }) => {
-  const [currentTheme, setCurrentTheme] = useState(getDefaultTheme());
-
-  const handleChangeTheme = useCallback(
-    (nextTheme) => {
-      setCurrentTheme(nextTheme);
-      localStorage.setItem(THEME_KEY, nextTheme);
-    },
-    [setCurrentTheme]
-  );
-
-  const themeValues = useMemo(() => {
-    return {
-      currentTheme,
-      onChangeTheme: handleChangeTheme,
-      themes,
-    };
-  }, [currentTheme, handleChangeTheme, themes]);
-
-  return <ThemeToggleContext.Provider value={themeValues}>{children}</ThemeToggleContext.Provider>;
-};
-
-ThemeToggleProvider.propTypes = {
-  children: PropTypes.node.isRequired,
-  themes: PropTypes.shape({
-    light: PropTypes.shape({
-      colors: PropTypes.object.isRequired,
-      shadows: PropTypes.object.isRequired,
-      sizes: PropTypes.object.isRequired,
-      zIndices: PropTypes.array.isRequired,
-      spaces: PropTypes.array.isRequired,
-      borderRadius: PropTypes.string.isRequired,
-      mediaQueries: PropTypes.object.isRequired,
-      fontSizes: PropTypes.array.isRequired,
-      lineHeights: PropTypes.array.isRequired,
-      fontWeights: PropTypes.object.isRequired,
-    }).isRequired,
-    dark: PropTypes.shape({
-      colors: PropTypes.object.isRequired,
-      shadows: PropTypes.object.isRequired,
-      sizes: PropTypes.object.isRequired,
-      zIndices: PropTypes.array.isRequired,
-      spaces: PropTypes.array.isRequired,
-      borderRadius: PropTypes.string.isRequired,
-      mediaQueries: PropTypes.object.isRequired,
-      fontSizes: PropTypes.array.isRequired,
-      lineHeights: PropTypes.array.isRequired,
-      fontWeights: PropTypes.object.isRequired,
-    }).isRequired,
-    custom: PropTypes.object,
-  }).isRequired,
-};
-
-export default ThemeToggleProvider;

package/admin/src/contexts/Admin/index.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const AdminContext = createContext({});
-
-export default AdminContext;

package/admin/src/contexts/Configurations/index.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const ConfigurationsContext = createContext({});
-
-export default ConfigurationsContext;

package/admin/src/contexts/MarketPlace/index.js

@@ -1,18 +0,0 @@
-import React, { createContext, useContext } from 'react';
-
-import PropTypes from 'prop-types';
-
-const MarketPlaceContext = createContext({});
-
-const MarketPlaceContextProvider = ({ children, ...rest }) => {
-  return <MarketPlaceContext.Provider value={rest}>{children}</MarketPlaceContext.Provider>;
-};
-
-const useMarketPlaceContext = () => useContext(MarketPlaceContext);
-
-MarketPlaceContextProvider.propTypes = {
-  children: PropTypes.node.isRequired,
-  downloadPlugin: PropTypes.func.isRequired,
-};
-
-export { MarketPlaceContext, MarketPlaceContextProvider, useMarketPlaceContext };

package/admin/src/contexts/PermisssionsDataManagerContext/index.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const PermissionsDataManagerContext = createContext({});
-
-export default PermissionsDataManagerContext;

package/admin/src/contexts/ThemeToggle/index.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const ThemeToggleContext = createContext({});
-
-export default ThemeToggleContext;

package/admin/src/contexts/index.js

@@ -1,4 +0,0 @@
-export { default as AdminContext } from './Admin';
-export { default as ConfigurationsContext } from './Configurations';
-export { default as PermissionsDataManagerContext } from './PermisssionsDataManagerContext';
-export { default as ThemeToggleContext } from './ThemeToggle';

package/admin/src/hooks/useAdminRoles/__mocks__/index.js

@@ -1,5 +0,0 @@
-export const useAdminRoles = jest.fn().mockReturnValue({
-  roles: [],
-  isLoading: false,
-  isError: false,
-});

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

@@ -1 +0,0 @@
-export * from './useAdminUsers';

package/admin/src/hooks/useAdminUsers/useAdminUsers.js

@@ -1,47 +0,0 @@
-import * as React from 'react';
-
-import { useFetchClient } from '@strapi/helper-plugin';
-import { useQuery } from 'react-query';
-
-export function useAdminUsers(params = {}, queryOptions = {}) {
-  const { id = '', ...queryParams } = params;
-
-  const { get } = useFetchClient();
-
-  const { data, isError, isLoading, refetch } = useQuery(
-    ['users', id, queryParams],
-    async () => {
-      const {
-        data: { data },
-      } = await get(`/admin/users/${id}`, {
-        params: queryParams,
-      });
-
-      return data;
-    },
-    queryOptions
-  );
-
-  // the return value needs to be memoized, because intantiating
-  // an empty array as default value would lead to an unstable return
-  // value, which later on triggers infinite loops if used in the
-  // dependency arrays of other hooks
-  const users = React.useMemo(() => {
-    if (id && data) {
-      return [data];
-    }
-    if (Array.isArray(data?.results)) {
-      return data.results;
-    }
-
-    return [];
-  }, [data, id]);
-
-  return {
-    users,
-    pagination: React.useMemo(() => data?.pagination ?? null, [data?.pagination]),
-    isLoading,
-    isError,
-    refetch,
-  };
-}

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

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

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

@@ -1,19 +0,0 @@
-import { useEffect, useState } from 'react';
-
-const useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-
-  useEffect(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay]);
-
-  return debouncedValue;
-};
-
-export default useDebounce;

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

@@ -1 +0,0 @@
-export * from './useEnterprise';