@strapi/plugin-users-permissions 0.0.0-next.f7babb775ed9a7e18d8351cb7f74c63e016323c4 → 0.0.0-next.f86041c89a8c1545c6437a881dc613e98bc52bd7

package/admin/src/pages/Roles/ListPage/index.js

@@ -1,238 +0,0 @@
-import React, { useState } from 'react';
-
-import {
-  ActionLayout,
-  Button,
-  ContentLayout,
-  HeaderLayout,
-  Layout,
-  Main,
-  Table,
-  Th,
-  Thead,
-  Tr,
-  Typography,
-  useNotifyAT,
-  VisuallyHidden,
-} from '@strapi/design-system';
-import {
-  CheckPermissions,
-  ConfirmDialog,
-  EmptyStateLayout,
-  LoadingIndicatorPage,
-  NoPermissions,
-  SearchURLQuery,
-  SettingsPageTitle,
-  useCollator,
-  useFilter,
-  useFocusWhenNavigate,
-  useNotification,
-  useQueryParams,
-  useRBAC,
-  useTracking,
-} from '@strapi/helper-plugin';
-import { Plus } from '@strapi/icons';
-import { useIntl } from 'react-intl';
-import { useMutation, useQuery } from 'react-query';
-import { useHistory } from 'react-router-dom';
-
-import { PERMISSIONS } from '../../../constants';
-import pluginId from '../../../pluginId';
-import { getTrad } from '../../../utils';
-
-import TableBody from './components/TableBody';
-import { deleteData, fetchData } from './utils/api';
-
-const RoleListPage = () => {
-  const { trackUsage } = useTracking();
-  const { formatMessage, locale } = useIntl();
-  const { push } = useHistory();
-  const toggleNotification = useNotification();
-  const { notifyStatus } = useNotifyAT();
-  const [{ query }] = useQueryParams();
-  const _q = query?._q || '';
-  const [showConfirmDelete, setShowConfirmDelete] = useState(false);
-  const [isConfirmButtonLoading, setIsConfirmButtonLoading] = useState(false);
-  const [roleToDelete, setRoleToDelete] = useState();
-  useFocusWhenNavigate();
-
-  const {
-    isLoading: isLoadingForPermissions,
-    allowedActions: { canRead, canDelete },
-  } = useRBAC({
-    create: PERMISSIONS.createRole,
-    read: PERMISSIONS.readRoles,
-    update: PERMISSIONS.updateRole,
-    delete: PERMISSIONS.deleteRole,
-  });
-
-  const {
-    isLoading: isLoadingForData,
-    data: { roles },
-    isFetching,
-    refetch,
-  } = useQuery('get-roles', () => fetchData(toggleNotification, notifyStatus), {
-    initialData: {},
-    enabled: canRead,
-  });
-
-  const { includes } = useFilter(locale, {
-    sensitivity: 'base',
-  });
-
-  /**
-   * @type {Intl.Collator}
-   */
-  const formatter = useCollator(locale, {
-    sensitivity: 'base',
-  });
-
-  const isLoading = isLoadingForData || isFetching;
-
-  const handleNewRoleClick = () => {
-    trackUsage('willCreateRole');
-    push(`/settings/${pluginId}/roles/new`);
-  };
-
-  const handleShowConfirmDelete = () => {
-    setShowConfirmDelete(!showConfirmDelete);
-  };
-
-  const emptyLayout = {
-    roles: {
-      id: getTrad('Roles.empty'),
-      defaultMessage: "You don't have any roles yet.",
-    },
-    search: {
-      id: getTrad('Roles.empty.search'),
-      defaultMessage: 'No roles match the search.',
-    },
-  };
-
-  const pageTitle = formatMessage({
-    id: 'global.roles',
-    defaultMessage: 'Roles',
-  });
-
-  const deleteMutation = useMutation((id) => deleteData(id, toggleNotification), {
-    async onSuccess() {
-      await refetch();
-    },
-  });
-
-  const handleConfirmDelete = async () => {
-    setIsConfirmButtonLoading(true);
-    await deleteMutation.mutateAsync(roleToDelete);
-    setShowConfirmDelete(!showConfirmDelete);
-    setIsConfirmButtonLoading(false);
-  };
-
-  const sortedRoles = (roles || [])
-    .filter((role) => includes(role.name, _q) || includes(role.description, _q))
-    .sort(
-      (a, b) => formatter.compare(a.name, b.name) || formatter.compare(a.description, b.description)
-    );
-
-  const emptyContent = _q && !sortedRoles.length ? 'search' : 'roles';
-
-  const colCount = 4;
-  const rowCount = (roles?.length || 0) + 1;
-
-  return (
-    <Layout>
-      <SettingsPageTitle name={pageTitle} />
-      <Main aria-busy={isLoading}>
-        <HeaderLayout
-          title={formatMessage({
-            id: 'global.roles',
-            defaultMessage: 'Roles',
-          })}
-          subtitle={formatMessage({
-            id: 'Settings.roles.list.description',
-            defaultMessage: 'List of roles',
-          })}
-          primaryAction={
-            <CheckPermissions permissions={PERMISSIONS.createRole}>
-              <Button onClick={handleNewRoleClick} startIcon={<Plus />} size="S">
-                {formatMessage({
-                  id: getTrad('List.button.roles'),
-                  defaultMessage: 'Add new role',
-                })}
-              </Button>
-            </CheckPermissions>
-          }
-        />
-
-        <ActionLayout
-          startActions={
-            <SearchURLQuery
-              label={formatMessage({
-                id: 'app.component.search.label',
-                defaultMessage: 'Search',
-              })}
-            />
-          }
-        />
-
-        <ContentLayout>
-          {!canRead && <NoPermissions />}
-          {(isLoading || isLoadingForPermissions) && <LoadingIndicatorPage />}
-          {canRead && sortedRoles && sortedRoles?.length ? (
-            <Table colCount={colCount} rowCount={rowCount}>
-              <Thead>
-                <Tr>
-                  <Th>
-                    <Typography variant="sigma" textColor="neutral600">
-                      {formatMessage({ id: 'global.name', defaultMessage: 'Name' })}
-                    </Typography>
-                  </Th>
-                  <Th>
-                    <Typography variant="sigma" textColor="neutral600">
-                      {formatMessage({
-                        id: 'global.description',
-                        defaultMessage: 'Description',
-                      })}
-                    </Typography>
-                  </Th>
-                  <Th>
-                    <Typography variant="sigma" textColor="neutral600">
-                      {formatMessage({
-                        id: 'global.users',
-                        defaultMessage: 'Users',
-                      })}
-                    </Typography>
-                  </Th>
-                  <Th>
-                    <VisuallyHidden>
-                      {formatMessage({
-                        id: 'global.actions',
-                        defaultMessage: 'Actions',
-                      })}
-                    </VisuallyHidden>
-                  </Th>
-                </Tr>
-              </Thead>
-              <TableBody
-                sortedRoles={sortedRoles}
-                canDelete={canDelete}
-                permissions={PERMISSIONS}
-                setRoleToDelete={setRoleToDelete}
-                onDelete={[showConfirmDelete, setShowConfirmDelete]}
-              />
-            </Table>
-          ) : (
-            <EmptyStateLayout content={emptyLayout[emptyContent]} />
-          )}
-        </ContentLayout>
-        <ConfirmDialog
-          isConfirmButtonLoading={isConfirmButtonLoading}
-          onConfirm={handleConfirmDelete}
-          onToggleDialog={handleShowConfirmDelete}
-          isOpen={showConfirmDelete}
-        />
-      </Main>
-    </Layout>
-  );
-};
-
-export default RoleListPage;

package/admin/src/pages/Roles/ListPage/utils/api.js

@@ -1,30 +0,0 @@
-import { getFetchClient } from '@strapi/helper-plugin';
-
-export const fetchData = async (toggleNotification, notifyStatus) => {
-  try {
-    const { get } = getFetchClient();
-    const { data } = await get('/users-permissions/roles');
-    notifyStatus('The roles have loaded successfully');
-
-    return data;
-  } catch (err) {
-    toggleNotification({
-      type: 'warning',
-      message: { id: 'notification.error' },
-    });
-
-    throw new Error(err);
-  }
-};
-
-export const deleteData = async (id, toggleNotification) => {
-  try {
-    const { del } = getFetchClient();
-    await del(`/users-permissions/roles/${id}`);
-  } catch (error) {
-    toggleNotification({
-      type: 'warning',
-      message: { id: 'notification.error', defaultMessage: 'An error occured' },
-    });
-  }
-};

package/admin/src/pages/Roles/ProtectedCreatePage.js

@@ -1,15 +0,0 @@
-import React from 'react';
-
-import { CheckPagePermissions } from '@strapi/helper-plugin';
-
-import { PERMISSIONS } from '../../constants';
-
-import RolesCreatePage from './CreatePage';
-
-const ProtectedRolesCreatePage = () => (
-  <CheckPagePermissions permissions={PERMISSIONS.createRole}>
-    <RolesCreatePage />
-  </CheckPagePermissions>
-);
-
-export default ProtectedRolesCreatePage;

package/admin/src/pages/Roles/ProtectedEditPage.js

@@ -1,15 +0,0 @@
-import React from 'react';
-
-import { CheckPagePermissions } from '@strapi/helper-plugin';
-
-import { PERMISSIONS } from '../../constants';
-
-import RolesEditPage from './EditPage';
-
-const ProtectedRolesEditPage = () => (
-  <CheckPagePermissions permissions={PERMISSIONS.updateRole}>
-    <RolesEditPage />
-  </CheckPagePermissions>
-);
-
-export default ProtectedRolesEditPage;

package/admin/src/pages/Roles/ProtectedListPage.js

@@ -1,17 +0,0 @@
-import React from 'react';
-
-import { CheckPagePermissions } from '@strapi/helper-plugin';
-
-import { PERMISSIONS } from '../../constants';
-
-import RolesListPage from './ListPage';
-
-const ProtectedRolesListPage = () => {
-  return (
-    <CheckPagePermissions permissions={PERMISSIONS.accessRoles}>
-      <RolesListPage />
-    </CheckPagePermissions>
-  );
-};
-
-export default ProtectedRolesListPage;

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

@@ -1,30 +0,0 @@
-import React from 'react';
-
-import { AnErrorOccurred, CheckPagePermissions } from '@strapi/helper-plugin';
-import { Route, Switch } from 'react-router-dom';
-
-import { PERMISSIONS } from '../../constants';
-import pluginId from '../../pluginId';
-
-import ProtectedRolesCreatePage from './ProtectedCreatePage';
-import ProtectedRolesEditPage from './ProtectedEditPage';
-import ProtectedRolesListPage from './ProtectedListPage';
-
-const Roles = () => {
-  return (
-    <CheckPagePermissions permissions={PERMISSIONS.accessRoles}>
-      <Switch>
-        <Route
-          path={`/settings/${pluginId}/roles/new`}
-          component={ProtectedRolesCreatePage}
-          exact
-        />
-        <Route path={`/settings/${pluginId}/roles/:id`} component={ProtectedRolesEditPage} exact />
-        <Route path={`/settings/${pluginId}/roles`} component={ProtectedRolesListPage} exact />
-        <Route path="" component={AnErrorOccurred} />
-      </Switch>
-    </CheckPagePermissions>
-  );
-};
-
-export default Roles;

package/server/bootstrap/grant-config.js

@@ -1,131 +0,0 @@
-'use strict';
-
-module.exports = (baseURL) => ({
-  email: {
-    enabled: true,
-    icon: 'envelope',
-  },
-  discord: {
-    enabled: false,
-    icon: 'discord',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/discord/callback`,
-    scope: ['identify', 'email'],
-  },
-  facebook: {
-    enabled: false,
-    icon: 'facebook-square',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/facebook/callback`,
-    scope: ['email'],
-  },
-  google: {
-    enabled: false,
-    icon: 'google',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/google/callback`,
-    scope: ['email'],
-  },
-  github: {
-    enabled: false,
-    icon: 'github',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/github/callback`,
-    scope: ['user', 'user:email'],
-  },
-  microsoft: {
-    enabled: false,
-    icon: 'windows',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/microsoft/callback`,
-    scope: ['user.read'],
-  },
-  twitter: {
-    enabled: false,
-    icon: 'twitter',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/twitter/callback`,
-  },
-  instagram: {
-    enabled: false,
-    icon: 'instagram',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/instagram/callback`,
-    scope: ['user_profile'],
-  },
-  vk: {
-    enabled: false,
-    icon: 'vk',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/vk/callback`,
-    scope: ['email'],
-  },
-  twitch: {
-    enabled: false,
-    icon: 'twitch',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/twitch/callback`,
-    scope: ['user:read:email'],
-  },
-  linkedin: {
-    enabled: false,
-    icon: 'linkedin',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/linkedin/callback`,
-    scope: ['r_liteprofile', 'r_emailaddress'],
-  },
-  cognito: {
-    enabled: false,
-    icon: 'aws',
-    key: '',
-    secret: '',
-    subdomain: 'my.subdomain.com',
-    callback: `${baseURL}/cognito/callback`,
-    scope: ['email', 'openid', 'profile'],
-  },
-  reddit: {
-    enabled: false,
-    icon: 'reddit',
-    key: '',
-    secret: '',
-    state: true,
-    callback: `${baseURL}/reddit/callback`,
-    scope: ['identity'],
-  },
-  auth0: {
-    enabled: false,
-    icon: '',
-    key: '',
-    secret: '',
-    subdomain: 'my-tenant.eu',
-    callback: `${baseURL}/auth0/callback`,
-    scope: ['openid', 'email', 'profile'],
-  },
-  cas: {
-    enabled: false,
-    icon: 'book',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/cas/callback`,
-    scope: ['openid email'], // scopes should be space delimited
-    subdomain: 'my.subdomain.com/cas',
-  },
-  patreon: {
-    enabled: false,
-    icon: '',
-    key: '',
-    secret: '',
-    callback: `${baseURL}/patreon/callback`,
-    scope: ['identity', 'identity[email]'],
-  },
-});

package/strapi-admin.js

@@ -1,3 +0,0 @@
-'use strict';
-
-module.exports = require('./admin/src').default;

package/strapi-server.js

@@ -1,3 +0,0 @@
-'use strict';
-
-module.exports = require('./server');