@strapi/admin 4.15.0-alpha.0 → 4.15.0

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

@@ -1,156 +0,0 @@
-import React from 'react';
-
-import {
-  AutoReloadOverlayBlockerProvider,
-  CustomFieldsProvider,
-  LibraryProvider,
-  NotificationsProvider,
-  OverlayBlockerProvider,
-  StrapiAppProvider,
-} from '@strapi/helper-plugin';
-import PropTypes from 'prop-types';
-import { QueryClient, QueryClientProvider } from 'react-query';
-import { Provider } from 'react-redux';
-
-import { AdminContext } from '../../contexts';
-import ConfigurationsProvider from '../ConfigurationsProvider';
-import GuidedTour from '../GuidedTour';
-import LanguageProvider from '../LanguageProvider';
-import Theme from '../Theme';
-import ThemeToggleProvider from '../ThemeToggleProvider';
-
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      refetchOnWindowFocus: false,
-    },
-  },
-});
-
-const Providers = ({
-  authLogo,
-  children,
-  components,
-  customFields,
-  fields,
-  getAdminInjectedComponents,
-  getPlugin,
-  localeNames,
-  menu,
-  menuLogo,
-  messages,
-  plugins,
-  runHookParallel,
-  runHookSeries,
-  runHookWaterfall,
-  settings,
-  showReleaseNotification,
-  showTutorials,
-  store,
-  themes,
-}) => {
-  return (
-    <LanguageProvider messages={messages} localeNames={localeNames}>
-      <ThemeToggleProvider themes={themes}>
-        <Theme>
-          <QueryClientProvider client={queryClient}>
-            <Provider store={store}>
-              <AdminContext.Provider value={{ getAdminInjectedComponents }}>
-                <ConfigurationsProvider
-                  authLogo={authLogo}
-                  menuLogo={menuLogo}
-                  showReleaseNotification={showReleaseNotification}
-                  showTutorials={showTutorials}
-                >
-                  <StrapiAppProvider
-                    getPlugin={getPlugin}
-                    menu={menu}
-                    plugins={plugins}
-                    runHookParallel={runHookParallel}
-                    runHookWaterfall={runHookWaterfall}
-                    runHookSeries={runHookSeries}
-                    settings={settings}
-                  >
-                    <LibraryProvider components={components} fields={fields}>
-                      <CustomFieldsProvider customFields={customFields}>
-                        <AutoReloadOverlayBlockerProvider>
-                          <OverlayBlockerProvider>
-                            <GuidedTour>
-                              <NotificationsProvider>{children}</NotificationsProvider>
-                            </GuidedTour>
-                          </OverlayBlockerProvider>
-                        </AutoReloadOverlayBlockerProvider>
-                      </CustomFieldsProvider>
-                    </LibraryProvider>
-                  </StrapiAppProvider>
-                </ConfigurationsProvider>
-              </AdminContext.Provider>
-            </Provider>
-          </QueryClientProvider>
-        </Theme>
-      </ThemeToggleProvider>
-    </LanguageProvider>
-  );
-};
-
-Providers.propTypes = {
-  authLogo: PropTypes.oneOfType([PropTypes.string, PropTypes.any]).isRequired,
-  children: PropTypes.element.isRequired,
-  components: PropTypes.object.isRequired,
-  customFields: PropTypes.object.isRequired,
-  fields: PropTypes.object.isRequired,
-  getAdminInjectedComponents: PropTypes.func.isRequired,
-  getPlugin: PropTypes.func.isRequired,
-  localeNames: PropTypes.objectOf(PropTypes.string).isRequired,
-  menu: PropTypes.arrayOf(
-    PropTypes.shape({
-      to: PropTypes.string.isRequired,
-      icon: PropTypes.func.isRequired,
-      intlLabel: PropTypes.shape({
-        id: PropTypes.string.isRequired,
-        defaultMessage: PropTypes.string.isRequired,
-      }).isRequired,
-      permissions: PropTypes.array,
-      Component: PropTypes.func,
-    })
-  ).isRequired,
-  menuLogo: PropTypes.oneOfType([PropTypes.string, PropTypes.any]).isRequired,
-  messages: PropTypes.object.isRequired,
-  plugins: PropTypes.object.isRequired,
-  runHookParallel: PropTypes.func.isRequired,
-  runHookWaterfall: PropTypes.func.isRequired,
-  runHookSeries: PropTypes.func.isRequired,
-  settings: PropTypes.object.isRequired,
-  showReleaseNotification: PropTypes.bool.isRequired,
-  showTutorials: PropTypes.bool.isRequired,
-  store: PropTypes.object.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 Providers;

package/admin/src/components/RBACProvider/actions.js

@@ -1,10 +0,0 @@
-import { RESET_STORE, SET_PERMISSIONS } from './constants';
-
-const resetStore = () => ({ type: RESET_STORE });
-
-const setPermissions = (permissions) => ({
-  type: SET_PERMISSIONS,
-  permissions,
-});
-
-export { resetStore, setPermissions };

package/admin/src/components/RBACProvider/constants.js

@@ -1,2 +0,0 @@
-export const RESET_STORE = 'StrapiAdmin/RBACProvider/RESET_STORE';
-export const SET_PERMISSIONS = 'StrapiAdmin/RBACProvider/SET_PERMISSIONS';

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

@@ -1,39 +0,0 @@
-import React, { useEffect } from 'react';
-
-import { LoadingIndicatorPage, RBACProviderContext } from '@strapi/helper-plugin';
-import PropTypes from 'prop-types';
-import { useDispatch, useSelector } from 'react-redux';
-
-import { resetStore, setPermissions } from './actions';
-
-const RBACProvider = ({ children, permissions, refetchPermissions }) => {
-  const { allPermissions } = useSelector((state) => state.rbacProvider);
-
-  const dispatch = useDispatch();
-
-  useEffect(() => {
-    dispatch(setPermissions(permissions));
-
-    return () => {
-      dispatch(resetStore());
-    };
-  }, [permissions, dispatch]);
-
-  if (!allPermissions) {
-    return <LoadingIndicatorPage />;
-  }
-
-  return (
-    <RBACProviderContext.Provider value={{ allPermissions, refetchPermissions }}>
-      {children}
-    </RBACProviderContext.Provider>
-  );
-};
-
-RBACProvider.propTypes = {
-  children: PropTypes.node.isRequired,
-  permissions: PropTypes.array.isRequired,
-  refetchPermissions: PropTypes.func.isRequired,
-};
-
-export default RBACProvider;

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

@@ -1,51 +0,0 @@
-/*
- *
- * RBACProvider reducer
- * The goal of this reducer is to provide
- * the plugins with an access to the user's permissions
- * in our middleware system
- *
- */
-
-import produce from 'immer';
-
-import { RESET_STORE, SET_PERMISSIONS } from './constants';
-
-const initialState = {
-  allPermissions: null,
-  collectionTypesRelatedPermissions: {},
-};
-
-const reducer = (state = initialState, action) =>
-  // eslint-disable-next-line consistent-return
-  produce(state, (draftState) => {
-    switch (action.type) {
-      case SET_PERMISSIONS: {
-        draftState.allPermissions = action.permissions;
-        draftState.collectionTypesRelatedPermissions = action.permissions
-          .filter((perm) => perm.subject)
-          .reduce((acc, current) => {
-            const { subject, action } = current;
-
-            if (!acc[subject]) {
-              acc[subject] = {};
-            }
-
-            acc[subject] = acc[subject][action]
-              ? { ...acc[subject], [action]: [...acc[subject][action], current] }
-              : { ...acc[subject], [action]: [current] };
-
-            return acc;
-          }, {});
-        break;
-      }
-      case RESET_STORE: {
-        return initialState;
-      }
-      default:
-        return state;
-    }
-  });
-
-export default reducer;
-export { initialState };

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

@@ -1,25 +0,0 @@
-import React, { createContext, useContext } from 'react';
-
-import PropTypes from 'prop-types';
-
-const ApiTokenPermissionsContext = createContext({});
-
-const ApiTokenPermissionsContextProvider = ({ children, ...rest }) => {
-  return (
-    <ApiTokenPermissionsContext.Provider value={rest}>
-      {children}
-    </ApiTokenPermissionsContext.Provider>
-  );
-};
-
-const useApiTokenPermissionsContext = () => useContext(ApiTokenPermissionsContext);
-
-ApiTokenPermissionsContextProvider.propTypes = {
-  children: PropTypes.node.isRequired,
-};
-
-export {
-  ApiTokenPermissionsContext,
-  ApiTokenPermissionsContextProvider,
-  useApiTokenPermissionsContext,
-};

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/core/store/configureStore.js

@@ -1,47 +0,0 @@
-import { applyMiddleware, combineReducers, compose, createStore } from 'redux';
-
-const configureStore = (appMiddlewares, appReducers) => {
-  let composeEnhancers = compose;
-
-  const middlewares = [];
-
-  appMiddlewares.forEach((middleware) => {
-    middlewares.push(middleware());
-  });
-
-  // If Redux Dev Tools  are installed, enable them
-  if (
-    process.env.NODE_ENV !== 'production' &&
-    typeof window === 'object' &&
-    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
-  ) {
-    composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({});
-  }
-
-  const store = createStore(
-    createReducer(appReducers, {}),
-    {},
-    composeEnhancers(applyMiddleware(...middlewares))
-  );
-
-  // Add a dictionary to keep track of the registered async reducers
-  store.asyncReducers = {};
-
-  // Create an inject reducer function
-  // This function adds the async reducer, and creates a new combined reducer
-  store.injectReducer = (key, asyncReducer) => {
-    store.asyncReducers[key] = asyncReducer;
-    store.replaceReducer(createReducer(appReducers, store.asyncReducers));
-  };
-
-  return store;
-};
-
-const createReducer = (appReducers, asyncReducers) => {
-  return combineReducers({
-    ...appReducers,
-    ...asyncReducers,
-  });
-};
-
-export default configureStore;

package/admin/src/exposedHooks.js

@@ -1,27 +0,0 @@
-/**
- * Hook that allows to mutate the displayed headers of the list view table
- * @constant
- * @type {string}
- */
-export const INJECT_COLUMN_IN_TABLE = 'Admin/CM/pages/ListView/inject-column-in-table';
-
-/**
- * Hook that allows to mutate the CM's collection types links pre-set filters
- * @constant
- * @type {string}
- */
-export const MUTATE_COLLECTION_TYPES_LINKS = 'Admin/CM/pages/App/mutate-collection-types-links';
-
-/**
- * Hook that allows to mutate the CM's edit view layout
- * @constant
- * @type {string}
- */
-export const MUTATE_EDIT_VIEW_LAYOUT = 'Admin/CM/pages/EditView/mutate-edit-view-layout';
-
-/**
- * Hook that allows to mutate the CM's single types links pre-set filters
- * @constant
- * @type {string}
- */
-export const MUTATE_SINGLE_TYPES_LINKS = 'Admin/CM/pages/App/mutate-single-types-links';

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

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

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

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

@@ -1,5 +0,0 @@
-const useLicenseLimitNotification = () => {
-  return null;
-};
-
-export default useLicenseLimitNotification;