@strapi/admin 4.11.4 → 4.12.0-beta.1

package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/ReviewWorkflows.js

@@ -1,204 +0,0 @@
-import React, { useEffect, useState } from 'react';
-
-import { Button, ContentLayout, HeaderLayout, Layout, Loader, Main } from '@strapi/design-system';
-import {
-  ConfirmDialog,
-  SettingsPageTitle,
-  useAPIErrorHandler,
-  useFetchClient,
-  useNotification,
-  useTracking,
-} from '@strapi/helper-plugin';
-import { Check } from '@strapi/icons';
-import { Form, FormikProvider, useFormik } from 'formik';
-import { useIntl } from 'react-intl';
-import { useMutation } from 'react-query';
-import { useDispatch, useSelector } from 'react-redux';
-
-import { DragLayer } from '../../../../../../admin/src/components/DragLayer';
-import { useInjectReducer } from '../../../../../../admin/src/hooks/useInjectReducer';
-
-import { setWorkflows } from './actions';
-import { StageDragPreview } from './components/StageDragPreview';
-import { Stages } from './components/Stages';
-import { DRAG_DROP_TYPES, REDUX_NAMESPACE } from './constants';
-import { useReviewWorkflows } from './hooks/useReviewWorkflows';
-import { initialState, reducer } from './reducer';
-import { getWorkflowValidationSchema } from './utils/getWorkflowValidationSchema';
-
-function renderDragLayerItem({ type, item }) {
-  switch (type) {
-    case DRAG_DROP_TYPES.STAGE:
-      return <StageDragPreview {...item} />;
-
-    default:
-      return null;
-  }
-}
-
-export function ReviewWorkflowsPage() {
-  const { trackUsage } = useTracking();
-  const { formatMessage } = useIntl();
-  const dispatch = useDispatch();
-  const { put } = useFetchClient();
-  const { formatAPIError } = useAPIErrorHandler();
-  const toggleNotification = useNotification();
-  const { workflows, status: workflowStatus, refetch: refetchWorkflow } = useReviewWorkflows();
-  const {
-    status,
-    clientState: {
-      currentWorkflow: {
-        data: currentWorkflow,
-        isDirty: currentWorkflowIsDirty,
-        hasDeletedServerStages: currentWorkflowHasDeletedServerStages,
-      },
-    },
-  } = useSelector((state) => state?.[REDUX_NAMESPACE] ?? initialState);
-  const [isConfirmDeleteDialogOpen, setIsConfirmDeleteDialogOpen] = useState(false);
-  const { mutateAsync, isLoading } = useMutation(
-    async ({ workflowId, stages }) => {
-      const {
-        data: { data },
-      } = await put(`/admin/review-workflows/workflows/${workflowId}/stages`, {
-        data: stages,
-      });
-
-      return data;
-    },
-    {
-      onSuccess() {
-        toggleNotification({
-          type: 'success',
-          message: { id: 'notification.success.saved', defaultMessage: 'Saved' },
-        });
-      },
-    }
-  );
-
-  const updateWorkflowStages = async (workflowId, stages) => {
-    try {
-      const res = await mutateAsync({ workflowId, stages });
-
-      return res;
-    } catch (error) {
-      toggleNotification({
-        type: 'warning',
-        message: formatAPIError(error),
-      });
-
-      return null;
-    }
-  };
-
-  const submitForm = async () => {
-    await updateWorkflowStages(currentWorkflow.id, currentWorkflow.stages);
-    await refetchWorkflow();
-
-    setIsConfirmDeleteDialogOpen(false);
-  };
-
-  const handleConfirmDeleteDialog = async () => {
-    await submitForm();
-  };
-
-  const toggleConfirmDeleteDialog = () => {
-    setIsConfirmDeleteDialogOpen((prev) => !prev);
-  };
-
-  const formik = useFormik({
-    enableReinitialize: true,
-    initialValues: currentWorkflow,
-    async onSubmit() {
-      if (currentWorkflowHasDeletedServerStages) {
-        setIsConfirmDeleteDialogOpen(true);
-      } else {
-        submitForm();
-      }
-    },
-    validationSchema: getWorkflowValidationSchema({ formatMessage }),
-    validateOnChange: false,
-  });
-
-  useInjectReducer(REDUX_NAMESPACE, reducer);
-
-  useEffect(() => {
-    dispatch(setWorkflows({ status: workflowStatus, data: workflows }));
-  }, [workflowStatus, workflows, dispatch]);
-
-  useEffect(() => {
-    trackUsage('didViewWorkflow');
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return (
-    <Layout>
-      <SettingsPageTitle
-        name={formatMessage({
-          id: 'Settings.review-workflows.page.title',
-          defaultMessage: 'Review Workflows',
-        })}
-      />
-      <Main tabIndex={-1}>
-        <DragLayer renderItem={renderDragLayerItem} />
-
-        <FormikProvider value={formik}>
-          <Form onSubmit={formik.handleSubmit}>
-            <HeaderLayout
-              primaryAction={
-                <Button
-                  startIcon={<Check />}
-                  type="submit"
-                  size="M"
-                  disabled={!currentWorkflowIsDirty}
-                  // if the confirm dialog is open the loading state is on
-                  // the confirm button already
-                  loading={!isConfirmDeleteDialogOpen && isLoading}
-                >
-                  {formatMessage({
-                    id: 'global.save',
-                    defaultMessage: 'Save',
-                  })}
-                </Button>
-              }
-              title={formatMessage({
-                id: 'Settings.review-workflows.page.title',
-                defaultMessage: 'Review Workflows',
-              })}
-              subtitle={formatMessage(
-                {
-                  id: 'Settings.review-workflows.page.subtitle',
-                  defaultMessage: '{count, plural, one {# stage} other {# stages}}',
-                },
-                { count: currentWorkflow?.stages?.length ?? 0 }
-              )}
-            />
-            <ContentLayout>
-              {status === 'loading' && (
-                <Loader>
-                  {formatMessage({
-                    id: 'Settings.review-workflows.page.isLoading',
-                    defaultMessage: 'Workflow is loading',
-                  })}
-                </Loader>
-              )}
-
-              <Stages stages={formik.values?.stages} />
-            </ContentLayout>
-          </Form>
-        </FormikProvider>
-
-        <ConfirmDialog
-          bodyText={{
-            id: 'Settings.review-workflows.page.delete.confirm.body',
-            defaultMessage:
-              'All entries assigned to deleted stages will be moved to the previous stage. Are you sure you want to save?',
-          }}
-          isConfirmButtonLoading={isLoading}
-          isOpen={isConfirmDeleteDialogOpen}
-          onToggleDialog={toggleConfirmDeleteDialog}
-          onConfirm={handleConfirmDeleteDialog}
-        />
-      </Main>
-    </Layout>
-  );
-}

package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/index.js

@@ -1,3 +0,0 @@
-import { ReviewWorkflowsPage } from './ReviewWorkflows';
-
-export default ReviewWorkflowsPage;

package/ee/server/services/review-workflows/workflows.js

@@ -1,25 +0,0 @@
-'use strict';
-
-const { WORKFLOW_MODEL_UID } = require('../../constants/workflows');
-
-module.exports = ({ strapi }) => ({
-  find(opts) {
-    return strapi.entityService.findMany(WORKFLOW_MODEL_UID, opts);
-  },
-
-  findById(id, opts) {
-    return strapi.entityService.findOne(WORKFLOW_MODEL_UID, id, opts);
-  },
-
-  create(workflowData) {
-    return strapi.entityService.create(WORKFLOW_MODEL_UID, { data: workflowData });
-  },
-
-  count() {
-    return strapi.entityService.count(WORKFLOW_MODEL_UID);
-  },
-
-  update(id, workflowData) {
-    return strapi.entityService.update(WORKFLOW_MODEL_UID, id, { data: workflowData });
-  },
-});