@strapi/admin 4.0.0-next.12 → 4.0.0-next.16

package/admin/src/pages/Webhooks/ListView/index.js

@@ -1,323 +0,0 @@
-/**
- *
- * ListView
- *
- */
-
-import React, { useEffect, useReducer, useRef, useState } from 'react';
-import { useHistory, useLocation } from 'react-router-dom';
-import { Header, List } from '@buffetjs/custom';
-import { Button } from '@buffetjs/core';
-import { Plus } from '@buffetjs/icons';
-import { omit } from 'lodash';
-import { useIntl } from 'react-intl';
-import {
-  request,
-  ListButton,
-  PopUpWarning,
-  useRBAC,
-  LoadingIndicatorPage,
-  EmptyState,
-  useNotification,
-} from '@strapi/helper-plugin';
-import adminPermissions from '../../../permissions';
-import PageTitle from '../../../components/SettingsPageTitle';
-import { ListRow } from '../../../components/Webhooks';
-import Wrapper from './Wrapper';
-import reducer, { initialState } from './reducer';
-
-function ListView() {
-  const {
-    isLoading,
-    allowedActions: { canCreate, canRead, canUpdate, canDelete },
-  } = useRBAC(adminPermissions.settings.webhooks);
-  const toggleNotification = useNotification();
-  const isMounted = useRef(true);
-  const { formatMessage } = useIntl();
-  const [showModal, setShowModal] = useState(false);
-  const [{ webhooks, webhooksToDelete, webhookToDelete }, dispatch] = useReducer(
-    reducer,
-    initialState
-  );
-  const { push } = useHistory();
-  const { pathname } = useLocation();
-
-  useEffect(() => {
-    isMounted.current = true;
-
-    return () => {
-      isMounted.current = false;
-    };
-  }, []);
-
-  useEffect(() => {
-    if (canRead) {
-      fetchData();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [canRead]);
-
-  const getWebhookIndex = id => webhooks.findIndex(webhook => webhook.id === id);
-
-  // New button
-  const addBtnLabel = formatMessage({
-    id: 'Settings.webhooks.list.button.add',
-  });
-
-  const newButtonProps = {
-    label: addBtnLabel,
-    onClick: () => handleGoTo('create'),
-    color: 'primary',
-    type: 'button',
-    icon: <Plus fill="#007eff" width="11px" height="11px" />,
-    Component: props => {
-      if (canCreate) {
-        return <Button {...props} />;
-      }
-
-      return null;
-    },
-  };
-
-  // Header props
-  const actions = [
-    {
-      ...newButtonProps,
-      icon: true,
-      style: {
-        paddingLeft: 15,
-        paddingRight: 15,
-      },
-    },
-  ];
-
-  const headerProps = {
-    title: {
-      label: formatMessage({ id: 'Settings.webhooks.title' }),
-    },
-    content: formatMessage({ id: 'Settings.webhooks.list.description' }),
-    actions,
-  };
-
-  // List props
-  const rowsCount = webhooks.length;
-  const titleLabel = `${
-    rowsCount > 1
-      ? formatMessage({ id: 'Settings.webhooks.title' })
-      : formatMessage({ id: 'Settings.webhooks.singular' })
-  }`;
-  const title = `${rowsCount} ${titleLabel}`;
-
-  /* eslint-disable indent */
-  const deleteButtonProps = canDelete
-    ? {
-        color: 'delete',
-        disabled: !(webhooksToDelete.length > 0),
-        label: formatMessage({ id: 'app.utils.delete' }),
-        onClick: () => setShowModal(true),
-        type: 'button',
-      }
-    : null;
-  /* eslint-enable indent */
-
-  const listProps = {
-    title,
-    button: deleteButtonProps,
-    items: webhooks,
-  };
-
-  const fetchData = async () => {
-    try {
-      const { data } = await request('/admin/webhooks', {
-        method: 'GET',
-      });
-
-      if (isMounted.current) {
-        dispatch({
-          type: 'GET_DATA_SUCCEEDED',
-          data,
-        });
-      }
-    } catch (err) {
-      if (isMounted.current) {
-        if (err.code !== 20) {
-          toggleNotification({
-            type: 'warning',
-            message: { id: 'notification.error' },
-          });
-        }
-      }
-    }
-  };
-
-  const handleChange = (value, id) => {
-    dispatch({
-      type: 'SET_WEBHOOKS_TO_DELETE',
-      value,
-      id,
-    });
-  };
-
-  const handleConfirmDelete = () => {
-    if (webhookToDelete) {
-      handleConfirmDeleteOne();
-    } else {
-      handleConfirmDeleteAll();
-    }
-  };
-
-  const handleConfirmDeleteOne = async () => {
-    try {
-      await request(`/admin/webhooks/${webhookToDelete}`, {
-        method: 'DELETE',
-      });
-
-      dispatch({
-        type: 'WEBHOOK_DELETED',
-        index: getWebhookIndex(webhookToDelete),
-      });
-    } catch (err) {
-      if (err.code !== 20) {
-        toggleNotification({
-          type: 'warning',
-          message: { id: 'notification.error' },
-        });
-      }
-    }
-    setShowModal(false);
-  };
-
-  const handleConfirmDeleteAll = async () => {
-    const body = {
-      ids: webhooksToDelete,
-    };
-
-    try {
-      await request('/admin/webhooks/batch-delete', {
-        method: 'POST',
-        body,
-      });
-
-      if (isMounted.current) {
-        dispatch({
-          type: 'WEBHOOKS_DELETED',
-        });
-      }
-    } catch (err) {
-      if (isMounted.current) {
-        if (err.code !== 20) {
-          toggleNotification({
-            type: 'warning',
-            message: { id: 'notification.error' },
-          });
-        }
-      }
-    }
-    setShowModal(false);
-  };
-
-  const handleDeleteClick = id => {
-    setShowModal(true);
-
-    dispatch({
-      type: 'SET_WEBHOOK_TO_DELETE',
-      id,
-    });
-  };
-
-  const handleEnabledChange = async (value, id) => {
-    const webhookIndex = getWebhookIndex(id);
-
-    const initialWebhookProps = webhooks[webhookIndex];
-    const keys = [webhookIndex, 'isEnabled'];
-
-    const body = {
-      ...initialWebhookProps,
-      isEnabled: value,
-    };
-
-    delete body.id;
-
-    try {
-      dispatch({
-        type: 'SET_WEBHOOK_ENABLED',
-        keys,
-        value,
-      });
-
-      await request(`/admin/webhooks/${id}`, {
-        method: 'PUT',
-        body,
-      });
-    } catch (err) {
-      if (isMounted.current) {
-        dispatch({
-          type: 'SET_WEBHOOK_ENABLED',
-          keys,
-          value: !value,
-        });
-
-        if (err.code !== 20) {
-          toggleNotification({
-            type: 'warning',
-            message: { id: 'notification.error' },
-          });
-        }
-      }
-    }
-  };
-
-  const handleGoTo = to => {
-    push(`${pathname}/${to}`);
-  };
-
-  if (isLoading) {
-    return <LoadingIndicatorPage />;
-  }
-
-  return (
-    <Wrapper>
-      <PageTitle name="Webhooks" />
-      <Header {...headerProps} />
-      {canRead && (
-        <div className="list-wrapper">
-          {rowsCount > 0 ? (
-            <List
-              {...listProps}
-              customRowComponent={props => {
-                return (
-                  <ListRow
-                    {...props}
-                    canUpdate={canUpdate}
-                    canDelete={canDelete}
-                    onCheckChange={handleChange}
-                    onEditClick={handleGoTo}
-                    onDeleteCLick={handleDeleteClick}
-                    onEnabledChange={handleEnabledChange}
-                    itemsToDelete={webhooksToDelete}
-                  />
-                );
-              }}
-            />
-          ) : (
-            <EmptyState
-              title={formatMessage({ id: 'Settings.webhooks.list.empty.title' })}
-              description={formatMessage({ id: 'Settings.webhooks.list.empty.description' })}
-              link="https://strapi.io/documentation/developer-docs/latest/development/backend-customization.html#webhooks"
-              linkText={formatMessage({ id: 'Settings.webhooks.list.empty.link' })}
-            />
-          )}
-          <ListButton>{canCreate && <Button {...omit(newButtonProps, 'Component')} />}</ListButton>
-        </div>
-      )}
-      <PopUpWarning
-        isOpen={showModal}
-        toggleModal={() => setShowModal(!showModal)}
-        popUpWarningType="danger"
-        onConfirm={handleConfirmDelete}
-      />
-    </Wrapper>
-  );
-}
-
-export default ListView;

package/admin/src/pages/Webhooks/ListView/reducer.js

@@ -1,56 +0,0 @@
-import produce from 'immer';
-import set from 'lodash/set';
-
-const initialState = {
-  webhooks: [],
-  webhooksToDelete: [],
-  webhookToDelete: null,
-};
-
-const reducer = (state, action) =>
-  // eslint-disable-next-line consistent-return
-  produce(state, draftState => {
-    switch (action.type) {
-      case 'GET_DATA_SUCCEEDED': {
-        draftState.webhooks = action.data;
-        break;
-      }
-
-      case 'SET_WEBHOOK_ENABLED': {
-        set(draftState, ['webhooks', ...action.keys], action.value);
-        break;
-      }
-
-      case 'SET_WEBHOOK_TO_DELETE': {
-        draftState.webhookToDelete = action.id;
-        break;
-      }
-      case 'SET_WEBHOOKS_TO_DELETE': {
-        if (action.value) {
-          draftState.webhooksToDelete.push(action.id);
-        } else {
-          draftState.webhooksToDelete = state.webhooksToDelete.filter(id => id !== action.id);
-        }
-
-        break;
-      }
-      case 'WEBHOOKS_DELETED': {
-        draftState.webhooks = state.webhooks.filter(
-          webhook => !state.webhooksToDelete.includes(webhook.id)
-        );
-        draftState.webhooksToDelete = [];
-        break;
-      }
-      case 'WEBHOOK_DELETED': {
-        draftState.webhooks = state.webhooks.filter((_, index) => index !== action.index);
-        draftState.webhookToDelete = null;
-
-        break;
-      }
-      default:
-        return draftState;
-    }
-  });
-
-export default reducer;
-export { initialState };

package/admin/src/pages/Webhooks/ProtectedCreateView/index.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { CheckPagePermissions } from '@strapi/helper-plugin';
-import adminPermissions from '../../../permissions';
-import EditView from '../EditView';
-
-const ProtectedCreateView = () => (
-  <CheckPagePermissions permissions={adminPermissions.settings.webhooks.create}>
-    <EditView />
-  </CheckPagePermissions>
-);
-
-export default ProtectedCreateView;

package/admin/src/pages/Webhooks/ProtectedEditView/index.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { CheckPagePermissions } from '@strapi/helper-plugin';
-import adminPermissions from '../../../permissions';
-import EditView from '../EditView';
-
-const ProtectedEditView = () => (
-  <CheckPagePermissions permissions={adminPermissions.settings.webhooks.update}>
-    <EditView />
-  </CheckPagePermissions>
-);
-
-export default ProtectedEditView;

package/admin/src/pages/Webhooks/ProtectedListView/index.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { CheckPagePermissions } from '@strapi/helper-plugin';
-import adminPermissions from '../../../permissions';
-import ListView from '../ListView';
-
-const ProtectedListView = () => (
-  <CheckPagePermissions permissions={adminPermissions.settings.webhooks.main}>
-    <ListView />
-  </CheckPagePermissions>
-);
-
-export default ProtectedListView;

package/ee/admin/components/Roles/RoleForm/index.js

@@ -1,72 +0,0 @@
-import React from 'react';
-import { PropTypes } from 'prop-types';
-import { useIntl } from 'react-intl';
-
-import SizedInput from '../../../../../admin/src/components/SizedInput';
-import { ButtonWithNumber } from '../../../../../admin/src/components/Roles';
-import FormCard from '../../../../../admin/src/components/FormBloc';
-
-const RoleForm = ({ values, errors, onChange, onBlur, isLoading }) => {
-  const { formatMessage } = useIntl();
-
-  const actions = [
-    <ButtonWithNumber number={0} onClick={() => console.log('Open user modal')} key="user-button">
-      {formatMessage({
-        id: 'Settings.roles.form.button.users-with-role',
-        defaultMessage: 'Users with this role',
-      })}
-    </ButtonWithNumber>,
-  ];
-
-  return (
-    <FormCard
-      actions={actions}
-      isLoading={isLoading}
-      title={formatMessage({
-        id: 'Settings.roles.form.title',
-        defaultMessage: 'Details',
-      })}
-      subtitle={formatMessage({
-        id: 'Settings.roles.form.description',
-        defaultMessage: 'Name and description of the role',
-      })}
-    >
-      <SizedInput
-        label="Settings.roles.form.input.name"
-        defaultMessage="Name"
-        name="name"
-        type="text"
-        error={errors.name ? { id: errors.name } : null}
-        onBlur={onBlur}
-        value={values.name}
-        onChange={onChange}
-      />
-
-      <SizedInput
-        label="Settings.roles.form.input.description"
-        defaultMessage="Description"
-        name="description"
-        type="textarea"
-        onBlur={onBlur}
-        value={values.description}
-        onChange={onChange}
-        // Override the default height of the textarea
-        style={{ height: 115 }}
-      />
-    </FormCard>
-  );
-};
-
-RoleForm.defaultProps = {
-  isLoading: false,
-  values: { name: '', description: '' },
-};
-RoleForm.propTypes = {
-  values: PropTypes.object,
-  errors: PropTypes.object.isRequired,
-  onChange: PropTypes.func.isRequired,
-  onBlur: PropTypes.func.isRequired,
-  isLoading: PropTypes.bool,
-};
-
-export default RoleForm;

package/ee/admin/components/Users/MagicLink/index.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-
-import LinkNotification from '../../../../../admin/src/components/Users/LinkNotification';
-import basename from '../../../../../admin/src/core/utils/basename';
-
-const MagicLink = ({ registrationToken }) => {
-  const { formatMessage } = useIntl();
-
-  if (registrationToken) {
-    return (
-      <LinkNotification
-        target={`${window.location.origin}${basename}auth/register?registrationToken=${registrationToken}`}
-      >
-        {formatMessage({ id: 'app.components.Users.MagicLink.connect' })}
-      </LinkNotification>
-    );
-  }
-
-  return (
-    <LinkNotification target={`${window.location.origin}${basename}`}>
-      {formatMessage({ id: 'app.components.Users.MagicLink.connect.sso' })}
-    </LinkNotification>
-  );
-};
-
-MagicLink.defaultProps = {
-  registrationToken: '',
-};
-
-MagicLink.propTypes = {
-  registrationToken: PropTypes.string,
-};
-
-export default MagicLink;

package/ee/admin/components/Users/ModalCreateBody/utils/formDataModel.js

@@ -1,14 +0,0 @@
-import baseModel from '../../../../../../admin/src/components/Users/ModalCreateBody/utils/formDataModel';
-
-const ssoInputsModel = strapi.features.isEnabled(strapi.features.SSO)
-  ? {
-      useSSORegistration: true,
-    }
-  : {};
-
-const formDataModel = {
-  ...baseModel,
-  ...ssoInputsModel,
-};
-
-export default formDataModel;

package/ee/admin/components/Users/ModalCreateBody/utils/roleSettingsForm.js

@@ -1,21 +0,0 @@
-import baseForm from '../../../../../../admin/src/components/Users/ModalCreateBody/utils/roleSettingsForm';
-
-const ssoInputs = strapi.features.isEnabled(strapi.features.SSO)
-  ? {
-      useSSORegistration: {
-        label: 'Settings.permissions.users.form.sso',
-        type: 'bool',
-        validations: {
-          required: true,
-        },
-        description: 'Settings.permissions.users.form.sso.description',
-      },
-    }
-  : {};
-
-const form = {
-  ...baseForm,
-  ...ssoInputs,
-};
-
-export default form;