fix: after next merge

Author: brunozoric

packages/app-website-builder-workflows/src/Components/PageEditor/PageEditor.tsx

@@ -3,7 +3,7 @@ import { PageFormWorkflowStateTooltip } from "./PageFormWorkflowStateTooltip.js"
 import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
 import { useApolloClient } from "@apollo/react-hooks";
 import { useSecurity } from "@webiny/app-security";
-import { WorkflowStateProvider } from "@webiny/app-workflows";
+import { Components } from "@webiny/app-workflows";
 import { WB_PAGE_APP } from "~/constants.js";
 import { PageFormWorkflowState } from "./PageFormWorkflowState.js";
 import { PageEditorConfig } from "@webiny/app-website-builder";
@@ -12,6 +12,10 @@ import { PageEditorAutoSave } from "./PageEditorAutoSave.js";
 
 const { Ui } = PageEditorConfig;
 
+const {
+    ContentReview: { WorkflowStateProvider }
+} = Components;
+
 export const PageEditor = Ui.TopBar.Layout.createDecorator(Original => {
     return function PageEditorTopBarWorkflowsState() {
         const page = useSelectFromDocument(doc => {

packages/app-website-builder-workflows/src/Components/PageEditor/PageFormWorkflowState.tsx

@@ -1,8 +1,12 @@
 import React from "react";
-import { WorkflowStateBar } from "@webiny/app-workflows";
+import { Components } from "@webiny/app-workflows";
 import { Alert, Grid } from "@webiny/admin-ui";
 import type { IWorkflowState } from "@webiny/app-workflows/types.js";
 
+const {
+    ContentReview: { WorkflowStateBar }
+} = Components;
+
 interface IStoreAlertProps {
     state: IWorkflowState | undefined | null;
 }

packages/app-website-builder-workflows/src/Components/PageEditor/PageFormWorkflowStateTooltip.tsx

@@ -1,7 +1,11 @@
 import React from "react";
-import { WorkflowStateTooltip } from "@webiny/app-workflows";
+import { Components } from "@webiny/app-workflows";
 import { PageEditorConfig } from "@webiny/app-website-builder";
 
+const {
+    ContentReview: { WorkflowStateTooltip }
+} = Components;
+
 const { Ui } = PageEditorConfig;
 
 const TooltipButton = () => {

packages/app-website-builder-workflows/src/Components/PageWorkflows/PageWorkflowsEditorView.tsx

@@ -2,11 +2,15 @@ import React, { useCallback, useMemo } from "react";
 import { AdminConfig, useRoute, useRouter } from "@webiny/app-admin";
 import { Routes } from "~/routes.js";
 import type { IWorkflowApplication } from "@webiny/app-workflows";
-import { WorkflowsAdmin } from "@webiny/app-workflows";
+import { Components } from "@webiny/app-workflows";
 import { Icon } from "@webiny/admin-ui";
 import { ReactComponent as WorkflowsIcon } from "@webiny/icons/workspaces.svg";
 import { WB_PAGE_APP } from "~/constants.js";
 
+const {
+    Admin: { WorkflowsEditor }
+} = Components;
+
 const { Menu } = AdminConfig;
 
 export const PageWorkflowsEditorMenu = () => {
@@ -49,5 +53,5 @@ export const PageWorkflowsEditorView = () => {
         return apps.find(a => a.id === route.params.app) || apps[0];
     }, [route.params.app, apps]);
 
-    return <WorkflowsAdmin apps={apps} onAppClick={onAppClick} app={app.id} />;
+    return <WorkflowsEditor apps={apps} onAppClick={onAppClick} app={app.id} />;
 };

packages/app-website-builder-workflows/src/Components/PagesList/PagesListContentReviews.tsx

@@ -1,11 +1,15 @@
 import React from "react";
 import { Sidebar } from "@webiny/admin-ui";
 import { PageListConfig } from "@webiny/app-website-builder";
-import { WorkflowStateListAppOverlay } from "@webiny/app-workflows";
+import { Components } from "@webiny/app-workflows";
 import { useApolloClient } from "@apollo/react-hooks";
 import { WB_PAGE_APP } from "~/constants.js";
 import { ReactComponent as WorkflowStateListIcon } from "@webiny/icons/work.svg";
 
+const {
+    Overlay: { WorkflowStateListAppOverlay }
+} = Components;
+
 const { Browser } = PageListConfig;
 
 const PageListContentReviewsButton = () => {

packages/app-workflows/src/Components/WorkflowState/Bar/WorkflowStateBar.tsx

@@ -24,7 +24,7 @@ interface IWorkflowStateBarPropsChildren {
         params: IWorkflowStateBarPropsChildrenParams
     ): React.ReactElement | React.ReactElement[] | null;
 }
-interface IWorkflowStateBarProps {
+export interface IWorkflowStateBarProps {
     /**
      * To have access to a state and workflow, render function is meant to be used.
      * It will rerender on every state change, and it will provide the latest state and workflow.

packages/app-workflows/src/Components/WorkflowState/index.ts

@@ -1,3 +1,4 @@
+export * from "./useWorkflowState.js";
 export * from "./WorkflowStateProvider.js";
 export * from "./Bar/WorkflowStateBar.js";
 export * from "./Overlay/WorkflowStateOverlay.js";

packages/app-workflows/src/index.tsx

@@ -16,7 +16,7 @@ import { WorkflowsEditor } from "./Components/WorkflowsEditor/index.js";
 import { HasWorkflowsEditorPermission } from "./Components/WorkflowsPermissions/index.js";
 
 export { useCanUseWorkflows } from "./hooks/canUseWorkflows.js";
-export { useWorkflowState } from "./Components/WorkflowState/useWorkflowState.js";
+export { useWorkflowState } from "./Components/WorkflowState/index.js";
 export type { IWorkflowApplication, IWorkflowState } from "~/types.js";
 export { WorkflowStateValue } from "~/types.js";
 export { useWorkflowsPermission } from "./Components/WorkflowsPermissions/index.js";